@ikas/core 1.0.44 → 1.0.49

package/dist/index148.js

@@ -1,10 +1,37 @@
-/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const n = (...e) => e.filter((r, t, i) => !!r && r.trim() !== "" && i.indexOf(r) === t).join(" ").trim();
+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: "sm",
+          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 {
-  n as mergeClasses
+  C as TextCell
 };

package/dist/index149.cjs

@@ -1,6 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const t=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();exports.toKebabCase=t;
+"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:"sm",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/index149.js

@@ -1,10 +1,52 @@
-/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const a = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+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: s = ",",
+    decimalSeparator: n = ".",
+    decimalCount: u = 2,
+    symbol: o = "",
+    symbolPosition: l = "left"
+  } = e, a = t.toFixed(u).split(".");
+  let i = a[0];
+  const m = a[1];
+  s && (i = i.replace(/\B(?=(\d{3})+(?!\d))/g, s));
+  let r = m ? `${i}${n}${m}` : i;
+  return o && (r = l === "right" ? `${r} ${o}` : `${o} ${r}`), r;
+}
+function x(t) {
+  const { value: e, rowData: s, columnDefinition: n, onValueChange: u } = t, o = n.alignment, l = s && n.maskOptions ? n.maskOptions(s) : null;
+  if (n.inputMode)
+    return /* @__PURE__ */ c("div", { className: "inline-flex items-center w-full", children: /* @__PURE__ */ c(
+      p,
+      {
+        size: "sm",
+        value: e ?? null,
+        maskOptions: l ? h(l) : void 0,
+        onChange: (r) => u(r ?? 0)
+      }
+    ) });
+  const a = e == null;
+  let i;
+  l && !a ? 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 {
-  a as toKebabCase
+  v as NumberCell
 };

package/dist/index150.cjs

@@ -1,6 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index210.cjs");/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const s=a=>{const e=t.toCamelCase(a);return e.charAt(0).toUpperCase()+e.slice(1)};exports.toPascalCase=s;
+"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/index150.js

@@ -1,14 +1,42 @@
-import { toCamelCase as t } from "./index210.js";
-/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const s = (a) => {
-  const e = t(a);
-  return e.charAt(0).toUpperCase() + e.slice(1);
-};
+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 {
-  s as toPascalCase
+  k as PriceCell
 };

package/dist/index151.cjs

@@ -1,6 +1 @@
-"use strict";const t=require("react"),A=require("./index152.cjs"),g=require("./index153.cjs"),p=require("./index148.cjs");/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const q=t.forwardRef(({color:o="currentColor",size:r=24,strokeWidth:s=2,absoluteStrokeWidth:u,className:c="",children:e,iconNode:m,...a},i)=>t.createElement("svg",{ref:i,...A,width:r,height:r,stroke:o,strokeWidth:u?Number(s)*24/Number(r):s,className:p.mergeClasses("lucide",c),...!e&&!g.hasA11yProp(a)&&{"aria-hidden":"true"},...a},[...m.map(([n,l])=>t.createElement(n,l)),...Array.isArray(e)?e:[e]]));module.exports=q;
+"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/index151.js

@@ -1,42 +1,94 @@
-import { forwardRef as l, createElement as a } from "react";
-import A from "./index152.js";
-import { hasA11yProp as b } from "./index153.js";
-import { mergeClasses as c } from "./index148.js";
-/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const n = l(
-  ({
-    color: m = "currentColor",
-    size: t = 24,
-    strokeWidth: o = 2,
-    absoluteStrokeWidth: s,
-    className: f = "",
-    children: r,
-    iconNode: u,
-    ...e
-  }, p) => a(
-    "svg",
-    {
-      ref: p,
-      ...A,
-      width: t,
-      height: t,
-      stroke: m,
-      strokeWidth: s ? Number(o) * 24 / Number(t) : o,
-      className: c("lucide", f),
-      ...!r && !b(e) && { "aria-hidden": "true" },
-      ...e
+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));
     },
-    [
-      ...u.map(([i, d]) => a(i, d)),
-      ...Array.isArray(r) ? r : [r]
-    ]
-  )
-);
+    [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 {
-  n as default
+  R as SelectCell
 };

package/dist/index152.cjs

@@ -1,6 +1 @@
-"use strict";/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */var t={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};module.exports=t;
+"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("./index37.cjs"),v=require("./index55.cjs"),U=require("./index80.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/index152.js

@@ -1,20 +1,62 @@
-/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-var t = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
+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 "./index37.js";
+import v from "./index55.js";
+import T from "./index80.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 {
-  t as default
+  q as ImageSelectCell
 };

package/dist/index153.cjs

@@ -1,6 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const e=t=>{for(const r in t)if(r.startsWith("aria-")||r==="role"||r==="title")return!0;return!1};exports.hasA11yProp=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("react"),v=require("mobx-react-lite"),S=require("@ikas/ui"),p=require("./index5.cjs"),T=require("./index138.cjs"),b=5;function L(o){return o.length>b?`${o.slice(0,b)}...`:o}function j(o){var f;const{filterRow:u,model:i,onChange:d}=o,[r,g]=c.useState(""),s=u.filterValue.value||[],h=c.useMemo(()=>{switch(i.locale){case"tr":return"tr-TR";case"en":return"en-US";case"de":return"de-DE";default:return"tr-TR"}},[i.locale]),a=c.useMemo(()=>i.filters.find(e=>{var t;return e.key===((t=u.filterValue)==null?void 0:t.key)}),[i.filters,(f=u.filterValue)==null?void 0:f.key]),x=c.useMemo(()=>{var m;const e=((m=a==null?void 0:a.options)==null?void 0:m.map(n=>({label:n.label,value:n.value})))??[],t=s.filter(n=>!e.some(w=>w.value===n)).map(n=>({label:L(n),value:n}));return[...e,...t]},[a==null?void 0:a.options,s]),y=e=>{e.key!=="Enter"||!r||(e.preventDefault(),e.stopPropagation(),r.trim()!==""&&!s.find(t=>r===t)&&d([...s,r]),g(""))};return l.jsxs("div",{className:"relative",style:{maxWidth:330,minWidth:330},onKeyDownCapture:y,children:[l.jsx(S.Select,{mode:"tags",maxTagCount:"responsive",value:s,showSearch:!0,searchValue:r,onSearch:g,onChange:e=>{const t=e;t.length<=s.length&&d(t)},options:x,tagClosable:!0,filterOption:(e,t)=>t?String(t.label??"").toLocaleLowerCase(h).includes(e.toLocaleLowerCase(h)):!1,style:{width:"100%"},placeholder:p.coreTranslations.common.actions.enterValue}),!!r.length&&l.jsxs("div",{className:"pointer-events-none absolute right-9 top-1/2 -translate-y-1/2 flex items-center gap-1.5 bg-white",children:[l.jsx(T.default,{className:"h-4 w-4 text-gray-blue-5"}),l.jsx("span",{className:"text-sm leading-5 text-gray-blue-9",children:p.coreTranslations.common.actions.enter})]})]})}const C=v.observer(j);exports.FilterStringInput=C;

package/dist/index153.js

@@ -1,15 +1,78 @@
-/**
- * @license lucide-react v0.563.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const e = (t) => {
-  for (const r in t)
-    if (r.startsWith("aria-") || r === "role" || r === "title")
-      return !0;
-  return !1;
-};
+import { jsxs as g, jsx as u } from "react/jsx-runtime";
+import { useState as x, useMemo as m } from "react";
+import { observer as C } from "mobx-react-lite";
+import { Select as S } from "@ikas/ui";
+import { coreTranslations as w } from "./index5.js";
+import T from "./index138.js";
+const y = 5;
+function L(l) {
+  return l.length > y ? `${l.slice(0, y)}...` : l;
+}
+function V(l) {
+  var d;
+  const { filterRow: i, model: s, onChange: p } = l, [n, f] = x(""), o = i.filterValue.value || [], h = m(() => {
+    switch (s.locale) {
+      case "tr":
+        return "tr-TR";
+      case "en":
+        return "en-US";
+      case "de":
+        return "de-DE";
+      default:
+        return "tr-TR";
+    }
+  }, [s.locale]), a = m(
+    () => s.filters.find((e) => {
+      var t;
+      return e.key === ((t = i.filterValue) == null ? void 0 : t.key);
+    }),
+    [s.filters, (d = i.filterValue) == null ? void 0 : d.key]
+  ), b = m(() => {
+    var c;
+    const e = ((c = a == null ? void 0 : a.options) == null ? void 0 : c.map((r) => ({
+      label: r.label,
+      value: r.value
+    }))) ?? [], t = o.filter((r) => !e.some((v) => v.value === r)).map((r) => ({ label: L(r), value: r }));
+    return [...e, ...t];
+  }, [a == null ? void 0 : a.options, o]);
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      className: "relative",
+      style: { maxWidth: 330, minWidth: 330 },
+      onKeyDownCapture: (e) => {
+        e.key !== "Enter" || !n || (e.preventDefault(), e.stopPropagation(), n.trim() !== "" && !o.find((t) => n === t) && p([...o, n]), f(""));
+      },
+      children: [
+        /* @__PURE__ */ u(
+          S,
+          {
+            mode: "tags",
+            maxTagCount: "responsive",
+            value: o,
+            showSearch: !0,
+            searchValue: n,
+            onSearch: f,
+            onChange: (e) => {
+              const t = e;
+              t.length <= o.length && p(t);
+            },
+            options: b,
+            tagClosable: !0,
+            filterOption: (e, t) => t ? String(t.label ?? "").toLocaleLowerCase(h).includes(e.toLocaleLowerCase(h)) : !1,
+            style: { width: "100%" },
+            placeholder: w.common.actions.enterValue
+          }
+        ),
+        !!n.length && /* @__PURE__ */ g("div", { className: "pointer-events-none absolute right-9 top-1/2 -translate-y-1/2 flex items-center gap-1.5 bg-white", children: [
+          /* @__PURE__ */ u(T, { className: "h-4 w-4 text-gray-blue-5" }),
+          /* @__PURE__ */ u("span", { className: "text-sm leading-5 text-gray-blue-9", children: w.common.actions.enter })
+        ] })
+      ]
+    }
+  );
+}
+const _ = C(V);
 export {
-  e as hasA11yProp
+  _ as FilterStringInput
 };

package/dist/index154.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./index131.cjs"),t=require("./index194.cjs");var e=t.__require();const o=r.getDefaultExportFromCjs(e);exports.default=o;exports.libExports=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./index134.cjs"),t=require("./index200.cjs");var e=t.__require();const o=r.getDefaultExportFromCjs(e);exports.default=o;exports.libExports=e;

package/dist/index154.js

@@ -1,5 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index131.js";
-import { __require as t } from "./index194.js";
+import { getDefaultExportFromCjs as r } from "./index134.js";
+import { __require as t } from "./index200.js";
 var e = t();
 const i = /* @__PURE__ */ r(e);
 export {

package/dist/index155.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),f=require("./index154.cjs"),b=require("./index235.cjs"),v=require("./index156.cjs");var g=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r])}return n},m=(function(){function n(t,o){for(var r=0;r<o.length;r++){var e=o[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,e.key,e)}}return function(t,o,r){return o&&n(t.prototype,o),r&&n(t,r),t}})();function w(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function c(n,t){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:n}function y(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(n,t):n.__proto__=t)}var d=(function(n){y(t,n);function t(){var o,r,e,i;w(this,t);for(var l=arguments.length,u=Array(l),p=0;p<l;p++)u[p]=arguments[p];return i=(r=(e=c(this,(o=t.__proto__||Object.getPrototypeOf(t)).call.apply(o,[this].concat(u))),e),e.handleChange=function(s){var h=b.calculateChange(s,e.props.hsl,e.props.direction,e.props.a,e.container);h&&typeof e.props.onChange=="function"&&e.props.onChange(h,s)},e.handleMouseDown=function(s){e.handleChange(s),window.addEventListener("mousemove",e.handleChange),window.addEventListener("mouseup",e.handleMouseUp)},e.handleMouseUp=function(){e.unbindEventListeners()},e.unbindEventListeners=function(){window.removeEventListener("mousemove",e.handleChange),window.removeEventListener("mouseup",e.handleMouseUp)},r),c(e,i)}return m(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var r=this,e=this.props.rgb,i=f.default({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+e.r+","+e.g+","+e.b+`, 0) 0%,
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),f=require("./index154.cjs"),b=require("./index243.cjs"),v=require("./index156.cjs");var g=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r])}return n},m=(function(){function n(t,o){for(var r=0;r<o.length;r++){var e=o[r];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(t,e.key,e)}}return function(t,o,r){return o&&n(t.prototype,o),r&&n(t,r),t}})();function w(n,t){if(!(n instanceof t))throw new TypeError("Cannot call a class as a function")}function c(n,t){if(!n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t&&(typeof t=="object"||typeof t=="function")?t:n}function y(n,t){if(typeof t!="function"&&t!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof t);n.prototype=Object.create(t&&t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(n,t):n.__proto__=t)}var d=(function(n){y(t,n);function t(){var o,r,e,i;w(this,t);for(var l=arguments.length,u=Array(l),p=0;p<l;p++)u[p]=arguments[p];return i=(r=(e=c(this,(o=t.__proto__||Object.getPrototypeOf(t)).call.apply(o,[this].concat(u))),e),e.handleChange=function(s){var h=b.calculateChange(s,e.props.hsl,e.props.direction,e.props.a,e.container);h&&typeof e.props.onChange=="function"&&e.props.onChange(h,s)},e.handleMouseDown=function(s){e.handleChange(s),window.addEventListener("mousemove",e.handleChange),window.addEventListener("mouseup",e.handleMouseUp)},e.handleMouseUp=function(){e.unbindEventListeners()},e.unbindEventListeners=function(){window.removeEventListener("mousemove",e.handleChange),window.removeEventListener("mouseup",e.handleMouseUp)},r),c(e,i)}return m(t,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"render",value:function(){var r=this,e=this.props.rgb,i=f.default({default:{alpha:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius},checkboard:{absolute:"0px 0px 0px 0px",overflow:"hidden",borderRadius:this.props.radius},gradient:{absolute:"0px 0px 0px 0px",background:"linear-gradient(to right, rgba("+e.r+","+e.g+","+e.b+`, 0) 0%,
            rgba(`+e.r+","+e.g+","+e.b+", 1) 100%)",boxShadow:this.props.shadow,borderRadius:this.props.radius},container:{position:"relative",height:"100%",margin:"0 3px"},pointer:{position:"absolute",left:e.a*100+"%"},slider:{width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",marginTop:"1px",transform:"translateX(-2px)"}},vertical:{gradient:{background:"linear-gradient(to bottom, rgba("+e.r+","+e.g+","+e.b+`, 0) 0%,
            rgba(`+e.r+","+e.g+","+e.b+", 1) 100%)"},pointer:{left:0,top:e.a*100+"%"}},overwrite:g({},this.props.style)},{vertical:this.props.direction==="vertical",overwrite:!0});return a.createElement("div",{style:i.alpha},a.createElement("div",{style:i.checkboard},a.createElement(v.Checkboard,{renderers:this.props.renderers})),a.createElement("div",{style:i.gradient}),a.createElement("div",{style:i.container,ref:function(u){return r.container=u},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},a.createElement("div",{style:i.pointer},this.props.pointer?a.createElement(this.props.pointer,this.props):a.createElement("div",{style:i.slider}))))}}]),t})(a.PureComponent||a.Component);exports.Alpha=d;exports.default=d;

package/dist/index155.js

@@ -1,6 +1,6 @@
 import i, { PureComponent as d, Component as f } from "react";
 import b from "./index154.js";
-import { calculateChange as v } from "./index235.js";
+import { calculateChange as v } from "./index243.js";
 import { Checkboard as g } from "./index156.js";
 var m = Object.assign || function(n) {
   for (var t = 1; t < arguments.length; t++) {

package/dist/index156.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),g=require("./index154.cjs"),h=require("./index236.cjs");var i=Object.assign||function(d){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(d[t]=r[t])}return d},o=function(e){var r=e.white,t=e.grey,l=e.size,u=e.renderers,c=e.borderRadius,b=e.boxShadow,a=e.children,s=g.default({default:{grid:{borderRadius:c,boxShadow:b,absolute:"0px 0px 0px 0px",background:"url("+h.get(r,t,l,u.canvas)+") center left"}}});return n.isValidElement(a)?n.cloneElement(a,i({},a.props,{style:i({},a.props.style,s.grid)})):n.createElement("div",{style:s.grid})};o.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};exports.Checkboard=o;exports.default=o;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),g=require("./index154.cjs"),h=require("./index244.cjs");var i=Object.assign||function(d){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(d[t]=r[t])}return d},o=function(e){var r=e.white,t=e.grey,l=e.size,u=e.renderers,c=e.borderRadius,b=e.boxShadow,a=e.children,s=g.default({default:{grid:{borderRadius:c,boxShadow:b,absolute:"0px 0px 0px 0px",background:"url("+h.get(r,t,l,u.canvas)+") center left"}}});return n.isValidElement(a)?n.cloneElement(a,i({},a.props,{style:i({},a.props.style,s.grid)})):n.createElement("div",{style:s.grid})};o.defaultProps={size:8,white:"transparent",grey:"rgba(0,0,0,.08)",renderers:{}};exports.Checkboard=o;exports.default=o;

package/dist/index156.js

@@ -1,6 +1,6 @@
 import n, { isValidElement as u } from "react";
 import b from "./index154.js";
-import { get as g } from "./index236.js";
+import { get as g } from "./index244.js";
 var s = Object.assign || function(o) {
   for (var r = 1; r < arguments.length; r++) {
     var e = arguments[r];

package/dist/index158.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),d=require("./index154.cjs"),v=require("./index237.cjs");var b=(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 g(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function p(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 m(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 c=(function(t){m(e,t);function e(){var o,r,n,u;g(this,e);for(var a=arguments.length,l=Array(a),f=0;f<a;f++)l[f]=arguments[f];return u=(r=(n=p(this,(o=e.__proto__||Object.getPrototypeOf(e)).call.apply(o,[this].concat(l))),n),n.handleChange=function(h){var s=v.calculateChange(h,n.props.direction,n.props.hsl,n.container);s&&typeof n.props.onChange=="function"&&n.props.onChange(s,h)},n.handleMouseDown=function(h){n.handleChange(h),window.addEventListener("mousemove",n.handleChange),window.addEventListener("mouseup",n.handleMouseUp)},n.handleMouseUp=function(){n.unbindEventListeners()},r),p(n,u)}return b(e,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var r=this,n=this.props.direction,u=n===void 0?"horizontal":n,a=d.default({default:{hue:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{padding:"0 2px",position:"relative",height:"100%",borderRadius:this.props.radius},pointer:{position:"absolute",left:this.props.hsl.h*100/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},vertical:{pointer:{left:"0px",top:-(this.props.hsl.h*100/360)+100+"%"}}},{vertical:u==="vertical"});return i.createElement("div",{style:a.hue},i.createElement("div",{className:"hue-"+u,style:a.container,ref:function(f){return r.container=f},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},i.createElement("style",null,`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),d=require("./index154.cjs"),v=require("./index245.cjs");var b=(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 g(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function p(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 m(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 c=(function(t){m(e,t);function e(){var o,r,n,u;g(this,e);for(var a=arguments.length,l=Array(a),f=0;f<a;f++)l[f]=arguments[f];return u=(r=(n=p(this,(o=e.__proto__||Object.getPrototypeOf(e)).call.apply(o,[this].concat(l))),n),n.handleChange=function(h){var s=v.calculateChange(h,n.props.direction,n.props.hsl,n.container);s&&typeof n.props.onChange=="function"&&n.props.onChange(s,h)},n.handleMouseDown=function(h){n.handleChange(h),window.addEventListener("mousemove",n.handleChange),window.addEventListener("mouseup",n.handleMouseUp)},n.handleMouseUp=function(){n.unbindEventListeners()},r),p(n,u)}return b(e,[{key:"componentWillUnmount",value:function(){this.unbindEventListeners()}},{key:"unbindEventListeners",value:function(){window.removeEventListener("mousemove",this.handleChange),window.removeEventListener("mouseup",this.handleMouseUp)}},{key:"render",value:function(){var r=this,n=this.props.direction,u=n===void 0?"horizontal":n,a=d.default({default:{hue:{absolute:"0px 0px 0px 0px",borderRadius:this.props.radius,boxShadow:this.props.shadow},container:{padding:"0 2px",position:"relative",height:"100%",borderRadius:this.props.radius},pointer:{position:"absolute",left:this.props.hsl.h*100/360+"%"},slider:{marginTop:"1px",width:"4px",borderRadius:"1px",height:"8px",boxShadow:"0 0 2px rgba(0, 0, 0, .6)",background:"#fff",transform:"translateX(-2px)"}},vertical:{pointer:{left:"0px",top:-(this.props.hsl.h*100/360)+100+"%"}}},{vertical:u==="vertical"});return i.createElement("div",{style:a.hue},i.createElement("div",{className:"hue-"+u,style:a.container,ref:function(f){return r.container=f},onMouseDown:this.handleMouseDown,onTouchMove:this.handleChange,onTouchStart:this.handleChange},i.createElement("style",null,`
             .hue-horizontal {
               background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0
                 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);

package/dist/index158.js

@@ -1,6 +1,6 @@
 import f, { PureComponent as c, Component as d } from "react";
 import v from "./index154.js";
-import { calculateChange as m } from "./index237.js";
+import { calculateChange as m } from "./index245.js";
 var b = /* @__PURE__ */ (function() {
   function t(e, o) {
     for (var r = 0; r < o.length; r++) {