geoiq-frontend-ui-kit 2.0.5 → 2.0.6

package/dist/index131.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index131.es.js","sources":["../src/components/organisms/image-editor/native-bridge.ts"],"sourcesContent":["type ReactNativeWebViewBridge = { postMessage: (message: string) => void }\n\nfunction getNativeBridge(): ReactNativeWebViewBridge | null {\n  if (typeof window === 'undefined') return null\n  const host = window as unknown as {\n    ReactNativeWebView?: ReactNativeWebViewBridge\n  }\n  return host.ReactNativeWebView ?? null\n}\n\n/** No-op outside a React Native WebView. */\nexport function notifyNativeImageEditorState(open: boolean): void {\n  const bridge = getNativeBridge()\n  if (!bridge) return\n\n  try {\n    bridge.postMessage(\n      JSON.stringify({ type: 'IMAGE_EDITOR', payload: { data: { open } } })\n    )\n  } catch {\n    // noop\n  }\n}\n"],"names":["getNativeBridge","notifyNativeImageEditorState","open","bridge"],"mappings":"AAEA,SAASA,IAAmD;AAC1D,SAAI,OAAO,SAAW,MAAoB,OAC7B,OAGD,sBAAsB;AACpC;AAGO,SAASC,EAA6BC,GAAqB;AAChE,QAAMC,IAASH,EAAA;AACf,MAAKG;AAEL,QAAI;AACF,MAAAA,EAAO;AAAA,QACL,KAAK,UAAU,EAAE,MAAM,gBAAgB,SAAS,EAAE,MAAM,EAAE,MAAAD,EAAA,IAAO,CAAG;AAAA,MAAA;AAAA,IAExE,QAAQ;AAAA,IAER;AACF;"}
+{"version":3,"file":"index131.es.js","sources":["../src/components/molecules/creatable-multi-combobox/creatable-multi-combobox.types.ts"],"sourcesContent":["import { PopoverContent } from '@/components/unstyled/popover/popover-components'\nimport React from 'react'\n\nexport type CreatableOption = {\n  id: string\n  name: string\n  disabled?: boolean\n  icon?: React.ReactElement\n}\n\nexport type PopoverContentProps = React.ComponentPropsWithoutRef<\n  typeof PopoverContent\n>\n\n/** Replaces {{fieldId}} in URL with urlTemplateData[fieldId] */\nexport function interpolateUrl(\n  url: string,\n  data: Record<string, unknown>\n): string {\n  return url.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => {\n    const val = data[key]\n    return val != null ? String(val) : ''\n  })\n}\n\nexport type CreatableMultiComboboxPropsType = {\n  /** API URL to fetch options (POST). Supports {{fieldId}} for form value interpolation. Ignored if fetchOptions provided */\n  optionsUrl?: string\n  /** API URL to create new option (POST). Supports {{fieldId}} for form value interpolation. Ignored if createOption provided */\n  createOptionUrl?: string\n  /** Override: custom fetch for options. When provided, optionsUrl is ignored */\n  fetchOptions?: () => Promise<CreatableOption[]>\n  /** Override: custom create handler. When provided, createOptionUrl is ignored */\n  createOption?: (value: string) => Promise<CreatableOption>\n  /** Headers to include in API requests (e.g. Authorization from cookie). Can be sync or async */\n  requestHeaders?:\n    | Record<string, string>\n    | (() => Record<string, string> | Promise<Record<string, string>>)\n  /** Request body for fetch options API. When provided, overrides default { ...urlTemplateData, fieldId } */\n  optionsRequestBody?: Record<string, unknown>\n  /** Request body for create/upsert option API. Merged with { [createOptionValueKey]: value }. E.g. { type: \"zone\" } */\n  createOptionRequestBody?: Record<string, unknown>\n  /** Key for the typed value in create body. Default \"value\". Use \"email\" if API expects that key */\n  createOptionValueKey?: string\n  /** Extra body fields for create (e.g. { email: userEmail } from cookie). Merged last */\n  createOptionExtraBody?:\n    | Record<string, unknown>\n    | (() => Record<string, unknown> | Promise<Record<string, unknown>>)\n  /** When true, createOptionExtraBody is not merged (use when value key is \"email\" and extra would conflict) */\n  skipCreateOptionExtraBody?: boolean\n  /** Form values for URL interpolation (e.g. {{country}} -> values.country) */\n  urlTemplateData?: Record<string, unknown>\n  value: string[]\n  fieldId: string\n  placeholder?: string\n  searchPlaceholder?: string\n  emptyMessage?: string\n  addCustomMessage?: (typedValue: string) => string\n  /** Minimum number of values that must be selected */\n  minSelected?: number\n  /** Maximum number of values that can be selected */\n  maxSelected?: number\n  onChange: (value: string[]) => void\n  container?: Element | null | undefined\n}\n"],"names":["interpolateUrl","url","data","_","key","val"],"mappings":"AAeO,SAASA,EACdC,GACAC,GACQ;AACR,SAAOD,EAAI,QAAQ,kBAAkB,CAACE,GAAGC,MAAQ;AAC/C,UAAMC,IAAMH,EAAKE,CAAG;AACpB,WAAOC,KAAO,OAAO,OAAOA,CAAG,IAAI;AAAA,EACrC,CAAC;AACH;"}

package/dist/index132.es.js

@@ -1,152 +1,52 @@
-import { VERSION as L } from "./index153.es.js";
-import { CROP_RATIOS as st, FILTERS as ot, FONTS as rt, SHAPES as it, SWATCHES as dt } from "./index153.es.js";
-import { createState as b, getState as C, emit as i, emptySourceCanvas as g, resetAdjValues as v, getSel as x } from "./index154.es.js";
-import { zoomIn as T, zoomOut as z, zoomToFit as F, ZOOM_MIN as O, ZOOM_MAX as k, syncCanvasSize as w, render as p, fitStage as I } from "./index155.es.js";
-import { undo as P, redo as E } from "./index156.es.js";
-import { rotate as u, flip as y, resetToOriginal as R, applyCrop as M, cancelCrop as A, setCropRatio as W } from "./index157.es.js";
-import { setMode as B, selectLayer as D } from "./index158.es.js";
-import { commitTextEdit as m } from "./index159.es.js";
-import { addSticker as _ } from "./index160.es.js";
-import { deleteLayer as j, deleteSelected as H, duplicateSelected as U, bringSelectedToFront as N, sendSelectedToBack as Z, setAdjustment as $, setFilter as q, selectShapeType as V, setShapeFill as X, setShapeWidth as G, setBrushSize as J, setBrushStyle as K, setTextFont as Q, setTextSize as Y, setTextColor as ee, setShapeColor as te, setDrawColor as ae, setSelectedColor as le, setSelectedText as se, setSelectedFont as oe, setSelectedTextSize as re, setSelectedBoxWidth as ie, setSelectedShapeFill as de, setSelectedWidth as ne, setSelectedLabel as ce, setSelectedLabelSize as Se, setSelectedLabelColor as pe, setSelectedLabelFont as ue, setSelectedClosed as ye, setSelectedLabelSide as me, setSelectedLabelOffset as he, setSelectedLabelPos as fe, setSelectedLabelRotate as Le, setSelectedLabelDx as be, setSelectedLabelDy as Ce, setMultiPointMode as ge, layerName as ve, rotateSelected as xe, flipSelected as Te } from "./index161.es.js";
-import { doSave as ze, produce as Fe, normalizeSource as d, loadState as h, doLoadImage as n } from "./index162.es.js";
-import { loadSavedLayers as Oe, saveSelectedLayer as ke, insertSavedLayer as we, deleteSavedLayer as Ie, renameSavedLayer as Pe, setSavedLayers as Ee, insertSavedLayerEntry as Re, searchSavedLayers as Me, canSearch as Ae } from "./index163.es.js";
-import { mount as We } from "./index164.es.js";
-import { resumePoly as Be, finishPoly as f, undoPolyPoint as De, cancelPoly as _e, polyStatus as je } from "./index165.es.js";
-function c(s, a) {
-  queueMicrotask(() => {
-    throw new Error(`[image-editor] ${s}`, { cause: a });
-  });
-}
-function He(s) {
-  s = s || {};
-  const a = {}, t = b(s);
-  Oe(t);
-  function o() {
-    try {
-      typeof s.onUiChange == "function" && s.onUiChange(S());
-    } catch (e) {
-      c("onUiChange threw", e);
-    }
-  }
-  t.notify = o, a.on = (e, l) => (t.listeners[e] && t.listeners[e].push(l), a), a.off = (e, l) => (t.listeners[e] && (t.listeners[e] = t.listeners[e].filter((r) => r !== l)), a);
-  function S() {
-    const e = x(t);
-    return {
-      hasImage: !!t.sourceCanvas.width,
-      mode: t.mode,
-      canUndo: t.undoStack.length > 0,
-      canRedo: t.redoStack.length > 0,
-      canReset: !!t.originalCanvas,
-      zoomPercent: Math.round(t.zoom * 100),
-      canZoomIn: t.zoom < k - 1e-6,
-      canZoomOut: t.zoom > O + 1e-6,
-      closeOnBackdrop: s.closeOnBackdrop !== !1,
-      canOpenImage: s.allowOpenImage !== !1,
-      isEditingText: !!t.editingLayer,
-      editingSelectAll: t.editingSelectAll,
-      dims: t.sourceCanvas.width ? `${t.sourceCanvas.width} × ${t.sourceCanvas.height} px` : "No image",
-      statusText: t.statusText,
-      isSaving: t.isSaving,
-      isLoadingImage: t.isLoadingImage,
-      adjustments: { ...t.adj },
-      selectedShapeType: t.selectedShapeType,
-      multiPointMode: !!t.multiPointMode,
-      canSearchSavedLayers: Ae(t),
-      savedLayers: (t.savedLayers || []).map((l) => ({
-        id: l.id,
-        name: l.name,
-        type: l.layer?.type,
-        createdAt: l.createdAt
-      })),
-      poly: je(t),
-      textColor: t.textColor,
-      shapeColor: t.shapeColor,
-      drawColor: t.drawColor,
-      shapeFill: t.shapeFill,
-      shapeWidth: t.shapeWidth,
-      brushSize: t.brushSize,
-      brushStyle: t.brushStyle,
-      textFont: t.textFont,
-      textSize: t.textSize,
-      cropRatio: t.cropRatio,
-      stickers: t.stickers,
-      selected: e ? {
-        id: e.id,
-        type: e.type,
-        color: e.color,
-        text: e.type === "text" ? e.text : void 0,
-        font: e.type === "text" ? e.font : void 0,
-        size: e.type === "text" ? e.size : void 0,
-        boxWidth: e.type === "text" ? e.boxWidth : void 0,
-        fill: e.type === "shape" ? e.fill : void 0,
-        width: e.type === "shape" || e.type === "stroke" ? e.width : void 0,
-        shape: e.type === "shape" ? e.shape : void 0,
-        label: e.type === "shape" ? e.label ?? "" : void 0,
-        labelSize: e.type === "shape" ? e.labelSize : void 0,
-        labelColor: e.type === "shape" ? e.labelColor : void 0,
-        labelFont: e.type === "shape" ? e.labelFont : void 0,
-        pointCount: e.type === "shape" && e.points ? e.points.length : void 0,
-        closed: e.type === "shape" ? !!e.closed : void 0,
-        labelSide: e.type === "shape" ? e.labelSide ?? "above" : void 0,
-        labelOffset: e.type === "shape" ? e.labelOffset : void 0,
-        labelPos: e.type === "shape" ? e.labelPos ?? 0.5 : void 0,
-        labelRotate: e.type === "shape" ? e.labelRotate !== !1 : void 0,
-        labelDx: e.type === "shape" ? e.labelDx ?? 0 : void 0,
-        labelDy: e.type === "shape" ? e.labelDy ?? 0 : void 0
-      } : null,
-      layers: t.layers.map((l) => ({
-        id: l.id,
-        type: l.type,
-        name: ve(l)
-      }))
-    };
-  }
-  return a.getUiState = S, a.refitStage = () => {
-    !t.mounted || !t.sourceCanvas.width || (I(t), p(t));
-  }, a.zoomIn = () => T(t), a.zoomOut = () => z(t), a.zoomToFit = () => F(t), a.setMode = (e) => B(t, e), a.selectLayer = (e) => D(t, e), a.undo = () => P(t), a.redo = () => E(t), a.rotate = (e) => t.selectedId != null ? xe(t, e) : u(t, e), a.flip = (e) => t.selectedId != null ? Te(t, e) : y(t, e), a.rotateImage = (e) => u(t, e), a.flipImage = (e) => y(t, e), a.resetToOriginal = () => R(t), a.applyCrop = () => M(t), a.cancelCrop = () => A(t), a.setCropRatio = (e) => W(t, e), a.commitTextEdit = () => m(t), a.addSticker = (e) => _(t, e), a.setStickers = (e) => {
-    t.stickers = e || [], o();
-  }, a.deleteLayer = (e) => j(t, e), a.deleteSelected = () => H(t), a.duplicateSelected = () => U(t), a.bringSelectedToFront = () => N(t), a.sendSelectedToBack = () => Z(t), a.setAdjustment = (e, l) => $(t, e, l), a.setFilter = (e) => q(t, e), a.selectShapeType = (e) => V(t, e), a.setShapeFill = (e) => X(t, e), a.setShapeWidth = (e) => G(t, e), a.setBrushSize = (e) => J(t, e), a.setBrushStyle = (e) => K(t, e), a.setTextFont = (e) => Q(t, e), a.setTextSize = (e) => Y(t, e), a.setTextColor = (e) => ee(t, e), a.setShapeColor = (e) => te(t, e), a.setDrawColor = (e) => ae(t, e), a.setSelectedColor = (e) => le(t, e), a.setSelectedText = (e) => se(t, e), a.setSelectedFont = (e) => oe(t, e), a.setSelectedTextSize = (e) => re(t, e), a.setSelectedBoxWidth = (e) => ie(t, e), a.setSelectedShapeFill = (e) => de(t, e), a.setSelectedWidth = (e) => ne(t, e), a.setSelectedLabel = (e) => ce(t, e), a.setSelectedLabelSize = (e) => Se(t, e), a.setSelectedLabelColor = (e) => pe(t, e), a.setSelectedLabelFont = (e) => ue(t, e), a.setSelectedClosed = (e) => ye(t, e), a.setSelectedLabelSide = (e) => me(t, e), a.setSelectedLabelOffset = (e) => he(t, e), a.setSelectedLabelPos = (e) => fe(t, e), a.setSelectedLabelRotate = (e) => Le(t, e), a.setSelectedLabelDx = (e) => be(t, e), a.setSelectedLabelDy = (e) => Ce(t, e), a.setMultiPointMode = (e) => ge(t, e), a.continueSelectedLine = () => Be(t), a.finishLine = () => f(t, !1), a.closeLine = () => f(t, !0), a.undoLinePoint = () => De(t), a.cancelLine = () => _e(t), a.saveSelectedLayer = (e) => ke(t, e), a.insertSavedLayer = (e) => we(t, e), a.deleteSavedLayer = (e) => Ie(t, e), a.renameSavedLayer = (e, l) => Pe(t, e, l), a.getSavedLayers = () => (t.savedLayers || []).slice(), a.setSavedLayers = (e) => Ee(t, e), a.insertSavedLayerEntry = (e) => Re(t, e), a.searchSavedLayers = (e) => Me(t, e), a.save = () => ze(t, a), a.export = (e) => (e = e || {}, t.sourceCanvas.width ? Fe(t, e.type, e.quality) : Promise.resolve(null)), a.getState = () => C(t), a.mount = (e) => We(t, a, e), a.openFile = (e) => d(
-    t,
-    e,
-    (l) => n(t, l)
-  ), a.open = (e) => {
-    if (e = e || {}, t.isOpenFlag)
-      return o(), i(t, "open", {}), a;
-    t.isOpenFlag = !0;
-    const l = () => {
-      try {
-        t.mounted && t.sourceCanvas.width && (w(t), p(t));
-      } catch (r) {
-        c("render on open failed", r);
+import { cva as r } from "class-variance-authority";
+const s = r(
+  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  
+    text-light-2 px-3 py-2
+    file:border-0 file:bg-transparent
+    placeholder:font-normal placeholder:text-light-4`,
+  {
+    variants: {
+      isError: {
+        true: "",
+        false: ""
+      },
+      isFocused: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
+        false: ""
       }
-      o(), i(t, "open", {});
-    };
-    return e.state ? (h(t, e.state), setTimeout(l, 0)) : e.image ? d(t, e.image, (r) => {
-      n(t, r), setTimeout(l, 0);
-    }) : setTimeout(l, 0), a;
-  }, a.close = () => {
-    t.isOpenFlag = !1;
-    try {
-      m(t);
-    } catch (e) {
-      c("commit on close failed", e);
-    }
-    return o(), i(t, "close", {}), a;
-  }, a.loadImage = (e) => (d(
-    t,
-    e,
-    (l) => n(t, l)
-  ), a), a.loadState = (e) => (h(t, e), a), a.reset = () => (t.sourceCanvas = g(), t.originalCanvas = null, t.layers = [], t.selectedId = null, t.undoStack = [], t.redoStack = [], t.zoom = 1, v(t), t.statusText = "Ready", o(), a), a.isOpen = () => t.isOpenFlag, a.destroy = () => {
-    a._keyHandler && document.removeEventListener("keydown", a._keyHandler), a._resizeHandler && window.removeEventListener("resize", a._resizeHandler), Object.keys(t.listeners).forEach((e) => t.listeners[e] = []);
-  }, s.autoOpen && a.open({ image: s.image, state: s.state }), a;
-}
-const tt = { version: L, create: He };
+    },
+    defaultVariants: {
+      isError: !1
+    },
+    compoundVariants: [
+      {
+        isError: !0,
+        isFocused: !0,
+        className: "border-danger-2 ring-4 ring-danger-1"
+      },
+      {
+        isError: !1,
+        isFocused: !0,
+        className: "border-primary-2 ring-4 ring-primary-1"
+      },
+      {
+        isError: !0,
+        isFocused: !1,
+        className: "border-danger-2"
+      },
+      {
+        isError: !1,
+        isFocused: !1,
+        className: "border-light-2"
+      }
+    ]
+  }
+);
 export {
-  st as CROP_RATIOS,
-  ot as FILTERS,
-  rt as FONTS,
-  it as SHAPES,
-  dt as SWATCHES,
-  tt as default
+  s as InputVariants
 };
 //# sourceMappingURL=index132.es.js.map

package/dist/index132.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index132.es.js","sources":["../src/components/organisms/image-editor/picture-studio-engine.js"],"sourcesContent":["import {\n  FILTERS,\n  SWATCHES,\n  SHAPES,\n  FONTS,\n  CROP_RATIOS,\n  VERSION,\n} from './engine/constants.js'\nimport {\n  createState,\n  emit,\n  emptySourceCanvas,\n  getSel,\n  getState as readState,\n  resetAdjValues,\n} from './engine/state.js'\nimport {\n  fitStage,\n  render,\n  syncCanvasSize,\n  zoomIn,\n  zoomOut,\n  zoomToFit,\n  ZOOM_MIN,\n  ZOOM_MAX,\n} from './engine/rendering.js'\nimport * as history from './engine/history.js'\nimport * as geometry from './engine/geometry.js'\nimport * as mode from './engine/mode.js'\nimport * as textEditor from './engine/text-editor.js'\nimport * as stickers from './engine/stickers.js'\nimport * as layerActions from './engine/layer-actions.js'\nimport * as saveExport from './engine/save-export.js'\nimport * as savedLayers from './engine/saved-layers.js'\nimport { mount as mountEngine } from './engine/mount.js'\nimport {\n  resumePoly,\n  polyStatus,\n  finishPoly,\n  cancelPoly,\n  undoPolyPoint,\n} from './engine/pointer.js'\n\nexport { FILTERS, SWATCHES, SHAPES, FONTS, CROP_RATIOS }\n\nfunction reportError(context, error) {\n  // Surfaces in DevTools via window.onerror with the stack intact, without\n  // aborting the caller and without a console call the lint config forbids.\n  queueMicrotask(() => {\n    throw new Error(`[image-editor] ${context}`, { cause: error })\n  })\n}\n\nfunction createEngine(config) {\n  config = config || {}\n  const self = {}\n  const state = createState(config)\n  savedLayers.loadSavedLayers(state)\n\n  function notify() {\n    // onUiChange is host code (a React setState, usually). A throw here used to\n    // abort open() before its 'open' event fired, leaving isOpenFlag true while\n    // the UI stayed closed -- after which every open() silently no-opped and the\n    // editor could never be reopened.\n    try {\n      if (typeof config.onUiChange === 'function') {\n        config.onUiChange(getUiState())\n      }\n    } catch (e) {\n      reportError('onUiChange threw', e)\n    }\n  }\n  state.notify = notify\n\n  self.on = (ev, fn) => {\n    if (state.listeners[ev]) state.listeners[ev].push(fn)\n    return self\n  }\n  self.off = (ev, fn) => {\n    if (state.listeners[ev])\n      state.listeners[ev] = state.listeners[ev].filter((f) => f !== fn)\n    return self\n  }\n\n  function getUiState() {\n    const sel = getSel(state)\n    return {\n      hasImage: !!state.sourceCanvas.width,\n      mode: state.mode,\n      canUndo: state.undoStack.length > 0,\n      canRedo: state.redoStack.length > 0,\n      canReset: !!state.originalCanvas,\n      zoomPercent: Math.round(state.zoom * 100),\n      canZoomIn: state.zoom < ZOOM_MAX - 1e-6,\n      canZoomOut: state.zoom > ZOOM_MIN + 1e-6,\n      closeOnBackdrop: config.closeOnBackdrop !== false,\n      canOpenImage: config.allowOpenImage !== false,\n      isEditingText: !!state.editingLayer,\n      editingSelectAll: state.editingSelectAll,\n      dims: state.sourceCanvas.width\n        ? `${state.sourceCanvas.width} × ${state.sourceCanvas.height} px`\n        : 'No image',\n      statusText: state.statusText,\n      isSaving: state.isSaving,\n      isLoadingImage: state.isLoadingImage,\n      adjustments: { ...state.adj },\n      selectedShapeType: state.selectedShapeType,\n      multiPointMode: !!state.multiPointMode,\n      canSearchSavedLayers: savedLayers.canSearch(state),\n      savedLayers: (state.savedLayers || []).map((e) => ({\n        id: e.id,\n        name: e.name,\n        type: e.layer?.type,\n        createdAt: e.createdAt,\n      })),\n      poly: polyStatus(state),\n      textColor: state.textColor,\n      shapeColor: state.shapeColor,\n      drawColor: state.drawColor,\n      shapeFill: state.shapeFill,\n      shapeWidth: state.shapeWidth,\n      brushSize: state.brushSize,\n      brushStyle: state.brushStyle,\n      textFont: state.textFont,\n      textSize: state.textSize,\n      cropRatio: state.cropRatio,\n      stickers: state.stickers,\n      selected: sel\n        ? {\n            id: sel.id,\n            type: sel.type,\n            color: sel.color,\n            text: sel.type === 'text' ? sel.text : undefined,\n            font: sel.type === 'text' ? sel.font : undefined,\n            size: sel.type === 'text' ? sel.size : undefined,\n            boxWidth: sel.type === 'text' ? sel.boxWidth : undefined,\n            fill: sel.type === 'shape' ? sel.fill : undefined,\n            width:\n              sel.type === 'shape' || sel.type === 'stroke'\n                ? sel.width\n                : undefined,\n            shape: sel.type === 'shape' ? sel.shape : undefined,\n            label: sel.type === 'shape' ? (sel.label ?? '') : undefined,\n            labelSize: sel.type === 'shape' ? sel.labelSize : undefined,\n            labelColor: sel.type === 'shape' ? sel.labelColor : undefined,\n            labelFont: sel.type === 'shape' ? sel.labelFont : undefined,\n            pointCount:\n              sel.type === 'shape' && sel.points\n                ? sel.points.length\n                : undefined,\n            closed: sel.type === 'shape' ? !!sel.closed : undefined,\n            labelSide:\n              sel.type === 'shape' ? (sel.labelSide ?? 'above') : undefined,\n            labelOffset: sel.type === 'shape' ? sel.labelOffset : undefined,\n            labelPos: sel.type === 'shape' ? (sel.labelPos ?? 0.5) : undefined,\n            labelRotate:\n              sel.type === 'shape' ? sel.labelRotate !== false : undefined,\n            labelDx: sel.type === 'shape' ? (sel.labelDx ?? 0) : undefined,\n            labelDy: sel.type === 'shape' ? (sel.labelDy ?? 0) : undefined,\n          }\n        : null,\n      layers: state.layers.map((l) => ({\n        id: l.id,\n        type: l.type,\n        name: layerActions.layerName(l),\n      })),\n    }\n  }\n  self.getUiState = getUiState\n\n  self.refitStage = () => {\n    if (!state.mounted || !state.sourceCanvas.width) return\n    fitStage(state)\n    render(state)\n  }\n  self.zoomIn = () => zoomIn(state)\n  self.zoomOut = () => zoomOut(state)\n  self.zoomToFit = () => zoomToFit(state)\n  self.setMode = (m) => mode.setMode(state, m)\n  self.selectLayer = (id) => mode.selectLayer(state, id)\n  self.undo = () => history.undo(state)\n  self.redo = () => history.redo(state)\n  // With a layer selected these act on that layer; otherwise on the image.\n  self.rotate = (deg) =>\n    state.selectedId != null\n      ? layerActions.rotateSelected(state, deg)\n      : geometry.rotate(state, deg)\n  self.flip = (hz) =>\n    state.selectedId != null\n      ? layerActions.flipSelected(state, hz)\n      : geometry.flip(state, hz)\n  // Explicit escape hatches, so the image can still be transformed directly.\n  self.rotateImage = (deg) => geometry.rotate(state, deg)\n  self.flipImage = (hz) => geometry.flip(state, hz)\n  self.resetToOriginal = () => geometry.resetToOriginal(state)\n  self.applyCrop = () => geometry.applyCrop(state)\n  self.cancelCrop = () => geometry.cancelCrop(state)\n  self.setCropRatio = (v) => geometry.setCropRatio(state, v)\n  self.commitTextEdit = () => textEditor.commitTextEdit(state)\n  self.addSticker = (src) => stickers.addSticker(state, src)\n  self.setStickers = (list) => {\n    state.stickers = list || []\n    notify()\n  }\n  self.deleteLayer = (id) => layerActions.deleteLayer(state, id)\n  self.deleteSelected = () => layerActions.deleteSelected(state)\n  self.duplicateSelected = () => layerActions.duplicateSelected(state)\n  self.bringSelectedToFront = () => layerActions.bringSelectedToFront(state)\n  self.sendSelectedToBack = () => layerActions.sendSelectedToBack(state)\n  self.setAdjustment = (key, value) =>\n    layerActions.setAdjustment(state, key, value)\n  self.setFilter = (id) => layerActions.setFilter(state, id)\n  self.selectShapeType = (id) => layerActions.selectShapeType(state, id)\n  self.setShapeFill = (v) => layerActions.setShapeFill(state, v)\n  self.setShapeWidth = (v) => layerActions.setShapeWidth(state, v)\n  self.setBrushSize = (v) => layerActions.setBrushSize(state, v)\n  self.setBrushStyle = (v) => layerActions.setBrushStyle(state, v)\n  self.setTextFont = (v) => layerActions.setTextFont(state, v)\n  self.setTextSize = (v) => layerActions.setTextSize(state, v)\n  self.setTextColor = (v) => layerActions.setTextColor(state, v)\n  self.setShapeColor = (v) => layerActions.setShapeColor(state, v)\n  self.setDrawColor = (v) => layerActions.setDrawColor(state, v)\n  self.setSelectedColor = (v) => layerActions.setSelectedColor(state, v)\n  self.setSelectedText = (v) => layerActions.setSelectedText(state, v)\n  self.setSelectedFont = (v) => layerActions.setSelectedFont(state, v)\n  self.setSelectedTextSize = (v) => layerActions.setSelectedTextSize(state, v)\n  self.setSelectedBoxWidth = (v) => layerActions.setSelectedBoxWidth(state, v)\n  self.setSelectedShapeFill = (v) => layerActions.setSelectedShapeFill(state, v)\n  self.setSelectedWidth = (v) => layerActions.setSelectedWidth(state, v)\n  self.setSelectedLabel = (v) => layerActions.setSelectedLabel(state, v)\n  self.setSelectedLabelSize = (v) => layerActions.setSelectedLabelSize(state, v)\n  self.setSelectedLabelColor = (v) =>\n    layerActions.setSelectedLabelColor(state, v)\n  self.setSelectedLabelFont = (v) => layerActions.setSelectedLabelFont(state, v)\n  self.setSelectedClosed = (v) => layerActions.setSelectedClosed(state, v)\n  self.setSelectedLabelSide = (v) => layerActions.setSelectedLabelSide(state, v)\n  self.setSelectedLabelOffset = (v) =>\n    layerActions.setSelectedLabelOffset(state, v)\n  self.setSelectedLabelPos = (v) => layerActions.setSelectedLabelPos(state, v)\n  self.setSelectedLabelRotate = (v) =>\n    layerActions.setSelectedLabelRotate(state, v)\n  self.setSelectedLabelDx = (v) => layerActions.setSelectedLabelDx(state, v)\n  self.setSelectedLabelDy = (v) => layerActions.setSelectedLabelDy(state, v)\n  self.setMultiPointMode = (v) => layerActions.setMultiPointMode(state, v)\n  self.continueSelectedLine = () => resumePoly(state)\n  // Touch has no Enter/Esc/Backspace, so every session action needs a button.\n  self.finishLine = () => finishPoly(state, false)\n  self.closeLine = () => finishPoly(state, true)\n  self.undoLinePoint = () => undoPolyPoint(state)\n  self.cancelLine = () => cancelPoly(state)\n  self.saveSelectedLayer = (name) => savedLayers.saveSelectedLayer(state, name)\n  self.insertSavedLayer = (id) => savedLayers.insertSavedLayer(state, id)\n  self.deleteSavedLayer = (id) => savedLayers.deleteSavedLayer(state, id)\n  self.renameSavedLayer = (id, name) =>\n    savedLayers.renameSavedLayer(state, id, name)\n  self.getSavedLayers = () => (state.savedLayers || []).slice()\n  self.setSavedLayers = (list) => savedLayers.setSavedLayers(state, list)\n  self.insertSavedLayerEntry = (entry) =>\n    savedLayers.insertSavedLayerEntry(state, entry)\n  self.searchSavedLayers = (q) => savedLayers.searchSavedLayers(state, q)\n  self.save = () => saveExport.doSave(state, self)\n  self.export = (opts) => {\n    opts = opts || {}\n    if (!state.sourceCanvas.width) return Promise.resolve(null)\n    return saveExport.produce(state, opts.type, opts.quality)\n  }\n  self.getState = () => readState(state)\n  self.mount = (refs) => mountEngine(state, self, refs)\n  self.openFile = (file) =>\n    saveExport.normalizeSource(state, file, (d) =>\n      saveExport.doLoadImage(state, d)\n    )\n\n  self.open = (opts) => {\n    opts = opts || {}\n    if (state.isOpenFlag) {\n      // Already flagged open. Re-emit rather than only notifying: if the host\n      // never saw the last 'open' -- a throw mid-open, or a wrapper that hid\n      // itself without calling close -- the flag and the UI have drifted apart,\n      // and every later open() would no-op, leaving a permanently dead button.\n      notify()\n      emit(state, 'open', {})\n      return self\n    }\n    state.isOpenFlag = true\n    const finish = () => {\n      try {\n        if (state.mounted && state.sourceCanvas.width) {\n          syncCanvasSize(state)\n          render(state)\n        }\n      } catch (e) {\n        // A render failure must not strand isOpenFlag: the event below is what\n        // the host listens on, and without it the editor can never reopen.\n        reportError('render on open failed', e)\n      }\n      notify()\n      emit(state, 'open', {})\n    }\n    if (opts.state) {\n      saveExport.loadState(state, opts.state)\n      setTimeout(finish, 0)\n    } else if (opts.image) {\n      saveExport.normalizeSource(state, opts.image, (d) => {\n        saveExport.doLoadImage(state, d)\n        setTimeout(finish, 0)\n      })\n    } else {\n      setTimeout(finish, 0)\n    }\n    return self\n  }\n  self.close = () => {\n    state.isOpenFlag = false\n    try {\n      textEditor.commitTextEdit(state)\n    } catch (e) {\n      reportError('commit on close failed', e)\n    }\n    notify()\n    emit(state, 'close', {})\n    return self\n  }\n  self.loadImage = (src) => {\n    saveExport.normalizeSource(state, src, (d) =>\n      saveExport.doLoadImage(state, d)\n    )\n    return self\n  }\n  self.loadState = (s) => {\n    saveExport.loadState(state, s)\n    return self\n  }\n  self.reset = () => {\n    state.sourceCanvas = emptySourceCanvas()\n    state.originalCanvas = null\n    state.layers = []\n    state.selectedId = null\n    state.undoStack = []\n    state.redoStack = []\n    state.zoom = 1\n    resetAdjValues(state)\n    state.statusText = 'Ready'\n    notify()\n    return self\n  }\n  self.isOpen = () => state.isOpenFlag\n  self.destroy = () => {\n    if (self._keyHandler)\n      document.removeEventListener('keydown', self._keyHandler)\n    if (self._resizeHandler)\n      window.removeEventListener('resize', self._resizeHandler)\n    Object.keys(state.listeners).forEach((k) => (state.listeners[k] = []))\n  }\n\n  if (config.autoOpen) self.open({ image: config.image, state: config.state })\n\n  return self\n}\n\nconst PictureStudioEngine = { version: VERSION, create: createEngine }\nexport default PictureStudioEngine\n"],"names":["reportError","context","error","createEngine","config","self","state","createState","savedLayers.loadSavedLayers","notify","getUiState","ev","fn","f","sel","getSel","ZOOM_MAX","ZOOM_MIN","savedLayers.canSearch","e","polyStatus","layerActions.layerName","fitStage","render","zoomIn","zoomOut","zoomToFit","m","mode.setMode","id","mode.selectLayer","history.undo","history.redo","deg","layerActions.rotateSelected","geometry.rotate","hz","layerActions.flipSelected","geometry.flip","geometry.resetToOriginal","geometry.applyCrop","geometry.cancelCrop","v","geometry.setCropRatio","textEditor.commitTextEdit","src","stickers.addSticker","list","layerActions.deleteLayer","layerActions.deleteSelected","layerActions.duplicateSelected","layerActions.bringSelectedToFront","layerActions.sendSelectedToBack","key","value","layerActions.setAdjustment","layerActions.setFilter","layerActions.selectShapeType","layerActions.setShapeFill","layerActions.setShapeWidth","layerActions.setBrushSize","layerActions.setBrushStyle","layerActions.setTextFont","layerActions.setTextSize","layerActions.setTextColor","layerActions.setShapeColor","layerActions.setDrawColor","layerActions.setSelectedColor","layerActions.setSelectedText","layerActions.setSelectedFont","layerActions.setSelectedTextSize","layerActions.setSelectedBoxWidth","layerActions.setSelectedShapeFill","layerActions.setSelectedWidth","layerActions.setSelectedLabel","layerActions.setSelectedLabelSize","layerActions.setSelectedLabelColor","layerActions.setSelectedLabelFont","layerActions.setSelectedClosed","layerActions.setSelectedLabelSide","layerActions.setSelectedLabelOffset","layerActions.setSelectedLabelPos","layerActions.setSelectedLabelRotate","layerActions.setSelectedLabelDx","layerActions.setSelectedLabelDy","layerActions.setMultiPointMode","resumePoly","finishPoly","undoPolyPoint","cancelPoly","name","savedLayers.saveSelectedLayer","savedLayers.insertSavedLayer","savedLayers.deleteSavedLayer","savedLayers.renameSavedLayer","savedLayers.setSavedLayers","entry","savedLayers.insertSavedLayerEntry","q","savedLayers.searchSavedLayers","saveExport.doSave","opts","saveExport.produce","readState","refs","mountEngine","file","saveExport.normalizeSource","d","saveExport.doLoadImage","emit","finish","syncCanvasSize","saveExport.loadState","s","emptySourceCanvas","resetAdjValues","k","PictureStudioEngine","VERSION"],"mappings":"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"}
+{"version":3,"file":"index132.es.js","sources":["../src/components/atoms/input/input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const InputVariants = cva(\n  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  \n    text-light-2 px-3 py-2\n    file:border-0 file:bg-transparent\n    placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isError: {\n        true: '',\n        false: '',\n      },\n      isFocused: {\n        true: '',\n        false: '',\n      },\n      disabled: {\n        true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isError: false,\n    },\n    compoundVariants: [\n      {\n        isError: true,\n        isFocused: true,\n        className: 'border-danger-2 ring-4 ring-danger-1',\n      },\n      {\n        isError: false,\n        isFocused: true,\n        className: 'border-primary-2 ring-4 ring-primary-1',\n      },\n      {\n        isError: true,\n        isFocused: false,\n        className: 'border-danger-2',\n      },\n      {\n        isError: false,\n        isFocused: false,\n        className: 'border-light-2',\n      },\n    ],\n  }\n)\n"],"names":["InputVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ;"}

package/dist/index133.es.js

@@ -1,17 +1,46 @@
-import { cva as s } from "class-variance-authority";
-const o = s("", {
-  variants: {
-    bgColor: {
-      success: "bg-success-2",
-      danger: "bg-danger-2",
-      stroke: "bg-light-4"
-    }
-  },
-  defaultVariants: {
-    bgColor: "success"
+import * as e from "react";
+import { OTPInput as l, OTPInputContext as u } from "input-otp";
+import { Dot as f } from "lucide-react";
+import { cn as n } from "./index91.es.js";
+import { OTPInputVariants as d } from "./index165.es.js";
+const O = e.forwardRef(({ className: t, containerClassName: a, ...r }, o) => /* @__PURE__ */ e.createElement(
+  l,
+  {
+    ref: o,
+    containerClassName: n("flex items-center gap-3", a),
+    className: n(t),
+    ...r,
+    inputMode: "text"
   }
-});
+));
+O.displayName = "InputOTP";
+const P = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement("div", { ref: r, className: n("flex items-center", t), ...a }));
+P.displayName = "InputOTPGroup";
+const T = e.forwardRef(
+  ({ index: t, className: a, isError: r, ...o }, s) => {
+    const m = e.useContext(u), { char: p, hasFakeCaret: c, isActive: i } = m.slots[t];
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: s,
+        className: n(
+          d({ isError: r, isFocused: i }),
+          a
+        ),
+        ...o
+      },
+      p,
+      c && /* @__PURE__ */ e.createElement("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ e.createElement("div", { className: "h-4 w-px animate-caret-blink bg-black duration-1000" }))
+    );
+  }
+);
+T.displayName = "InputOTPSlot";
+const I = e.forwardRef(({ ...t }, a) => /* @__PURE__ */ e.createElement("div", { ref: a, role: "separator", ...t }, /* @__PURE__ */ e.createElement(f, null)));
+I.displayName = "InputOTPSeparator";
 export {
-  o as SliderBgColorVariants
+  O as InputOTP,
+  P as InputOTPGroup,
+  I as InputOTPSeparator,
+  T as InputOTPSlot
 };
 //# sourceMappingURL=index133.es.js.map

package/dist/index133.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index133.es.js","sources":["../src/components/molecules/polar-slider/polar-slider.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const SliderBgColorVariants = cva('', {\n  variants: {\n    bgColor: {\n      success: 'bg-success-2',\n      danger: 'bg-danger-2',\n      stroke: 'bg-light-4',\n    },\n  },\n  defaultVariants: {\n    bgColor: 'success',\n  },\n})\n"],"names":["SliderBgColorVariants","cva"],"mappings":";AAEO,MAAMA,IAAwBC,EAAI,IAAI;AAAA,EAC3C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;"}
+{"version":3,"file":"index133.es.js","sources":["../src/components/unstyled/otp-input/otp-input-component.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { OTPInput, OTPInputContext } from 'input-otp'\nimport { Dot } from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { InputOTPSlotProps } from './otp-input.types'\nimport { OTPInputVariants } from './otp-input.styles'\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput> & { isError?: boolean }\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn('flex items-center gap-3', containerClassName)}\n    className={cn(className)}\n    {...props}\n    inputMode=\"text\"\n  />\n))\nInputOTP.displayName = 'InputOTP'\n\nconst InputOTPGroup = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center', className)} {...props} />\n))\nInputOTPGroup.displayName = 'InputOTPGroup'\n\nconst InputOTPSlot = React.forwardRef<HTMLDivElement, InputOTPSlotProps>(\n  ({ index, className, isError, ...props }, ref) => {\n    const inputOTPContext = React.useContext(OTPInputContext)\n    const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          OTPInputVariants({ isError, isFocused: isActive }),\n          className\n        )}\n        {...props}\n      >\n        {char}\n        {hasFakeCaret && (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n            <div className=\"h-4 w-px animate-caret-blink bg-black duration-1000\" />\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nInputOTPSlot.displayName = 'InputOTPSlot'\n\nconst InputOTPSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Dot />\n  </div>\n))\nInputOTPSeparator.displayName = 'InputOTPSeparator'\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"names":["InputOTP","React","className","containerClassName","props","ref","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","isError","inputOTPContext","OTPInputContext","char","hasFakeCaret","isActive","OTPInputVariants","InputOTPSeparator","Dot"],"mappings":";;;;;AASA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,oBAAAC,GAAoB,GAAGC,EAAA,GAASC,MAC9C,gBAAAJ,EAAA;AAAA,EAACK;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,oBAAoBE,EAAG,2BAA2BJ,CAAkB;AAAA,IACpE,WAAWI,EAAGL,CAAS;AAAA,IACtB,GAAGE;AAAA,IACJ,WAAU;AAAA,EAAA;AACZ,CACD;AACDJ,EAAS,cAAc;AAEvB,MAAMQ,IAAgBP,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGE,KAASC,sCACzB,OAAA,EAAI,KAAAA,GAAU,WAAWE,EAAG,qBAAqBL,CAAS,GAAI,GAAGE,GAAO,CAC1E;AACDI,EAAc,cAAc;AAE5B,MAAMC,IAAeR,EAAM;AAAA,EACzB,CAAC,EAAE,OAAAS,GAAO,WAAAR,GAAW,SAAAS,GAAS,GAAGP,EAAA,GAASC,MAAQ;AAChD,UAAMO,IAAkBX,EAAM,WAAWY,CAAe,GAClD,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,MAAaJ,EAAgB,MAAMF,CAAK;AACpE,WACE,gBAAAT,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAI;AAAA,QACA,WAAWE;AAAA,UACTU,EAAiB,EAAE,SAAAN,GAAS,WAAWK,GAAU;AAAA,UACjDd;AAAA,QAAA;AAAA,QAED,GAAGE;AAAA,MAAA;AAAA,MAEHU;AAAA,MACAC,qCACE,OAAA,EAAI,WAAU,2EACb,gBAAAd,EAAA,cAAC,OAAA,EAAI,WAAU,sDAAA,CAAsD,CACvE;AAAA,IAAA;AAAA,EAIR;AACF;AAEAQ,EAAa,cAAc;AAE3B,MAAMS,IAAoBjB,EAAM,WAG9B,CAAC,EAAE,GAAGG,KAASC,sCACd,OAAA,EAAI,KAAAA,GAAU,MAAK,aAAa,GAAGD,KAClC,gBAAAH,EAAA,cAACkB,GAAA,IAAI,CACP,CACD;AACDD,EAAkB,cAAc;"}