design-system-silkhaus 3.6.0 → 3.7.0-beta.localeSelector.2

package/dist/app/index.js

@@ -1,326 +1,160 @@
-var Y = Object.defineProperty, Z = Object.defineProperties;
-var O = Object.getOwnPropertyDescriptors;
-var S = Object.getOwnPropertySymbols;
-var P = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
-var W = (s, d, a) => d in s ? Y(s, d, { enumerable: !0, configurable: !0, writable: !0, value: a }) : s[d] = a, w = (s, d) => {
-  for (var a in d || (d = {}))
-    P.call(d, a) && W(s, a, d[a]);
-  if (S)
-    for (var a of S(d))
-      V.call(d, a) && W(s, a, d[a]);
+var J = Object.defineProperty, K = Object.defineProperties;
+var L = Object.getOwnPropertyDescriptors;
+var C = Object.getOwnPropertySymbols;
+var Q = Object.prototype.hasOwnProperty, X = Object.prototype.propertyIsEnumerable;
+var I = (s, e, a) => e in s ? J(s, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : s[e] = a, x = (s, e) => {
+  for (var a in e || (e = {}))
+    Q.call(e, a) && I(s, a, e[a]);
+  if (C)
+    for (var a of C(e))
+      X.call(e, a) && I(s, a, e[a]);
   return s;
-}, _ = (s, d) => Z(s, O(d));
-var B = (s, d) => {
-  var a = {};
-  for (var t in s)
-    P.call(s, t) && d.indexOf(t) < 0 && (a[t] = s[t]);
-  if (s != null && S)
-    for (var t of S(s))
-      d.indexOf(t) < 0 && V.call(s, t) && (a[t] = s[t]);
-  return a;
-};
-import { j as e, a as v, t as ss, c as es, p as ds, u as as, o as ts, i as rs, s as ls, r as ns, v as cs, d as os, e as is, f as us, g as xs, F as ms, A as ps, h as fs, w as hs, C as bs, l as gs, k as vs, n as ys } from "../Checkbox-Bhoxdirv.js";
-import A, { forwardRef as js, useState as N, useEffect as ws } from "react";
-const T = ({ children: s, size: d = "small" }) => /* @__PURE__ */ e.jsx(
-  "div",
-  {
-    className: `ds-flex ds-items-center ds-justify-center ${d === "small" ? "ds-h-5 ds-w-5" : "ds-h-6 ds-w-6"}`,
-    children: s
-  }
-), Ns = {
-  primary: "ds-bg-Background-accentEggplant-100 ds-text-Text-textPrimaryDark ds-rounded-sm hover:ds-text-Text-textPrimaryDark hover:ds-bg-Background-accentEggplant-highlight hover:ds-shadow-[0px_1px_4px_0px_rgba(0,0,0,0.16)] active:ds-shadow-[0px_1px_4px_0px_rgba(0,0,0,0.16)] active:ds-bg-Background-accentEggplant-darkened focus:ds-bg-Background-accentEggplant-100 focus:ds-shadow-[0px_1px_4px_0px_rgba(0,0,0,0.16)] disabled:focus:ds-shadow-none disabled:ds-bg-Background-accentEggplant-20 ds-text-mediumFootnoteEmphasized",
-  secondary: "ds-bg-white ds-text-black ds-rounded-sm ds-border ds-border-Fills-terciary hover:ds-bg-[#F6F8FC] hover:ds-shadow-[0px_1px_4px_0px_rgba(0,0,0,0.16)] active:ds-bg-[#F6F8FC] active:ds-shadow-[0px_1px_4px_0px_rgba(0,0,0,0.16)] focus:ds-bg-[#F6F8FC] focus:ds-shadow-[0px_1px_4px_0px_rgba(0,0,0,0.16)] disabled:ds-border disabled:ds-border-Fills-terciary disabled:ds-text-Text-tertiary disabled:ds-bg-transparent ds-text-mediumFootnoteEmphasized"
-}, Fs = {
-  primary: "ds-rounded-sm ds-border ds-text-black ds-border-Fills-terciary ds-bg-[#F6F8FC] ds-shadow-[0px_1px_4px_0px_rgba(0,0,0,0.16)] ds-text-mediumFootnoteEmphasized",
-  secondary: "ds-rounded-sm ds-bg-Background-accentEggplant-100 ds-text-Text-textPrimaryDark ds-shadow-[0px_1px_4px_0px_rgba(0,0,0,0.16)] ds-text-mediumFootnoteEmphasized"
-}, I = A.forwardRef(
-  (b, y) => {
-    var x = b, {
-      color: s = "primary",
-      disabled: d = !1,
-      className: a,
-      children: t,
-      startIcon: i,
-      selected: u,
-      endIcon: l,
-      trackingId: c,
-      helperText: o,
-      helpterTextClassName: f,
-      buttonClassName: h
-    } = x, g = B(x, [
-      "color",
-      "disabled",
-      "className",
-      "children",
-      "startIcon",
-      "selected",
-      "endIcon",
-      "trackingId",
-      "helperText",
-      "helpterTextClassName",
-      "buttonClassName"
-    ]);
-    return /* @__PURE__ */ e.jsxs("div", { className: v("ds-flex ds-flex-col ds-gap-1", a), children: [
-      /* @__PURE__ */ e.jsxs(
-        "button",
-        _(w({
-          "data-tracking-id": c,
-          ref: y,
-          disabled: d,
-          className: ss(
-            es(
-              { [Fs[s]]: u, [Ns[s]]: !u },
-              "ds-px-2 ds-py-1",
-              "ds-flex ds-w-full ds-flex-1 ds-items-center ds-justify-center ds-gap-1",
-              h
-            )
-          )
-        }, g), {
-          children: [
-            i && /* @__PURE__ */ e.jsx(T, { children: i }),
-            t && /* @__PURE__ */ e.jsx("div", { children: t }),
-            l && /* @__PURE__ */ e.jsx(T, { children: l })
-          ]
-        })
-      ),
-      o && /* @__PURE__ */ e.jsx(
-        "div",
-        {
-          className: v(
-            "ds-w-full ds-text-right ds-text-mediumFootnoteRegular",
-            f
-          ),
-          children: o
-        }
-      )
-    ] });
-  }
-);
-I.displayName = "Button";
-const _s = js(
-  (s, d) => {
-    const F = s, {
-      value: a,
-      options: t,
-      onSelectionChange: i = () => {
-      },
-      isMultiSelect: u,
-      noDataError: l,
-      buttonMinWidth: c,
-      buttonWidth: o,
-      minSelectionError: f,
-      buttonsContainerClassName: h,
-      buttonClassName: g
-    } = F, y = B(F, [
-      "value",
-      "options",
-      "onSelectionChange",
-      "isMultiSelect",
-      "noDataError",
-      "buttonMinWidth",
-      "buttonWidth",
-      "minSelectionError",
-      "buttonsContainerClassName",
-      "buttonClassName"
-    ]), [b, x] = N([]), [j, m] = N("");
-    ws(() => {
-      a && a.length ? x(a) : x([]);
-    }, [a]);
-    const k = (r, p) => {
-      p.currentTarget.blur();
-      const n = [...b], C = n.findIndex((z) => z.value === r.value);
-      C !== -1 ? n.length > 1 ? (n.splice(C, 1), m("")) : m(f) : (n.push(r), m("")), x(n), i(n);
-    }, D = (r, p) => {
-      p.currentTarget.blur();
-      const n = [r];
-      x(n), i(n);
-    };
-    return /* @__PURE__ */ e.jsxs(
-      "div",
-      _(w({
-        ref: d
-      }, y), {
-        children: [
-          /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: v("ds-flex ds-flex-wrap ds-items-center ds-gap-2", h),
-              children: t.length > 0 ? t.map((r, p) => r.type === "separator" ? /* @__PURE__ */ e.jsx(A.Fragment, { children: r.component ? r.component : /* @__PURE__ */ e.jsx("div", { className: "ds-h-full ds-min-h-[30px] ds-w-[1px] ds-bg-Fills-terciary" }) }, `separator-${p}`) : /* @__PURE__ */ e.jsx(A.Fragment, { children: u ? /* @__PURE__ */ e.jsx(
-                I,
-                {
-                  selected: b.some((n) => n.value === r.value),
-                  onClick: (n) => k(r, n),
-                  color: "secondary",
-                  style: { minWidth: c, width: o },
-                  className: g,
-                  startIcon: r.startIcon,
-                  endIcon: r.endIcon,
-                  children: r.label
-                }
-              ) : /* @__PURE__ */ e.jsx(
-                I,
-                {
-                  selected: b.some((n) => n.value === r.value),
-                  onClick: (n) => D(r, n),
-                  color: "secondary",
-                  style: { minWidth: c, width: o },
-                  className: g,
-                  startIcon: r.startIcon,
-                  endIcon: r.endIcon,
-                  children: r.label
-                }
-              ) }, r.value)) : /* @__PURE__ */ e.jsx("div", { className: "ds_xSmallSubheadRegular ds-p-2 ds-text-System-red", children: l })
-            }
-          ),
-          j && /* @__PURE__ */ e.jsx("div", { className: "ds_xSmallSubheadRegular ds-p-2 ds-text-System-red", children: j })
-        ]
-      })
-    );
-  }
-);
-_s.displayName = "ButtonsGroupSelector";
-const ks = (s) => window.innerWidth < ds ? /* @__PURE__ */ e.jsx($, w({}, s)) : /* @__PURE__ */ e.jsx(U, w({}, s));
-ks.displayName = "Dropdown";
-const U = ({
+}, k = (s, e) => K(s, L(e));
+import { j as d, p as Y, u as Z, o as _, i as O, s as ss, r as es, v as ds, d as as, e as ls, f as ts, g as rs, a as m, F as ns, A as os, h as is, D as cs, x as us, C as fs, l as xs, k as ms, n as ps } from "../ButtonsGroupSelector-BErKnj7L.js";
+import { w as ks } from "../ButtonsGroupSelector-BErKnj7L.js";
+import { useState as b } from "react";
+const hs = (s) => window.innerWidth < Y ? /* @__PURE__ */ d.jsx(R, x({}, s)) : /* @__PURE__ */ d.jsx(M, x({}, s));
+hs.displayName = "Dropdown";
+const M = ({
   placement: s = "bottom-start",
-  trigger: d,
+  trigger: e,
   triggerContainerClassName: a,
-  disabled: t,
+  disabled: l,
   onOpenChange: i,
-  adjustHeight: u = !0,
-  adjustWidth: l = !0,
-  options: c,
-  getSelectedValueDisplayText: o = J,
-  placeholder: f,
-  value: h,
-  isMultiSelect: g,
-  onChange: y
+  adjustHeight: n = !0,
+  adjustWidth: t = !0,
+  options: r,
+  getSelectedValueDisplayText: o = S,
+  placeholder: u,
+  value: f,
+  isMultiSelect: y,
+  onChange: w
 }) => {
-  const [b, x] = N(), j = typeof h == "undefined" ? b : h, m = typeof h == "undefined" ? x : () => {
-  }, [k, D] = N(!1), { refs: F, floatingStyles: r, context: p } = as({
-    open: k,
-    onOpenChange: (E) => {
-      D(E), i && i(E);
+  const [p, N] = b(), h = typeof f == "undefined" ? p : f, c = typeof f == "undefined" ? N : () => {
+  }, [F, A] = b(!1), { refs: g, floatingStyles: B, context: j } = Z({
+    open: F,
+    onOpenChange: (v) => {
+      A(v), i && i(v);
     },
     middleware: [
-      ts(8),
-      rs({
+      _(8),
+      O({
         crossAxis: s.includes("-"),
         fallbackAxisSideDirection: "end"
       }),
-      ls({ padding: 4 }),
-      ns({
-        apply({ availableWidth: E, availableHeight: X, elements: M }) {
-          u && (M.floating.style.maxHeight = `${X - 4}px`), l && (M.floating.style.maxWidth = `${E - 4}px`);
+      ss({ padding: 4 }),
+      es({
+        apply({ availableWidth: v, availableHeight: H, elements: z }) {
+          n && (z.floating.style.maxHeight = `${H - 4}px`), t && (z.floating.style.maxWidth = `${v - 4}px`);
         }
       })
     ],
-    whileElementsMounted: fs,
+    whileElementsMounted: is,
     placement: s
-  }), n = cs(p), C = os(p), z = is(p), K = us(p), { getReferenceProps: L, getFloatingProps: Q } = xs([n, C, z, K]);
-  return d || (d = /* @__PURE__ */ e.jsx(
-    q,
+  }), E = ds(j), W = as(j), $ = ls(j), G = ts(j), { getReferenceProps: T, getFloatingProps: q } = rs([E, W, $, G]);
+  return e || (e = /* @__PURE__ */ d.jsx(
+    V,
     {
-      selectedOption: R(j, c),
+      selectedOption: D(h, r),
       getSelectedValueDisplayText: o,
-      placeholder: f
+      placeholder: u
     }
-  )), t ? /* @__PURE__ */ e.jsx("div", { className: a, children: d }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
+  )), l ? /* @__PURE__ */ d.jsx("div", { className: a, children: e }) : /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+    /* @__PURE__ */ d.jsx(
       "div",
-      _(w({
-        className: v("ds-cursor-pointer", a),
-        ref: F.setReference
-      }, L()), {
-        children: d
+      k(x({
+        className: m("ds-cursor-pointer", a),
+        ref: g.setReference
+      }, T()), {
+        children: e
       })
     ),
-    k && /* @__PURE__ */ e.jsx(ms, { children: /* @__PURE__ */ e.jsx(
+    F && /* @__PURE__ */ d.jsx(ns, { children: /* @__PURE__ */ d.jsx(
       "div",
-      _(w({
-        ref: F.setFloating,
-        style: r
-      }, Q()), {
-        className: v(
+      k(x({
+        ref: g.setFloating,
+        style: B
+      }, q()), {
+        className: m(
           "ds-z-[29999] ds-flex ds-min-w-[200px] ds-flex-col ds-gap-1 ds-rounded ds-bg-white ds-p-2 ds-shadow-md",
-          u && "ds-overflow-y-auto",
-          l && "ds-overflow-x-auto"
+          n && "ds-overflow-y-auto",
+          t && "ds-overflow-x-auto"
         ),
-        children: /* @__PURE__ */ e.jsx(
-          H,
+        children: /* @__PURE__ */ d.jsx(
+          P,
           {
-            isMultiSelect: g,
-            options: c,
-            value: j,
-            setValue: m,
-            setIsOpen: D,
-            onChange: y
+            isMultiSelect: y,
+            options: r,
+            value: h,
+            setValue: c,
+            setIsOpen: A,
+            onChange: w
           }
         )
       })
     ) })
   ] });
 };
-U.displayName = "DesktopDropdown";
-const $ = ({
+M.displayName = "DesktopDropdown";
+const R = ({
   trigger: s,
-  triggerContainerClassName: d,
+  triggerContainerClassName: e,
   disabled: a,
-  onOpenChange: t,
-  getSelectedValueDisplayText: i = J,
-  placeholder: u,
-  value: l,
-  options: c,
+  onOpenChange: l,
+  getSelectedValueDisplayText: i = S,
+  placeholder: n,
+  value: t,
+  options: r,
   isMultiSelect: o,
-  onChange: f,
-  closeButtonLabel: h = "Close"
+  onChange: u,
+  closeButtonLabel: f = "Close"
 }) => {
-  const [g, y] = N(), b = typeof l == "undefined" ? g : l, x = typeof l == "undefined" ? y : () => {
-  }, [j, m] = N(!1);
-  return s || (s = /* @__PURE__ */ e.jsx(
-    q,
+  const [y, w] = b(), p = typeof t == "undefined" ? y : t, N = typeof t == "undefined" ? w : () => {
+  }, [h, c] = b(!1);
+  return s || (s = /* @__PURE__ */ d.jsx(
+    V,
     {
-      selectedOption: R(b, c),
+      selectedOption: D(p, r),
       getSelectedValueDisplayText: i,
-      placeholder: u
+      placeholder: n
     }
-  )), a ? /* @__PURE__ */ e.jsx("div", { className: d, children: s }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
+  )), a ? /* @__PURE__ */ d.jsx("div", { className: e, children: s }) : /* @__PURE__ */ d.jsxs(d.Fragment, { children: [
+    /* @__PURE__ */ d.jsx(
       "div",
       {
-        className: d,
+        className: e,
         onClick: () => {
-          m(!0), t && t(!0);
+          c(!0), l && l(!0);
         },
         children: s
       }
     ),
-    /* @__PURE__ */ e.jsx(
-      ps,
+    /* @__PURE__ */ d.jsx(
+      os,
       {
         animation: "slideUp",
-        show: j,
+        show: h,
         handleClose: () => {
-          m(!1), t && t(!1);
+          c(!1), l && l(!1);
         },
-        contentClassName: v("ds-absolute ds-mb-0 ds-w-full"),
+        contentClassName: m("ds-absolute ds-mb-0 ds-w-full"),
         className: "ds-z-[29999]",
-        children: /* @__PURE__ */ e.jsx(
-          G,
+        children: /* @__PURE__ */ d.jsx(
+          U,
           {
             onClose: () => {
-              m(!1), t && t(!1);
+              c(!1), l && l(!1);
             },
-            closeButtonLabel: h,
-            children: /* @__PURE__ */ e.jsx(
-              H,
+            closeButtonLabel: f,
+            children: /* @__PURE__ */ d.jsx(
+              P,
               {
                 isMultiSelect: o,
-                options: c,
-                value: b,
-                setValue: x,
-                setIsOpen: m,
-                onChange: f
+                options: r,
+                value: p,
+                setValue: N,
+                setIsOpen: c,
+                onChange: u
               }
             )
           }
@@ -329,117 +163,117 @@ const $ = ({
     )
   ] });
 };
-$.displayName = "MobileDropdown";
-const G = ({ onClose: s, closeButtonLabel: d, children: a }) => /* @__PURE__ */ e.jsxs("div", { className: "ds-mb-0 ds-flex ds-max-h-dvh ds-w-full ds-flex-col ds-bg-white", children: [
-  /* @__PURE__ */ e.jsxs("div", { className: "ds-flex ds-shrink-0 ds-items-center ds-justify-between ds-px-8 ds-py-4", children: [
-    /* @__PURE__ */ e.jsx(
+R.displayName = "MobileDropdown";
+const U = ({ onClose: s, closeButtonLabel: e, children: a }) => /* @__PURE__ */ d.jsxs("div", { className: "ds-mb-0 ds-flex ds-max-h-dvh ds-w-full ds-flex-col ds-bg-white", children: [
+  /* @__PURE__ */ d.jsxs("div", { className: "ds-flex ds-shrink-0 ds-items-center ds-justify-between ds-px-8 ds-py-4", children: [
+    /* @__PURE__ */ d.jsx(
       "div",
       {
         onClick: s,
         className: "ds-flex ds-size-5 ds-cursor-pointer ds-items-center ds-justify-center",
-        children: /* @__PURE__ */ e.jsx(bs, { className: "ds-size-4" })
+        children: /* @__PURE__ */ d.jsx(fs, { className: "ds-size-4" })
       }
     ),
-    /* @__PURE__ */ e.jsx("div", { className: "ds-size-5" })
+    /* @__PURE__ */ d.jsx("div", { className: "ds-size-5" })
   ] }),
-  /* @__PURE__ */ e.jsx("div", { className: "ds-grow ds-overflow-y-auto ds-p-4 ds-text-xSmallCalloutRegular", children: a }),
-  /* @__PURE__ */ e.jsx("div", { className: "ds-px-8 ds-py-4", children: /* @__PURE__ */ e.jsx(
-    gs,
+  /* @__PURE__ */ d.jsx("div", { className: "ds-grow ds-overflow-y-auto ds-p-4 ds-text-xSmallCalloutRegular", children: a }),
+  /* @__PURE__ */ d.jsx("div", { className: "ds-px-8 ds-py-4", children: /* @__PURE__ */ d.jsx(
+    xs,
     {
       buttonClassName: "ds-py-3",
       onClick: s,
-      children: d
+      children: e
     }
   ) })
 ] });
-G.displayName = "MobilePopoverContentWrapper";
-const q = ({
+U.displayName = "MobilePopoverContentWrapper";
+const V = ({
   selectedOption: s,
-  getSelectedValueDisplayText: d,
+  getSelectedValueDisplayText: e,
   placeholder: a
 }) => {
-  const t = !s || Array.isArray(s) && s.length === 0 ? a || "" : d(s);
-  return /* @__PURE__ */ e.jsx(
-    I,
+  const l = !s || Array.isArray(s) && s.length === 0 ? a || "" : e(s);
+  return /* @__PURE__ */ d.jsx(
+    cs,
     {
       color: "secondary",
-      endIcon: /* @__PURE__ */ e.jsx(hs, { className: "ds-size-4" }),
+      endIcon: /* @__PURE__ */ d.jsx(us, { className: "ds-size-4" }),
       buttonClassName: "ds-justify-between",
-      children: t
+      children: l
     }
   );
-}, H = ({
+}, P = ({
   options: s,
-  isMultiSelect: d,
+  isMultiSelect: e,
   value: a,
-  setValue: t,
+  setValue: l,
   setIsOpen: i,
-  onChange: u
-}) => s && s.map((l) => /* @__PURE__ */ e.jsx(
-  Ds,
+  onChange: n
+}) => s && s.map((t) => /* @__PURE__ */ d.jsx(
+  js,
   {
     onClick: () => {
-      let c;
-      if (d) {
+      let r;
+      if (e) {
         const o = a || [];
-        o.includes(l.value) ? c = o.filter((f) => f !== l.value) : c = [...o, l.value];
+        o.includes(t.value) ? r = o.filter((u) => u !== t.value) : r = [...o, t.value];
       } else
-        c = l.value, i(!1);
-      t(c), u && u(R(c, s));
+        r = t.value, i(!1);
+      l(r), n && n(D(r, s));
     },
-    option: l,
-    isSelected: Array.isArray(a) ? a.some((c) => c === l.value) : a === l.value,
-    showCheckbox: d
+    option: t,
+    isSelected: Array.isArray(a) ? a.some((r) => r === t.value) : a === t.value,
+    showCheckbox: e
   },
-  l.value
-)), Ds = ({
+  t.value
+)), js = ({
   onClick: s,
-  option: d,
+  option: e,
   isSelected: a,
-  showCheckbox: t
-}) => /* @__PURE__ */ e.jsxs(
+  showCheckbox: l
+}) => /* @__PURE__ */ d.jsxs(
   "div",
   {
-    onClick: d.disabled ? void 0 : s,
-    className: v(
+    onClick: e.disabled ? void 0 : s,
+    className: m(
       "ds-group ds-flex ds-min-h-[72px] ds-cursor-pointer ds-items-center ds-gap-4 ds-rounded ds-px-4 ds-py-2 ds-text-smallFootnoteEmphasized hover:ds-bg-[#F6F8FC] ds-tablet:ds-min-h-[auto] ds-tablet:ds-gap-2 ds-tablet:ds-px-2 ds-desktop:ds-text-mediumFootnoteEmphasized",
-      !t && "ds-transition-[padding] ds-duration-300 hover:ds-px-4"
+      !l && "ds-transition-[padding] ds-duration-300 hover:ds-px-4"
     ),
     children: [
-      d.thumbnailUrl && /* @__PURE__ */ e.jsx(
+      e.thumbnailUrl && /* @__PURE__ */ d.jsx(
         "img",
         {
-          src: d.thumbnailUrl,
+          src: e.thumbnailUrl,
           className: "ds-h-14 ds-w-14 ds-shrink-0 ds-rounded ds-object-cover group-hover:ds-pr-0 ds-tablet:ds-h-6 ds-tablet:ds-w-9 ds-tablet:ds-rounded-sm"
         }
       ),
-      d.icon,
-      /* @__PURE__ */ e.jsx(
+      e.icon,
+      /* @__PURE__ */ d.jsx(
         "div",
         {
-          className: v(
+          className: m(
             "ds-flex-grow",
-            !t && "ds-transition-[padding] ds-duration-300 group-hover:ds-pr-0 ds-tablet:ds-pr-4"
+            !l && "ds-transition-[padding] ds-duration-300 group-hover:ds-pr-0 ds-tablet:ds-pr-4"
           ),
-          children: d.label
+          children: e.label
         }
       ),
-      a && !t && /* @__PURE__ */ e.jsx(vs, { className: "ds-size-4 ds-shrink-0" }),
-      t && /* @__PURE__ */ e.jsx(
-        ys,
+      a && !l && /* @__PURE__ */ d.jsx(ms, { className: "ds-size-4 ds-shrink-0" }),
+      l && /* @__PURE__ */ d.jsx(
+        ps,
         {
           isChecked: a,
-          disabled: d.disabled
+          disabled: e.disabled
         }
       )
     ]
   }
-), R = (s, d) => Array.isArray(s) ? d.filter((a) => s.includes(a.value)) : d.find((a) => a.value === s), J = (s) => Array.isArray(s) ? s.map((d) => d.label).join(", ") : s.label;
+), D = (s, e) => Array.isArray(s) ? e.filter((a) => s.includes(a.value)) : e.find((a) => a.value === s), S = (s) => Array.isArray(s) ? s.map((e) => e.label).join(", ") : s.label;
 export {
-  I as Button,
-  _s as ButtonsGroupSelector,
-  U as DesktopDropdown,
-  ks as Dropdown,
-  $ as MobileDropdown,
-  R as findOptionByValue
+  cs as Button,
+  ks as ButtonsGroupSelector,
+  M as DesktopDropdown,
+  hs as Dropdown,
+  R as MobileDropdown,
+  D as findOptionByValue
 };

package/dist/index.d.ts

@@ -761,6 +761,21 @@ export declare const LoadingIcon: FC<{
     className?: string;
 }>;
 
+export declare const LocaleSettingsModal: FC<LocaleSettingsModalProps>;
+
+export declare interface LocaleSettingsModalProps {
+    languages?: Option_3[];
+    currencies?: Option_3[];
+    selectedLanguage?: Option_3;
+    selectedCurrency?: Option_3;
+    show: boolean;
+    onSave: (settings: {
+        language: Option_3;
+        currency: Option_3;
+    }) => void;
+    onClose: () => void;
+}
+
 export declare const LocationIcon: FC<{
     className?: string;
 }>;
@@ -885,6 +900,11 @@ declare interface Option_2 {
 }
 export { Option_2 as Option }
 
+declare type Option_3 = {
+    value: string;
+    label: string;
+};
+
 export declare const PartnerIcon: FC<{
     className?: string;
 }>;