@vkzstudio/muza-ui 1.0.44 → 1.0.46

package/dist/components/LanguageSwitcher/LanguageSwitcher.d.ts

@@ -1,5 +1,15 @@
+import { ButtonProps } from '../Button';
 /**
  * Represents a single language option in the LanguageSwitcher dropdown.
+ *
+ * @example
+ * ```tsx
+ * const english: LanguageOption = {
+ *   name: 'English',
+ *   value: 'en',
+ *   icon: <FlagEn />,
+ * }
+ * ```
  */
 export interface LanguageOption {
     /** Display label for the language (e.g. "English", "Čeština"). */
@@ -24,7 +34,20 @@ export interface LanguageSwitcherProps {
     defaultValue?: string;
     /** Controlled selected language value. Use with onValueChange for controlled behavior. */
     value?: string;
+    /**
+     * When true, renders a compact icon-only flag button instead of the full text trigger.
+     * @default false
+     */
+    isIconButton?: boolean;
+    /**
+     * Props forwarded to the underlying Button when `isIconButton` is true.
+     * The `icon` prop is reserved for the active language flag and cannot be overridden.
+     * @see ButtonProps
+     */
+    buttonProps?: Omit<ButtonProps, 'icon'>;
+    /** Prevents interaction and applies disabled styling. @default false */
+    disabled?: boolean;
 }
-declare const LanguageSwitcher: ({ languages, onValueChange, defaultValue, value, }: LanguageSwitcherProps) => import("react/jsx-runtime").JSX.Element;
+declare const LanguageSwitcher: ({ languages, onValueChange, defaultValue, value, isIconButton, buttonProps, disabled, }: LanguageSwitcherProps) => import("react/jsx-runtime").JSX.Element;
 export { LanguageSwitcher };
 //# sourceMappingURL=LanguageSwitcher.d.ts.map

package/dist/components/LanguageSwitcher/LanguageSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageSwitcher/LanguageSwitcher.tsx"],"names":[],"mappings":"AAYA;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAA;IACZ,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAA;IACb,+DAA+D;IAC/D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,wFAAwF;IACxF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,0FAA0F;IAC1F,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,QAAA,MAAM,gBAAgB,GAAI,oDAKvB,qBAAqB,4CA2DvB,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"LanguageSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageSwitcher/LanguageSwitcher.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAA;AAWpD;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,cAAc;IAC7B,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAA;IACZ,4DAA4D;IAC5D,KAAK,EAAE,MAAM,CAAA;IACb,+DAA+D;IAC/D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,wFAAwF;IACxF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,0FAA0F;IAC1F,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;;;OAIG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;IACvC,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,gBAAgB,GAAI,yFAQvB,qBAAqB,4CAuEvB,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/LanguageSwitcher/LanguageSwitcher.js

@@ -1,64 +1,83 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { useState as d, useEffect as u } from "react";
-import { DropdownMenu as f, DropdownMenuTrigger as h, DropdownMenuContent as w, DropdownMenuRadioGroup as v, DropdownMenuRadioItem as x } from "../DropdownMenu/DropdownMenu.js";
-import { Typography as g } from "../Typography/Typography.js";
-import { AltArrowDownOutline as D } from "@solar-icons/react-perf";
-import { cn as M } from "../../utils/cn.js";
-const j = ({
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useState as h, useEffect as v } from "react";
+import { DropdownMenu as w, DropdownMenuTrigger as x, DropdownMenuContent as b, DropdownMenuRadioGroup as D, DropdownMenuRadioItem as y } from "../DropdownMenu/DropdownMenu.js";
+import { Button as z } from "../Button/Button.js";
+import { Typography as M } from "../Typography/Typography.js";
+import { AltArrowDownOutline as N } from "@solar-icons/react-perf";
+import { cn as A } from "../../utils/cn.js";
+const G = ({
   languages: i,
-  onValueChange: n,
-  defaultValue: l,
-  value: s
+  onValueChange: s,
+  defaultValue: u,
+  value: n,
+  isIconButton: f,
+  buttonProps: g,
+  disabled: a
 }) => {
-  var a;
-  const [m, c] = d(
-    l || ((a = i[0]) == null ? void 0 : a.value) || ""
+  var p;
+  const [c, m] = h(
+    u || ((p = i[0]) == null ? void 0 : p.value) || ""
   );
-  return u(() => {
-    s && c(s);
-  }, [s]), /* @__PURE__ */ o(f, { children: [
-    /* @__PURE__ */ r(h, { asChild: !0, children: /* @__PURE__ */ o("button", { className: "group flex cursor-pointer items-center gap-sm focus-visible:focus-default", children: [
-      /* @__PURE__ */ r(
-        g,
-        {
-          component: "span",
-          size: "sm",
-          weight: "medium",
-          variant: "body",
-          fixY: !0,
-          children: (() => {
-            const e = i.find(({ value: t }) => t === m);
-            return e ? /* @__PURE__ */ o("span", { className: "flex items-center gap-sm [&>svg]:size-icon-small", children: [
-              (e == null ? void 0 : e.icon) && e.icon,
-              e.name
-            ] }) : null;
-          })()
-        }
-      ),
-      /* @__PURE__ */ r(
-        D,
-        {
-          className: M(
-            "size-[12px] transition-transform duration-300 group-data-[state=open]:rotate-180"
+  v(() => {
+    n && m(n);
+  }, [n]);
+  const e = i.find(({ value: o }) => o === c);
+  return /* @__PURE__ */ r(w, { children: [
+    /* @__PURE__ */ t(x, { asChild: !0, children: f ? /* @__PURE__ */ t(
+      z,
+      {
+        variant: "tertiary",
+        size: "sm",
+        disabled: a,
+        ...g,
+        icon: e == null ? void 0 : e.icon
+      }
+    ) : /* @__PURE__ */ r(
+      "button",
+      {
+        disabled: a,
+        className: "group flex cursor-pointer items-center gap-sm hover:text-comp-language-switcher-hover focus-visible:text-comp-language-switcher-focused focus-visible:focus-default disabled:pointer-events-none disabled:text-comp-language-switcher-disabled",
+        children: [
+          /* @__PURE__ */ t(
+            M,
+            {
+              component: "span",
+              size: "sm",
+              weight: "medium",
+              variant: "body",
+              fixY: !0,
+              children: e ? /* @__PURE__ */ r("span", { className: "flex items-center gap-sm [&>svg]:size-icon-small group-disabled:[&>svg]:opacity-50", children: [
+                e.icon && e.icon,
+                e.name
+              ] }) : null
+            }
+          ),
+          /* @__PURE__ */ t(
+            N,
+            {
+              className: A(
+                "size-[12px] transition-transform duration-300 group-hover:text-comp-language-switcher-hover group-data-[state=open]:rotate-180"
+              )
+            }
           )
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ r(w, { className: "w-50", side: "bottom", align: "end", children: /* @__PURE__ */ r(
-      v,
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(b, { className: "w-50", side: "bottom", align: "end", children: /* @__PURE__ */ t(
+      D,
       {
-        value: m,
-        onValueChange: (e) => {
-          c(e), n == null || n(e);
+        value: c,
+        onValueChange: (o) => {
+          m(o), s == null || s(o);
         },
-        children: i.map(({ name: e, value: t, icon: p }) => /* @__PURE__ */ r(x, { value: t, children: /* @__PURE__ */ o("span", { className: "flex items-center gap-sm [&>svg]:size-icon-small", children: [
-          p && p,
-          e
-        ] }) }, t))
+        children: i.map(({ name: o, value: l, icon: d }) => /* @__PURE__ */ t(y, { value: l, children: /* @__PURE__ */ r("span", { className: "flex items-center gap-sm [&>svg]:size-icon-small", children: [
+          d && d,
+          o
+        ] }) }, l))
       }
     ) })
   ] });
 };
 export {
-  j as LanguageSwitcher
+  G as LanguageSwitcher
 };

package/dist/components/LanguageSwitcher/LanguageSwitcher.stories.d.ts

@@ -4,5 +4,7 @@ declare const meta: Meta<typeof LanguageSwitcher>;
 export default meta;
 type Story = StoryObj<typeof LanguageSwitcher>;
 export declare const Default: Story;
+export declare const IconButton: Story;
+export declare const Disabled: Story;
 export declare const Controlled: Story;
 //# sourceMappingURL=LanguageSwitcher.stories.d.ts.map

package/dist/components/LanguageSwitcher/LanguageSwitcher.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSwitcher.stories.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageSwitcher/LanguageSwitcher.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAqCvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE9C,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA8BxB,CAAA"}
+{"version":3,"file":"LanguageSwitcher.stories.d.ts","sourceRoot":"","sources":["../../../src/components/LanguageSwitcher/LanguageSwitcher.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAErD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAwCvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAE9C,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KA8BxB,CAAA"}

package/dist/components/MultiSelect/MultiSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAgBd;;;;;;;;;;GAUG;AACH,MAAM,WAAW,kBAAkB;IACjC,2FAA2F;IAC3F,KAAK,EAAE,MAAM,CAAA;IACb,qFAAqF;IACrF,KAAK,EAAE,SAAS,CAAA;IAChB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,kHAAkH;IAClH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,4FAA4F;IAC5F,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wGAAwG;IACxG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;;;;;;;;OAUG;IACH,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yGAAyG;IACzG,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,kHAAkH;IAClH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uGAAuG;IACvG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wHAAwH;IACxH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,WAAW,6FAkOvB,CAAA"}
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAgBd;;;;;;;;;;GAUG;AACH,MAAM,WAAW,kBAAkB;IACjC,2FAA2F;IAC3F,KAAK,EAAE,MAAM,CAAA;IACb,qFAAqF;IACrF,KAAK,EAAE,SAAS,CAAA;IAChB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,kHAAkH;IAClH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,4FAA4F;IAC5F,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,2FAA2F;IAC3F,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wGAAwG;IACxG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;;;;;;;;OAUG;IACH,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yGAAyG;IACzG,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,kHAAkH;IAClH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uGAAuG;IACvG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,wHAAwH;IACxH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,WAAW,6FAqOvB,CAAA"}

package/dist/components/MultiSelect/MultiSelect.js

@@ -15,12 +15,12 @@ const ne = L(
       label: x,
       hint: b,
       error: w,
-      options: i,
+      options: a,
       onChange: s,
       value: r,
-      disabled: c,
+      disabled: o,
       prefix: d,
-      maxNumberOfVisibleTags: o = 2,
+      maxNumberOfVisibleTags: c = 2,
       size: O,
       placeholder: S,
       emptyMessage: W,
@@ -29,9 +29,9 @@ const ne = L(
       labelExtra: A,
       infoTooltip: C,
       collisionPadding: F
-    } = D, y = S ?? g.select.placeholder, q = W ?? g.select.noOptions, N = U(), E = x ? `${N}-label` : void 0, P = b ? `${N}-hint` : void 0, M = k(() => new Map(i.map((e) => [e.value, e.label])), [i]), V = k(() => {
+    } = D, y = S ?? g.select.placeholder, q = W ?? g.select.noOptions, N = U(), E = x ? `${N}-label` : void 0, P = b ? `${N}-hint` : void 0, M = k(() => new Map(a.map((e) => [e.value, e.label])), [a]), V = k(() => {
       const e = r && r.map((n) => M.get(n));
-      return e != null && e.length ? e.length <= o ? /* @__PURE__ */ t(
+      return e != null && e.length ? e.length <= c ? /* @__PURE__ */ t(
         z,
         {
           gap: "xs",
@@ -39,7 +39,7 @@ const ne = L(
           align: "start",
           flex: 1,
           className: "min-w-0",
-          children: e.map((n, a) => /* @__PURE__ */ t(f, { variant: "info", className: "min-w-[50px] shrink-1", children: n }, a))
+          children: e.map((n, i) => /* @__PURE__ */ t(f, { variant: "info", className: "min-w-[50px] shrink-1", children: n }, i))
         }
       ) : /* @__PURE__ */ t(
         z,
@@ -50,17 +50,17 @@ const ne = L(
           flex: 1,
           className: "min-w-0",
           children: [
-            ...e.slice(0, o).map((n, a) => /* @__PURE__ */ t(
+            ...e.slice(0, c).map((n, i) => /* @__PURE__ */ t(
               f,
               {
                 variant: "info",
                 className: "min-w-[50px] shrink-1 overflow-hidden",
                 children: /* @__PURE__ */ t("span", { className: "truncate", children: n })
               },
-              a
+              i
             )),
             /* @__PURE__ */ p(f, { variant: "info", children: [
-              e.length - o,
+              e.length - c,
               "+"
             ] }, "more")
           ]
@@ -75,7 +75,7 @@ const ne = L(
           children: y
         }
       );
-    }, [r, y, o, M]), [R, $] = u.useState(!1), [T, _] = u.useState(0), m = u.useRef(!1), B = G(null), l = (typeof h == "function" ? null : h) ?? B;
+    }, [r, y, c, M]), [R, $] = u.useState(!1), [T, _] = u.useState(0), m = u.useRef(!1), B = G(null), l = (typeof h == "function" ? null : h) ?? B;
     return H(() => {
       const e = () => {
         l.current && _(l.current.offsetWidth);
@@ -104,14 +104,14 @@ const ne = L(
               $(e);
             },
             children: [
-              /* @__PURE__ */ t(Y, { disabled: c, asChild: !0, children: /* @__PURE__ */ t(
+              /* @__PURE__ */ t(Y, { disabled: o, asChild: !0, children: /* @__PURE__ */ t(
                 "button",
                 {
                   ref: l,
                   type: "button",
                   role: "input",
                   tabIndex: 0,
-                  disabled: c,
+                  disabled: o,
                   "aria-required": v,
                   className: J({
                     size: O,
@@ -123,7 +123,7 @@ const ne = L(
                     d && /* @__PURE__ */ t(
                       "span",
                       {
-                        className: c ? "text-comp-select-icon-disabled" : "text-comp-select-icon-brand-def",
+                        className: o ? "text-comp-select-icon-disabled" : "text-comp-select-icon-brand-def",
                         children: d
                       }
                     ),
@@ -133,7 +133,8 @@ const ne = L(
                       {
                         className: re(
                           "shrink-0 transition-transform duration-200",
-                          R ? "rotate-0" : "rotate-180"
+                          R ? "rotate-0" : "rotate-180",
+                          o ? "text-comp-select-icon-disabled" : "text-comp-select-icon-brand-def"
                         )
                       }
                     )
@@ -151,7 +152,7 @@ const ne = L(
                     m.current || e.preventDefault(), m.current = !1;
                   },
                   collisionPadding: F,
-                  children: i.length === 0 ? /* @__PURE__ */ t("div", { className: "px-lg py-md", role: "presentation", children: /* @__PURE__ */ t(
+                  children: a.length === 0 ? /* @__PURE__ */ t("div", { className: "px-lg py-md", role: "presentation", children: /* @__PURE__ */ t(
                     I,
                     {
                       component: "span",
@@ -160,7 +161,7 @@ const ne = L(
                       className: "text-comp-select-text-secondary",
                       children: q
                     }
-                  ) }) : i.map((e) => /* @__PURE__ */ t(
+                  ) }) : a.map((e) => /* @__PURE__ */ t(
                     ee,
                     {
                       checked: r == null ? void 0 : r.includes(e.value),
@@ -168,7 +169,7 @@ const ne = L(
                       icon: e.icon,
                       onCheckedChange: (n) => {
                         n ? s == null || s([...r || [], e.value]) : s == null || s(
-                          (r || []).filter((a) => a !== e.value)
+                          (r || []).filter((i) => i !== e.value)
                         ), m.current = !0;
                       },
                       children: e.label

package/dist/components/MultiSelect/MultiSelect.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAqB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA4HlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAsBlC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA4DtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA2C5B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAoDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAA"}
+{"version":3,"file":"MultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAqB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CA4HlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAuBlC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA4DtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA2C5B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAoDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAA"}

package/dist/components/MuzaUIProvider/MuzaUIProvider.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MuzaUIProvider.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MuzaUIProvider/MuzaUIProvider.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAkKrC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA;AAE5C,eAAO,MAAM,OAAO,EAAE,KAoCrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAwBjC,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KA+CtC,CAAA;AAqID,eAAO,MAAM,iBAAiB,EAAE,KAmC/B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAwD7B,CAAA"}
+{"version":3,"file":"MuzaUIProvider.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MuzaUIProvider/MuzaUIProvider.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAkKrC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAA;AAE5C,eAAO,MAAM,OAAO,EAAE,KAoCrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAsBhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAwBjC,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KA+CtC,CAAA;AAuID,eAAO,MAAM,iBAAiB,EAAE,KAmC/B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAwD7B,CAAA"}

package/dist/components/Pagination/Pagination.js

@@ -2,9 +2,9 @@ import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import * as X from "react";
 import { useState as S, useCallback as b, useEffect as Y } from "react";
 import { useMuzaTranslations as C } from "../../translations/TranslationContext.js";
-import { ButtonArrow as z } from "../ButtonArrow/ButtonArrow.js";
 import { Select as aa } from "../Select/Select.js";
 import { Flex as p } from "../Flex/Flex.js";
+import { ButtonArrow as z } from "../ButtonArrow/ButtonArrow.js";
 import { Input as ea } from "../Input/Input.js";
 import { Typography as v } from "../Typography/Typography.js";
 const ta = [

package/dist/components/Pagination/Pagination.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAiFjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAgBjC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAqBD,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAA"}
+{"version":3,"file":"Pagination.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAiFjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAExC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAgBjC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAsBD,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAA"}

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,49 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+/**
+ * CVA variants for the Progress root track.
+ * Exposes the `size` variant (`sm` | `md` | `lg`) that controls bar height.
+ */
+export declare const progressVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Props for the Progress component.
+ * Renders a horizontal progress bar built on
+ * [Radix Progress](https://www.radix-ui.com/primitives/docs/components/progress).
+ */
+export interface ProgressProps extends ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, VariantProps<typeof progressVariants> {
+    /**
+     * Current progress value. Numbers are clamped to the `[0, max]` range.
+     * Pass `null` (or omit) for the indeterminate state — the indicator
+     * collapses to zero width and Radix exposes `data-state="indeterminate"`
+     * for custom styling.
+     *
+     * @example
+     * <Progress value={42} />            // 42% complete
+     * <Progress value={null} />          // indeterminate
+     * <Progress value={120} max={200} /> // 60% complete with custom max
+     */
+    value?: number | null;
+    /** Maximum value the bar can reach. @default 100 */
+    max?: number;
+    /** Controls bar height. @default 'md' */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Sets the accessible label announced by screen readers.
+     * Falls back to `translations.progress.ariaLabel` (English: `"Progress"`).
+     */
+    ariaLabel?: string;
+    /**
+     * Applies non-interactive disabled styling. Sets `data-disabled` and
+     * `aria-disabled` on the root so track + indicator pick up the
+     * `data-[disabled]:` Tailwind variants.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+}
+declare const Progress: import('react').ForwardRefExoticComponent<ProgressProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Progress };
+//# sourceMappingURL=Progress.d.ts.map

package/dist/components/Progress/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,wBAAwB,EAG9B,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAA;AAC7D,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE;;;GAGG;AACH,eAAO,MAAM,gBAAgB;;8EAgB5B,CAAA;AAQD;;;;GAIG;AACH,MAAM,WAAW,aACf,SAAQ,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC7D,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC;;;;;;;;;;OAUG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,oDAAoD;IACpD,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,yCAAyC;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,QAAQ,0GAwCb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/Progress/Progress.js

@@ -0,0 +1,64 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import * as t from "@radix-ui/react-progress";
+import { cva as u } from "class-variance-authority";
+import { useMuzaTranslations as h } from "../../translations/TranslationContext.js";
+import { cn as i } from "../../utils/cn.js";
+const v = u(
+  [
+    "group relative w-full overflow-hidden rounded-comp-progress-radius",
+    "bg-comp-progress-bg-track-def",
+    "data-[disabled]:bg-comp-progress-bg-track-disabled"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-comp-progress-h-sm",
+        md: "h-comp-progress-h-md",
+        lg: "h-comp-progress-h-lg"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), w = i(
+  "h-full w-full flex-1 rounded-comp-progress-radius transition-transform duration-500 ease-out",
+  "bg-comp-progress-bg-fill-def",
+  "group-data-[disabled]:bg-comp-progress-bg-fill-disabled"
+), P = b(
+  ({
+    className: l,
+    value: r,
+    max: s = 100,
+    size: d = "md",
+    ariaLabel: m,
+    disabled: o = !1,
+    ...p
+  }, n) => {
+    const c = h(), g = m ?? c.progress.ariaLabel, a = typeof r == "number" ? Math.min(Math.max(r, 0), s) : null, f = a == null ? 0 : a / s * 100;
+    return /* @__PURE__ */ e(
+      t.Root,
+      {
+        ref: n,
+        value: r ?? void 0,
+        max: s,
+        "aria-label": g,
+        "aria-disabled": o || void 0,
+        "data-disabled": o ? "" : void 0,
+        className: i(v({ size: d }), l),
+        ...p,
+        children: /* @__PURE__ */ e(
+          t.Indicator,
+          {
+            className: w,
+            style: { transform: `translateX(-${100 - f}%)` }
+          }
+        )
+      }
+    );
+  }
+);
+P.displayName = "Progress";
+export {
+  P as Progress,
+  v as progressVariants
+};

package/dist/components/Progress/Progress.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react-vite';
+import { Progress } from './Progress';
+declare const meta: Meta<typeof Progress>;
+export default meta;
+type Story = StoryObj<typeof Progress>;
+export declare const Default: Story;
+export declare const AllSizes: Story;
+export declare const AllStates: Story;
+export declare const Disabled: Story;
+export declare const Animated: Story;
+export declare const SizeSmall: Story;
+export declare const SizeLarge: Story;
+//# sourceMappingURL=Progress.stories.d.ts.map

package/dist/components/Progress/Progress.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/Progress.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAoC/B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAA;AAMtC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAoBvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA"}

package/dist/components/Progress/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Progress';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Progress/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/components/Reorderable/Reorderable.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Reorderable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Reorderable/Reorderable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAY3D,OAAO,EACL,gBAAgB,EAIjB,MAAM,eAAe,CAAA;AAwFtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAsFvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAU9C,eAAO,MAAM,OAAO,EAAE,KAiCrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAuCtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAmC5B,CAAA;AASD,eAAO,MAAM,SAAS,EAAE,KA2FvB,CAAA;AAgBD,eAAO,MAAM,cAAc,EAAE,KAsC5B,CAAA;AAmBD,eAAO,MAAM,aAAa,EAAE,KAgD3B,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,KA+E3B,CAAA;AA4BD,eAAO,MAAM,UAAU,EAAE,KAkDxB,CAAA;AA8GD,eAAO,MAAM,QAAQ,EAAE,KAsFtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAsC3B,CAAA"}
+{"version":3,"file":"Reorderable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Reorderable/Reorderable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAY3D,OAAO,EACL,gBAAgB,EAIjB,MAAM,eAAe,CAAA;AAyFtB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAsFvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAA;AAU9C,eAAO,MAAM,OAAO,EAAE,KAiCrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAsCxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAuCtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAmC5B,CAAA;AASD,eAAO,MAAM,SAAS,EAAE,KA2FvB,CAAA;AAgBD,eAAO,MAAM,cAAc,EAAE,KAsC5B,CAAA;AAmBD,eAAO,MAAM,aAAa,EAAE,KAgD3B,CAAA;AAGD,eAAO,MAAM,aAAa,EAAE,KA+E3B,CAAA;AA4BD,eAAO,MAAM,UAAU,EAAE,KAkDxB,CAAA;AA+GD,eAAO,MAAM,QAAQ,EAAE,KAsFtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAsC3B,CAAA"}