@ikas/core 1.0.1

package/dist/index22.js

@@ -0,0 +1,125 @@
+import { jsxs as c, jsx as l } from "react/jsx-runtime";
+import { useState as I, useEffect as u, useCallback as w } from "react";
+import { Button as S, IconWrapper as T, Spinner as z } from "@ikas/ui";
+import { cn as m } from "./index3.js";
+import { coreTranslations as b } from "./index5.js";
+import N from "./index66.js";
+import j from "./index64.js";
+const _ = 460;
+function C(e, r, t) {
+  const o = t || r;
+  return e && o ? o : void 0;
+}
+function O({
+  open: e,
+  url: r,
+  onClose: t,
+  onVisit: o,
+  visitButtonText: p,
+  iframeTitle: v,
+  width: h = _,
+  className: x,
+  style: y,
+  iframeProps: a,
+  handleProps: g
+}) {
+  const [n, s] = I(!1), i = C(e, r, a == null ? void 0 : a.src);
+  u(() => {
+    if (!e) return;
+    const f = (E) => {
+      E.key === "Escape" && t();
+    };
+    return window.addEventListener("keydown", f), () => window.removeEventListener("keydown", f);
+  }, [e, t]), u(() => {
+    s(!!(e && i));
+  }, [e, i]);
+  const k = w(() => {
+    if (r) {
+      if (o) {
+        o(r);
+        return;
+      }
+      window.open(r, "_blank", "noopener,noreferrer");
+    }
+  }, [r, o]), D = w(() => {
+    s(!1);
+  }, []);
+  if (!e && !i)
+    return null;
+  const L = p || b.docsDrawer.visitPage, d = v || b.docsDrawer.iframeTitle;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": d,
+      "aria-busy": n,
+      className: m(
+        "fixed top-0 right-0 h-screen flex flex-col overflow-hidden z-[9999] bg-white border-l border-[var(--gray-blue-1)] shadow-md transition-transform duration-200",
+        e ? "translate-x-0" : "translate-x-full",
+        x
+      ),
+      style: { width: `${h}px`, ...y },
+      children: [
+        /* @__PURE__ */ c(
+          "div",
+          {
+            role: "banner",
+            className: "px-4 h-10 w-full flex items-center justify-between border-b border-[var(--gray-blue-1)] bg-white",
+            ...g,
+            children: [
+              /* @__PURE__ */ l(
+                S,
+                {
+                  variant: "link",
+                  size: "small",
+                  icon: /* @__PURE__ */ l(N, {}),
+                  onClick: k,
+                  disabled: !r,
+                  children: L
+                }
+              ),
+              /* @__PURE__ */ l(
+                T,
+                {
+                  size: "sm",
+                  color: "muted",
+                  onClick: t,
+                  "aria-label": "close-docs-drawer",
+                  style: { cursor: "pointer" },
+                  children: /* @__PURE__ */ l(j, {})
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ c("div", { className: "relative w-full h-full flex-1", children: [
+          n && /* @__PURE__ */ l("div", { className: "absolute inset-0 z-[1] bg-white/85 backdrop-blur-[1.5px] flex items-center justify-center", children: /* @__PURE__ */ l(z, {}) }),
+          /* @__PURE__ */ l(
+            "iframe",
+            {
+              title: d,
+              src: i,
+              loading: "lazy",
+              allow: "fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
+              allowFullScreen: !0,
+              referrerPolicy: "strict-origin-when-cross-origin",
+              sandbox: "allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-forms allow-presentation allow-top-navigation-by-user-activation",
+              className: m(
+                "border-none w-full h-full",
+                e ? "pointer-events-auto" : "pointer-events-none"
+              ),
+              onLoad: D,
+              "aria-busy": n,
+              ...a
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  _ as DEFAULT_DOCS_DRAWER_WIDTH,
+  O as DocsDrawer
+};

package/dist/index220.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("mobx-react-lite"),s=require("@ikas/ui"),c=require("./index8.cjs");function m(u){const{value:l,rowData:o,columnDefinition:t,onValueChange:a}=u,n=t.alignment,r=n===c.ColumnAlignment.CENTER?"center":n===c.ColumnAlignment.RIGHT?"right":"left",i=o&&t.getSecondLineValue?t.getSecondLineValue(o):void 0;return t.inputMode?e.jsx("div",{className:"w-full h-full flex items-center",style:{justifyContent:n,textAlign:r},children:e.jsx(s.Input,{size:"small",value:l??"",onChange:x=>a(x.target.value),style:{textAlign:"inherit"}})}):e.jsxs("div",{className:"h-full w-full overflow-hidden flex flex-col justify-center",style:{textAlign:r},children:[e.jsx(s.Tooltip,{title:l,children:e.jsx("span",{className:"text-sm text-gray-blue-9 truncate block",children:l})}),i&&e.jsx(s.Tooltip,{title:i,children:e.jsx("span",{className:"text-xs text-gray-blue-6 truncate block",children:i})})]})}const g=d.observer(m);exports.TextCell=g;

package/dist/index220.js

@@ -0,0 +1,37 @@
+import { jsx as e, jsxs as f } from "react/jsx-runtime";
+import { observer as d } from "mobx-react-lite";
+import { Input as x, Tooltip as s } from "@ikas/ui";
+import { ColumnAlignment as a } from "./index8.js";
+function g(c) {
+  const { value: l, rowData: o, columnDefinition: t, onValueChange: u } = c, n = t.alignment, r = n === a.CENTER ? "center" : n === a.RIGHT ? "right" : "left", i = o && t.getSecondLineValue ? t.getSecondLineValue(o) : void 0;
+  return t.inputMode ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: "w-full h-full flex items-center",
+      style: { justifyContent: n, textAlign: r },
+      children: /* @__PURE__ */ e(
+        x,
+        {
+          size: "small",
+          value: l ?? "",
+          onChange: (m) => u(m.target.value),
+          style: { textAlign: "inherit" }
+        }
+      )
+    }
+  ) : /* @__PURE__ */ f(
+    "div",
+    {
+      className: "h-full w-full overflow-hidden flex flex-col justify-center",
+      style: { textAlign: r },
+      children: [
+        /* @__PURE__ */ e(s, { title: l, children: /* @__PURE__ */ e("span", { className: "text-sm text-gray-blue-9 truncate block", children: l }) }),
+        i && /* @__PURE__ */ e(s, { title: i, children: /* @__PURE__ */ e("span", { className: "text-xs text-gray-blue-6 truncate block", children: i }) })
+      ]
+    }
+  );
+}
+const C = d(g);
+export {
+  C as TextCell
+};

package/dist/index221.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),f=require("mobx-react-lite"),p=require("@ikas/ui"),d=require("./index8.cjs");function b(e){const t={};return e.thousandSeparator!==void 0&&(t.thousandsSeparatorSymbol=e.thousandSeparator),e.decimalSeparator!==void 0&&(t.decimalSymbol=e.decimalSeparator),e.decimalCount!==void 0&&(t.decimalLimit=e.decimalCount),e.symbol&&(e.symbolPosition==="right"?t.suffix=e.symbol:t.prefix=e.symbol),t}function x(e,t){if(e==null)return"";const{thousandSeparator:s=",",decimalSeparator:i=".",decimalCount:m=2,symbol:o="",symbolPosition:l="left"}=t,a=e.toFixed(m).split(".");let n=a[0];const u=a[1];s&&(n=n.replace(/\B(?=(\d{3})+(?!\d))/g,s));let r=u?`${n}${i}${u}`:n;return o&&(r=l==="right"?`${r} ${o}`:`${o} ${r}`),r}function y(e){const{value:t,rowData:s,columnDefinition:i,onValueChange:m}=e,o=i.alignment,l=s&&i.maskOptions?i.maskOptions(s):null;if(i.inputMode)return c.jsx("div",{className:"inline-flex items-center w-full",children:c.jsx(p.PriceInput,{size:"small",value:t??null,maskOptions:l?b(l):void 0,onChange:r=>m(r??0)})});const a=t==null;let n;l&&!a?n=x(t,l):n=t!=null?String(t):"";const u=o===d.ColumnAlignment.CENTER?"center":o===d.ColumnAlignment.RIGHT?"flex-end":"flex-start";return c.jsx("div",{className:"inline-flex items-center min-w-0",style:{justifyContent:u},children:c.jsx("span",{className:"text-sm text-gray-blue-9 truncate",children:n})})}const g=f.observer(y);exports.NumberCell=g;

package/dist/index221.js

@@ -0,0 +1,52 @@
+import { jsx as c } from "react/jsx-runtime";
+import { observer as f } from "mobx-react-lite";
+import { PriceInput as p } from "@ikas/ui";
+import { ColumnAlignment as d } from "./index8.js";
+function h(t) {
+  const e = {};
+  return t.thousandSeparator !== void 0 && (e.thousandsSeparatorSymbol = t.thousandSeparator), t.decimalSeparator !== void 0 && (e.decimalSymbol = t.decimalSeparator), t.decimalCount !== void 0 && (e.decimalLimit = t.decimalCount), t.symbol && (t.symbolPosition === "right" ? e.suffix = t.symbol : e.prefix = t.symbol), e;
+}
+function b(t, e) {
+  if (t == null) return "";
+  const {
+    thousandSeparator: a = ",",
+    decimalSeparator: n = ".",
+    decimalCount: u = 2,
+    symbol: o = "",
+    symbolPosition: l = "left"
+  } = e, s = t.toFixed(u).split(".");
+  let i = s[0];
+  const m = s[1];
+  a && (i = i.replace(/\B(?=(\d{3})+(?!\d))/g, a));
+  let r = m ? `${i}${n}${m}` : i;
+  return o && (r = l === "right" ? `${r} ${o}` : `${o} ${r}`), r;
+}
+function x(t) {
+  const { value: e, rowData: a, columnDefinition: n, onValueChange: u } = t, o = n.alignment, l = a && n.maskOptions ? n.maskOptions(a) : null;
+  if (n.inputMode)
+    return /* @__PURE__ */ c("div", { className: "inline-flex items-center w-full", children: /* @__PURE__ */ c(
+      p,
+      {
+        size: "small",
+        value: e ?? null,
+        maskOptions: l ? h(l) : void 0,
+        onChange: (r) => u(r ?? 0)
+      }
+    ) });
+  const s = e == null;
+  let i;
+  l && !s ? i = b(e, l) : i = e != null ? String(e) : "";
+  const m = o === d.CENTER ? "center" : o === d.RIGHT ? "flex-end" : "flex-start";
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: "inline-flex items-center min-w-0",
+      style: { justifyContent: m },
+      children: /* @__PURE__ */ c("span", { className: "text-sm text-gray-blue-9 truncate", children: i })
+    }
+  );
+}
+const v = f(x);
+export {
+  v as NumberCell
+};

package/dist/index222.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),y=require("mobx-react-lite"),j=require("@ikas/ui"),g=require("./index8.cjs");function P(o,r,c){const i=c??2,t=o.toFixed(i).split(".");let e=t[0];const n=t[1];e=e.replace(/\B(?=(\d{3})+(?!\d))/g,",");const l=n?`${e}.${n}`:e;return`${r} ${l}`}function C(o){const{value:r,columnDefinition:c}=o;if(!r)return null;const{sellPrice:i,discountPrice:t,currencySymbol:e,currencyDecimalDigits:n}=r,l=c.alignment,f=l===g.ColumnAlignment.CENTER?"center":l===g.ColumnAlignment.RIGHT?"right":"left",u=t!=null&&t!==i,p=c.ellipsis,a=P(i,e,n),b=(u?P(t,e,n):null)??a,m=(d,h)=>{const x=s.jsx("span",{className:h?"text-sm text-gray-blue-5 line-through":"text-sm text-black font-normal",children:d});return p?s.jsx(j.Tooltip,{title:d,children:s.jsx("span",{className:"truncate block",children:x})}):x};return s.jsxs("div",{className:"flex flex-col",style:{textAlign:f},children:[u&&m(a,!0),m(b)]})}const T=y.observer(C);exports.PriceCell=T;

package/dist/index222.js

@@ -0,0 +1,42 @@
+import { jsxs as y, jsx as s } from "react/jsx-runtime";
+import { observer as C } from "mobx-react-lite";
+import { Tooltip as D } from "@ikas/ui";
+import { ColumnAlignment as p } from "./index8.js";
+function x(o, r, c) {
+  const i = c ?? 2, e = o.toFixed(i).split(".");
+  let t = e[0];
+  const n = e[1];
+  t = t.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
+  const l = n ? `${t}.${n}` : t;
+  return `${r} ${l}`;
+}
+function F(o) {
+  const { value: r, columnDefinition: c } = o;
+  if (!r)
+    return null;
+  const { sellPrice: i, discountPrice: e, currencySymbol: t, currencyDecimalDigits: n } = r, l = c.alignment, P = l === p.CENTER ? "center" : l === p.RIGHT ? "right" : "left", a = e != null && e !== i, g = c.ellipsis, m = x(i, t, n), h = (a ? x(e, t, n) : null) ?? m, u = (d, b) => {
+    const f = /* @__PURE__ */ s(
+      "span",
+      {
+        className: b ? "text-sm text-gray-blue-5 line-through" : "text-sm text-black font-normal",
+        children: d
+      }
+    );
+    return g ? /* @__PURE__ */ s(D, { title: d, children: /* @__PURE__ */ s("span", { className: "truncate block", children: f }) }) : f;
+  };
+  return /* @__PURE__ */ y(
+    "div",
+    {
+      className: "flex flex-col",
+      style: { textAlign: P },
+      children: [
+        a && u(m, !0),
+        u(h)
+      ]
+    }
+  );
+}
+const k = C(F);
+export {
+  k as PriceCell
+};

package/dist/index223.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),y=require("mobx-react-lite"),o=require("@ikas/ui");function p(i){return i.map(e=>({label:e.label,value:String(e.value)}))}function w(i){return i.map(e=>({key:String(e.value),title:e.label,value:String(e.value),children:e.children?w(e.children):void 0}))}function C(i){const{value:e,rowData:m,columnDefinition:l,onValueChange:c}=i,[v,f]=s.useState(null),[u,g]=s.useState(!1),h=s.useRef(),n=!!l.searchOptions,d=n?v??[]:m?l.getOptions(m):[],S=s.useCallback(t=>{l.searchOptions&&(h.current&&clearTimeout(h.current),h.current=setTimeout(async()=>{if(!t){f([]);return}try{g(!0);const r=await l.searchOptions(t);f(r)}catch{}finally{g(!1)}},600))},[l]);return l.isTree?a.jsx("div",{className:"flex items-center min-w-0 w-full",children:a.jsx(o.TreeSelect,{style:{width:"100%"},treeData:w(d),treeCheckable:!0,showCheckedStrategy:o.TreeSelect.SHOW_ALL,value:Array.isArray(e)?e.map(String):e!=null?[String(e)]:void 0,onChange:t=>{const r=(Array.isArray(t)?t:[t]).map(Number);c(r)},onSearch:n?S:void 0,filterTreeNode:n?()=>!0:void 0,loading:u,maxTagCount:2,placeholder:"-"})}):l.isMultiple?a.jsx("div",{className:"flex items-center min-w-0 w-full",children:a.jsx(o.Select,{style:{width:"100%"},mode:"multiple",value:Array.isArray(e)?e.map(String):e!=null?[String(e)]:void 0,options:p(d),onChange:t=>{const r=(Array.isArray(t)?t:[t]).map(Number);c(r)},onSearch:n?S:void 0,filterOption:n?()=>!0:(t,r)=>r?String(r.label??"").toLowerCase().includes(t.toLowerCase()):!1,loading:u,allowClear:!0,showSearch:!0,placeholder:"-"})}):a.jsx("div",{className:"flex items-center min-w-0 w-full",children:a.jsx(o.Select,{style:{width:"100%"},value:e!=null?String(e):void 0,options:p(d),onChange:t=>c(Number(t)),onSearch:n?S:void 0,filterOption:n?()=>!0:(t,r)=>r?String(r.label??"").toLowerCase().includes(t.toLowerCase()):!1,loading:u,allowClear:!0,showSearch:!0,placeholder:"-"})})}const b=y.observer(C);exports.SelectCell=b;

package/dist/index223.js

@@ -0,0 +1,94 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useState as S, useRef as C, useCallback as b } from "react";
+import { observer as O } from "mobx-react-lite";
+import { TreeSelect as p, Select as g } from "@ikas/ui";
+function w(i) {
+  return i.map((e) => ({
+    label: e.label,
+    value: String(e.value)
+  }));
+}
+function v(i) {
+  return i.map((e) => ({
+    key: String(e.value),
+    title: e.label,
+    value: String(e.value),
+    children: e.children ? v(e.children) : void 0
+  }));
+}
+function A(i) {
+  const { value: e, rowData: h, columnDefinition: l, onValueChange: o } = i, [y, d] = S(null), [s, f] = S(!1), c = C(), n = !!l.searchOptions, u = n ? y ?? [] : h ? l.getOptions(h) : [], m = b(
+    (r) => {
+      l.searchOptions && (c.current && clearTimeout(c.current), c.current = setTimeout(async () => {
+        if (!r) {
+          d([]);
+          return;
+        }
+        try {
+          f(!0);
+          const t = await l.searchOptions(r);
+          d(t);
+        } catch {
+        } finally {
+          f(!1);
+        }
+      }, 600));
+    },
+    [l]
+  );
+  return l.isTree ? /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
+    p,
+    {
+      style: { width: "100%" },
+      treeData: v(u),
+      treeCheckable: !0,
+      showCheckedStrategy: p.SHOW_ALL,
+      value: Array.isArray(e) ? e.map(String) : e != null ? [String(e)] : void 0,
+      onChange: (r) => {
+        const t = (Array.isArray(r) ? r : [r]).map(Number);
+        o(t);
+      },
+      onSearch: n ? m : void 0,
+      filterTreeNode: n ? () => !0 : void 0,
+      loading: s,
+      maxTagCount: 2,
+      placeholder: "-"
+    }
+  ) }) : l.isMultiple ? /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
+    g,
+    {
+      style: { width: "100%" },
+      mode: "multiple",
+      value: Array.isArray(e) ? e.map(String) : e != null ? [String(e)] : void 0,
+      options: w(u),
+      onChange: (r) => {
+        const t = (Array.isArray(r) ? r : [r]).map(Number);
+        o(t);
+      },
+      onSearch: n ? m : void 0,
+      filterOption: n ? () => !0 : (r, t) => t ? String(t.label ?? "").toLowerCase().includes(r.toLowerCase()) : !1,
+      loading: s,
+      allowClear: !0,
+      showSearch: !0,
+      placeholder: "-"
+    }
+  ) }) : /* @__PURE__ */ a("div", { className: "flex items-center min-w-0 w-full", children: /* @__PURE__ */ a(
+    g,
+    {
+      style: { width: "100%" },
+      value: e != null ? String(e) : void 0,
+      options: w(u),
+      onChange: (r) => o(Number(r)),
+      onSearch: n ? m : void 0,
+      filterOption: n ? () => !0 : (r, t) => t ? String(t.label ?? "").toLowerCase().includes(r.toLowerCase()) : !1,
+      loading: s,
+      allowClear: !0,
+      showSearch: !0,
+      placeholder: "-"
+    }
+  ) });
+}
+const R = O(A);
+export {
+  R as SelectCell
+};

package/dist/index224.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),h=require("react"),j=require("mobx-react-lite"),C=require("./index35.cjs"),v=require("./index53.cjs"),U=require("./index77.cjs");function V(m){var i;const{value:o,rowData:a,columnDefinition:e,onValueChange:u}=m,[x,c]=h.useState(!1),p=a&&e.getDrawerTitle?e.getDrawerTitle(a):void 0,w=a&&e.getGalleryImages?e.getGalleryImages(a):void 0,I=a&&e.disableUpload?e.disableUpload(a):void 0,d=a&&e.productImages?e.productImages(a):void 0,b=d==null?void 0:d.map(r=>({imageId:r.id??null,fileName:r.name??null})),f=r=>{var l;r.stopPropagation(),c(!0),a&&((l=e.onDrawerToggle)==null||l.call(e,a,!0))},S=()=>{var r;c(!1),a&&((r=e.onDrawerToggle)==null||r.call(e,a,!1))},y=e.onImageNameSave?r=>{var n;const l=o==null?void 0:o.find(N=>N.id===r.imageId);a&&l&&((n=e.onImageNameSave)==null||n.call(e,a,l,r.name??""))}:void 0,s=o!=null&&o.length?o.find(r=>!(r!=null&&r.isVideo)):void 0,g=(s==null?void 0:s.thumbnailSrc)||(s==null?void 0:s.url)||(s==null?void 0:s.src);return t.jsxs("div",{className:"flex items-center",children:[t.jsx("button",{type:"button",className:"flex-shrink-0 w-9 h-9 flex items-center justify-center rounded border border-solid border-gray-blue-2 bg-gray-blue-0 cursor-pointer overflow-hidden outline-none",onClick:f,children:g?t.jsx("img",{src:g,alt:(s==null?void 0:s.name)??"",className:"w-full h-full object-cover"}):o!=null&&o.length&&e.allowVideoUpload?t.jsx(v.default,{className:"h-[18px] w-[18px] text-gray-blue-7"}):t.jsx(U.default,{className:"h-[18px] w-[18px] text-gray-blue-7"})}),a&&((i=e.rightContent)==null?void 0:i.call(e,a)),t.jsx(C.DrawerImageSelect,{allowVideoUpload:e.allowVideoUpload,title:p,visible:x,images:o,galleryImages:w,disableUpload:I,onChange:r=>u(r),onClose:S,onImageNameSave:y,imageNameMaxLength:e.imageNameMaxLength,productImages:b})]})}const q=j.observer(V);exports.ImageSelectCell=q;

package/dist/index224.js

@@ -0,0 +1,62 @@
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { observer as V } from "mobx-react-lite";
+import { DrawerImageSelect as U } from "./index35.js";
+import v from "./index53.js";
+import T from "./index77.js";
+function j(n) {
+  var m;
+  const { value: s, rowData: r, columnDefinition: e, onValueChange: p } = n, [w, g] = u(!1), I = r && e.getDrawerTitle ? e.getDrawerTitle(r) : void 0, f = r && e.getGalleryImages ? e.getGalleryImages(r) : void 0, b = r && e.disableUpload ? e.disableUpload(r) : void 0, d = r && e.productImages ? e.productImages(r) : void 0, x = d == null ? void 0 : d.map((a) => ({
+    imageId: a.id ?? null,
+    fileName: a.name ?? null
+  })), N = (a) => {
+    var l;
+    a.stopPropagation(), g(!0), r && ((l = e.onDrawerToggle) == null || l.call(e, r, !0));
+  }, h = () => {
+    var a;
+    g(!1), r && ((a = e.onDrawerToggle) == null || a.call(e, r, !1));
+  }, S = e.onImageNameSave ? (a) => {
+    var c;
+    const l = s == null ? void 0 : s.find((y) => y.id === a.imageId);
+    r && l && ((c = e.onImageNameSave) == null || c.call(e, r, l, a.name ?? ""));
+  } : void 0, o = s != null && s.length ? s.find((a) => !(a != null && a.isVideo)) : void 0, i = (o == null ? void 0 : o.thumbnailSrc) || (o == null ? void 0 : o.url) || (o == null ? void 0 : o.src);
+  return /* @__PURE__ */ C("div", { className: "flex items-center", children: [
+    /* @__PURE__ */ t(
+      "button",
+      {
+        type: "button",
+        className: "flex-shrink-0 w-9 h-9 flex items-center justify-center rounded border border-solid border-gray-blue-2 bg-gray-blue-0 cursor-pointer overflow-hidden outline-none",
+        onClick: N,
+        children: i ? /* @__PURE__ */ t(
+          "img",
+          {
+            src: i,
+            alt: (o == null ? void 0 : o.name) ?? "",
+            className: "w-full h-full object-cover"
+          }
+        ) : s != null && s.length && e.allowVideoUpload ? /* @__PURE__ */ t(v, { className: "h-[18px] w-[18px] text-gray-blue-7" }) : /* @__PURE__ */ t(T, { className: "h-[18px] w-[18px] text-gray-blue-7" })
+      }
+    ),
+    r && ((m = e.rightContent) == null ? void 0 : m.call(e, r)),
+    /* @__PURE__ */ t(
+      U,
+      {
+        allowVideoUpload: e.allowVideoUpload,
+        title: I,
+        visible: w,
+        images: s,
+        galleryImages: f,
+        disableUpload: b,
+        onChange: (a) => p(a),
+        onClose: h,
+        onImageNameSave: S,
+        imageNameMaxLength: e.imageNameMaxLength,
+        productImages: x
+      }
+    )
+  ] });
+}
+const q = V(j);
+export {
+  q as ImageSelectCell
+};

package/dist/index225.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var v=function(t,e,o,c,i){var l=i.clientWidth,u=i.clientHeight,f=typeof t.pageX=="number"?t.pageX:t.touches[0].pageX,p=typeof t.pageY=="number"?t.pageY:t.touches[0].pageY,n=f-(i.getBoundingClientRect().left+window.pageXOffset),g=p-(i.getBoundingClientRect().top+window.pageYOffset);if(o==="vertical"){var r=void 0;if(g<0?r=0:g>u?r=1:r=Math.round(g*100/u)/100,e.a!==r)return{h:e.h,s:e.s,l:e.l,a:r,source:"rgb"}}else{var a=void 0;if(n<0?a=0:n>l?a=1:a=Math.round(n*100/l)/100,c!==a)return{h:e.h,s:e.s,l:e.l,a,source:"rgb"}}return null};exports.calculateChange=v;

package/dist/index225.js

@@ -0,0 +1,28 @@
+var d = function(t, e, f, l, a) {
+  var o = a.clientWidth, u = a.clientHeight, c = typeof t.pageX == "number" ? t.pageX : t.touches[0].pageX, p = typeof t.pageY == "number" ? t.pageY : t.touches[0].pageY, n = c - (a.getBoundingClientRect().left + window.pageXOffset), g = p - (a.getBoundingClientRect().top + window.pageYOffset);
+  if (f === "vertical") {
+    var r = void 0;
+    if (g < 0 ? r = 0 : g > u ? r = 1 : r = Math.round(g * 100 / u) / 100, e.a !== r)
+      return {
+        h: e.h,
+        s: e.s,
+        l: e.l,
+        a: r,
+        source: "rgb"
+      };
+  } else {
+    var i = void 0;
+    if (n < 0 ? i = 0 : n > o ? i = 1 : i = Math.round(n * 100 / o) / 100, l !== i)
+      return {
+        h: e.h,
+        s: e.s,
+        l: e.l,
+        a: i,
+        source: "rgb"
+      };
+  }
+  return null;
+};
+export {
+  d as calculateChange
+};

package/dist/index226.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var a={},u=function(l,c,t,n){if(typeof document>"u"&&!n)return null;var e=n?new n:document.createElement("canvas");e.width=t*2,e.height=t*2;var r=e.getContext("2d");return r?(r.fillStyle=l,r.fillRect(0,0,e.width,e.height),r.fillStyle=c,r.fillRect(0,0,t,t),r.translate(t,t),r.fillRect(0,0,t,t),e.toDataURL()):null},f=function(l,c,t,n){var e=l+"-"+c+"-"+t+(n?"-server":"");if(a[e])return a[e];var r=u(l,c,t,n);return a[e]=r,r};exports.get=f;exports.render=u;

package/dist/index226.js

@@ -0,0 +1,18 @@
+var a = {}, u = function(l, c, t, n) {
+  if (typeof document > "u" && !n)
+    return null;
+  var e = n ? new n() : document.createElement("canvas");
+  e.width = t * 2, e.height = t * 2;
+  var r = e.getContext("2d");
+  return r ? (r.fillStyle = l, r.fillRect(0, 0, e.width, e.height), r.fillStyle = c, r.fillRect(0, 0, t, t), r.translate(t, t), r.fillRect(0, 0, t, t), e.toDataURL()) : null;
+}, d = function(l, c, t, n) {
+  var e = l + "-" + c + "-" + t + (n ? "-server" : "");
+  if (a[e])
+    return a[e];
+  var r = u(l, c, t, n);
+  return a[e] = r, r;
+};
+export {
+  d as get,
+  u as render
+};

package/dist/index227.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var s=function(t,o,e,r){var g=r.clientWidth,u=r.clientHeight,c=typeof t.pageX=="number"?t.pageX:t.touches[0].pageX,f=typeof t.pageY=="number"?t.pageY:t.touches[0].pageY,l=c-(r.getBoundingClientRect().left+window.pageXOffset),n=f-(r.getBoundingClientRect().top+window.pageYOffset);if(o==="vertical"){var a=void 0;if(n<0)a=359;else if(n>u)a=0;else{var v=-(n*100/u)+100;a=360*v/100}if(e.h!==a)return{h:a,s:e.s,l:e.l,a:e.a,source:"hsl"}}else{var i=void 0;if(l<0)i=0;else if(l>g)i=359;else{var p=l*100/g;i=360*p/100}if(e.h!==i)return{h:i,s:e.s,l:e.l,a:e.a,source:"hsl"}}return null};exports.calculateChange=s;

package/dist/index227.js

@@ -0,0 +1,44 @@
+var d = function(a, o, e, r) {
+  var f = r.clientWidth, g = r.clientHeight, u = typeof a.pageX == "number" ? a.pageX : a.touches[0].pageX, v = typeof a.pageY == "number" ? a.pageY : a.touches[0].pageY, n = u - (r.getBoundingClientRect().left + window.pageXOffset), l = v - (r.getBoundingClientRect().top + window.pageYOffset);
+  if (o === "vertical") {
+    var t = void 0;
+    if (l < 0)
+      t = 359;
+    else if (l > g)
+      t = 0;
+    else {
+      var c = -(l * 100 / g) + 100;
+      t = 360 * c / 100;
+    }
+    if (e.h !== t)
+      return {
+        h: t,
+        s: e.s,
+        l: e.l,
+        a: e.a,
+        source: "hsl"
+      };
+  } else {
+    var i = void 0;
+    if (n < 0)
+      i = 0;
+    else if (n > f)
+      i = 359;
+    else {
+      var p = n * 100 / f;
+      i = 360 * p / 100;
+    }
+    if (e.h !== i)
+      return {
+        h: i,
+        s: e.s,
+        l: e.l,
+        a: e.a,
+        source: "hsl"
+      };
+  }
+  return null;
+};
+export {
+  d as calculateChange
+};

package/dist/index228.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("./index176.cjs"),l=require("./index202.cjs");var u="Expected a function";function c(t,n,e){var r=!0,i=!0;if(typeof t!="function")throw new TypeError(u);return l(e)&&(r="leading"in e?!!e.leading:r,i="trailing"in e?!!e.trailing:i),a(t,n,{leading:r,maxWait:n,trailing:i})}module.exports=c;

package/dist/index228.js

@@ -0,0 +1,16 @@
+import n from "./index176.js";
+import l from "./index202.js";
+var f = "Expected a function";
+function u(t, a, r) {
+  var e = !0, i = !0;
+  if (typeof t != "function")
+    throw new TypeError(f);
+  return l(r) && (e = "leading" in r ? !!r.leading : e, i = "trailing" in r ? !!r.trailing : i), n(t, a, {
+    leading: e,
+    maxWait: a,
+    trailing: i
+  });
+}
+export {
+  u as default
+};

package/dist/index229.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var h=function(e,o,n){var r=n.getBoundingClientRect(),i=r.width,g=r.height,u=typeof e.pageX=="number"?e.pageX:e.touches[0].pageX,c=typeof e.pageY=="number"?e.pageY:e.touches[0].pageY,t=u-(n.getBoundingClientRect().left+window.pageXOffset),a=c-(n.getBoundingClientRect().top+window.pageYOffset);t<0?t=0:t>i&&(t=i),a<0?a=0:a>g&&(a=g);var l=t/i,f=1-a/g;return{h:o.h,s:l,v:f,a:o.a,source:"hsv"}};exports.calculateChange=h;

package/dist/index229.js

@@ -0,0 +1,15 @@
+var l = function(e, o, n) {
+  var r = n.getBoundingClientRect(), i = r.width, g = r.height, u = typeof e.pageX == "number" ? e.pageX : e.touches[0].pageX, f = typeof e.pageY == "number" ? e.pageY : e.touches[0].pageY, t = u - (n.getBoundingClientRect().left + window.pageXOffset), a = f - (n.getBoundingClientRect().top + window.pageYOffset);
+  t < 0 ? t = 0 : t > i && (t = i), a < 0 ? a = 0 : a > g && (a = g);
+  var p = t / i, c = 1 - a / g;
+  return {
+    h: o.h,
+    s: p,
+    v: c,
+    a: o.a,
+    source: "hsv"
+  };
+};
+export {
+  l as calculateChange
+};

package/dist/index23.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("@ikas/ui"),a=require("./index67.cjs");function p({label:t,children:n,alignCenter:o,onClick:s,iconAriaLabel:i="open-docs-help"}){const l=r=>{r.preventDefault(),r.stopPropagation(),s()};return e.jsxs("div",{style:{display:"flex",gap:"8px",alignItems:"center",justifyContent:o?"center":"flex-start"},children:[n??t,e.jsx(c.IconWrapper,{size:"sm",color:"secondary",onClick:l,style:{cursor:"pointer"},"aria-label":i,children:e.jsx(a.default,{})})]})}exports.DocsHelpTrigger=p;

package/dist/index23.js

@@ -0,0 +1,41 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { IconWrapper as p } from "@ikas/ui";
+import c from "./index67.js";
+function x({
+  label: o,
+  children: t,
+  alignCenter: n,
+  onClick: l,
+  iconAriaLabel: i = "open-docs-help"
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      style: {
+        display: "flex",
+        gap: "8px",
+        alignItems: "center",
+        justifyContent: n ? "center" : "flex-start"
+      },
+      children: [
+        t ?? o,
+        /* @__PURE__ */ r(
+          p,
+          {
+            size: "sm",
+            color: "secondary",
+            onClick: (e) => {
+              e.preventDefault(), e.stopPropagation(), l();
+            },
+            style: { cursor: "pointer" },
+            "aria-label": i,
+            children: /* @__PURE__ */ r(c, {})
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  x as DocsHelpTrigger
+};

package/dist/index230.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react");var p=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var o=arguments[e];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(t[r]=o[r])}return t},m=(function(){function t(e,o){for(var r=0;r<o.length;r++){var n=o[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,o,r){return o&&t(e.prototype,o),r&&t(e,r),e}})();function v(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function b(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e&&(typeof e=="object"||typeof e=="function")?e:t}function y(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}var g=function(e){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"span";return(function(r){y(n,r);function n(){var f,c,a,l;v(this,n);for(var h=arguments.length,s=Array(h),u=0;u<h;u++)s[u]=arguments[u];return l=(c=(a=b(this,(f=n.__proto__||Object.getPrototypeOf(n)).call.apply(f,[this].concat(s))),a),a.state={focus:!1},a.handleFocus=function(){return a.setState({focus:!0})},a.handleBlur=function(){return a.setState({focus:!1})},c),b(a,l)}return m(n,[{key:"render",value:function(){return i.createElement(o,{onFocus:this.handleFocus,onBlur:this.handleBlur},i.createElement(e,p({},this.props,this.state)))}}]),n})(i.Component)};exports.handleFocus=g;