geoiq-frontend-ui-kit 2.0.4 → 2.0.6

package/dist/{index.es165.js.map → index169.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es165.js","sources":["../src/components/organisms/image-editor/engine/canvas-filter.js"],"sourcesContent":["let contextFilterSupport = null\n\nexport function supportsContextFilter() {\n  if (contextFilterSupport !== null) return contextFilterSupport\n  if (typeof document === 'undefined') return false\n  const ctx = document.createElement('canvas').getContext('2d')\n  contextFilterSupport = !!ctx && 'filter' in ctx\n  return contextFilterSupport\n}\n\nfunction escapeXml(value) {\n  return String(value)\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n}\n\nfunction toAmount(raw) {\n  const value = parseFloat(raw)\n  if (Number.isNaN(value)) return null\n  return raw.trim().endsWith('%') ? value / 100 : value\n}\n\nfunction componentTransfer(slope, intercept) {\n  const fn = ['R', 'G', 'B']\n    .map(\n      (c) =>\n        `<feFunc${c} type=\"linear\" slope=\"${slope}\" intercept=\"${intercept}\"/>`\n    )\n    .join('')\n  return `<feComponentTransfer>${fn}</feComponentTransfer>`\n}\n\nfunction sepiaMatrix(amount) {\n  const r = 1 - amount\n  const m = [\n    0.393 + 0.607 * r,\n    0.769 - 0.769 * r,\n    0.189 - 0.189 * r,\n    0,\n    0,\n    0.349 - 0.349 * r,\n    0.686 + 0.314 * r,\n    0.168 - 0.168 * r,\n    0,\n    0,\n    0.272 - 0.272 * r,\n    0.534 - 0.534 * r,\n    0.131 + 0.869 * r,\n    0,\n    0,\n    0,\n    0,\n    0,\n    1,\n    0,\n  ]\n  return `<feColorMatrix type=\"matrix\" values=\"${m.join(' ')}\"/>`\n}\n\nfunction toSvgPrimitives(filter) {\n  const primitives = []\n  const re = /([a-zA-Z-]+)\\(([^)]*)\\)/g\n  let match\n\n  while ((match = re.exec(filter)) !== null) {\n    const name = match[1].toLowerCase()\n    const amount = toAmount(match[2])\n    if (amount === null) continue\n\n    switch (name) {\n      case 'brightness':\n        primitives.push(componentTransfer(amount, 0))\n        break\n      case 'contrast':\n        primitives.push(componentTransfer(amount, -0.5 * amount + 0.5))\n        break\n      case 'saturate':\n        primitives.push(`<feColorMatrix type=\"saturate\" values=\"${amount}\"/>`)\n        break\n      case 'grayscale':\n        primitives.push(\n          `<feColorMatrix type=\"saturate\" values=\"${1 - amount}\"/>`\n        )\n        break\n      case 'sepia':\n        primitives.push(sepiaMatrix(amount))\n        break\n      case 'hue-rotate':\n        primitives.push(`<feColorMatrix type=\"hueRotate\" values=\"${amount}\"/>`)\n        break\n      case 'blur':\n        if (amount > 0) {\n          primitives.push(`<feGaussianBlur stdDeviation=\"${amount}\"/>`)\n        }\n        break\n      default:\n        break\n    }\n  }\n\n  return primitives\n}\n\nexport function rasterizeWithFilter(sourceCanvas, filter) {\n  return new Promise((resolve, reject) => {\n    const primitives = toSvgPrimitives(filter)\n    if (!primitives.length) {\n      reject(new Error('no translatable filter primitives'))\n      return\n    }\n\n    const { width, height } = sourceCanvas\n    const href = sourceCanvas.toDataURL('image/png')\n    const svg =\n      `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${width}\" height=\"${height}\">` +\n      `<filter id=\"f\" color-interpolation-filters=\"sRGB\" ` +\n      `x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">${primitives.join('')}</filter>` +\n      `<image href=\"${escapeXml(href)}\" width=\"${width}\" height=\"${height}\" ` +\n      `filter=\"url(#f)\"/>` +\n      `</svg>`\n\n    const img = new Image()\n    img.onload = () => resolve(img)\n    img.onerror = () => reject(new Error('filter rasterisation failed'))\n    img.src = 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svg)\n  })\n}\n"],"names":["contextFilterSupport","supportsContextFilter","ctx","escapeXml","value","toAmount","raw","componentTransfer","slope","intercept","c","sepiaMatrix","amount","r","toSvgPrimitives","filter","primitives","re","match","name","rasterizeWithFilter","sourceCanvas","resolve","reject","width","height","href","svg","img"],"mappings":"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"}
+{"version":3,"file":"index169.es.js","sources":["../src/components/organisms/image-editor/engine/canvas-filter.js"],"sourcesContent":["let contextFilterSupport = null\n\nexport function supportsContextFilter() {\n  if (contextFilterSupport !== null) return contextFilterSupport\n  if (typeof document === 'undefined') return false\n  const ctx = document.createElement('canvas').getContext('2d')\n  contextFilterSupport = !!ctx && 'filter' in ctx\n  return contextFilterSupport\n}\n\nfunction escapeXml(value) {\n  return String(value)\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    .replace(/\"/g, '&quot;')\n}\n\nfunction toAmount(raw) {\n  const value = parseFloat(raw)\n  if (Number.isNaN(value)) return null\n  return raw.trim().endsWith('%') ? value / 100 : value\n}\n\nfunction componentTransfer(slope, intercept) {\n  const fn = ['R', 'G', 'B']\n    .map(\n      (c) =>\n        `<feFunc${c} type=\"linear\" slope=\"${slope}\" intercept=\"${intercept}\"/>`\n    )\n    .join('')\n  return `<feComponentTransfer>${fn}</feComponentTransfer>`\n}\n\nfunction sepiaMatrix(amount) {\n  const r = 1 - amount\n  const m = [\n    0.393 + 0.607 * r,\n    0.769 - 0.769 * r,\n    0.189 - 0.189 * r,\n    0,\n    0,\n    0.349 - 0.349 * r,\n    0.686 + 0.314 * r,\n    0.168 - 0.168 * r,\n    0,\n    0,\n    0.272 - 0.272 * r,\n    0.534 - 0.534 * r,\n    0.131 + 0.869 * r,\n    0,\n    0,\n    0,\n    0,\n    0,\n    1,\n    0,\n  ]\n  return `<feColorMatrix type=\"matrix\" values=\"${m.join(' ')}\"/>`\n}\n\nfunction toSvgPrimitives(filter) {\n  const primitives = []\n  const re = /([a-zA-Z-]+)\\(([^)]*)\\)/g\n  let match\n\n  while ((match = re.exec(filter)) !== null) {\n    const name = match[1].toLowerCase()\n    const amount = toAmount(match[2])\n    if (amount === null) continue\n\n    switch (name) {\n      case 'brightness':\n        primitives.push(componentTransfer(amount, 0))\n        break\n      case 'contrast':\n        primitives.push(componentTransfer(amount, -0.5 * amount + 0.5))\n        break\n      case 'saturate':\n        primitives.push(`<feColorMatrix type=\"saturate\" values=\"${amount}\"/>`)\n        break\n      case 'grayscale':\n        primitives.push(\n          `<feColorMatrix type=\"saturate\" values=\"${1 - amount}\"/>`\n        )\n        break\n      case 'sepia':\n        primitives.push(sepiaMatrix(amount))\n        break\n      case 'hue-rotate':\n        primitives.push(`<feColorMatrix type=\"hueRotate\" values=\"${amount}\"/>`)\n        break\n      case 'blur':\n        if (amount > 0) {\n          primitives.push(`<feGaussianBlur stdDeviation=\"${amount}\"/>`)\n        }\n        break\n      default:\n        break\n    }\n  }\n\n  return primitives\n}\n\nexport function rasterizeWithFilter(sourceCanvas, filter) {\n  return new Promise((resolve, reject) => {\n    const primitives = toSvgPrimitives(filter)\n    if (!primitives.length) {\n      reject(new Error('no translatable filter primitives'))\n      return\n    }\n\n    const { width, height } = sourceCanvas\n    const href = sourceCanvas.toDataURL('image/png')\n    const svg =\n      `<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"${width}\" height=\"${height}\">` +\n      `<filter id=\"f\" color-interpolation-filters=\"sRGB\" ` +\n      `x=\"0\" y=\"0\" width=\"100%\" height=\"100%\">${primitives.join('')}</filter>` +\n      `<image href=\"${escapeXml(href)}\" width=\"${width}\" height=\"${height}\" ` +\n      `filter=\"url(#f)\"/>` +\n      `</svg>`\n\n    const img = new Image()\n    img.onload = () => resolve(img)\n    img.onerror = () => reject(new Error('filter rasterisation failed'))\n    img.src = 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svg)\n  })\n}\n"],"names":["contextFilterSupport","supportsContextFilter","ctx","escapeXml","value","toAmount","raw","componentTransfer","slope","intercept","c","sepiaMatrix","amount","r","toSvgPrimitives","filter","primitives","re","match","name","rasterizeWithFilter","sourceCanvas","resolve","reject","width","height","href","svg","img"],"mappings":"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"}

package/dist/{index.es17.js → index17.es.js}

@@ -1,7 +1,7 @@
 import * as t from "react";
 import * as e from "@radix-ui/react-tooltip";
-import { cn as m } from "./index.es89.js";
-import { Typography as o } from "./index.es19.js";
+import { cn as m } from "./index91.es.js";
+import { Typography as o } from "./index19.es.js";
 const f = e.Provider, g = e.Root, h = e.Trigger, n = t.forwardRef(({ className: a, sideOffset: i = 4, headerText: r, content: l, ...d }, s) => /* @__PURE__ */ t.createElement(
   e.Content,
   {
@@ -22,4 +22,4 @@ export {
   h as TooltipTrigger,
   g as TooltipWrapper
 };
-//# sourceMappingURL=index.es17.js.map
+//# sourceMappingURL=index17.es.js.map

package/dist/{index.es17.js.map → index17.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es17.js","sources":["../src/components/atoms/tooltip/tooltip-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/components/atoms/typography'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\ntype TooltipContentProps = {\n  headerText: React.ReactNode\n  content: React.ReactNode\n} & Omit<\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,\n  'content'\n>\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(({ className, sideOffset = 4, headerText, content, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 overflow-hidden bg-light-1 rounded-lg bg p-3 text-xs text-light-4 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border border-neutral-1 max-w-96 shadow-lg',\n      className\n    )}\n    {...props}\n  >\n    <div className=\"flex gap-0.5 flex-col\">\n      <Typography variant={'body5'} className=\"text-light-2\">\n        {headerText}\n      </Typography>\n      <Typography variant={'body6'} className=\"text-light-4\">\n        {content}\n      </Typography>\n    </div>\n  </TooltipPrimitive.Content>\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport {\n  Tooltip as TooltipWrapper,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n}\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","headerText","content","props","ref","cn","Typography"],"mappings":";;;;AAQA,MAAMA,IAAkBC,EAAiB,UAEnCC,IAAUD,EAAiB,MAE3BE,IAAiBF,EAAiB,SAUlCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,YAAAC,GAAY,SAAAC,GAAS,GAAGC,EAAA,GAASC,MAC/D,gBAAAN,EAAA;AAAA,EAACJ,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAU;AAAA,IACA,YAAAJ;AAAA,IACA,WAAWK;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAED,GAAGI;AAAA,EAAA;AAAA,kCAEH,OAAA,EAAI,WAAU,2BACb,gBAAAL,EAAA,cAACQ,GAAA,EAAW,SAAS,SAAS,WAAU,kBACrCL,CACH,mCACCK,GAAA,EAAW,SAAS,SAAS,WAAU,eAAA,GACrCJ,CACH,CACF;AACF,CACD;AACDL,EAAe,cAAcH,EAAiB,QAAQ;"}
+{"version":3,"file":"index17.es.js","sources":["../src/components/atoms/tooltip/tooltip-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/components/atoms/typography'\n\nconst TooltipProvider = TooltipPrimitive.Provider\n\nconst Tooltip = TooltipPrimitive.Root\n\nconst TooltipTrigger = TooltipPrimitive.Trigger\n\ntype TooltipContentProps = {\n  headerText: React.ReactNode\n  content: React.ReactNode\n} & Omit<\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>,\n  'content'\n>\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(({ className, sideOffset = 4, headerText, content, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'z-50 overflow-hidden bg-light-1 rounded-lg bg p-3 text-xs text-light-4 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 border border-neutral-1 max-w-96 shadow-lg',\n      className\n    )}\n    {...props}\n  >\n    <div className=\"flex gap-0.5 flex-col\">\n      <Typography variant={'body5'} className=\"text-light-2\">\n        {headerText}\n      </Typography>\n      <Typography variant={'body6'} className=\"text-light-4\">\n        {content}\n      </Typography>\n    </div>\n  </TooltipPrimitive.Content>\n))\nTooltipContent.displayName = TooltipPrimitive.Content.displayName\n\nexport {\n  Tooltip as TooltipWrapper,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n}\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","headerText","content","props","ref","cn","Typography"],"mappings":";;;;AAQA,MAAMA,IAAkBC,EAAiB,UAEnCC,IAAUD,EAAiB,MAE3BE,IAAiBF,EAAiB,SAUlCG,IAAiBC,EAAM,WAG3B,CAAC,EAAE,WAAAC,GAAW,YAAAC,IAAa,GAAG,YAAAC,GAAY,SAAAC,GAAS,GAAGC,EAAA,GAASC,MAC/D,gBAAAN,EAAA;AAAA,EAACJ,EAAiB;AAAA,EAAjB;AAAA,IACC,KAAAU;AAAA,IACA,YAAAJ;AAAA,IACA,WAAWK;AAAA,MACT;AAAA,MACAN;AAAA,IAAA;AAAA,IAED,GAAGI;AAAA,EAAA;AAAA,kCAEH,OAAA,EAAI,WAAU,2BACb,gBAAAL,EAAA,cAACQ,GAAA,EAAW,SAAS,SAAS,WAAU,kBACrCL,CACH,mCACCK,GAAA,EAAW,SAAS,SAAS,WAAU,eAAA,GACrCJ,CACH,CACF;AACF,CACD;AACDL,EAAe,cAAcH,EAAiB,QAAQ;"}

package/dist/{index.es166.js → index170.es.js}

@@ -1,4 +1,4 @@
-import { applyZoom as m, renderOverlay as x } from "./index.es145.js";
+import { applyZoom as m, renderOverlay as x } from "./index154.es.js";
 function f(n) {
   const [r, i] = n;
   return { x: (r.x + i.x) / 2, y: (r.y + i.y) / 2 };
@@ -54,4 +54,4 @@ export {
   h as panPointerUp,
   I as resetPan
 };
-//# sourceMappingURL=index.es166.js.map
+//# sourceMappingURL=index170.es.js.map

package/dist/{index.es166.js.map → index170.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es166.js","sources":["../src/components/organisms/image-editor/engine/touch-pan.js"],"sourcesContent":["import { applyZoom, renderOverlay } from './rendering.js'\n\nfunction midpoint(points) {\n  const [a, b] = points\n  return { x: (a.x + b.x) / 2, y: (a.y + b.y) / 2 }\n}\n\nfunction distance(points) {\n  const [a, b] = points\n  return Math.hypot(a.x - b.x, a.y - b.y)\n}\n\nfunction cancelActiveDrag(state) {\n  if (!state.dragMode) return\n  state.pendingStroke = null\n  state.pendingShape = null\n  state.dragMode = null\n  if (\n    state.activePointerId != null &&\n    state.overlayEl?.hasPointerCapture?.(state.activePointerId)\n  ) {\n    state.overlayEl.releasePointerCapture(state.activePointerId)\n  }\n  state.activePointerId = null\n  renderOverlay(state)\n  state.notify()\n}\n\nfunction baseline(state) {\n  const points = [...state.panPointers.values()].slice(0, 2)\n  if (points.length !== 2) return null\n  const mid = midpoint(points)\n  return { x: mid.x, y: mid.y, distance: distance(points) }\n}\n\nfunction cancelFrame(state) {\n  if (state.panFrame == null) return\n  cancelAnimationFrame(state.panFrame)\n  state.panFrame = null\n}\n\nfunction applyGesture(state) {\n  const points = [...state.panPointers.values()].slice(0, 2)\n  if (points.length !== 2 || !state.panLast || !state.stageEl) return\n\n  const stage = state.stageEl\n  const mid = midpoint(points)\n  const dist = distance(points)\n  const rect = stage.getBoundingClientRect()\n  const localX = mid.x - rect.left\n  const localY = mid.y - rect.top\n\n  if (state.panLast.distance > 0 && dist > 0) {\n    const ratio = dist / state.panLast.distance\n    if (Math.abs(ratio - 1) > 0.005) {\n      const previousScale = state.viewScale\n      applyZoom(state, state.zoom * ratio)\n      const scaled = state.viewScale / previousScale\n      if (scaled !== 1) {\n        stage.scrollLeft = (stage.scrollLeft + localX) * scaled - localX\n        stage.scrollTop = (stage.scrollTop + localY) * scaled - localY\n      }\n    }\n  }\n\n  stage.scrollLeft -= mid.x - state.panLast.x\n  stage.scrollTop -= mid.y - state.panLast.y\n  state.panLast = { x: mid.x, y: mid.y, distance: dist }\n}\n\nexport function panPointerDown(state, e) {\n  if (e.pointerType === 'mouse') return false\n  state.panPointers ??= new Map()\n  state.panPointers.set(e.pointerId, { x: e.clientX, y: e.clientY })\n  if (!state.stageEl || state.panPointers.size < 2) return false\n\n  cancelActiveDrag(state)\n  state.panLast = baseline(state)\n  return true\n}\n\nexport function panPointerMove(state, e) {\n  if (!state.panPointers?.has(e.pointerId)) return false\n  state.panPointers.set(e.pointerId, { x: e.clientX, y: e.clientY })\n  if (state.panPointers.size < 2 || !state.panLast || !state.stageEl) {\n    return false\n  }\n\n  if (state.panFrame == null) {\n    state.panFrame = requestAnimationFrame(() => {\n      state.panFrame = null\n      applyGesture(state)\n    })\n  }\n  return true\n}\n\nexport function panPointerUp(state, e) {\n  if (!state.panPointers) return\n  if (state.panFrame != null) {\n    cancelFrame(state)\n    applyGesture(state)\n  }\n  state.panPointers.delete(e.pointerId)\n  state.panLast = state.panPointers.size >= 2 ? baseline(state) : null\n}\n\nexport function resetPan(state) {\n  cancelFrame(state)\n  state.panPointers?.clear()\n  state.panLast = null\n}\n"],"names":["midpoint","points","a","b","distance","cancelActiveDrag","state","renderOverlay","baseline","mid","cancelFrame","applyGesture","stage","dist","rect","localX","localY","ratio","previousScale","applyZoom","scaled","panPointerDown","e","panPointerMove","panPointerUp","resetPan"],"mappings":"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"}
+{"version":3,"file":"index170.es.js","sources":["../src/components/organisms/image-editor/engine/touch-pan.js"],"sourcesContent":["import { applyZoom, renderOverlay } from './rendering.js'\n\nfunction midpoint(points) {\n  const [a, b] = points\n  return { x: (a.x + b.x) / 2, y: (a.y + b.y) / 2 }\n}\n\nfunction distance(points) {\n  const [a, b] = points\n  return Math.hypot(a.x - b.x, a.y - b.y)\n}\n\nfunction cancelActiveDrag(state) {\n  if (!state.dragMode) return\n  state.pendingStroke = null\n  state.pendingShape = null\n  state.dragMode = null\n  if (\n    state.activePointerId != null &&\n    state.overlayEl?.hasPointerCapture?.(state.activePointerId)\n  ) {\n    state.overlayEl.releasePointerCapture(state.activePointerId)\n  }\n  state.activePointerId = null\n  renderOverlay(state)\n  state.notify()\n}\n\nfunction baseline(state) {\n  const points = [...state.panPointers.values()].slice(0, 2)\n  if (points.length !== 2) return null\n  const mid = midpoint(points)\n  return { x: mid.x, y: mid.y, distance: distance(points) }\n}\n\nfunction cancelFrame(state) {\n  if (state.panFrame == null) return\n  cancelAnimationFrame(state.panFrame)\n  state.panFrame = null\n}\n\nfunction applyGesture(state) {\n  const points = [...state.panPointers.values()].slice(0, 2)\n  if (points.length !== 2 || !state.panLast || !state.stageEl) return\n\n  const stage = state.stageEl\n  const mid = midpoint(points)\n  const dist = distance(points)\n  const rect = stage.getBoundingClientRect()\n  const localX = mid.x - rect.left\n  const localY = mid.y - rect.top\n\n  if (state.panLast.distance > 0 && dist > 0) {\n    const ratio = dist / state.panLast.distance\n    if (Math.abs(ratio - 1) > 0.005) {\n      const previousScale = state.viewScale\n      applyZoom(state, state.zoom * ratio)\n      const scaled = state.viewScale / previousScale\n      if (scaled !== 1) {\n        stage.scrollLeft = (stage.scrollLeft + localX) * scaled - localX\n        stage.scrollTop = (stage.scrollTop + localY) * scaled - localY\n      }\n    }\n  }\n\n  stage.scrollLeft -= mid.x - state.panLast.x\n  stage.scrollTop -= mid.y - state.panLast.y\n  state.panLast = { x: mid.x, y: mid.y, distance: dist }\n}\n\nexport function panPointerDown(state, e) {\n  if (e.pointerType === 'mouse') return false\n  state.panPointers ??= new Map()\n  state.panPointers.set(e.pointerId, { x: e.clientX, y: e.clientY })\n  if (!state.stageEl || state.panPointers.size < 2) return false\n\n  cancelActiveDrag(state)\n  state.panLast = baseline(state)\n  return true\n}\n\nexport function panPointerMove(state, e) {\n  if (!state.panPointers?.has(e.pointerId)) return false\n  state.panPointers.set(e.pointerId, { x: e.clientX, y: e.clientY })\n  if (state.panPointers.size < 2 || !state.panLast || !state.stageEl) {\n    return false\n  }\n\n  if (state.panFrame == null) {\n    state.panFrame = requestAnimationFrame(() => {\n      state.panFrame = null\n      applyGesture(state)\n    })\n  }\n  return true\n}\n\nexport function panPointerUp(state, e) {\n  if (!state.panPointers) return\n  if (state.panFrame != null) {\n    cancelFrame(state)\n    applyGesture(state)\n  }\n  state.panPointers.delete(e.pointerId)\n  state.panLast = state.panPointers.size >= 2 ? baseline(state) : null\n}\n\nexport function resetPan(state) {\n  cancelFrame(state)\n  state.panPointers?.clear()\n  state.panLast = null\n}\n"],"names":["midpoint","points","a","b","distance","cancelActiveDrag","state","renderOverlay","baseline","mid","cancelFrame","applyGesture","stage","dist","rect","localX","localY","ratio","previousScale","applyZoom","scaled","panPointerDown","e","panPointerMove","panPointerUp","resetPan"],"mappings":"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"}

package/dist/{index.es173.js → index171.es.js}

@@ -1,23 +1,23 @@
 import t from "react";
-import { Input as m } from "./index.es11.js";
-import { Checkbox as v } from "./index.es10.js";
-import { RadioGroup as u, RadioGroupItem as p } from "./index.es13.js";
-import { MultiCombobox as I } from "./index.es23.js";
-import { SingleCombobox as _ } from "./index.es27.js";
-import { CreatableMultiCombobox as C } from "./index.es28.js";
-import { Textarea as x } from "./index.es16.js";
-import { Typography as s } from "./index.es19.js";
+import { Input as m } from "./index11.es.js";
+import { Checkbox as v } from "./index10.es.js";
+import { RadioGroup as u, RadioGroupItem as p } from "./index13.es.js";
+import { MultiCombobox as I } from "./index25.es.js";
+import { SingleCombobox as _ } from "./index29.es.js";
+import { CreatableMultiCombobox as C } from "./index30.es.js";
+import { Textarea as x } from "./index16.es.js";
+import { Typography as s } from "./index19.es.js";
 import { Phone as O, Mail as T } from "lucide-react";
-import { SingleImagePicker as y } from "./index.es178.js";
-import { SingleVideoPicker as R } from "./index.es179.js";
-import { MultiImagePicker as M } from "./index.es180.js";
-import { MultiVideoPicker as P } from "./index.es181.js";
-import { RepeatableGroup as N } from "./index.es182.js";
-import { TaggableMultiImagePicker as B } from "./index.es183.js";
-import { FormFieldType as c } from "./index.es162.js";
-import { DatePicker as U } from "./index.es69.js";
-import { TaggableImageUploadFieldWithInput as G } from "./index.es184.js";
-import { useFormValues as L } from "./index.es161.js";
+import { SingleImagePicker as y } from "./index180.es.js";
+import { SingleVideoPicker as R } from "./index181.es.js";
+import { MultiImagePicker as M } from "./index182.es.js";
+import { MultiVideoPicker as P } from "./index183.es.js";
+import { RepeatableGroup as N } from "./index184.es.js";
+import { TaggableMultiImagePicker as B } from "./index185.es.js";
+import { FormFieldType as c } from "./index145.es.js";
+import { DatePicker as U } from "./index71.es.js";
+import { TaggableImageUploadFieldWithInput as G } from "./index186.es.js";
+import { useFormValues as L } from "./index144.es.js";
 const f = ({ field: e }) => {
   const {
     values: o,
@@ -286,4 +286,4 @@ const f = ({ field: e }) => {
 export {
   f as FormField
 };
-//# sourceMappingURL=index.es173.js.map
+//# sourceMappingURL=index171.es.js.map

package/dist/{index.es173.js.map → index171.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es173.js","sources":["../src/components/ui/form-renderer/components/form-fields/index.tsx"],"sourcesContent":["// components/FormField.tsx\nimport React from 'react'\nimport {\n  AssetValue,\n  FormField as FormFieldInterface,\n  RadioGroupWithInputFieldValue,\n  TaggableAssetValue,\n} from '../../form.types'\nimport { useFormValues } from '../../context/form-values'\nimport { Input } from '@/components/atoms/input'\nimport { Checkbox } from '@/components/atoms/checkbox'\nimport { RadioGroup } from '@/components/atoms/radio-group'\nimport { RadioGroupItem } from '@/components/atoms/radio-group'\nimport { MultiCombobox } from '@/components/molecules/multi-combobox'\nimport { SingleCombobox } from '@/components/molecules/single-combobox'\nimport { CreatableMultiCombobox } from '@/components/molecules/creatable-multi-combobox'\nimport { Textarea } from '@/components/atoms/textarea'\nimport { Typography } from '@/components/atoms/typography'\n\nimport { Mail, Phone } from 'lucide-react'\nimport { SingleImagePicker } from './components/single-image-picker'\nimport { SingleVideoPicker } from './components/single-video-picker'\nimport { MultiImagePicker } from './components/multi-image-picker'\nimport { MultiVideoPicker } from './components/multi-video-picker'\nimport { RepeatableGroup } from './components/repeatable-group'\nimport { TaggableMultiImagePicker } from './components/taggable-multi-image-picker'\nimport { FormFieldType } from '../../form.enums'\nimport { DatePicker } from '@/components/unstyled/date-picker'\nimport { TaggableImageUploadFieldWithInput } from './components/taggable-multi-image-picker-with-input'\n\ninterface FormFieldProps {\n  field: FormFieldInterface\n}\n\nexport const FormField: React.FC<FormFieldProps> = ({ field }) => {\n  const {\n    values,\n    errors,\n    setValue,\n    getRequestHeaders,\n    getCreateOptionExtraBody,\n  } = useFormValues()\n\n  const renderField = () => {\n    switch (field.type) {\n      case FormFieldType.SINGLE_COMBOBOX:\n        return (\n          <SingleCombobox\n            options={field.options.map((option) => ({\n              id: option,\n              name: option,\n            }))}\n            value={values[field.id] as string}\n            onChange={(data) => setValue(field.id, data)}\n            placeholder={field.placeholder}\n          />\n        )\n\n      case FormFieldType.CREATABLE_MULTI_COMBOBOX: {\n        const selected =\n          (values[field.id] as string)?.split(',').filter(Boolean) ?? []\n        return (\n          <CreatableMultiCombobox\n            fieldId={field.id}\n            optionsUrl={field.optionsUrl}\n            createOptionUrl={field.createOptionUrl}\n            optionsRequestBody={field.optionsRequestBody}\n            createOptionRequestBody={field.createOptionRequestBody}\n            createOptionValueKey={field.createOptionValueKey}\n            createOptionExtraBody={\n              field.skipCreateOptionExtraBody\n                ? undefined\n                : getCreateOptionExtraBody\n            }\n            requestHeaders={getRequestHeaders}\n            urlTemplateData={values}\n            value={selected}\n            onChange={(data) =>\n              setValue(field.id, data.length > 0 ? data.join(',') : undefined)\n            }\n            placeholder={field.placeholder}\n            minSelected={field.minSelected}\n            maxSelected={field.maxSelected}\n          />\n        )\n      }\n\n      case FormFieldType.MULTI_COMBOBOX:\n        return (\n          <MultiCombobox\n            options={field.options.map((option) => ({\n              label: option,\n              value: option,\n            }))}\n            selected={(values[field.id] as string)?.split(',') || []}\n            onChange={(data) => {\n              if (data.length === 0) {\n                setValue(field.id, undefined)\n              } else {\n                setValue(field.id, (data as string[]).join(','))\n              }\n            }}\n            placeholder={field.placeholder}\n          />\n        )\n\n      case FormFieldType.RADIO_GROUP:\n        return (\n          <RadioGroup\n            value={values[field.id] as string}\n            onValueChange={(data) => setValue(field.id, data)}\n          >\n            {field.options.map((option) => (\n              <div key={option} className=\"flex items-center space-x-2\">\n                <RadioGroupItem value={option} id={option} />\n                <Typography variant=\"body1\" className=\"text-light-4\">\n                  {option}\n                </Typography>\n              </div>\n            ))}\n          </RadioGroup>\n        )\n\n      case FormFieldType.RADIO_GROUP_WITH_OPTIONAL_INPUT: {\n        const value = values[field.id] as RadioGroupWithInputFieldValue\n        return (\n          <div>\n            <RadioGroup\n              value={value?.radio_value}\n              onValueChange={(data) =>\n                setValue(field.id, {\n                  ...value,\n                  radio_value: data,\n                  input_value: '',\n                })\n              }\n            >\n              {field.options.map((option) => (\n                <div key={option} className=\"flex items-center space-x-2\">\n                  <RadioGroupItem value={option} id={option} />\n                  <Typography variant=\"body1\" className=\"text-light-4\">\n                    {option}\n                  </Typography>\n                </div>\n              ))}\n            </RadioGroup>\n            {field.inputTriggerOptionValue === value?.radio_value ? (\n              <Input\n                id={field.id}\n                type=\"text\"\n                placeholder={field.inputFieldPlaceholder}\n                value={value?.input_value}\n                onChange={(e) =>\n                  setValue(field.id, {\n                    ...value,\n                    input_value: e.target.value,\n                  })\n                }\n              />\n            ) : null}\n          </div>\n        )\n      }\n\n      case FormFieldType.CHECKBOX_GROUP: {\n        const value = values[field.id] as string\n        return (\n          <div className=\"flex flex-col gap-2\">\n            {field.options.map((option) => {\n              return (\n                <div key={option} className=\"flex items-center space-x-2\">\n                  <Checkbox\n                    id={option}\n                    checked={value?.split(',').includes(option)}\n                    onCheckedChange={(data) => {\n                      if (data) {\n                        setValue(\n                          field.id,\n                          value ? `${value},${option}` : option\n                        )\n                      } else {\n                        setValue(\n                          field.id,\n                          value\n                            ?.split(',')\n                            .filter((item) => item !== option)\n                            .join(',')\n                        )\n                      }\n                    }}\n                  />\n                  <Typography variant=\"body1\" className=\"text-light-4\">\n                    {option}\n                  </Typography>\n                </div>\n              )\n            })}\n          </div>\n        )\n      }\n\n      case FormFieldType.DATE_PICKER: {\n        const epochValue = values[field.id] as number | undefined\n        const dateValue = epochValue ? new Date(epochValue * 1000) : undefined\n        return (\n          <DatePicker\n            variant=\"single\"\n            date={dateValue}\n            onDateChange={(date) => {\n              if (date) {\n                setValue(field.id, Math.floor(date.valueOf() / 1000))\n              }\n            }}\n          />\n        )\n      }\n\n      case FormFieldType.LONG_TEXT:\n        return (\n          <Textarea\n            id={field.id}\n            placeholder={field.placeholder}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n          />\n        )\n\n      case FormFieldType.EMAIL:\n        return (\n          <Input\n            type=\"email\"\n            id={field.id}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n            placeholder={field.placeholder}\n            prefix={<Mail className=\"stroke-gray-400\" size={20} />}\n          />\n        )\n\n      case FormFieldType.SHORT_TEXT:\n        // Default string input\n        return (\n          <Input\n            id={field.id}\n            type=\"text\"\n            placeholder={field.placeholder}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n          />\n        )\n      case FormFieldType.MOBILE_NUMBER:\n        return (\n          <Input\n            prefix={<Phone className=\"stroke-gray-400\" size={20} />}\n            type=\"tel\"\n            id={field.id}\n            placeholder={field.placeholder}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n          />\n        )\n      case FormFieldType.NUMBER:\n        return (\n          <Input\n            // type=\"number\"\n            type=\"number\"\n            inputMode=\"decimal\"\n            pattern=\"^\\d*\\.?\\d*$\"\n            id={field.id}\n            placeholder={field.placeholder}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n          />\n        )\n      case FormFieldType.SINGLE_IMAGE_PICKER:\n        return (\n          <SingleImagePicker\n            id={field.id}\n            onChange={(data?: AssetValue) => setValue(field.id, data)}\n            value={values[field.id] as AssetValue | undefined}\n          />\n        )\n\n      case FormFieldType.MULTI_IMAGE_PICKER:\n        return (\n          <MultiImagePicker\n            id={field.id}\n            onChange={(data?: AssetValue[]) => setValue(field.id, data)}\n            value={values[field.id] as AssetValue[] | undefined}\n            maxImages={field.max_items}\n          />\n        )\n\n      case FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER:\n        return (\n          <TaggableMultiImagePicker\n            id={field.id}\n            onChange={(data?: TaggableAssetValue[]) => setValue(field.id, data)}\n            value={values[field.id] as TaggableAssetValue[] | undefined}\n            options={field.options}\n            maxImages={field.max_items}\n          />\n        )\n\n      case FormFieldType.SINGLE_VIDEO_PICKER:\n        return (\n          <SingleVideoPicker\n            id={field.id}\n            onChange={(data?: AssetValue) => setValue(field.id, data)}\n            value={values[field.id] as AssetValue | undefined}\n          />\n        )\n\n      case FormFieldType.MULTI_VIDEO_PICKER:\n        return (\n          <MultiVideoPicker\n            id={field.id}\n            onChange={(data?: AssetValue[]) => setValue(field.id, data)}\n            value={values[field.id] as AssetValue[] | undefined}\n            maxVideos={field.max_items}\n          />\n        )\n\n      case FormFieldType.REPEATABLE_GROUP_FIELD: {\n        return <RepeatableGroup field={field} />\n      }\n\n      case FormFieldType.SINGLE_VIDEO_PICKER_WITH_INPUT: {\n        return (\n          <Input\n            id={field.id}\n            required={field.required}\n            type=\"url\"\n            placeholder={field.placeholder}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n          />\n        )\n      }\n\n      case FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT: {\n        return (\n          <TaggableImageUploadFieldWithInput\n            id={field.id}\n            onChange={(data?: TaggableAssetValue[]) => setValue(field.id, data)}\n            value={values[field.id] as TaggableAssetValue[] | undefined}\n            maxImages={field.max_items}\n            placeholder={field.placeholder}\n          />\n        )\n      }\n\n      default:\n        return <div>Unknown Field</div>\n    }\n  }\n\n  return (\n    <aside className=\"flex flex-col gap-1\">\n      <Typography variant=\"body1\" className=\"text-light-2\">\n        {field.name}\n        {field.required && <span className=\"text-danger-1\">*</span>}\n      </Typography>\n      {renderField()}\n      {errors[field.id] && (\n        <div className=\"error-message\">{errors[field.id]}</div>\n      )}\n    </aside>\n  )\n}\n"],"names":["FormField","field","values","errors","setValue","getRequestHeaders","getCreateOptionExtraBody","useFormValues","renderField","FormFieldType","React","SingleCombobox","option","data","selected","CreatableMultiCombobox","MultiCombobox","RadioGroup","RadioGroupItem","Typography","value","Input","e","Checkbox","item","epochValue","dateValue","DatePicker","date","Textarea","Mail","Phone","SingleImagePicker","MultiImagePicker","TaggableMultiImagePicker","SingleVideoPicker","MultiVideoPicker","RepeatableGroup","TaggableImageUploadFieldWithInput"],"mappings":"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"}
+{"version":3,"file":"index171.es.js","sources":["../src/components/ui/form-renderer/components/form-fields/index.tsx"],"sourcesContent":["// components/FormField.tsx\nimport React from 'react'\nimport {\n  AssetValue,\n  FormField as FormFieldInterface,\n  RadioGroupWithInputFieldValue,\n  TaggableAssetValue,\n} from '../../form.types'\nimport { useFormValues } from '../../context/form-values'\nimport { Input } from '@/components/atoms/input'\nimport { Checkbox } from '@/components/atoms/checkbox'\nimport { RadioGroup } from '@/components/atoms/radio-group'\nimport { RadioGroupItem } from '@/components/atoms/radio-group'\nimport { MultiCombobox } from '@/components/molecules/multi-combobox'\nimport { SingleCombobox } from '@/components/molecules/single-combobox'\nimport { CreatableMultiCombobox } from '@/components/molecules/creatable-multi-combobox'\nimport { Textarea } from '@/components/atoms/textarea'\nimport { Typography } from '@/components/atoms/typography'\n\nimport { Mail, Phone } from 'lucide-react'\nimport { SingleImagePicker } from './components/single-image-picker'\nimport { SingleVideoPicker } from './components/single-video-picker'\nimport { MultiImagePicker } from './components/multi-image-picker'\nimport { MultiVideoPicker } from './components/multi-video-picker'\nimport { RepeatableGroup } from './components/repeatable-group'\nimport { TaggableMultiImagePicker } from './components/taggable-multi-image-picker'\nimport { FormFieldType } from '../../form.enums'\nimport { DatePicker } from '@/components/unstyled/date-picker'\nimport { TaggableImageUploadFieldWithInput } from './components/taggable-multi-image-picker-with-input'\n\ninterface FormFieldProps {\n  field: FormFieldInterface\n}\n\nexport const FormField: React.FC<FormFieldProps> = ({ field }) => {\n  const {\n    values,\n    errors,\n    setValue,\n    getRequestHeaders,\n    getCreateOptionExtraBody,\n  } = useFormValues()\n\n  const renderField = () => {\n    switch (field.type) {\n      case FormFieldType.SINGLE_COMBOBOX:\n        return (\n          <SingleCombobox\n            options={field.options.map((option) => ({\n              id: option,\n              name: option,\n            }))}\n            value={values[field.id] as string}\n            onChange={(data) => setValue(field.id, data)}\n            placeholder={field.placeholder}\n          />\n        )\n\n      case FormFieldType.CREATABLE_MULTI_COMBOBOX: {\n        const selected =\n          (values[field.id] as string)?.split(',').filter(Boolean) ?? []\n        return (\n          <CreatableMultiCombobox\n            fieldId={field.id}\n            optionsUrl={field.optionsUrl}\n            createOptionUrl={field.createOptionUrl}\n            optionsRequestBody={field.optionsRequestBody}\n            createOptionRequestBody={field.createOptionRequestBody}\n            createOptionValueKey={field.createOptionValueKey}\n            createOptionExtraBody={\n              field.skipCreateOptionExtraBody\n                ? undefined\n                : getCreateOptionExtraBody\n            }\n            requestHeaders={getRequestHeaders}\n            urlTemplateData={values}\n            value={selected}\n            onChange={(data) =>\n              setValue(field.id, data.length > 0 ? data.join(',') : undefined)\n            }\n            placeholder={field.placeholder}\n            minSelected={field.minSelected}\n            maxSelected={field.maxSelected}\n          />\n        )\n      }\n\n      case FormFieldType.MULTI_COMBOBOX:\n        return (\n          <MultiCombobox\n            options={field.options.map((option) => ({\n              label: option,\n              value: option,\n            }))}\n            selected={(values[field.id] as string)?.split(',') || []}\n            onChange={(data) => {\n              if (data.length === 0) {\n                setValue(field.id, undefined)\n              } else {\n                setValue(field.id, (data as string[]).join(','))\n              }\n            }}\n            placeholder={field.placeholder}\n          />\n        )\n\n      case FormFieldType.RADIO_GROUP:\n        return (\n          <RadioGroup\n            value={values[field.id] as string}\n            onValueChange={(data) => setValue(field.id, data)}\n          >\n            {field.options.map((option) => (\n              <div key={option} className=\"flex items-center space-x-2\">\n                <RadioGroupItem value={option} id={option} />\n                <Typography variant=\"body1\" className=\"text-light-4\">\n                  {option}\n                </Typography>\n              </div>\n            ))}\n          </RadioGroup>\n        )\n\n      case FormFieldType.RADIO_GROUP_WITH_OPTIONAL_INPUT: {\n        const value = values[field.id] as RadioGroupWithInputFieldValue\n        return (\n          <div>\n            <RadioGroup\n              value={value?.radio_value}\n              onValueChange={(data) =>\n                setValue(field.id, {\n                  ...value,\n                  radio_value: data,\n                  input_value: '',\n                })\n              }\n            >\n              {field.options.map((option) => (\n                <div key={option} className=\"flex items-center space-x-2\">\n                  <RadioGroupItem value={option} id={option} />\n                  <Typography variant=\"body1\" className=\"text-light-4\">\n                    {option}\n                  </Typography>\n                </div>\n              ))}\n            </RadioGroup>\n            {field.inputTriggerOptionValue === value?.radio_value ? (\n              <Input\n                id={field.id}\n                type=\"text\"\n                placeholder={field.inputFieldPlaceholder}\n                value={value?.input_value}\n                onChange={(e) =>\n                  setValue(field.id, {\n                    ...value,\n                    input_value: e.target.value,\n                  })\n                }\n              />\n            ) : null}\n          </div>\n        )\n      }\n\n      case FormFieldType.CHECKBOX_GROUP: {\n        const value = values[field.id] as string\n        return (\n          <div className=\"flex flex-col gap-2\">\n            {field.options.map((option) => {\n              return (\n                <div key={option} className=\"flex items-center space-x-2\">\n                  <Checkbox\n                    id={option}\n                    checked={value?.split(',').includes(option)}\n                    onCheckedChange={(data) => {\n                      if (data) {\n                        setValue(\n                          field.id,\n                          value ? `${value},${option}` : option\n                        )\n                      } else {\n                        setValue(\n                          field.id,\n                          value\n                            ?.split(',')\n                            .filter((item) => item !== option)\n                            .join(',')\n                        )\n                      }\n                    }}\n                  />\n                  <Typography variant=\"body1\" className=\"text-light-4\">\n                    {option}\n                  </Typography>\n                </div>\n              )\n            })}\n          </div>\n        )\n      }\n\n      case FormFieldType.DATE_PICKER: {\n        const epochValue = values[field.id] as number | undefined\n        const dateValue = epochValue ? new Date(epochValue * 1000) : undefined\n        return (\n          <DatePicker\n            variant=\"single\"\n            date={dateValue}\n            onDateChange={(date) => {\n              if (date) {\n                setValue(field.id, Math.floor(date.valueOf() / 1000))\n              }\n            }}\n          />\n        )\n      }\n\n      case FormFieldType.LONG_TEXT:\n        return (\n          <Textarea\n            id={field.id}\n            placeholder={field.placeholder}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n          />\n        )\n\n      case FormFieldType.EMAIL:\n        return (\n          <Input\n            type=\"email\"\n            id={field.id}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n            placeholder={field.placeholder}\n            prefix={<Mail className=\"stroke-gray-400\" size={20} />}\n          />\n        )\n\n      case FormFieldType.SHORT_TEXT:\n        // Default string input\n        return (\n          <Input\n            id={field.id}\n            type=\"text\"\n            placeholder={field.placeholder}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n          />\n        )\n      case FormFieldType.MOBILE_NUMBER:\n        return (\n          <Input\n            prefix={<Phone className=\"stroke-gray-400\" size={20} />}\n            type=\"tel\"\n            id={field.id}\n            placeholder={field.placeholder}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n          />\n        )\n      case FormFieldType.NUMBER:\n        return (\n          <Input\n            // type=\"number\"\n            type=\"number\"\n            inputMode=\"decimal\"\n            pattern=\"^\\d*\\.?\\d*$\"\n            id={field.id}\n            placeholder={field.placeholder}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n          />\n        )\n      case FormFieldType.SINGLE_IMAGE_PICKER:\n        return (\n          <SingleImagePicker\n            id={field.id}\n            onChange={(data?: AssetValue) => setValue(field.id, data)}\n            value={values[field.id] as AssetValue | undefined}\n          />\n        )\n\n      case FormFieldType.MULTI_IMAGE_PICKER:\n        return (\n          <MultiImagePicker\n            id={field.id}\n            onChange={(data?: AssetValue[]) => setValue(field.id, data)}\n            value={values[field.id] as AssetValue[] | undefined}\n            maxImages={field.max_items}\n          />\n        )\n\n      case FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER:\n        return (\n          <TaggableMultiImagePicker\n            id={field.id}\n            onChange={(data?: TaggableAssetValue[]) => setValue(field.id, data)}\n            value={values[field.id] as TaggableAssetValue[] | undefined}\n            options={field.options}\n            maxImages={field.max_items}\n          />\n        )\n\n      case FormFieldType.SINGLE_VIDEO_PICKER:\n        return (\n          <SingleVideoPicker\n            id={field.id}\n            onChange={(data?: AssetValue) => setValue(field.id, data)}\n            value={values[field.id] as AssetValue | undefined}\n          />\n        )\n\n      case FormFieldType.MULTI_VIDEO_PICKER:\n        return (\n          <MultiVideoPicker\n            id={field.id}\n            onChange={(data?: AssetValue[]) => setValue(field.id, data)}\n            value={values[field.id] as AssetValue[] | undefined}\n            maxVideos={field.max_items}\n          />\n        )\n\n      case FormFieldType.REPEATABLE_GROUP_FIELD: {\n        return <RepeatableGroup field={field} />\n      }\n\n      case FormFieldType.SINGLE_VIDEO_PICKER_WITH_INPUT: {\n        return (\n          <Input\n            id={field.id}\n            required={field.required}\n            type=\"url\"\n            placeholder={field.placeholder}\n            value={values[field.id] as string}\n            onChange={(e) => setValue(field.id, e.target.value)}\n          />\n        )\n      }\n\n      case FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT: {\n        return (\n          <TaggableImageUploadFieldWithInput\n            id={field.id}\n            onChange={(data?: TaggableAssetValue[]) => setValue(field.id, data)}\n            value={values[field.id] as TaggableAssetValue[] | undefined}\n            maxImages={field.max_items}\n            placeholder={field.placeholder}\n          />\n        )\n      }\n\n      default:\n        return <div>Unknown Field</div>\n    }\n  }\n\n  return (\n    <aside className=\"flex flex-col gap-1\">\n      <Typography variant=\"body1\" className=\"text-light-2\">\n        {field.name}\n        {field.required && <span className=\"text-danger-1\">*</span>}\n      </Typography>\n      {renderField()}\n      {errors[field.id] && (\n        <div className=\"error-message\">{errors[field.id]}</div>\n      )}\n    </aside>\n  )\n}\n"],"names":["FormField","field","values","errors","setValue","getRequestHeaders","getCreateOptionExtraBody","useFormValues","renderField","FormFieldType","React","SingleCombobox","option","data","selected","CreatableMultiCombobox","MultiCombobox","RadioGroup","RadioGroupItem","Typography","value","Input","e","Checkbox","item","epochValue","dateValue","DatePicker","date","Textarea","Mail","Phone","SingleImagePicker","MultiImagePicker","TaggableMultiImagePicker","SingleVideoPicker","MultiVideoPicker","RepeatableGroup","TaggableImageUploadFieldWithInput"],"mappings":"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"}

package/dist/{index.es167.js → index172.es.js}

@@ -1,6 +1,6 @@
 import { X as s, Type as n, Sticker as c, Shapes as m } from "lucide-react";
 import e from "react";
-import { cn as i } from "./index.es89.js";
+import { cn as i } from "./index91.es.js";
 function o(t) {
   return t === "text" ? /* @__PURE__ */ e.createElement(n, { className: "h-3.5 w-3.5 shrink-0 text-light-4" }) : t === "sticker" ? /* @__PURE__ */ e.createElement(c, { className: "h-3.5 w-3.5 shrink-0 text-light-4" }) : /* @__PURE__ */ e.createElement(m, { className: "h-3.5 w-3.5 shrink-0 text-light-4" });
 }
@@ -36,4 +36,4 @@ function h({ ui: t, engine: a }) {
 export {
   h as LayersList
 };
-//# sourceMappingURL=index.es167.js.map
+//# sourceMappingURL=index172.es.js.map

package/dist/{index.es167.js.map → index172.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es167.js","sources":["../src/components/organisms/image-editor/components/layers-list.tsx"],"sourcesContent":["import { Shapes, Sticker, Type, X } from 'lucide-react'\nimport React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nimport { ImageEditorEngine, ImageEditorUiState } from '../image-editor.types'\n\ninterface LayersListProps {\n  ui: ImageEditorUiState\n  engine: ImageEditorEngine\n}\n\nfunction layerIcon(type: string) {\n  if (type === 'text')\n    return <Type className=\"h-3.5 w-3.5 shrink-0 text-light-4\" />\n  if (type === 'sticker')\n    return <Sticker className=\"h-3.5 w-3.5 shrink-0 text-light-4\" />\n  return <Shapes className=\"h-3.5 w-3.5 shrink-0 text-light-4\" />\n}\n\nexport function LayersList({ ui, engine }: LayersListProps) {\n  return (\n    <div>\n      <div className=\"my-3.5 h-px bg-neutral-1\" />\n      <div className=\"mb-2 flex items-center justify-between text-xs text-light-4\">\n        <span>Layers</span>\n        <span>{ui.layers.length || ''}</span>\n      </div>\n      {!ui.layers.length ? (\n        <p className=\"text-xs italic text-light-4\">\n          No layers yet. Use Text, Draw, or Shape.\n        </p>\n      ) : (\n        <div className=\"flex flex-col gap-1.5\">\n          {[...ui.layers].reverse().map((l) => (\n            <div\n              key={l.id}\n              className={cn(\n                'flex items-center gap-2 rounded-lg border border-neutral-1 bg-white px-2.5 py-1.5 text-xs cursor-pointer',\n                ui.selected?.id === l.id && 'border-rest-p1 ring-1 ring-rest-p1'\n              )}\n              onClick={() => {\n                if (ui.mode !== 'select') engine.setMode('select')\n                engine.selectLayer(l.id)\n              }}\n            >\n              {layerIcon(l.type)}\n              <span className=\"flex-1 truncate\">{l.name}</span>\n              <button\n                type=\"button\"\n                title=\"Delete\"\n                onClick={(e) => {\n                  e.stopPropagation()\n                  engine.deleteLayer(l.id)\n                }}\n                className=\"text-light-4 hover:text-danger-1\"\n              >\n                <X className=\"h-3.5 w-3.5\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["layerIcon","type","React","Type","Sticker","Shapes","LayersList","ui","engine","l","cn","e","X"],"mappings":";;;AAYA,SAASA,EAAUC,GAAc;AAC/B,SAAIA,MAAS,SACJC,gBAAAA,EAAA,cAACC,GAAA,EAAK,WAAU,oCAAA,CAAoC,IACzDF,MAAS,YACJC,gBAAAA,EAAA,cAACE,GAAA,EAAQ,WAAU,oCAAA,CAAoC,IACzDF,gBAAAA,EAAA,cAACG,GAAA,EAAO,WAAU,oCAAA,CAAoC;AAC/D;AAEO,SAASC,EAAW,EAAE,IAAAC,GAAI,QAAAC,KAA2B;AAC1D,SACEN,gBAAAA,EAAA,cAAC,aACCA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,2BAAA,CAA2B,mCACzC,OAAA,EAAI,WAAU,iEACbA,gBAAAA,EAAA,cAAC,QAAA,MAAK,QAAM,GACZA,gBAAAA,EAAA,cAAC,cAAMK,EAAG,OAAO,UAAU,EAAG,CAChC,GACEA,EAAG,OAAO,SAKVL,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,wBAAA,GACZ,CAAC,GAAGK,EAAG,MAAM,EAAE,QAAA,EAAU,IAAI,CAACE,MAC7BP,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKO,EAAE;AAAA,MACP,WAAWC;AAAA,QACT;AAAA,QACAH,EAAG,UAAU,OAAOE,EAAE,MAAM;AAAA,MAAA;AAAA,MAE9B,SAAS,MAAM;AACb,QAAIF,EAAG,SAAS,YAAUC,EAAO,QAAQ,QAAQ,GACjDA,EAAO,YAAYC,EAAE,EAAE;AAAA,MACzB;AAAA,IAAA;AAAA,IAECT,EAAUS,EAAE,IAAI;AAAA,IACjBP,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,kBAAA,GAAmBO,EAAE,IAAK;AAAA,IAC1CP,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS,CAACS,MAAM;AACd,UAAAA,EAAE,gBAAA,GACFH,EAAO,YAAYC,EAAE,EAAE;AAAA,QACzB;AAAA,QACA,WAAU;AAAA,MAAA;AAAA,MAEVP,gBAAAA,EAAA,cAACU,GAAA,EAAE,WAAU,cAAA,CAAc;AAAA,IAAA;AAAA,EAC7B,CAEH,CACH,IAhCAV,gBAAAA,EAAA,cAAC,KAAA,EAAE,WAAU,8BAAA,GAA8B,0CAE3C,CAgCJ;AAEJ;"}
+{"version":3,"file":"index172.es.js","sources":["../src/components/organisms/image-editor/components/layers-list.tsx"],"sourcesContent":["import { Shapes, Sticker, Type, X } from 'lucide-react'\nimport React from 'react'\n\nimport { cn } from '@/lib/utils'\n\nimport { ImageEditorEngine, ImageEditorUiState } from '../image-editor.types'\n\ninterface LayersListProps {\n  ui: ImageEditorUiState\n  engine: ImageEditorEngine\n}\n\nfunction layerIcon(type: string) {\n  if (type === 'text')\n    return <Type className=\"h-3.5 w-3.5 shrink-0 text-light-4\" />\n  if (type === 'sticker')\n    return <Sticker className=\"h-3.5 w-3.5 shrink-0 text-light-4\" />\n  return <Shapes className=\"h-3.5 w-3.5 shrink-0 text-light-4\" />\n}\n\nexport function LayersList({ ui, engine }: LayersListProps) {\n  return (\n    <div>\n      <div className=\"my-3.5 h-px bg-neutral-1\" />\n      <div className=\"mb-2 flex items-center justify-between text-xs text-light-4\">\n        <span>Layers</span>\n        <span>{ui.layers.length || ''}</span>\n      </div>\n      {!ui.layers.length ? (\n        <p className=\"text-xs italic text-light-4\">\n          No layers yet. Use Text, Draw, or Shape.\n        </p>\n      ) : (\n        <div className=\"flex flex-col gap-1.5\">\n          {[...ui.layers].reverse().map((l) => (\n            <div\n              key={l.id}\n              className={cn(\n                'flex items-center gap-2 rounded-lg border border-neutral-1 bg-white px-2.5 py-1.5 text-xs cursor-pointer',\n                ui.selected?.id === l.id && 'border-rest-p1 ring-1 ring-rest-p1'\n              )}\n              onClick={() => {\n                if (ui.mode !== 'select') engine.setMode('select')\n                engine.selectLayer(l.id)\n              }}\n            >\n              {layerIcon(l.type)}\n              <span className=\"flex-1 truncate\">{l.name}</span>\n              <button\n                type=\"button\"\n                title=\"Delete\"\n                onClick={(e) => {\n                  e.stopPropagation()\n                  engine.deleteLayer(l.id)\n                }}\n                className=\"text-light-4 hover:text-danger-1\"\n              >\n                <X className=\"h-3.5 w-3.5\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["layerIcon","type","React","Type","Sticker","Shapes","LayersList","ui","engine","l","cn","e","X"],"mappings":";;;AAYA,SAASA,EAAUC,GAAc;AAC/B,SAAIA,MAAS,SACJC,gBAAAA,EAAA,cAACC,GAAA,EAAK,WAAU,oCAAA,CAAoC,IACzDF,MAAS,YACJC,gBAAAA,EAAA,cAACE,GAAA,EAAQ,WAAU,oCAAA,CAAoC,IACzDF,gBAAAA,EAAA,cAACG,GAAA,EAAO,WAAU,oCAAA,CAAoC;AAC/D;AAEO,SAASC,EAAW,EAAE,IAAAC,GAAI,QAAAC,KAA2B;AAC1D,SACEN,gBAAAA,EAAA,cAAC,aACCA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,2BAAA,CAA2B,mCACzC,OAAA,EAAI,WAAU,iEACbA,gBAAAA,EAAA,cAAC,QAAA,MAAK,QAAM,GACZA,gBAAAA,EAAA,cAAC,cAAMK,EAAG,OAAO,UAAU,EAAG,CAChC,GACEA,EAAG,OAAO,SAKVL,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,wBAAA,GACZ,CAAC,GAAGK,EAAG,MAAM,EAAE,QAAA,EAAU,IAAI,CAACE,MAC7BP,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKO,EAAE;AAAA,MACP,WAAWC;AAAA,QACT;AAAA,QACAH,EAAG,UAAU,OAAOE,EAAE,MAAM;AAAA,MAAA;AAAA,MAE9B,SAAS,MAAM;AACb,QAAIF,EAAG,SAAS,YAAUC,EAAO,QAAQ,QAAQ,GACjDA,EAAO,YAAYC,EAAE,EAAE;AAAA,MACzB;AAAA,IAAA;AAAA,IAECT,EAAUS,EAAE,IAAI;AAAA,IACjBP,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,kBAAA,GAAmBO,EAAE,IAAK;AAAA,IAC1CP,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAM;AAAA,QACN,SAAS,CAACS,MAAM;AACd,UAAAA,EAAE,gBAAA,GACFH,EAAO,YAAYC,EAAE,EAAE;AAAA,QACzB;AAAA,QACA,WAAU;AAAA,MAAA;AAAA,MAEVP,gBAAAA,EAAA,cAACU,GAAA,EAAE,WAAU,cAAA,CAAc;AAAA,IAAA;AAAA,EAC7B,CAEH,CACH,IAhCAV,gBAAAA,EAAA,cAAC,KAAA,EAAE,WAAU,8BAAA,GAA8B,0CAE3C,CAgCJ;AAEJ;"}

package/dist/{index.es168.js → index173.es.js}

@@ -1,7 +1,7 @@
 import t from "react";
-import { Slider as i } from "./index.es30.js";
-import { SwatchGrid as n } from "./index.es38.js";
-import { FILTERS as r } from "./index.es143.js";
+import { Slider as i } from "./index32.es.js";
+import { SwatchGrid as n } from "./index40.es.js";
+import { FILTERS as r } from "./index152.es.js";
 const s = [
   { key: "brightness", label: "Brightness", suffix: "%", min: 0, max: 200 },
   { key: "contrast", label: "Contrast", suffix: "%", min: 0, max: 200 },
@@ -33,4 +33,4 @@ function o({ adjustments: a, engine: l }) {
 export {
   o as PanelAdjust
 };
-//# sourceMappingURL=index.es168.js.map
+//# sourceMappingURL=index173.es.js.map

package/dist/{index.es168.js.map → index173.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es168.js","sources":["../src/components/organisms/image-editor/components/panel-adjust.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Slider } from '@/components/molecules/slider'\nimport { SwatchGrid } from '@/components/molecules/swatch-grid'\n\nimport {\n  ImageEditorAdjustments,\n  ImageEditorEngine,\n} from '../image-editor.types'\nimport { FILTERS } from '../picture-studio-engine'\n\nconst SLIDERS: {\n  key: Exclude<keyof ImageEditorAdjustments, 'filter'>\n  label: string\n  suffix: string\n  min: number\n  max: number\n}[] = [\n  { key: 'brightness', label: 'Brightness', suffix: '%', min: 0, max: 200 },\n  { key: 'contrast', label: 'Contrast', suffix: '%', min: 0, max: 200 },\n  { key: 'saturate', label: 'Saturation', suffix: '%', min: 0, max: 200 },\n  { key: 'sepia', label: 'Warmth', suffix: '%', min: 0, max: 100 },\n  { key: 'blur', label: 'Blur', suffix: 'px', min: 0, max: 12 },\n  { key: 'hue', label: 'Hue', suffix: '°', min: 0, max: 360 },\n]\n\ninterface PanelAdjustProps {\n  adjustments: ImageEditorAdjustments\n  engine: ImageEditorEngine\n}\n\nexport function PanelAdjust({ adjustments, engine }: PanelAdjustProps) {\n  return (\n    <div>\n      {SLIDERS.map((s) => (\n        <div key={s.key} className=\"mb-3\">\n          <div className=\"mb-1 flex justify-between text-xs\">\n            <span>{s.label}</span>\n            <span className=\"tabular-nums text-light-4\">\n              {adjustments[s.key]}\n              {s.suffix}\n            </span>\n          </div>\n          <Slider\n            min={s.min}\n            max={s.max}\n            step={1}\n            value={[adjustments[s.key]]}\n            onValueChange={([v]) => engine.setAdjustment(s.key, v)}\n          />\n        </div>\n      ))}\n      <div className=\"my-3.5 h-px bg-neutral-1\" />\n      <span className=\"mb-2 block text-xs text-light-4\">Artistic filters</span>\n      <SwatchGrid\n        columns={2}\n        value={adjustments.filter}\n        onSelect={(id) => engine.setFilter(id)}\n        items={FILTERS.map((f) => ({ value: f.id, label: f.name }))}\n      />\n    </div>\n  )\n}\n"],"names":["SLIDERS","PanelAdjust","adjustments","engine","React","s","Slider","v","SwatchGrid","id","FILTERS","f"],"mappings":";;;;AAWA,MAAMA,IAMA;AAAA,EACJ,EAAE,KAAK,cAAc,OAAO,cAAc,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AAAA,EACpE,EAAE,KAAK,YAAY,OAAO,YAAY,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AAAA,EAChE,EAAE,KAAK,YAAY,OAAO,cAAc,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AAAA,EAClE,EAAE,KAAK,SAAS,OAAO,UAAU,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AAAA,EAC3D,EAAE,KAAK,QAAQ,OAAO,QAAQ,QAAQ,MAAM,KAAK,GAAG,KAAK,GAAA;AAAA,EACzD,EAAE,KAAK,OAAO,OAAO,OAAO,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AACxD;AAOO,SAASC,EAAY,EAAE,aAAAC,GAAa,QAAAC,KAA4B;AACrE,SACEC,gBAAAA,EAAA,cAAC,OAAA,MACEJ,EAAQ,IAAI,CAACK,MACZD,gBAAAA,EAAA,cAAC,OAAA,EAAI,KAAKC,EAAE,KAAK,WAAU,OAAA,mCACxB,OAAA,EAAI,WAAU,oCAAA,GACbD,gBAAAA,EAAA,cAAC,QAAA,MAAMC,EAAE,KAAM,mCACd,QAAA,EAAK,WAAU,4BAAA,GACbH,EAAYG,EAAE,GAAG,GACjBA,EAAE,MACL,CACF,GACAD,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,KAAKD,EAAE;AAAA,MACP,KAAKA,EAAE;AAAA,MACP,MAAM;AAAA,MACN,OAAO,CAACH,EAAYG,EAAE,GAAG,CAAC;AAAA,MAC1B,eAAe,CAAC,CAACE,CAAC,MAAMJ,EAAO,cAAcE,EAAE,KAAKE,CAAC;AAAA,IAAA;AAAA,EAAA,CAEzD,CACD,GACDH,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,4BAA2B,GAC1CA,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,kCAAA,GAAkC,kBAAgB,GAClEA,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,OAAON,EAAY;AAAA,MACnB,UAAU,CAACO,MAAON,EAAO,UAAUM,CAAE;AAAA,MACrC,OAAOC,EAAQ,IAAI,CAACC,OAAO,EAAE,OAAOA,EAAE,IAAI,OAAOA,EAAE,KAAA,EAAO;AAAA,IAAA;AAAA,EAAA,CAE9D;AAEJ;"}
+{"version":3,"file":"index173.es.js","sources":["../src/components/organisms/image-editor/components/panel-adjust.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Slider } from '@/components/molecules/slider'\nimport { SwatchGrid } from '@/components/molecules/swatch-grid'\n\nimport {\n  ImageEditorAdjustments,\n  ImageEditorEngine,\n} from '../image-editor.types'\nimport { FILTERS } from '../picture-studio-engine'\n\nconst SLIDERS: {\n  key: Exclude<keyof ImageEditorAdjustments, 'filter'>\n  label: string\n  suffix: string\n  min: number\n  max: number\n}[] = [\n  { key: 'brightness', label: 'Brightness', suffix: '%', min: 0, max: 200 },\n  { key: 'contrast', label: 'Contrast', suffix: '%', min: 0, max: 200 },\n  { key: 'saturate', label: 'Saturation', suffix: '%', min: 0, max: 200 },\n  { key: 'sepia', label: 'Warmth', suffix: '%', min: 0, max: 100 },\n  { key: 'blur', label: 'Blur', suffix: 'px', min: 0, max: 12 },\n  { key: 'hue', label: 'Hue', suffix: '°', min: 0, max: 360 },\n]\n\ninterface PanelAdjustProps {\n  adjustments: ImageEditorAdjustments\n  engine: ImageEditorEngine\n}\n\nexport function PanelAdjust({ adjustments, engine }: PanelAdjustProps) {\n  return (\n    <div>\n      {SLIDERS.map((s) => (\n        <div key={s.key} className=\"mb-3\">\n          <div className=\"mb-1 flex justify-between text-xs\">\n            <span>{s.label}</span>\n            <span className=\"tabular-nums text-light-4\">\n              {adjustments[s.key]}\n              {s.suffix}\n            </span>\n          </div>\n          <Slider\n            min={s.min}\n            max={s.max}\n            step={1}\n            value={[adjustments[s.key]]}\n            onValueChange={([v]) => engine.setAdjustment(s.key, v)}\n          />\n        </div>\n      ))}\n      <div className=\"my-3.5 h-px bg-neutral-1\" />\n      <span className=\"mb-2 block text-xs text-light-4\">Artistic filters</span>\n      <SwatchGrid\n        columns={2}\n        value={adjustments.filter}\n        onSelect={(id) => engine.setFilter(id)}\n        items={FILTERS.map((f) => ({ value: f.id, label: f.name }))}\n      />\n    </div>\n  )\n}\n"],"names":["SLIDERS","PanelAdjust","adjustments","engine","React","s","Slider","v","SwatchGrid","id","FILTERS","f"],"mappings":";;;;AAWA,MAAMA,IAMA;AAAA,EACJ,EAAE,KAAK,cAAc,OAAO,cAAc,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AAAA,EACpE,EAAE,KAAK,YAAY,OAAO,YAAY,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AAAA,EAChE,EAAE,KAAK,YAAY,OAAO,cAAc,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AAAA,EAClE,EAAE,KAAK,SAAS,OAAO,UAAU,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AAAA,EAC3D,EAAE,KAAK,QAAQ,OAAO,QAAQ,QAAQ,MAAM,KAAK,GAAG,KAAK,GAAA;AAAA,EACzD,EAAE,KAAK,OAAO,OAAO,OAAO,QAAQ,KAAK,KAAK,GAAG,KAAK,IAAA;AACxD;AAOO,SAASC,EAAY,EAAE,aAAAC,GAAa,QAAAC,KAA4B;AACrE,SACEC,gBAAAA,EAAA,cAAC,OAAA,MACEJ,EAAQ,IAAI,CAACK,MACZD,gBAAAA,EAAA,cAAC,OAAA,EAAI,KAAKC,EAAE,KAAK,WAAU,OAAA,mCACxB,OAAA,EAAI,WAAU,oCAAA,GACbD,gBAAAA,EAAA,cAAC,QAAA,MAAMC,EAAE,KAAM,mCACd,QAAA,EAAK,WAAU,4BAAA,GACbH,EAAYG,EAAE,GAAG,GACjBA,EAAE,MACL,CACF,GACAD,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,KAAKD,EAAE;AAAA,MACP,KAAKA,EAAE;AAAA,MACP,MAAM;AAAA,MACN,OAAO,CAACH,EAAYG,EAAE,GAAG,CAAC;AAAA,MAC1B,eAAe,CAAC,CAACE,CAAC,MAAMJ,EAAO,cAAcE,EAAE,KAAKE,CAAC;AAAA,IAAA;AAAA,EAAA,CAEzD,CACD,GACDH,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,4BAA2B,GAC1CA,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,kCAAA,GAAkC,kBAAgB,GAClEA,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,OAAON,EAAY;AAAA,MACnB,UAAU,CAACO,MAAON,EAAO,UAAUM,CAAE;AAAA,MACrC,OAAOC,EAAQ,IAAI,CAACC,OAAO,EAAE,OAAOA,EAAE,IAAI,OAAOA,EAAE,KAAA,EAAO;AAAA,IAAA;AAAA,EAAA,CAE9D;AAEJ;"}

package/dist/{index.es169.js → index174.es.js}

@@ -1,7 +1,7 @@
 import e from "react";
-import { SingleSelect as l } from "./index.es29.js";
-import { CROP_RATIOS as o } from "./index.es143.js";
-import { useImageEditorPortalContainer as n } from "./index.es137.js";
+import { SingleSelect as l } from "./index31.es.js";
+import { CROP_RATIOS as o } from "./index152.es.js";
+import { useImageEditorPortalContainer as n } from "./index146.es.js";
 function s({ ui: r, engine: t }) {
   const a = n();
   return /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("p", { className: "mb-3.5 text-xs leading-relaxed text-light-4" }, "Drag a box on the image, then apply."), /* @__PURE__ */ e.createElement("span", { className: "mb-1 block text-xs text-light-4" }, "Aspect ratio"), /* @__PURE__ */ e.createElement(
@@ -33,4 +33,4 @@ function s({ ui: r, engine: t }) {
 export {
   s as PanelCrop
 };
-//# sourceMappingURL=index.es169.js.map
+//# sourceMappingURL=index174.es.js.map

package/dist/{index.es169.js.map → index174.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es169.js","sources":["../src/components/organisms/image-editor/components/panel-crop.tsx"],"sourcesContent":["import React from 'react'\n\nimport { SingleSelect } from '@/components/molecules/single-select'\n\nimport { ImageEditorEngine, ImageEditorUiState } from '../image-editor.types'\nimport { CROP_RATIOS } from '../picture-studio-engine'\nimport { useImageEditorPortalContainer } from './portal-context'\n\ninterface PanelCropProps {\n  ui: ImageEditorUiState\n  engine: ImageEditorEngine\n}\n\nexport function PanelCrop({ ui, engine }: PanelCropProps) {\n  const container = useImageEditorPortalContainer()\n  return (\n    <div>\n      <p className=\"mb-3.5 text-xs leading-relaxed text-light-4\">\n        Drag a box on the image, then apply.\n      </p>\n      <span className=\"mb-1 block text-xs text-light-4\">Aspect ratio</span>\n      <SingleSelect\n        items={CROP_RATIOS}\n        value={ui.cropRatio}\n        onValueChange={engine.setCropRatio}\n        container={container}\n      />\n      <div className=\"my-3.5 h-px bg-neutral-1\" />\n      <button\n        type=\"button\"\n        onClick={engine.applyCrop}\n        className=\"mb-2 w-full rounded-lg bg-rest-p1 py-2.5 text-sm text-white hover:bg-hover-p1\"\n      >\n        Apply crop\n      </button>\n      <button\n        type=\"button\"\n        onClick={engine.cancelCrop}\n        className=\"w-full rounded-lg border border-neutral-1 bg-white py-2.5 text-sm hover:bg-light-3\"\n      >\n        Cancel\n      </button>\n    </div>\n  )\n}\n"],"names":["PanelCrop","ui","engine","container","useImageEditorPortalContainer","React","SingleSelect","CROP_RATIOS"],"mappings":";;;;AAaO,SAASA,EAAU,EAAE,IAAAC,GAAI,QAAAC,KAA0B;AACxD,QAAMC,IAAYC,EAAA;AAClB,SACEC,gBAAAA,EAAA,cAAC,OAAA,MACCA,gBAAAA,EAAA,cAAC,KAAA,EAAE,WAAU,8CAAA,GAA8C,sCAE3D,GACAA,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,qCAAkC,cAAY,GAC9DA,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOC;AAAA,MACP,OAAON,EAAG;AAAA,MACV,eAAeC,EAAO;AAAA,MACtB,WAAAC;AAAA,IAAA;AAAA,EAAA,GAEFE,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,4BAA2B,GAC1CA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASH,EAAO;AAAA,MAChB,WAAU;AAAA,IAAA;AAAA,IACX;AAAA,EAAA,GAGDG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASH,EAAO;AAAA,MAChB,WAAU;AAAA,IAAA;AAAA,IACX;AAAA,EAAA,CAGH;AAEJ;"}
+{"version":3,"file":"index174.es.js","sources":["../src/components/organisms/image-editor/components/panel-crop.tsx"],"sourcesContent":["import React from 'react'\n\nimport { SingleSelect } from '@/components/molecules/single-select'\n\nimport { ImageEditorEngine, ImageEditorUiState } from '../image-editor.types'\nimport { CROP_RATIOS } from '../picture-studio-engine'\nimport { useImageEditorPortalContainer } from './portal-context'\n\ninterface PanelCropProps {\n  ui: ImageEditorUiState\n  engine: ImageEditorEngine\n}\n\nexport function PanelCrop({ ui, engine }: PanelCropProps) {\n  const container = useImageEditorPortalContainer()\n  return (\n    <div>\n      <p className=\"mb-3.5 text-xs leading-relaxed text-light-4\">\n        Drag a box on the image, then apply.\n      </p>\n      <span className=\"mb-1 block text-xs text-light-4\">Aspect ratio</span>\n      <SingleSelect\n        items={CROP_RATIOS}\n        value={ui.cropRatio}\n        onValueChange={engine.setCropRatio}\n        container={container}\n      />\n      <div className=\"my-3.5 h-px bg-neutral-1\" />\n      <button\n        type=\"button\"\n        onClick={engine.applyCrop}\n        className=\"mb-2 w-full rounded-lg bg-rest-p1 py-2.5 text-sm text-white hover:bg-hover-p1\"\n      >\n        Apply crop\n      </button>\n      <button\n        type=\"button\"\n        onClick={engine.cancelCrop}\n        className=\"w-full rounded-lg border border-neutral-1 bg-white py-2.5 text-sm hover:bg-light-3\"\n      >\n        Cancel\n      </button>\n    </div>\n  )\n}\n"],"names":["PanelCrop","ui","engine","container","useImageEditorPortalContainer","React","SingleSelect","CROP_RATIOS"],"mappings":";;;;AAaO,SAASA,EAAU,EAAE,IAAAC,GAAI,QAAAC,KAA0B;AACxD,QAAMC,IAAYC,EAAA;AAClB,SACEC,gBAAAA,EAAA,cAAC,OAAA,MACCA,gBAAAA,EAAA,cAAC,KAAA,EAAE,WAAU,8CAAA,GAA8C,sCAE3D,GACAA,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,qCAAkC,cAAY,GAC9DA,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOC;AAAA,MACP,OAAON,EAAG;AAAA,MACV,eAAeC,EAAO;AAAA,MACtB,WAAAC;AAAA,IAAA;AAAA,EAAA,GAEFE,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,4BAA2B,GAC1CA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASH,EAAO;AAAA,MAChB,WAAU;AAAA,IAAA;AAAA,IACX;AAAA,EAAA,GAGDG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,SAASH,EAAO;AAAA,MAChB,WAAU;AAAA,IAAA;AAAA,IACX;AAAA,EAAA,CAGH;AAEJ;"}

package/dist/{index.es170.js → index175.es.js}

@@ -1,12 +1,12 @@
 import e from "react";
-import { Slider as n } from "./index.es30.js";
-import { Switch as r } from "./index.es15.js";
-import { SingleSelect as s } from "./index.es29.js";
-import { SwatchGrid as o } from "./index.es38.js";
-import { FONTS as i, SHAPES as h } from "./index.es143.js";
-import { ShapeIcons as p } from "./index.es176.js";
-import { ColorPicker as c } from "./index.es177.js";
-import { useImageEditorPortalContainer as d } from "./index.es137.js";
+import { Slider as n } from "./index32.es.js";
+import { Switch as r } from "./index15.es.js";
+import { SingleSelect as s } from "./index31.es.js";
+import { SwatchGrid as o } from "./index40.es.js";
+import { FONTS as i, SHAPES as h } from "./index152.es.js";
+import { ShapeIcons as p } from "./index187.es.js";
+import { ColorPicker as c } from "./index188.es.js";
+import { useImageEditorPortalContainer as d } from "./index146.es.js";
 const E = [
   { label: "Outline only", value: "stroke" },
   { label: "Solid fill", value: "fill" }
@@ -98,4 +98,4 @@ function T({ ui: t, engine: a }) {
 export {
   T as PanelInsert
 };
-//# sourceMappingURL=index.es170.js.map
+//# sourceMappingURL=index175.es.js.map

package/dist/{index.es170.js.map → index175.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es170.js","sources":["../src/components/organisms/image-editor/components/panel-insert.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Slider } from '@/components/molecules/slider'\nimport { Switch } from '@/components/atoms/switch'\nimport { SingleSelect } from '@/components/molecules/single-select'\nimport { SwatchGrid } from '@/components/molecules/swatch-grid'\n\nimport { ImageEditorEngine, ImageEditorUiState } from '../image-editor.types'\nimport { FONTS, SHAPES } from '../picture-studio-engine'\nimport { ShapeIcons } from './shape-icons'\nimport { ColorPicker } from './color-picker'\nimport { useImageEditorPortalContainer } from './portal-context'\n\ninterface PanelInsertProps {\n  ui: ImageEditorUiState\n  engine: ImageEditorEngine\n}\n\nconst FILL_ITEMS = [\n  { label: 'Outline only', value: 'stroke' },\n  { label: 'Solid fill', value: 'fill' },\n]\nconst MULTI_POINT_SHAPES = ['line', 'dashedLine']\n\nconst BRUSH_STYLE_ITEMS = [\n  { label: 'Marker', value: 'round' },\n  { label: 'Highlighter', value: 'highlight' },\n]\n\nexport function PanelInsert({ ui, engine }: PanelInsertProps) {\n  const container = useImageEditorPortalContainer()\n  return (\n    <div>\n      {ui.mode === 'text' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Font</span>\n          <SingleSelect\n            items={FONTS}\n            value={ui.textFont}\n            onValueChange={engine.setTextFont}\n            container={container}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">Size</span>\n          <Slider\n            min={16}\n            max={200}\n            step={1}\n            value={[ui.textSize]}\n            onValueChange={([v]) => engine.setTextSize(v)}\n          />\n        </div>\n      )}\n\n      {ui.mode === 'shape' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Shape</span>\n          <SwatchGrid\n            columns={3}\n            value={ui.selectedShapeType}\n            onSelect={engine.selectShapeType}\n            items={SHAPES.map((s) => ({\n              value: s.id,\n              label: s.name,\n              icon: ShapeIcons[s.id],\n            }))}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">\n            Fill style\n          </span>\n          <SingleSelect\n            items={FILL_ITEMS}\n            value={ui.shapeFill}\n            onValueChange={(v) => engine.setShapeFill(v as 'stroke' | 'fill')}\n            container={container}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">\n            Thickness\n          </span>\n          <Slider\n            min={1}\n            max={40}\n            step={1}\n            value={[ui.shapeWidth]}\n            onValueChange={([v]) => engine.setShapeWidth(v)}\n          />\n\n          {MULTI_POINT_SHAPES.includes(ui.selectedShapeType) && (\n            <>\n              <div className=\"my-3 h-px bg-neutral-1\" />\n              <div className=\"flex items-center justify-between gap-3\">\n                <div>\n                  <span className=\"block text-xs font-medium text-light-2\">\n                    Multi-point line\n                  </span>\n                  <span className=\"mt-0.5 block text-[11px] leading-snug text-light-4\">\n                    Chain corners into one continuous line\n                  </span>\n                </div>\n                <Switch\n                  checked={ui.multiPointMode}\n                  onCheckedChange={engine.setMultiPointMode}\n                />\n              </div>\n              {ui.multiPointMode && (\n                <ul className=\"mt-2 list-none space-y-1 rounded-md bg-light-3 px-2.5 py-2 text-[11px] leading-relaxed text-light-3\">\n                  <li>Click to place each corner</li>\n                  <li>Hold Shift to snap the angle</li>\n                  <li>Backspace undoes the last corner</li>\n                  <li>Double-click or Enter to finish</li>\n                  <li>Click the first point to close the shape</li>\n                  <li>Esc cancels</li>\n                </ul>\n              )}\n            </>\n          )}\n        </div>\n      )}\n\n      {ui.mode === 'draw' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Brush size</span>\n          <Slider\n            min={1}\n            max={60}\n            step={1}\n            value={[ui.brushSize]}\n            onValueChange={([v]) => engine.setBrushSize(v)}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">\n            Brush style\n          </span>\n          <SingleSelect\n            items={BRUSH_STYLE_ITEMS}\n            value={ui.brushStyle}\n            onValueChange={(v) =>\n              engine.setBrushStyle(v as 'round' | 'highlight')\n            }\n            container={container}\n          />\n        </div>\n      )}\n\n      {ui.mode === 'sticker' && (\n        <div className=\"mb-3.5\">\n          <SwatchGrid\n            columns={3}\n            onSelect={engine.addSticker}\n            emptyMessage={\n              <>\n                No stickers configured — pass a <code>stickers</code> prop with\n                image URLs.\n              </>\n            }\n            items={ui.stickers.map((src) => ({ value: src, thumbnail: src }))}\n          />\n        </div>\n      )}\n\n      {ui.mode === 'text' && (\n        <ColorPicker value={ui.textColor} onChange={engine.setTextColor} />\n      )}\n      {ui.mode === 'shape' && (\n        <ColorPicker value={ui.shapeColor} onChange={engine.setShapeColor} />\n      )}\n      {ui.mode === 'draw' && (\n        <ColorPicker value={ui.drawColor} onChange={engine.setDrawColor} />\n      )}\n    </div>\n  )\n}\n"],"names":["FILL_ITEMS","MULTI_POINT_SHAPES","BRUSH_STYLE_ITEMS","PanelInsert","ui","engine","container","useImageEditorPortalContainer","React","SingleSelect","FONTS","Slider","v","SwatchGrid","SHAPES","s","ShapeIcons","Switch","src","ColorPicker"],"mappings":"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"}
+{"version":3,"file":"index175.es.js","sources":["../src/components/organisms/image-editor/components/panel-insert.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Slider } from '@/components/molecules/slider'\nimport { Switch } from '@/components/atoms/switch'\nimport { SingleSelect } from '@/components/molecules/single-select'\nimport { SwatchGrid } from '@/components/molecules/swatch-grid'\n\nimport { ImageEditorEngine, ImageEditorUiState } from '../image-editor.types'\nimport { FONTS, SHAPES } from '../picture-studio-engine'\nimport { ShapeIcons } from './shape-icons'\nimport { ColorPicker } from './color-picker'\nimport { useImageEditorPortalContainer } from './portal-context'\n\ninterface PanelInsertProps {\n  ui: ImageEditorUiState\n  engine: ImageEditorEngine\n}\n\nconst FILL_ITEMS = [\n  { label: 'Outline only', value: 'stroke' },\n  { label: 'Solid fill', value: 'fill' },\n]\nconst MULTI_POINT_SHAPES = ['line', 'dashedLine']\n\nconst BRUSH_STYLE_ITEMS = [\n  { label: 'Marker', value: 'round' },\n  { label: 'Highlighter', value: 'highlight' },\n]\n\nexport function PanelInsert({ ui, engine }: PanelInsertProps) {\n  const container = useImageEditorPortalContainer()\n  return (\n    <div>\n      {ui.mode === 'text' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Font</span>\n          <SingleSelect\n            items={FONTS}\n            value={ui.textFont}\n            onValueChange={engine.setTextFont}\n            container={container}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">Size</span>\n          <Slider\n            min={16}\n            max={200}\n            step={1}\n            value={[ui.textSize]}\n            onValueChange={([v]) => engine.setTextSize(v)}\n          />\n        </div>\n      )}\n\n      {ui.mode === 'shape' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Shape</span>\n          <SwatchGrid\n            columns={3}\n            value={ui.selectedShapeType}\n            onSelect={engine.selectShapeType}\n            items={SHAPES.map((s) => ({\n              value: s.id,\n              label: s.name,\n              icon: ShapeIcons[s.id],\n            }))}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">\n            Fill style\n          </span>\n          <SingleSelect\n            items={FILL_ITEMS}\n            value={ui.shapeFill}\n            onValueChange={(v) => engine.setShapeFill(v as 'stroke' | 'fill')}\n            container={container}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">\n            Thickness\n          </span>\n          <Slider\n            min={1}\n            max={40}\n            step={1}\n            value={[ui.shapeWidth]}\n            onValueChange={([v]) => engine.setShapeWidth(v)}\n          />\n\n          {MULTI_POINT_SHAPES.includes(ui.selectedShapeType) && (\n            <>\n              <div className=\"my-3 h-px bg-neutral-1\" />\n              <div className=\"flex items-center justify-between gap-3\">\n                <div>\n                  <span className=\"block text-xs font-medium text-light-2\">\n                    Multi-point line\n                  </span>\n                  <span className=\"mt-0.5 block text-[11px] leading-snug text-light-4\">\n                    Chain corners into one continuous line\n                  </span>\n                </div>\n                <Switch\n                  checked={ui.multiPointMode}\n                  onCheckedChange={engine.setMultiPointMode}\n                />\n              </div>\n              {ui.multiPointMode && (\n                <ul className=\"mt-2 list-none space-y-1 rounded-md bg-light-3 px-2.5 py-2 text-[11px] leading-relaxed text-light-3\">\n                  <li>Click to place each corner</li>\n                  <li>Hold Shift to snap the angle</li>\n                  <li>Backspace undoes the last corner</li>\n                  <li>Double-click or Enter to finish</li>\n                  <li>Click the first point to close the shape</li>\n                  <li>Esc cancels</li>\n                </ul>\n              )}\n            </>\n          )}\n        </div>\n      )}\n\n      {ui.mode === 'draw' && (\n        <div className=\"mb-3.5\">\n          <span className=\"mb-1 block text-xs text-light-4\">Brush size</span>\n          <Slider\n            min={1}\n            max={60}\n            step={1}\n            value={[ui.brushSize]}\n            onValueChange={([v]) => engine.setBrushSize(v)}\n          />\n          <span className=\"mb-1 mt-2.5 block text-xs text-light-4\">\n            Brush style\n          </span>\n          <SingleSelect\n            items={BRUSH_STYLE_ITEMS}\n            value={ui.brushStyle}\n            onValueChange={(v) =>\n              engine.setBrushStyle(v as 'round' | 'highlight')\n            }\n            container={container}\n          />\n        </div>\n      )}\n\n      {ui.mode === 'sticker' && (\n        <div className=\"mb-3.5\">\n          <SwatchGrid\n            columns={3}\n            onSelect={engine.addSticker}\n            emptyMessage={\n              <>\n                No stickers configured — pass a <code>stickers</code> prop with\n                image URLs.\n              </>\n            }\n            items={ui.stickers.map((src) => ({ value: src, thumbnail: src }))}\n          />\n        </div>\n      )}\n\n      {ui.mode === 'text' && (\n        <ColorPicker value={ui.textColor} onChange={engine.setTextColor} />\n      )}\n      {ui.mode === 'shape' && (\n        <ColorPicker value={ui.shapeColor} onChange={engine.setShapeColor} />\n      )}\n      {ui.mode === 'draw' && (\n        <ColorPicker value={ui.drawColor} onChange={engine.setDrawColor} />\n      )}\n    </div>\n  )\n}\n"],"names":["FILL_ITEMS","MULTI_POINT_SHAPES","BRUSH_STYLE_ITEMS","PanelInsert","ui","engine","container","useImageEditorPortalContainer","React","SingleSelect","FONTS","Slider","v","SwatchGrid","SHAPES","s","ShapeIcons","Switch","src","ColorPicker"],"mappings":";;;;;;;;;AAkBA,MAAMA,IAAa;AAAA,EACjB,EAAE,OAAO,gBAAgB,OAAO,SAAA;AAAA,EAChC,EAAE,OAAO,cAAc,OAAO,OAAA;AAChC,GACMC,IAAqB,CAAC,QAAQ,YAAY,GAE1CC,IAAoB;AAAA,EACxB,EAAE,OAAO,UAAU,OAAO,QAAA;AAAA,EAC1B,EAAE,OAAO,eAAe,OAAO,YAAA;AACjC;AAEO,SAASC,EAAY,EAAE,IAAAC,GAAI,QAAAC,KAA4B;AAC5D,QAAMC,IAAYC,EAAA;AAClB,SACEC,gBAAAA,EAAA,cAAC,OAAA,MACEJ,EAAG,SAAS,UACXI,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,YACbA,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,qCAAkC,MAAI,GACtDA,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOC;AAAA,MACP,OAAON,EAAG;AAAA,MACV,eAAeC,EAAO;AAAA,MACtB,WAAAC;AAAA,IAAA;AAAA,EAAA,GAEFE,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,4CAAyC,MAAI,GAC7DA,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO,CAACP,EAAG,QAAQ;AAAA,MACnB,eAAe,CAAC,CAACQ,CAAC,MAAMP,EAAO,YAAYO,CAAC;AAAA,IAAA;AAAA,EAAA,CAEhD,GAGDR,EAAG,SAAS,WACXI,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,SAAA,GACbA,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,qCAAkC,OAAK,GACvDA,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,OAAOT,EAAG;AAAA,MACV,UAAUC,EAAO;AAAA,MACjB,OAAOS,EAAO,IAAI,CAACC,OAAO;AAAA,QACxB,OAAOA,EAAE;AAAA,QACT,OAAOA,EAAE;AAAA,QACT,MAAMC,EAAWD,EAAE,EAAE;AAAA,MAAA,EACrB;AAAA,IAAA;AAAA,EAAA,GAEJP,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,4CAAyC,YAEzD,GACAA,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOT;AAAA,MACP,OAAOI,EAAG;AAAA,MACV,eAAe,CAACQ,MAAMP,EAAO,aAAaO,CAAsB;AAAA,MAChE,WAAAN;AAAA,IAAA;AAAA,EAAA,GAEFE,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,4CAAyC,WAEzD,GACAA,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO,CAACP,EAAG,UAAU;AAAA,MACrB,eAAe,CAAC,CAACQ,CAAC,MAAMP,EAAO,cAAcO,CAAC;AAAA,IAAA;AAAA,EAAA,GAG/CX,EAAmB,SAASG,EAAG,iBAAiB,KAC/CI,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,yBAAA,CAAyB,mCACvC,OAAA,EAAI,WAAU,0CAAA,GACbA,gBAAAA,EAAA,cAAC,OAAA,MACCA,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,yCAAA,GAAyC,kBAEzD,GACAA,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,qDAAA,GAAqD,wCAErE,CACF,GACAA,gBAAAA,EAAA;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAASb,EAAG;AAAA,MACZ,iBAAiBC,EAAO;AAAA,IAAA;AAAA,EAAA,CAE5B,GACCD,EAAG,kDACD,MAAA,EAAG,WAAU,yGACZI,gBAAAA,EAAA,cAAC,MAAA,MAAG,4BAA0B,GAC9BA,gBAAAA,EAAA,cAAC,YAAG,8BAA4B,mCAC/B,MAAA,MAAG,kCAAgC,GACpCA,gBAAAA,EAAA,cAAC,MAAA,MAAG,iCAA+B,GACnCA,gBAAAA,EAAA,cAAC,MAAA,MAAG,0CAAwC,GAC5CA,gBAAAA,EAAA,cAAC,YAAG,aAAW,CACjB,CAEJ,CAEJ,GAGDJ,EAAG,SAAS,UACXI,gBAAAA,EAAA,cAAC,SAAI,WAAU,SAAA,mCACZ,QAAA,EAAK,WAAU,kCAAA,GAAkC,YAAU,GAC5DA,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO,CAACP,EAAG,SAAS;AAAA,MACpB,eAAe,CAAC,CAACQ,CAAC,MAAMP,EAAO,aAAaO,CAAC;AAAA,IAAA;AAAA,EAAA,GAE/CJ,gBAAAA,EAAA,cAAC,QAAA,EAAK,WAAU,4CAAyC,aAEzD,GACAA,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAOP;AAAA,MACP,OAAOE,EAAG;AAAA,MACV,eAAe,CAACQ,MACdP,EAAO,cAAcO,CAA0B;AAAA,MAEjD,WAAAN;AAAA,IAAA;AAAA,EAAA,CAEJ,GAGDF,EAAG,SAAS,aACXI,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,SAAA,GACbA,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,UAAUR,EAAO;AAAA,MACjB,cACEG,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAE,oEACiC,QAAA,MAAK,UAAQ,GAAO,wBAEvD;AAAA,MAEF,OAAOJ,EAAG,SAAS,IAAI,CAACc,OAAS,EAAE,OAAOA,GAAK,WAAWA,IAAM;AAAA,IAAA;AAAA,EAAA,CAEpE,GAGDd,EAAG,SAAS,0CACVe,GAAA,EAAY,OAAOf,EAAG,WAAW,UAAUC,EAAO,aAAA,CAAc,GAElED,EAAG,SAAS,WACXI,gBAAAA,EAAA,cAACW,GAAA,EAAY,OAAOf,EAAG,YAAY,UAAUC,EAAO,eAAe,GAEpED,EAAG,SAAS,UACXI,gBAAAA,EAAA,cAACW,KAAY,OAAOf,EAAG,WAAW,UAAUC,EAAO,cAAc,CAErE;AAEJ;"}

package/dist/{index.es171.js → index176.es.js}

@@ -1,14 +1,14 @@
 import { Spline as v, Bookmark as f, Trash2 as S } from "lucide-react";
 import e, { useState as E } from "react";
-import { Button as m } from "./index.es9.js";
-import { Input as g } from "./index.es11.js";
-import { Textarea as h } from "./index.es16.js";
-import { Slider as n } from "./index.es30.js";
-import { Switch as N } from "./index.es15.js";
-import { SingleSelect as r } from "./index.es29.js";
-import { FONTS as u } from "./index.es143.js";
-import { ColorPicker as y } from "./index.es177.js";
-import { useImageEditorPortalContainer as C } from "./index.es137.js";
+import { Button as m } from "./index9.es.js";
+import { Input as g } from "./index11.es.js";
+import { Textarea as h } from "./index16.es.js";
+import { Slider as n } from "./index32.es.js";
+import { Switch as N } from "./index15.es.js";
+import { SingleSelect as r } from "./index31.es.js";
+import { FONTS as u } from "./index152.es.js";
+import { ColorPicker as y } from "./index188.es.js";
+import { useImageEditorPortalContainer as C } from "./index146.es.js";
 const k = [
   { label: "Outline only", value: "stroke" },
   { label: "Solid fill", value: "fill" }
@@ -256,4 +256,4 @@ function _({ selected: t, engine: l }) {
 export {
   _ as PanelSelected
 };
-//# sourceMappingURL=index.es171.js.map
+//# sourceMappingURL=index176.es.js.map