geoiq-frontend-ui-kit/dist/index168.es.js

This project is a UI kit for GeoIQ's frontend. It's built with React, TypeScript, and Vite.

import t from "react";
import { Slider as i } from "./index30.es.js";
import { SwatchGrid as n } from "./index38.es.js";
import { FILTERS as r } from "./index150.es.js";
const s = [
  { key: "brightness", label: "Brightness", suffix: "%", min: 0, max: 200 },
  { key: "contrast", label: "Contrast", suffix: "%", min: 0, max: 200 },
  { key: "saturate", label: "Saturation", suffix: "%", min: 0, max: 200 },
  { key: "sepia", label: "Warmth", suffix: "%", min: 0, max: 100 },
  { key: "blur", label: "Blur", suffix: "px", min: 0, max: 12 },
  { key: "hue", label: "Hue", suffix: "°", min: 0, max: 360 }
];
function o({ adjustments: a, engine: l }) {
  return /* @__PURE__ */ t.createElement("div", null, s.map((e) => /* @__PURE__ */ t.createElement("div", { key: e.key, className: "mb-3" }, /* @__PURE__ */ t.createElement("div", { className: "mb-1 flex justify-between text-xs" }, /* @__PURE__ */ t.createElement("span", null, e.label), /* @__PURE__ */ t.createElement("span", { className: "tabular-nums text-light-4" }, a[e.key], e.suffix)), /* @__PURE__ */ t.createElement(
    i,
    {
      min: e.min,
      max: e.max,
      step: 1,
      value: [a[e.key]],
      onValueChange: ([m]) => l.setAdjustment(e.key, m)
    }
  ))), /* @__PURE__ */ t.createElement("div", { className: "my-3.5 h-px bg-neutral-1" }), /* @__PURE__ */ t.createElement("span", { className: "mb-2 block text-xs text-light-4" }, "Artistic filters"), /* @__PURE__ */ t.createElement(
    n,
    {
      columns: 2,
      value: a.filter,
      onSelect: (e) => l.setFilter(e),
      items: r.map((e) => ({ value: e.id, label: e.name }))
    }
  ));
}
export {
  o as PanelAdjust
};
//# sourceMappingURL=index168.es.js.map