@vkzstudio/muza-ui 1.0.43 → 1.0.45

package/dist/components/Input/Input.d.ts

@@ -7,53 +7,54 @@ declare const inputWrapperVariants: (props?: ({
 /**
  * Props for the Input component.
  *
- * Omits native `size`, `prefix`, `suffix`, and `type` from the base input
- * element to replace them with custom typed alternatives.
+ * Extends standard input attributes except `size` (replaced by a custom size
+ * variant), `type` (narrowed to a supported union), and `prefix`/`suffix`
+ * (replaced by ReactNode slots rendered inside the wrapper).
  */
 export interface InputProps extends Omit<ComponentProps<'input'>, 'size' | 'prefix' | 'suffix' | 'type'>, VariantProps<typeof inputWrapperVariants> {
-    /** Displays label text above the input field. */
+    /** Label text rendered above the input. */
     label?: string;
     /**
-     * Sets the HTML input type controlling keyboard and validation behavior.
-     * @default "text"
+     * HTML input type controlling keyboard layout and browser validation.
+     * @default 'text'
      */
     type?: 'text' | 'email' | 'password' | 'number' | 'time';
-    /**
-     * Controls the visual size variant affecting height and typography.
-     * @default "base"
-     */
+    /** Controls height and typography. @default 'base' */
     size?: 'xs' | 'sm' | 'base' | 'lg';
-    /**
-     * Enables error state with red border and red hint text.
-     * @default false
-     */
+    /** Applies error border and hint styling. @default false */
     error?: boolean;
-    /** Renders a ReactNode before the input value (e.g., icon or text). */
+    /** Content rendered before the input value (e.g. an icon). */
     prefix?: ReactNode;
-    /** Renders a ReactNode after the input value (e.g., icon or action). */
+    /** Content rendered after the input value (e.g. an icon or action button). */
     suffix?: ReactNode;
     /**
-     * Hides the required asterisk (*) in the label even when `required` is true.
+     * Hides the required asterisk in the label even when `required` is `true`.
      * @default false
      */
     disableRequiredAsterisk?: boolean;
-    /** Displays helper or error text below the input. */
+    /** Helper or error text rendered below the input. */
     hint?: string;
-    /** Extra content rendered inline next to the label (e.g. a tooltip icon). */
+    /**
+     * Custom content rendered inline next to the label. Takes precedence over
+     * `infoTooltip` when both are provided.
+     */
     labelExtra?: ReactNode;
-    /** Tooltip content shown in an info icon next to the label. Overridden by `labelExtra` if both are provided. */
+    /**
+     * Tooltip content shown in an info icon next to the label. Ignored when
+     * `labelExtra` is provided.
+     */
     infoTooltip?: string;
     /**
-     * Input mask pattern using react-imask syntax. All alphabetic input is automatically converted to uppercase.
+     * Input mask pattern using [react-imask](https://imask.js.org/) syntax.
+     * All alphabetic input is automatically uppercased.
      *
-     * Common patterns:
-     * - `0` = digit (0-9)
-     * - `a` = letter (a-z, A-Z) - automatically converted to uppercase
-     * - `*` = alphanumeric (0-9, a-z, A-Z) - automatically converted to uppercase
-     * - Any other character = literal character in the mask
+     * Pattern tokens:
+     * - `0` — digit (0-9)
+     * - `a` — letter (auto-uppercased)
+     * - `*` — alphanumeric (auto-uppercased)
+     * - any other character — literal
      *
      * @example
-     * ```tsx
      * // Phone number: (123) 456-7890
      * <Input mask="(000) 000-0000" />
      *
@@ -62,18 +63,16 @@ export interface InputProps extends Omit<ComponentProps<'input'>, 'size' | 'pref
      *
      * // Mixed format: AB-1234-CD
      * <Input mask="aa-0000-aa" />
-     * ```
      */
     mask?: string;
     /**
-     * Stops `click` events on the wrapper from propagating to ancestors. Use this
-     * when the Input is placed inside a clickable container (e.g. a DataTable or
-     * ReorderableTable row that wires `onRowClick`) so that clicking the input's
-     * padding / prefix / suffix area does not trigger the parent's click handler.
+     * Stops `click` events on the wrapper from propagating to ancestors. Use
+     * when the Input sits inside a clickable container (e.g. a DataTable or
+     * ReorderableTable row with `onRowClick`) so clicking the input's padding,
+     * prefix, or suffix area does not trigger the parent's click handler.
      *
-     * Scope: only `click` events are stopped. `focus`, `pointerdown`/`mousedown`,
-     * and `keydown` events still bubble normally. Focus behavior on the input
-     * itself is preserved.
+     * Only `click` events are stopped — `focus`, `pointerdown`/`mousedown`,
+     * and `keydown` still bubble, and focus behavior on the input is preserved.
      * @default false
      */
     stopClickPropagation?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,oBAAoB;;;8EA0BzB,CAAA;AAgBD;;;;;GAKG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC1E,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAA;IACxD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uEAAuE;IACvE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;;;;OAUG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED,eAAO,MAAM,KAAK,sHAiJjB,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,oBAAoB;;;8EA0BzB,CAAA;AAgBD;;;;;;GAMG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC1E,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAA;IACxD,sDAAsD;IACtD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC,4DAA4D;IAC5D,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,8DAA8D;IAC9D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;;;;;;;;;;;;;;;;OAmBG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;;;OASG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED,eAAO,MAAM,KAAK,sHAiJjB,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAiK5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAGnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAgBtC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAgBnC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAyB3B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAyBvC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAA"}
+{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAgK5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAGnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAgBtC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAgBnC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAyB3B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAyBvC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAA"}

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

@@ -1,31 +1,53 @@
 import { default as React, ReactNode } from 'react';
+/**
+ * Single selectable option in the MultiSelect dropdown.
+ *
+ * @example
+ * const option: IMultiSelectOption = {
+ *   value: 'food',
+ *   label: 'Food & Dining',
+ *   icon: <Cutlery />,
+ *   disabled: false,
+ * }
+ */
+export interface IMultiSelectOption {
+    /** Unique value identifying the option. Matched against `value` to determine selection. */
+    value: string;
+    /** Display content rendered inside the dropdown item and inside the selected tag. */
+    label: ReactNode;
+    /** Prevents the option from being toggled. Still visible in the dropdown. */
+    disabled?: boolean;
+    /** Icon rendered before the label inside the dropdown item. */
+    icon?: ReactNode;
+}
 /**
  * Props for the MultiSelect component.
  */
 export interface IMultiSelectProps {
-    /** Label text displayed above the select. */
+    /** Label rendered above the select via FormField. */
     label?: string;
-    /** Helper text displayed below the select. Shows in error color when `error` is true. */
+    /** Helper text rendered below the select. Switches to error color when `error` is true. */
     hint?: string;
-    /** Applies error styling to the border and hint text. */
+    /** Applies error border and switches `hint` to error color. @default false */
     error?: boolean;
-    /** Marks the field as required (visual indicator only). */
+    /** Marks the field as required. Renders an asterisk next to the label and sets `aria-required`. @default false */
     required?: boolean;
     /** Hides the required asterisk even when `required` is true. @default false */
     disableRequiredAsterisk?: boolean;
-    /** Element displayed after the selected values (not currently implemented). */
+    /** Reserved slot for content rendered after the selected values. Not currently rendered. */
     suffix?: ReactNode;
-    /** Icon or element displayed before the selected values. */
+    /** Icon or element rendered before the selected tags or placeholder inside the trigger. */
     prefix?: ReactNode;
-    /** Placeholder text shown when no options are selected. @default translations.select.placeholder */
+    /** Placeholder rendered when no options are selected. @default translations.select.placeholder */
     placeholder?: string;
-    /** Text shown inside the dropdown when `options` is empty. @default translations.select.noOptions */
+    /** Text rendered inside the dropdown when `options` is empty. @default translations.select.noOptions */
     emptyMessage?: string;
-    /** Controls height and padding. @default 'base' */
+    /** Controls trigger height and padding. @default 'base' */
     size?: 'xs' | 'sm' | 'base' | 'lg';
     /**
-     * Array of selectable options.
+     * Selectable options rendered inside the dropdown.
      *
+     * @see IMultiSelectOption
      * @example
      * <MultiSelect options={[
      *   { value: 'a', label: 'Option A' },
@@ -33,25 +55,30 @@ export interface IMultiSelectProps {
      *   { value: 'c', label: 'Option C', icon: <Icon /> },
      * ]} />
      */
-    options: Array<{
-        value: string;
-        label: ReactNode;
-        disabled?: boolean;
-        icon?: ReactNode;
-    }>;
-    /** Prevents interaction and applies disabled styling. */
+    options: IMultiSelectOption[];
+    /** Prevents interaction and applies disabled styling. @default false */
     disabled?: boolean;
-    /** Maximum number of tag chips to display before showing a "+N" overflow indicator. @default 2 */
+    /** Maximum number of tag chips rendered before overflow collapses into a `+N` counter tag. @default 2 */
     maxNumberOfVisibleTags?: number;
-    /** Array of currently selected option values (controlled). */
+    /**
+     * Currently selected option values. Use with `onChange` for controlled mode.
+     *
+     * @example
+     * <MultiSelect value={['apple', 'banana']} onChange={setValue} options={...} />
+     */
     value?: string[];
-    /** Fires when the selection changes. Receives the updated array of selected values. */
+    /**
+     * Fires when the selection changes. Receives the full updated array of selected values.
+     *
+     * @example
+     * <MultiSelect onChange={(values) => setSelected(values)} />
+     */
     onChange?: (value: string[]) => void;
-    /** Extra content rendered inline next to the label (e.g. a tooltip icon). */
+    /** Extra content rendered inline next to the label (e.g. a tooltip icon). Takes precedence over `infoTooltip`. */
     labelExtra?: ReactNode;
-    /** Tooltip content shown in an info icon next to the label. Overridden by `labelExtra` if both are provided. */
+    /** Tooltip content rendered in an info icon next to the label. Ignored if `labelExtra` is provided. */
     infoTooltip?: string;
-    /** Distance in pixels from viewport edge before the dropdown repositions. Passed to Radix collision padding. */
+    /** Distance in pixels from the viewport edge before the dropdown repositions. Forwarded to Radix `collisionPadding`. */
     collisionPadding?: number;
 }
 export declare const MultiSelect: React.ForwardRefExoticComponent<IMultiSelectProps & React.RefAttributes<HTMLButtonElement>>;

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;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,oGAAoG;IACpG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qGAAqG;IACrG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;;;;;;;OASG;IACH,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,SAAS,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB,CAAC,CAAA;IACF,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,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