geoiq-frontend-ui-kit 2.0.3 → 2.0.4

package/dist/styles.css

@@ -110,7 +110,9 @@
 
 /*
 ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
-*//*
+*/
+
+/*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
 */
@@ -427,6 +429,7 @@ menu {
 /*
 Reset default styling for dialogs.
 */
+
 dialog {
   padding: 0;
 }
@@ -467,6 +470,7 @@ button,
 /*
 Make sure disabled buttons don't get the pointer cursor.
 */
+
 :disabled {
   cursor: default;
 }
@@ -500,10 +504,12 @@ video {
 }
 
 /* Make elements with the HTML hidden attribute stay hidden by default */
+
 [hidden]:where(:not([hidden="until-found"])) {
   display: none;
 }
-  :root {
+
+:root {
     /* Neutral */
     --neutral-0: 255 255 255;
     --neutral-25: 249 250 251;
@@ -567,7 +573,7 @@ video {
     --info-500: 59 130 246;
   }
 
-  .dark {
+.dark {
     /* Dark Theme Colors */
     --neutral-0: 255 255 255 1;
     --neutral-25: 249 250 251 1;
@@ -631,24 +637,24 @@ video {
     --info-500: 59 130 246 1;
   }
 
-  /* ====================To change scrollbar of radix components ================================= */
+/* ====================To change scrollbar of radix components ================================= */
 
-  [data-radix-select-viewport],
+[data-radix-select-viewport],
   .custom-scrollbar {
     scrollbar-width: thin !important; /* For Firefox */ /* For Firefox */
     scroll-margin: 10px;
   }
 
-  /* ====================To introduce new gradient =============================================== */
+/* ====================To introduce new gradient =============================================== */
 
-  .brand-primary-secondary-gradient {
+.brand-primary-secondary-gradient {
     /* TODO change it to css variable */
     background: linear-gradient(90deg, #9178e9 0%, #f19089 100%);
   }
 
-  /* ====================Animated Input ========================================================== */
+/* ====================Animated Input ========================================================== */
 
-  @keyframes animatedInputMiddleToTop {
+@keyframes animatedInputMiddleToTop {
     0% {
       transform: translateY(0%);
       opacity: 1;
@@ -665,7 +671,7 @@ video {
     }
   }
 
-  @keyframes animatedInputFadeInBottom {
+@keyframes animatedInputFadeInBottom {
     0% {
       transform: translateY(100%);
       opacity: 0;
@@ -683,7 +689,7 @@ video {
     }
   }
 
-  /* ============================================================================================== */
+/* ============================================================================================== */
 .container{
   width: 100%;
 }
@@ -793,6 +799,9 @@ video {
 .bottom-2{
   bottom: 0.5rem;
 }
+.bottom-3{
+  bottom: 0.75rem;
+}
 .left-0{
   left: 0px;
 }
@@ -832,6 +841,9 @@ video {
 .right-2{
   right: 0.5rem;
 }
+.right-2\.5{
+  right: 0.625rem;
+}
 .right-4{
   right: 1rem;
 }
@@ -862,6 +874,9 @@ video {
 .z-10{
   z-index: 10;
 }
+.z-20{
+  z-index: 20;
+}
 .z-30{
   z-index: 30;
 }
@@ -918,6 +933,10 @@ video {
   margin-top: 0.5rem;
   margin-bottom: 0.5rem;
 }
+.my-3{
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
+}
 .my-3\.5{
   margin-top: 0.875rem;
   margin-bottom: 0.875rem;
@@ -976,6 +995,9 @@ video {
 .mr-auto{
   margin-right: auto;
 }
+.mt-0\.5{
+  margin-top: 0.125rem;
+}
 .mt-1{
   margin-top: 0.25rem;
 }
@@ -1196,6 +1218,9 @@ video {
 .min-h-0{
   min-height: 0px;
 }
+.min-h-9{
+  min-height: 2.25rem;
+}
 .min-h-\[160px\]{
   min-height: 160px;
 }
@@ -1205,6 +1230,9 @@ video {
 .min-h-\[42px\]{
   min-height: 42px;
 }
+.min-h-\[44px\]{
+  min-height: 44px;
+}
 .min-h-\[52px\]{
   min-height: 52px;
 }
@@ -1573,6 +1601,9 @@ video {
 .resize{
   resize: both;
 }
+.list-none{
+  list-style-type: none;
+}
 .grid-flow-col{
   grid-auto-flow: column;
 }
@@ -1974,6 +2005,9 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--neutral-950) / var(--tw-bg-opacity, 1));
 }
+.bg-dark-2\/95{
+  background-color: rgb(var(--neutral-950) / 0.95);
+}
 .bg-gray-100{
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
@@ -2142,6 +2176,10 @@ video {
   padding-left: 0px;
   padding-right: 0px;
 }
+.px-0\.5{
+  padding-left: 0.125rem;
+  padding-right: 0.125rem;
+}
 .px-1{
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -2270,6 +2308,9 @@ video {
 .pt-3{
   padding-top: 0.75rem;
 }
+.pt-3\.5{
+  padding-top: 0.875rem;
+}
 .pt-4{
   padding-top: 1rem;
 }
@@ -2399,6 +2440,9 @@ video {
 .leading-relaxed{
   line-height: 1.625;
 }
+.leading-snug{
+  line-height: 1.375;
+}
 .tracking-\[-0\.015rem\]{
   letter-spacing: -0.015rem;
 }
@@ -2411,6 +2455,9 @@ video {
 .tracking-tight{
   letter-spacing: -0.025em;
 }
+.tracking-wide{
+  letter-spacing: 0.025em;
+}
 .tracking-wider{
   letter-spacing: 0.05em;
 }
@@ -2498,6 +2545,9 @@ video {
 .text-white\/70{
   color: rgb(255 255 255 / 0.7);
 }
+.text-white\/85{
+  color: rgb(255 255 255 / 0.85);
+}
 .underline{
   text-decoration-line: underline;
 }
@@ -2612,6 +2662,10 @@ video {
 .filter{
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
+.backdrop-blur{
+  --tw-backdrop-blur: blur(8px);
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+}
 .backdrop-blur-sm{
   --tw-backdrop-blur: blur(4px);
   backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
@@ -2934,6 +2988,9 @@ svg.lucide {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--primary-500) / var(--tw-bg-opacity, 1));
 }
+.hover\:bg-white\/10:hover{
+  background-color: rgb(255 255 255 / 0.1);
+}
 .hover\:stroke-light-1:hover{
   stroke: rgb(var(--neutral-700) / 1);
 }
@@ -3399,6 +3456,10 @@ svg.lucide {
 }
 @media (min-width: 640px){
 
+  .sm\:inline{
+    display: inline;
+  }
+
   .sm\:max-w-sm{
     max-width: 24rem;
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "geoiq-frontend-ui-kit",
   "private": false,
-  "version": "2.0.3",
+  "version": "2.0.4",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",

package/dist/index117.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index117.es.js","sources":["../node_modules/react-dom/client.js"],"sourcesContent":["'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n"],"names":["m","require$$0","createRoot","i","c","o"],"mappings":";OAEIA,IAAIC;AACR,IAAI,QAAQ,IAAI,aAAa;AAC3B,EAAAC,IAAqBF,EAAE,YACDA,EAAE;AAAA,KACnB;AACL,MAAIG,IAAIH,EAAE;AACV,EAAAE,IAAqB,SAASE,GAAGC,GAAG;AAClC,IAAAF,EAAE,wBAAwB;AAC1B,QAAI;AACF,aAAOH,EAAE,WAAWI,GAAGC,CAAC;AAAA,IAC9B,UAAK;AACC,MAAAF,EAAE,wBAAwB;AAAA,IAChC;AAAA,EACA;AASA;","x_google_ignoreList":[0]}

package/dist/index118.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index118.es.js","sources":["../src/components/organisms/image-editor/image-editor-modal.tsx"],"sourcesContent":["import { Loader2, Save, X } from 'lucide-react'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { Button } from '@/components/atoms/button'\n\nimport { ImageEditorEngine, ImageEditorUiState } from './image-editor.types'\nimport { ImageEditorPortalContext } from './components/portal-context'\nimport { Panel } from './components/panel'\nimport { Ribbon } from './components/ribbon'\nimport { Stage, StageHandle } from './components/stage'\nimport { StatusBar } from './components/status-bar'\n\nexport interface ImageEditorModalProps {\n  engine: ImageEditorEngine\n  ui: ImageEditorUiState | null\n  isOpen: boolean\n  saveLabel: string\n}\n\nexport function ImageEditorModal({\n  engine,\n  ui,\n  isOpen,\n  saveLabel,\n}: ImageEditorModalProps) {\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const [rootEl, setRootEl] = useState<HTMLDivElement | null>(null)\n  const stageRef = useRef<StageHandle>(null)\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  const mountedRef = useRef(false)\n\n  useEffect(() => {\n    if (mountedRef.current) return\n    const s = stageRef.current\n    if (!s?.canvas || !s.overlay || !s.textEditor || !s.stage) return\n    engine.mount({\n      canvas: s.canvas,\n      overlay: s.overlay,\n      textEditor: s.textEditor,\n      stage: s.stage,\n    })\n    mountedRef.current = true\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ui != null])\n\n  useEffect(() => {\n    if (!isOpen || !rootRef.current) return\n    if (!rootRef.current.hasAttribute('tabindex'))\n      rootRef.current.setAttribute('tabindex', '-1')\n    const t = setTimeout(\n      () => rootRef.current?.focus({ preventScroll: true }),\n      0\n    )\n    return () => clearTimeout(t)\n  }, [isOpen])\n\n  useEffect(() => {\n    if (!isOpen) return\n    engine.refitStage()\n  }, [isOpen, engine])\n\n  if (!ui) return null\n\n  return (\n    <div\n      ref={(node) => {\n        rootRef.current = node\n        setRootEl(node)\n      }}\n      className=\"fixed inset-0 z-[2147483000] flex items-center justify-center bg-[rgba(24,22,18,.55)] backdrop-blur-sm\"\n      style={{\n        display: isOpen ? 'flex' : 'none',\n        pointerEvents: 'auto',\n      }}\n      onMouseDown={(e) => {\n        if (e.target === e.currentTarget && ui.closeOnBackdrop) engine.close()\n      }}\n    >\n      <ImageEditorPortalContext.Provider value={rootEl}>\n        <div className=\"image-editor-modal-panel flex flex-col overflow-hidden bg-light-2 shadow-2xl\">\n          <div className=\"flex items-center gap-3 border-b border-neutral-1 bg-light-3 px-4 py-3\">\n            <Button\n              variant=\"primary\"\n              size=\"sm\"\n              disabled={!ui.hasImage || ui.isLoadingImage || ui.isSaving}\n              onClick={engine.save}\n              className=\"w-auto\"\n              prefixIcon={\n                ui.isSaving ? (\n                  <Loader2 className=\"h-4 w-4 animate-spin\" />\n                ) : (\n                  <Save className=\"h-4 w-4\" />\n                )\n              }\n            >\n              {ui.isSaving ? 'Saving…' : saveLabel}\n            </Button>\n            <button\n              type=\"button\"\n              title=\"Close\"\n              onClick={() => engine.close()}\n              className=\"ml-auto flex h-[30px] w-[30px] items-center justify-center rounded-lg border border-neutral-1 bg-white text-light-4 hover:bg-light-3 hover:text-light-2\"\n            >\n              <X className=\"h-4 w-4\" />\n            </button>\n          </div>\n\n          <Ribbon\n            ui={ui}\n            engine={engine}\n            onOpenFile={() => fileInputRef.current?.click()}\n          />\n          <input\n            ref={fileInputRef}\n            type=\"file\"\n            accept=\"image/*\"\n            hidden\n            onChange={(e) => {\n              const file = e.target.files?.[0]\n              if (file) engine.openFile(file)\n              e.target.value = ''\n            }}\n          />\n\n          <div className=\"image-editor-stage-panel-wrap flex min-h-0 flex-1\">\n            <Stage\n              ref={stageRef}\n              ui={ui}\n              onChooseImage={() => fileInputRef.current?.click()}\n              onDropFile={(file) => engine.openFile(file)}\n            />\n            <Panel ui={ui} engine={engine} />\n          </div>\n\n          <StatusBar ui={ui} />\n        </div>\n      </ImageEditorPortalContext.Provider>\n    </div>\n  )\n}\n"],"names":["ImageEditorModal","engine","ui","isOpen","saveLabel","rootRef","useRef","rootEl","setRootEl","useState","stageRef","fileInputRef","mountedRef","useEffect","s","t","React","node","ImageEditorPortalContext","Button","Loader2","Save","X","Ribbon","file","Stage","Panel","StatusBar"],"mappings":"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"}

package/dist/index119.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index119.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;"}

package/dist/index120.es.js

@@ -1,105 +0,0 @@
-import { VERSION as m } from "./index148.es.js";
-import { CROP_RATIOS as we, FILTERS as Ie, FONTS as Ee, SHAPES as Le, SWATCHES as Re } from "./index148.es.js";
-import { createState as h, getState as f, emit as c, emptySourceCanvas as y, resetAdjValues as x, getSel as C } from "./index149.es.js";
-import { zoomIn as g, zoomOut as T, zoomToFit as z, ZOOM_MIN as F, ZOOM_MAX as O, syncCanvasSize as k, render as S, fitStage as v } from "./index150.es.js";
-import { undo as w, redo as I } from "./index151.es.js";
-import { rotate as E, flip as L, resetToOriginal as R, applyCrop as W, cancelCrop as B, setCropRatio as b } from "./index152.es.js";
-import { setMode as A, selectLayer as M } from "./index153.es.js";
-import { commitTextEdit as p } from "./index154.es.js";
-import { addSticker as _ } from "./index155.es.js";
-import { deleteLayer as j, deleteSelected as H, duplicateSelected as N, bringSelectedToFront as P, sendSelectedToBack as U, setAdjustment as Z, setFilter as D, selectShapeType as V, setShapeFill as $, setShapeWidth as q, setBrushSize as X, setBrushStyle as G, setTextFont as J, setTextSize as K, setTextColor as Q, setShapeColor as Y, setDrawColor as ee, setSelectedColor as te, setSelectedText as oe, setSelectedFont as se, setSelectedTextSize as re, setSelectedBoxWidth as ie, setSelectedShapeFill as ae, setSelectedWidth as ne, layerName as le } from "./index156.es.js";
-import { doSave as de, produce as ce, normalizeSource as n, loadState as u, doLoadImage as l } from "./index157.es.js";
-import { mount as Se } from "./index158.es.js";
-function pe(r) {
-  r = r || {};
-  const o = {}, e = h(r);
-  function i() {
-    typeof r.onUiChange == "function" && r.onUiChange(d());
-  }
-  e.notify = i, o.on = (t, s) => (e.listeners[t] && e.listeners[t].push(s), o), o.off = (t, s) => (e.listeners[t] && (e.listeners[t] = e.listeners[t].filter((a) => a !== s)), o);
-  function d() {
-    const t = C(e);
-    return {
-      hasImage: !!e.sourceCanvas.width,
-      mode: e.mode,
-      canUndo: e.undoStack.length > 0,
-      canRedo: e.redoStack.length > 0,
-      canReset: !!e.originalCanvas,
-      zoomPercent: Math.round(e.zoom * 100),
-      canZoomIn: e.zoom < O - 1e-6,
-      canZoomOut: e.zoom > F + 1e-6,
-      closeOnBackdrop: r.closeOnBackdrop !== !1,
-      canOpenImage: r.allowOpenImage !== !1,
-      isEditingText: !!e.editingLayer,
-      editingSelectAll: e.editingSelectAll,
-      dims: e.sourceCanvas.width ? `${e.sourceCanvas.width} × ${e.sourceCanvas.height} px` : "No image",
-      statusText: e.statusText,
-      isSaving: e.isSaving,
-      isLoadingImage: e.isLoadingImage,
-      adjustments: { ...e.adj },
-      selectedShapeType: e.selectedShapeType,
-      textColor: e.textColor,
-      shapeColor: e.shapeColor,
-      drawColor: e.drawColor,
-      shapeFill: e.shapeFill,
-      shapeWidth: e.shapeWidth,
-      brushSize: e.brushSize,
-      brushStyle: e.brushStyle,
-      textFont: e.textFont,
-      textSize: e.textSize,
-      cropRatio: e.cropRatio,
-      stickers: e.stickers,
-      selected: t ? {
-        id: t.id,
-        type: t.type,
-        color: t.color,
-        text: t.type === "text" ? t.text : void 0,
-        font: t.type === "text" ? t.font : void 0,
-        size: t.type === "text" ? t.size : void 0,
-        boxWidth: t.type === "text" ? t.boxWidth : void 0,
-        fill: t.type === "shape" ? t.fill : void 0,
-        width: t.type === "shape" || t.type === "stroke" ? t.width : void 0
-      } : null,
-      layers: e.layers.map((s) => ({
-        id: s.id,
-        type: s.type,
-        name: le(s)
-      }))
-    };
-  }
-  return o.getUiState = d, o.refitStage = () => {
-    !e.mounted || !e.sourceCanvas.width || (v(e), S(e));
-  }, o.zoomIn = () => g(e), o.zoomOut = () => T(e), o.zoomToFit = () => z(e), o.setMode = (t) => A(e, t), o.selectLayer = (t) => M(e, t), o.undo = () => w(e), o.redo = () => I(e), o.rotate = (t) => E(e, t), o.flip = (t) => L(e, t), o.resetToOriginal = () => R(e), o.applyCrop = () => W(e), o.cancelCrop = () => B(e), o.setCropRatio = (t) => b(e, t), o.commitTextEdit = () => p(e), o.addSticker = (t) => _(e, t), o.setStickers = (t) => {
-    e.stickers = t || [], i();
-  }, o.deleteLayer = (t) => j(e, t), o.deleteSelected = () => H(e), o.duplicateSelected = () => N(e), o.bringSelectedToFront = () => P(e), o.sendSelectedToBack = () => U(e), o.setAdjustment = (t, s) => Z(e, t, s), o.setFilter = (t) => D(e, t), o.selectShapeType = (t) => V(e, t), o.setShapeFill = (t) => $(e, t), o.setShapeWidth = (t) => q(e, t), o.setBrushSize = (t) => X(e, t), o.setBrushStyle = (t) => G(e, t), o.setTextFont = (t) => J(e, t), o.setTextSize = (t) => K(e, t), o.setTextColor = (t) => Q(e, t), o.setShapeColor = (t) => Y(e, t), o.setDrawColor = (t) => ee(e, t), o.setSelectedColor = (t) => te(e, t), o.setSelectedText = (t) => oe(e, t), o.setSelectedFont = (t) => se(e, t), o.setSelectedTextSize = (t) => re(e, t), o.setSelectedBoxWidth = (t) => ie(e, t), o.setSelectedShapeFill = (t) => ae(e, t), o.setSelectedWidth = (t) => ne(e, t), o.save = () => de(e, o), o.export = (t) => (t = t || {}, e.sourceCanvas.width ? ce(e, t.type, t.quality) : Promise.resolve(null)), o.getState = () => f(e), o.mount = (t) => Se(e, o, t), o.openFile = (t) => n(
-    e,
-    t,
-    (s) => l(e, s)
-  ), o.open = (t) => {
-    if (t = t || {}, e.isOpenFlag)
-      return i(), o;
-    e.isOpenFlag = !0;
-    const s = () => {
-      e.mounted && e.sourceCanvas.width && (k(e), S(e)), i(), c(e, "open", {});
-    };
-    return t.state ? (u(e, t.state), setTimeout(s, 0)) : t.image ? n(e, t.image, (a) => {
-      l(e, a), setTimeout(s, 0);
-    }) : setTimeout(s, 0), o;
-  }, o.close = () => (e.isOpenFlag = !1, p(e), i(), c(e, "close", {}), o), o.loadImage = (t) => (n(
-    e,
-    t,
-    (s) => l(e, s)
-  ), o), o.loadState = (t) => (u(e, t), o), o.reset = () => (e.sourceCanvas = y(), e.originalCanvas = null, e.layers = [], e.selectedId = null, e.undoStack = [], e.redoStack = [], e.zoom = 1, x(e), e.statusText = "Ready", i(), o), o.isOpen = () => e.isOpenFlag, o.destroy = () => {
-    o._keyHandler && document.removeEventListener("keydown", o._keyHandler), o._resizeHandler && window.removeEventListener("resize", o._resizeHandler), Object.keys(e.listeners).forEach((t) => e.listeners[t] = []);
-  }, r.autoOpen && o.open({ image: r.image, state: r.state }), o;
-}
-const Oe = { version: m, create: pe };
-export {
-  we as CROP_RATIOS,
-  Ie as FILTERS,
-  Ee as FONTS,
-  Le as SHAPES,
-  Re as SWATCHES,
-  Oe as default
-};
-//# sourceMappingURL=index120.es.js.map

package/dist/index120.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index120.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 { mount as mountEngine } from './engine/mount.js'\n\nexport { FILTERS, SWATCHES, SHAPES, FONTS, CROP_RATIOS }\n\nfunction createEngine(config) {\n  config = config || {}\n  const self = {}\n  const state = createState(config)\n\n  function notify() {\n    if (typeof config.onUiChange === 'function') config.onUiChange(getUiState())\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      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          }\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  self.rotate = (deg) => geometry.rotate(state, deg)\n  self.flip = (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.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      notify()\n      return self\n    }\n    state.isOpenFlag = true\n    const finish = () => {\n      if (state.mounted && state.sourceCanvas.width) {\n        syncCanvasSize(state)\n        render(state)\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    textEditor.commitTextEdit(state)\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":["createEngine","config","self","state","createState","notify","getUiState","ev","fn","f","sel","getSel","ZOOM_MAX","ZOOM_MIN","l","layerActions.layerName","fitStage","render","zoomIn","zoomOut","zoomToFit","m","mode.setMode","id","mode.selectLayer","history.undo","history.redo","deg","geometry.rotate","hz","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","saveExport.doSave","opts","saveExport.produce","readState","refs","mountEngine","file","saveExport.normalizeSource","d","saveExport.doLoadImage","finish","syncCanvasSize","emit","saveExport.loadState","s","emptySourceCanvas","resetAdjValues","k","PictureStudioEngine","VERSION"],"mappings":"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"}

package/dist/index144.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index144.es.js","sources":["../src/components/organisms/image-editor/components/panel.tsx"],"sourcesContent":["import React from 'react'\n\nimport {\n  ImageEditorEngine,\n  ImageEditorMode,\n  ImageEditorUiState,\n} from '../image-editor.types'\nimport { LayersList } from './layers-list'\nimport { PanelAdjust } from './panel-adjust'\nimport { PanelCrop } from './panel-crop'\nimport { PanelInsert } from './panel-insert'\nimport { PanelSelected } from './panel-selected'\n\ninterface PanelProps {\n  ui: ImageEditorUiState\n  engine: ImageEditorEngine\n}\n\nconst PANEL_HEADERS: Record<ImageEditorMode, { title: string; sub: string }> = {\n  select: {\n    title: 'Adjust & layers',\n    sub: 'Adjust the photo, or click a layer',\n  },\n  crop: { title: 'Crop', sub: 'Trim to a region' },\n  text: { title: 'Add text', sub: 'Click on the image to place' },\n  draw: { title: 'Draw', sub: 'Freehand — becomes a layer' },\n  shape: { title: 'Shape', sub: 'Drag to draw — becomes a layer' },\n  sticker: { title: 'Stickers', sub: 'Click a sticker to drop it in' },\n}\n\nexport function Panel({ ui, engine }: PanelProps) {\n  const header = PANEL_HEADERS[ui.mode]\n\n  return (\n    <aside className=\"image-editor-panel shrink-0 touch-pan-y overflow-y-auto overscroll-y-contain bg-light-3 p-4\">\n      <h3 className=\"mb-1 text-base font-semibold\">{header.title}</h3>\n      <p className=\"mb-3.5 text-xs text-light-4\">{header.sub}</p>\n\n      {ui.mode === 'select' && ui.selected == null && (\n        <PanelAdjust adjustments={ui.adjustments} engine={engine} />\n      )}\n      {ui.mode === 'select' && ui.selected != null && (\n        <PanelSelected selected={ui.selected} engine={engine} />\n      )}\n      {ui.mode === 'crop' && <PanelCrop ui={ui} engine={engine} />}\n      {(ui.mode === 'text' ||\n        ui.mode === 'draw' ||\n        ui.mode === 'shape' ||\n        ui.mode === 'sticker') && <PanelInsert ui={ui} engine={engine} />}\n\n      {ui.hasImage && <LayersList ui={ui} engine={engine} />}\n    </aside>\n  )\n}\n"],"names":["PANEL_HEADERS","Panel","ui","engine","header","React","PanelAdjust","PanelSelected","PanelCrop","PanelInsert","LayersList"],"mappings":";;;;;;AAkBA,MAAMA,IAAyE;AAAA,EAC7E,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,EAAA;AAAA,EAEP,MAAM,EAAE,OAAO,QAAQ,KAAK,mBAAA;AAAA,EAC5B,MAAM,EAAE,OAAO,YAAY,KAAK,8BAAA;AAAA,EAChC,MAAM,EAAE,OAAO,QAAQ,KAAK,6BAAA;AAAA,EAC5B,OAAO,EAAE,OAAO,SAAS,KAAK,iCAAA;AAAA,EAC9B,SAAS,EAAE,OAAO,YAAY,KAAK,gCAAA;AACrC;AAEO,SAASC,EAAM,EAAE,IAAAC,GAAI,QAAAC,KAAsB;AAChD,QAAMC,IAASJ,EAAcE,EAAG,IAAI;AAEpC,SACEG,gBAAAA,EAAA,cAAC,SAAA,EAAM,WAAU,iIACd,MAAA,EAAG,WAAU,+BAAA,GAAgCD,EAAO,KAAM,GAC3DC,gBAAAA,EAAA,cAAC,KAAA,EAAE,WAAU,iCAA+BD,EAAO,GAAI,GAEtDF,EAAG,SAAS,YAAYA,EAAG,YAAY,wCACrCI,GAAA,EAAY,aAAaJ,EAAG,aAAa,QAAAC,GAAgB,GAE3DD,EAAG,SAAS,YAAYA,EAAG,YAAY,QACtCG,gBAAAA,EAAA,cAACE,GAAA,EAAc,UAAUL,EAAG,UAAU,QAAAC,GAAgB,GAEvDD,EAAG,SAAS,UAAUG,gBAAAA,EAAA,cAACG,GAAA,EAAU,IAAAN,GAAQ,QAAAC,EAAA,CAAgB,IACxDD,EAAG,SAAS,UACZA,EAAG,SAAS,UACZA,EAAG,SAAS,WACZA,EAAG,SAAS,8CAAeO,GAAA,EAAY,IAAAP,GAAQ,QAAAC,GAAgB,GAEhED,EAAG,YAAYG,gBAAAA,EAAA,cAACK,GAAA,EAAW,IAAAR,GAAQ,QAAAC,GAAgB,CACtD;AAEJ;"}

package/dist/index149.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index149.es.js","sources":["../src/components/organisms/image-editor/engine/state.js"],"sourcesContent":["import { FONTS, VERSION } from './constants.js'\n\nexport const MAX_HISTORY = 30\n\nexport function emptySourceCanvas() {\n  const c = document.createElement('canvas')\n  c.width = 0\n  c.height = 0\n  return c\n}\n\nexport function createState(config) {\n  return {\n    config,\n    stickers: config.stickers || [],\n    listeners: { open: [], close: [], save: [], change: [], load: [] },\n    notify: () => {},\n\n    sourceCanvas: emptySourceCanvas(),\n    originalCanvas: null,\n    layers: [],\n    selectedId: null,\n    nextId: 1,\n    undoStack: [],\n    redoStack: [],\n\n    mode: 'select',\n    viewScale: 1,\n    zoom: 1,\n    fitScale: 1,\n    selectedShapeType: 'rect',\n    shapeFill: 'stroke',\n    shapeWidth: 6,\n    brushSize: 8,\n    brushStyle: 'round',\n    textFont: FONTS[0].value,\n    textSize: 64,\n    textColor: '#111111',\n    shapeColor: '#111111',\n    drawColor: '#111111',\n    cropRatio: 'free',\n    isSaving: false,\n    isLoadingImage: false,\n    statusText: 'Ready',\n    adj: {\n      brightness: 100,\n      contrast: 100,\n      saturate: 100,\n      sepia: 0,\n      blur: 0,\n      hue: 0,\n      filter: 'none',\n    },\n    stickerImageCache: new Map(),\n\n    canvasEl: null,\n    overlayEl: null,\n    textEditorEl: null,\n    stageEl: null,\n    ctx: null,\n    octx: null,\n    mounted: false,\n\n    editingLayer: null,\n    editingSelectAll: false,\n\n    dragMode: null,\n    dragStart: null,\n    dragOrig: null,\n    dragRect: null,\n    resizeCorner: null,\n    resizeAnchor: null,\n    resizeCenter: null,\n    resizeAnchorWorld: null,\n    rotateStart: null,\n    activePointerId: null,\n    pendingShape: null,\n    pendingStroke: null,\n    cropRect: null,\n    cropStart: null,\n\n    isOpenFlag: false,\n  }\n}\n\nexport function emit(state, ev, payload) {\n  ;(state.listeners[ev] || []).forEach((fn) => {\n    try {\n      fn(payload)\n    } catch (e) {\n      // eslint-disable-next-line no-console\n      console.error(e)\n    }\n  })\n}\n\nexport function emitChange(state) {\n  emit(state, 'change', { state: getState(state) })\n  state.notify()\n}\n\nexport function getSel(state) {\n  return state.selectedId != null\n    ? state.layers.find((l) => l.id === state.selectedId)\n    : null\n}\n\nexport function resetAdjValues(state) {\n  state.adj.brightness = 100\n  state.adj.contrast = 100\n  state.adj.saturate = 100\n  state.adj.sepia = 0\n  state.adj.blur = 0\n  state.adj.hue = 0\n  state.adj.filter = 'none'\n}\n\nexport function getState(state) {\n  if (!state.sourceCanvas.width) return null\n  return {\n    version: VERSION,\n    image: state.sourceCanvas.toDataURL('image/png'),\n    width: state.sourceCanvas.width,\n    height: state.sourceCanvas.height,\n    adjustments: { ...state.adj },\n    layers: JSON.parse(\n      JSON.stringify(\n        state.layers.map((L) => {\n          const c = { ...L }\n          delete c._editing\n          return c\n        })\n      )\n    ),\n  }\n}\n"],"names":["MAX_HISTORY","emptySourceCanvas","c","createState","config","FONTS","emit","state","ev","payload","fn","e","emitChange","getState","getSel","l","resetAdjValues","VERSION","L"],"mappings":"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"}