@ikas/core 1.0.21 → 1.0.22

package/dist/index189.js

@@ -1,42 +1,177 @@
-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
+import i from "react";
+import y from "./index153.js";
+import { isValidHex as v, isvalidColorString as g } from "./index165.js";
+import "./index154.js";
+import "./index155.js";
+import { EditableInput as h } from "./index156.js";
+import "./index157.js";
+import "./index158.js";
+import "./index159.js";
+import "./index161.js";
+var G = function(o) {
+  var a = o.onChange, b = o.rgb, x = o.hsl, m = o.hex, f = o.hsv, p = function(r, s) {
+    if (r.hex)
+      v(r.hex) && a({
+        hex: r.hex,
+        source: "hex"
+      }, s);
+    else if (r.rgb) {
+      var d = r.rgb.split(",");
+      g(r.rgb, "rgb") && a({
+        r: d[0],
+        g: d[1],
+        b: d[2],
+        a: 1,
+        source: "rgb"
+      }, s);
+    } else if (r.hsv) {
+      var t = r.hsv.split(",");
+      g(r.hsv, "hsv") && (t[2] = t[2].replace("%", ""), t[1] = t[1].replace("%", ""), t[0] = t[0].replace("°", ""), t[1] == 1 ? t[1] = 0.01 : t[2] == 1 && (t[2] = 0.01), a({
+        h: Number(t[0]),
+        s: Number(t[1]),
+        v: Number(t[2]),
+        source: "hsv"
+      }, s));
+    } else if (r.hsl) {
+      var l = r.hsl.split(",");
+      g(r.hsl, "hsl") && (l[2] = l[2].replace("%", ""), l[1] = l[1].replace("%", ""), l[0] = l[0].replace("°", ""), n[1] == 1 ? n[1] = 0.01 : n[2] == 1 && (n[2] = 0.01), a({
+        h: Number(l[0]),
+        s: Number(l[1]),
+        v: Number(l[2]),
+        source: "hsl"
+      }, s));
+    }
+  }, e = y({
+    default: {
+      wrap: {
+        display: "flex",
+        height: "100px",
+        marginTop: "4px"
+      },
+      fields: {
+        width: "100%"
+      },
+      column: {
+        paddingTop: "10px",
+        display: "flex",
+        justifyContent: "space-between"
+      },
+      double: {
+        padding: "0px 4.4px",
+        boxSizing: "border-box"
+      },
+      input: {
+        width: "100%",
+        height: "38px",
+        boxSizing: "border-box",
+        padding: "4px 10% 3px",
+        textAlign: "center",
+        border: "1px solid #dadce0",
+        fontSize: "11px",
+        textTransform: "lowercase",
+        borderRadius: "5px",
+        outline: "none",
+        fontFamily: "Roboto,Arial,sans-serif"
+      },
+      input2: {
+        height: "38px",
+        width: "100%",
+        border: "1px solid #dadce0",
+        boxSizing: "border-box",
+        fontSize: "11px",
+        textTransform: "lowercase",
+        borderRadius: "5px",
+        outline: "none",
+        paddingLeft: "10px",
+        fontFamily: "Roboto,Arial,sans-serif"
+      },
+      label: {
+        textAlign: "center",
+        fontSize: "12px",
+        background: "#fff",
+        position: "absolute",
+        textTransform: "uppercase",
+        color: "#3c4043",
+        width: "35px",
+        top: "-6px",
+        left: "0",
+        right: "0",
+        marginLeft: "auto",
+        marginRight: "auto",
+        fontFamily: "Roboto,Arial,sans-serif"
+      },
+      label2: {
+        left: "10px",
+        textAlign: "center",
+        fontSize: "12px",
+        background: "#fff",
+        position: "absolute",
+        textTransform: "uppercase",
+        color: "#3c4043",
+        width: "32px",
+        top: "-6px",
+        fontFamily: "Roboto,Arial,sans-serif"
+      },
+      single: {
+        flexGrow: "1",
+        margin: "0px 4.4px"
       }
-    );
-    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)
-      ]
     }
+  }), c = b.r + ", " + b.g + ", " + b.b, u = Math.round(x.h) + "°, " + Math.round(x.s * 100) + "%, " + Math.round(x.l * 100) + "%", n = Math.round(f.h) + "°, " + Math.round(f.s * 100) + "%, " + Math.round(f.v * 100) + "%";
+  return i.createElement(
+    "div",
+    { style: e.wrap, className: "flexbox-fix" },
+    i.createElement(
+      "div",
+      { style: e.fields },
+      i.createElement(
+        "div",
+        { style: e.double },
+        i.createElement(h, {
+          style: { input: e.input, label: e.label },
+          label: "hex",
+          value: m,
+          onChange: p
+        })
+      ),
+      i.createElement(
+        "div",
+        { style: e.column },
+        i.createElement(
+          "div",
+          { style: e.single },
+          i.createElement(h, {
+            style: { input: e.input2, label: e.label2 },
+            label: "rgb",
+            value: c,
+            onChange: p
+          })
+        ),
+        i.createElement(
+          "div",
+          { style: e.single },
+          i.createElement(h, {
+            style: { input: e.input2, label: e.label2 },
+            label: "hsv",
+            value: n,
+            onChange: p
+          })
+        ),
+        i.createElement(
+          "div",
+          { style: e.single },
+          i.createElement(h, {
+            style: { input: e.input2, label: e.label2 },
+            label: "hsl",
+            value: u,
+            onChange: p
+          })
+        )
+      )
+    )
   );
-}
-const k = C(F);
+};
 export {
-  k as PriceCell
+  G as GoogleFields,
+  G as default
 };

package/dist/index190.cjs

@@ -1 +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;
+"use strict";const q=require("./index218.cjs"),h=require("./index219.cjs"),b=require("./index220.cjs");var y="Expected a function",R=Math.max,p=Math.min;function A(x,i,u){var a,c,o,f,n,r,d=0,E=!1,l=!1,g=!0;if(typeof x!="function")throw new TypeError(y);i=b(i)||0,q(u)&&(E=!!u.leading,l="maxWait"in u,o=l?R(b(u.maxWait)||0,i):o,g="trailing"in u?!!u.trailing:g);function v(e){var t=a,s=c;return a=c=void 0,d=e,f=x.apply(s,t),f}function C(e){return d=e,n=setTimeout(m,i),E?v(e):f}function L(e){var t=e-r,s=e-d,W=i-t;return l?p(W,o-s):W}function k(e){var t=e-r,s=e-d;return r===void 0||t>=i||t<0||l&&s>=o}function m(){var e=h();if(k(e))return I(e);n=setTimeout(m,L(e))}function I(e){return n=void 0,g&&a?v(e):(a=c=void 0,f)}function M(){n!==void 0&&clearTimeout(n),d=0,a=r=c=n=void 0}function S(){return n===void 0?f:I(h())}function T(){var e=h(),t=k(e);if(a=arguments,c=this,r=e,t){if(n===void 0)return C(r);if(l)return clearTimeout(n),n=setTimeout(m,i),v(r)}return n===void 0&&(n=setTimeout(m,i)),f}return T.cancel=M,T.flush=S,T}module.exports=A;

package/dist/index190.js

@@ -1,94 +1,54 @@
-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: "-"
+import S from "./index218.js";
+import h from "./index219.js";
+import W from "./index220.js";
+var y = "Expected a function", R = Math.max, A = Math.min;
+function _(x, i, u) {
+  var a, d, c, f, n, r, l = 0, E = !1, m = !1, g = !0;
+  if (typeof x != "function")
+    throw new TypeError(y);
+  i = W(i) || 0, S(u) && (E = !!u.leading, m = "maxWait" in u, c = m ? R(W(u.maxWait) || 0, i) : c, g = "trailing" in u ? !!u.trailing : g);
+  function v(e) {
+    var t = a, o = d;
+    return a = d = void 0, l = e, f = x.apply(o, t), f;
+  }
+  function b(e) {
+    return l = e, n = setTimeout(s, i), E ? v(e) : f;
+  }
+  function C(e) {
+    var t = e - r, o = e - l, p = i - t;
+    return m ? A(p, c - o) : p;
+  }
+  function k(e) {
+    var t = e - r, o = e - l;
+    return r === void 0 || t >= i || t < 0 || m && o >= c;
+  }
+  function s() {
+    var e = h();
+    if (k(e))
+      return I(e);
+    n = setTimeout(s, C(e));
+  }
+  function I(e) {
+    return n = void 0, g && a ? v(e) : (a = d = void 0, f);
+  }
+  function L() {
+    n !== void 0 && clearTimeout(n), l = 0, a = r = d = n = void 0;
+  }
+  function M() {
+    return n === void 0 ? f : I(h());
+  }
+  function T() {
+    var e = h(), t = k(e);
+    if (a = arguments, d = this, r = e, t) {
+      if (n === void 0)
+        return b(r);
+      if (m)
+        return clearTimeout(n), n = setTimeout(s, i), v(r);
     }
-  ) });
+    return n === void 0 && (n = setTimeout(s, i)), f;
+  }
+  return T.cancel = L, T.flush = M, T;
 }
-const R = O(A);
 export {
-  R as SelectCell
+  _ as default
 };

package/dist/index191.cjs

@@ -1 +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("./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;
+"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("./index146.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/index191.js

@@ -1,62 +1,78 @@
-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) => {
+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 "./index146.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 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",
+    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,
           {
-            src: i,
-            alt: (o == null ? void 0 : o.name) ?? "",
-            className: "w-full h-full object-cover"
+            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
           }
-        ) : 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
-      }
-    )
-  ] });
+        ),
+        !!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 q = V(j);
+const _ = C(V);
 export {
-  q as ImageSelectCell
+  _ as FilterStringInput
 };

package/dist/index194.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 o=t=>t.replace(/^([A-Z])|[\s-_]+(\w)/g,(s,a,e)=>e?e.toUpperCase():a.toLowerCase());exports.toCamelCase=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index195.cjs"),R=require("./index196.cjs"),N=require("./index197.cjs"),A=require("./index198.cjs"),M=require("./index199.cjs"),b=require("./index200.cjs"),H=require("./index201.cjs");var s;function L(){if(s)return e.__exports;s=1,Object.defineProperty(e.__exports,"__esModule",{value:!0}),e.__exports.ReactCSS=e.__exports.loop=e.__exports.handleActive=e.__exports.handleHover=e.__exports.hover=void 0;var i=R.__require(),n=r(i),v=N.__require(),l=r(v),p=A.__require(),f=r(p),d=M.__require(),o=r(d),c=b.__require(),x=r(c),q=H.__require(),h=r(q);function r(t){return t&&t.__esModule?t:{default:t}}e.__exports.hover=o.default,e.__exports.handleHover=o.default,e.__exports.handleActive=x.default,e.__exports.loop=h.default;var m=e.__exports.ReactCSS=function(S){for(var _=arguments.length,u=Array(_>1?_-1:0),a=1;a<_;a++)u[a-1]=arguments[a];var g=(0,n.default)(u),C=(0,l.default)(S,g);return(0,f.default)(C)};return e.__exports.default=m,e.__exports}exports.__require=L;

package/dist/index194.js

@@ -1,13 +1,29 @@
-/**
- * @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) => a.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (t, o, e) => e ? e.toUpperCase() : o.toLowerCase()
-);
+import { __exports as e } from "./index195.js";
+import { __require as x } from "./index196.js";
+import { __require as A } from "./index197.js";
+import { __require as N } from "./index198.js";
+import { __require as H } from "./index199.js";
+import { __require as L } from "./index200.js";
+import { __require as M } from "./index201.js";
+var v;
+function B() {
+  if (v) return e;
+  v = 1, Object.defineProperty(e, "__esModule", {
+    value: !0
+  }), e.ReactCSS = e.loop = e.handleActive = e.handleHover = e.hover = void 0;
+  var f = x(), _ = r(f), l = A(), s = r(l), m = N(), n = r(m), d = H(), i = r(d), p = L(), q = r(p), c = M(), h = r(c);
+  function r(a) {
+    return a && a.__esModule ? a : { default: a };
+  }
+  e.hover = i.default, e.handleHover = i.default, e.handleActive = q.default, e.loop = h.default;
+  var S = e.ReactCSS = function(g) {
+    for (var u = arguments.length, o = Array(u > 1 ? u - 1 : 0), t = 1; t < u; t++)
+      o[t - 1] = arguments[t];
+    var C = (0, _.default)(o), R = (0, s.default)(g, C);
+    return (0, n.default)(R);
+  };
+  return e.default = S, e;
+}
 export {
-  s as toCamelCase
+  B as __require
 };

package/dist/index195.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index196.cjs"),t=require("./index197.cjs"),u=require("./index198.cjs"),s=require("./index199.cjs");var r;function _(){if(r)return e.__module.exports;if(r=1,process.env.NODE_ENV!=="production"){var o=t.__require(),i=!0;e.__module.exports=u.__require()(o.isElement,i)}else e.__module.exports=s.__require()();return e.__module.exports}exports.__require=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/index195.js

@@ -1,17 +1,4 @@
-import { __module as r } from "./index196.js";
-import { __require as s } from "./index197.js";
-import { __require as t } from "./index198.js";
-import { __require as p } from "./index199.js";
-var e;
-function q() {
-  if (e) return r.exports;
-  if (e = 1, process.env.NODE_ENV !== "production") {
-    var o = s(), i = !0;
-    r.exports = /* @__PURE__ */ t()(o.isElement, i);
-  } else
-    r.exports = /* @__PURE__ */ p()();
-  return r.exports;
-}
+var r = {};
 export {
-  q as __require
+  r as __exports
 };

package/dist/index196.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index222.cjs"),$=require("lodash/isString"),N=require("lodash/forOwn"),x=require("lodash/isPlainObject"),O=require("lodash/map");var i;function g(){if(i)return t.__exports;i=1,Object.defineProperty(t.__exports,"__esModule",{value:!0}),t.__exports.flattenNames=void 0;var f=$,_=u(f),l=N,o=u(l),c=x,d=u(c),p=O,m=u(p);function u(e){return e&&e.__esModule?e:{default:e}}var q=t.__exports.flattenNames=function e(){var v=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[],a=[];return(0,m.default)(v,function(r){Array.isArray(r)?e(r).map(function(n){return a.push(n)}):(0,d.default)(r)?(0,o.default)(r,function(n,s){n===!0&&a.push(s),a.push(s+"-"+n)}):(0,_.default)(r)&&a.push(r)}),a};return t.__exports.default=q,t.__exports}exports.__require=g;

package/dist/index196.js

@@ -1,4 +1,30 @@
-var p = { exports: {} };
+import { __exports as t } from "./index222.js";
+import q from "lodash/isString";
+import N from "lodash/forOwn";
+import O from "lodash/isPlainObject";
+import P from "lodash/map";
+var i;
+function A() {
+  if (i) return t;
+  i = 1, Object.defineProperty(t, "__esModule", {
+    value: !0
+  }), t.flattenNames = void 0;
+  var s = q, m = u(s), l = N, o = u(l), _ = O, p = u(_), d = P, v = u(d);
+  function u(e) {
+    return e && e.__esModule ? e : { default: e };
+  }
+  var $ = t.flattenNames = function e() {
+    var c = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], a = [];
+    return (0, v.default)(c, function(r) {
+      Array.isArray(r) ? e(r).map(function(n) {
+        return a.push(n);
+      }) : (0, p.default)(r) ? (0, o.default)(r, function(n, f) {
+        n === !0 && a.push(f), a.push(f + "-" + n);
+      }) : (0, m.default)(r) && a.push(r);
+    }), a;
+  };
+  return t.default = $, t;
+}
 export {
-  p as __module
+  A as __require
 };