@vkzstudio/muza-ui 1.5.2 → 1.6.0

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -1,61 +1,62 @@
-import { jsx as e, jsxs as b, Fragment as N } from "react/jsx-runtime";
+import { jsx as o, jsxs as b, Fragment as N } from "react/jsx-runtime";
 import * as m from "react";
 import * as a from "@radix-ui/react-dropdown-menu";
-import { cva as y } from "class-variance-authority";
-import { cn as s } from "../../utils/cn.js";
-import { Button as I } from "../Button/Button.js";
-import { Flex as D } from "../Flex/Flex.js";
-import { UnreadOutline as x } from "@solar-icons/react-perf";
-import { Typography as f } from "../Typography/Typography.js";
-const g = m.createContext(null), M = () => m.useContext(g), B = ({ ...o }) => /* @__PURE__ */ e(a.Root, { "data-slot": "dropdown-menu", ...o }), F = ({ ...o }) => /* @__PURE__ */ e(a.Portal, { "data-slot": "dropdown-menu-portal", ...o }), H = ({ ...o }) => /* @__PURE__ */ e(
+import { Slottable as g } from "@radix-ui/react-slot";
+import { cva as I } from "class-variance-authority";
+import { cn as i } from "../../utils/cn.js";
+import { Button as D } from "../Button/Button.js";
+import { Flex as M } from "../Flex/Flex.js";
+import { UnreadOutline as v } from "@solar-icons/react-perf";
+import { Typography as w } from "../Typography/Typography.js";
+const k = m.createContext(null), R = () => m.useContext(k), H = ({ ...e }) => /* @__PURE__ */ o(a.Root, { "data-slot": "dropdown-menu", ...e }), L = ({ ...e }) => /* @__PURE__ */ o(a.Portal, { "data-slot": "dropdown-menu-portal", ...e }), O = ({ ...e }) => /* @__PURE__ */ o(
   a.Trigger,
   {
     "data-slot": "dropdown-menu-trigger",
-    ...o
+    ...e
   }
-), O = ({
-  className: o,
+), V = ({
+  className: e,
   sideOffset: t = 4,
   align: n = "start",
   ...r
 }) => {
-  const [c, i] = m.useState(!1), d = m.useRef(null);
+  const [s, l] = m.useState(!1), d = m.useRef(null);
   return m.useEffect(() => {
-    const l = () => {
+    const c = () => {
       if (d.current) {
-        const { scrollHeight: v, clientHeight: k } = d.current;
-        i(v > k);
+        const { scrollHeight: f, clientHeight: y } = d.current;
+        l(f > y);
       }
-    }, u = setTimeout(l, 10), p = new ResizeObserver(l);
+    }, u = setTimeout(c, 10), p = new ResizeObserver(c);
     return d.current && p.observe(d.current), () => {
       clearTimeout(u), p.disconnect();
     };
-  }, [r.children]), /* @__PURE__ */ e(a.Portal, { children: /* @__PURE__ */ e(
+  }, [r.children]), /* @__PURE__ */ o(a.Portal, { children: /* @__PURE__ */ o(
     a.Content,
     {
       "data-slot": "dropdown-menu-content",
       sideOffset: t,
       align: n,
-      className: s(
+      className: i(
         "z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         "flex flex-col rounded-xl bg-comp-select-fill-def dropdown-shadow-default",
-        o
+        e
       ),
       ...r,
-      children: /* @__PURE__ */ e(
+      children: /* @__PURE__ */ o(
         "div",
         {
           ref: d,
-          className: s(
+          className: i(
             "scrollbar-thin scrollbar-track-transparent scrollbar-thumb-stroke-base-secondary hover:scrollbar-thumb-stroke-base-primary scrollbar-thumb-rounded-full my-sm max-h-full overflow-y-auto px-sm py-0 [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:border-2 [&::-webkit-scrollbar-thumb]:border-transparent [&::-webkit-scrollbar-thumb]:bg-stroke-base-secondary hover:[&::-webkit-scrollbar-thumb]:bg-stroke-base-primary [&::-webkit-scrollbar-track]:bg-transparent",
-            c && "w-[calc(100%_-_var(--spacing-sm))]"
+            s && "w-[calc(100%_-_var(--spacing-sm))]"
           ),
           children: r.children
         }
       )
     }
   ) });
-}, w = y(
+}, h = I(
   [
     "flex cursor-pointer items-center gap-sm rounded-md pt-md pr-lg pb-md pl-lg text-comp-dropdown-menu-text-base-def outline-0 transition-colors",
     "hover:bg-comp-dropdown-menu-fill-base-hover hover:text-comp-dropdown-menu-text-base-hover",
@@ -80,206 +81,231 @@ const g = m.createContext(null), M = () => m.useContext(g), B = ({ ...o }) => /*
       variant: "base"
     }
   }
-), h = ({
-  children: o,
+), z = ({
+  children: e,
   description: t
-}) => typeof o == "function" ? /* @__PURE__ */ e(N, { children: o }) : t ? /* @__PURE__ */ b(D, { flex: 1, direction: "column", className: "min-w-0", children: [
-  /* @__PURE__ */ e(
-    f,
+}) => typeof e == "function" ? /* @__PURE__ */ o(N, { children: e }) : t ? /* @__PURE__ */ b(M, { flex: 1, direction: "column", className: "min-w-0", children: [
+  /* @__PURE__ */ o(
+    w,
     {
       component: "span",
       size: "sm",
       variant: "body",
       weight: "medium",
       fixY: !0,
-      children: o
+      children: e
     }
   ),
-  /* @__PURE__ */ e(f, { component: "span", size: "sm", variant: "body", weight: "regular", children: t })
-] }) : /* @__PURE__ */ e(
-  f,
+  /* @__PURE__ */ o(w, { component: "span", size: "sm", variant: "body", weight: "regular", children: t })
+] }) : /* @__PURE__ */ o(
+  w,
   {
     component: "span",
     size: "sm",
     weight: "medium",
     className: "flex-1",
     fixY: !0,
-    children: o
+    children: e
   }
-), Y = ({
-  className: o,
+), x = ({
+  asChild: e,
+  children: t,
+  description: n
+}) => {
+  const r = (s) => /* @__PURE__ */ o(z, { description: n, children: s });
+  return !e || typeof t == "function" ? r(t) : m.isValidElement(t) ? /* @__PURE__ */ o(g, { children: m.cloneElement(
+    t,
+    void 0,
+    r(t.props.children)
+  ) }) : /* @__PURE__ */ o(g, { children: t });
+}, Y = ({
+  className: e,
   variant: t,
   children: n,
   icon: r,
-  disabled: c,
-  isActive: i,
+  disabled: s,
+  isActive: l,
   description: d,
-  ...l
+  asChild: c = !1,
+  ...u
 }) => /* @__PURE__ */ b(
   a.Item,
   {
     "data-slot": "dropdown-menu-item",
-    disabled: c,
-    className: s(
+    asChild: c,
+    disabled: s,
+    className: i(
       "group",
-      w({
+      h({
         variant: t,
-        disabled: c,
-        checked: i
+        disabled: s,
+        checked: l
       }),
-      o
+      e
     ),
-    ...l,
+    ...u,
     children: [
-      r && /* @__PURE__ */ e(
+      r && /* @__PURE__ */ o(
         "span",
         {
-          className: s("block [&>svg]:block [&>svg]:size-icon-small", {
+          className: i("block [&>svg]:block [&>svg]:size-icon-small", {
             "text-comp-dropdown-menu-icon-error-def": t === "destructive",
             "text-icon-dark-secondary-def group-hover:text-icon-brand-def group-focus-visible:text-comp-dropdown-menu-icon-base-focused": t !== "destructive",
-            "text-comp-dropdown-menu-icon-base-active": i
+            "text-comp-dropdown-menu-icon-base-active": l
           }),
           children: r
         }
       ),
-      /* @__PURE__ */ e(h, { description: d, children: n })
+      x({ asChild: c, children: n, description: d })
     ]
   }
 ), _ = ({
-  children: o,
+  children: e,
   buttonProps: t,
   className: n,
   ...r
-}) => /* @__PURE__ */ e("div", { className: "my-md px-lg", children: /* @__PURE__ */ e(
+}) => /* @__PURE__ */ o("div", { className: "my-md px-lg", children: /* @__PURE__ */ o(
   a.Item,
   {
     "data-slot": "dropdown-menu-item",
     asChild: !0,
     ...r,
-    children: /* @__PURE__ */ e(
-      I,
+    children: /* @__PURE__ */ o(
+      D,
       {
         fullWidth: !0,
         ...t,
-        className: s(
+        className: i(
           "outline-0 hover:ring-transparent",
           n,
           t.className
         ),
-        children: o
+        children: e
       }
     )
   }
-) }), E = ({
-  className: o,
+) }), U = ({
+  className: e,
   children: t,
   checked: n,
   variant: r,
-  icon: c,
-  description: i,
-  ...d
+  icon: s,
+  description: l,
+  asChild: d = !1,
+  ...c
 }) => /* @__PURE__ */ b(
   a.CheckboxItem,
   {
     "data-slot": "dropdown-menu-checkbox-item",
-    className: s(
-      w({
+    asChild: d,
+    className: i(
+      h({
         variant: r,
         checked: !!n
       }),
-      o
+      e
     ),
     checked: n,
-    onSelect: (l) => {
-      l.preventDefault();
+    onSelect: (u) => {
+      u.preventDefault();
     },
-    ...d,
+    ...c,
     children: [
-      c && /* @__PURE__ */ e(
+      s && /* @__PURE__ */ o(
         "span",
         {
-          className: s({
+          className: i({
             "text-comp-dropdown-menu-icon-error-def": r === "destructive",
             "text-icon-dark-secondary-def group-hover:text-icon-brand-def group-focus-visible:text-comp-dropdown-menu-icon-base-focused": r !== "destructive"
           }),
-          children: c
+          children: s
         }
       ),
-      /* @__PURE__ */ e(h, { description: i, children: t }),
-      /* @__PURE__ */ e("span", { className: "text-icon-brand-def", children: /* @__PURE__ */ e(a.ItemIndicator, { children: /* @__PURE__ */ e(x, { className: "size-icon-small" }) }) })
+      x({ asChild: d, children: t, description: l }),
+      /* @__PURE__ */ o("span", { className: "text-icon-brand-def", children: /* @__PURE__ */ o(a.ItemIndicator, { children: /* @__PURE__ */ o(v, { className: "size-icon-small" }) }) })
     ]
   }
-), L = ({
-  value: o,
+), W = ({
+  value: e,
   onValueChange: t,
   ...n
-}) => /* @__PURE__ */ e(g.Provider, { value: { value: o, onValueChange: t }, children: /* @__PURE__ */ e(
+}) => /* @__PURE__ */ o(k.Provider, { value: { value: e, onValueChange: t }, children: /* @__PURE__ */ o(
   a.RadioGroup,
   {
     "data-slot": "dropdown-menu-radio-group",
-    value: o,
+    value: e,
     onValueChange: t,
     ...n
   }
-) }), R = m.forwardRef(
-  ({ className: o, children: t, variant: n, icon: r, description: c, value: i, ...d }, l) => {
-    const u = M(), p = (u == null ? void 0 : u.value) === i;
+) }), S = m.forwardRef(
+  ({
+    className: e,
+    children: t,
+    variant: n,
+    icon: r,
+    description: s,
+    value: l,
+    asChild: d = !1,
+    ...c
+  }, u) => {
+    const p = R(), f = (p == null ? void 0 : p.value) === l;
     return /* @__PURE__ */ b(
       a.RadioItem,
       {
-        ref: l,
+        ref: u,
         "data-slot": "dropdown-menu-radio-item",
-        className: s(
-          w({
+        asChild: d,
+        className: i(
+          h({
             variant: n,
-            checked: p
+            checked: f
           }),
-          o,
-          d.disabled && "cursor-not-allowed text-comp-dropdown-menu-text-base-disabled hover:bg-transparent hover:text-comp-dropdown-menu-text-base-disabled"
+          e,
+          c.disabled && "cursor-not-allowed text-comp-dropdown-menu-text-base-disabled hover:bg-transparent hover:text-comp-dropdown-menu-text-base-disabled"
         ),
-        value: i,
-        ...d,
+        value: l,
+        ...c,
         children: [
-          r && /* @__PURE__ */ e(
+          r && /* @__PURE__ */ o(
             "span",
             {
-              className: s({
+              className: i({
                 "text-comp-dropdown-menu-icon-error-def": n === "destructive",
                 "text-icon-dark-secondary-def group-hover:text-icon-brand-def group-focus-visible:text-comp-dropdown-menu-icon-base-focused": n !== "destructive",
-                "text-comp-dropdown-menu-text-base-disabled": d.disabled
+                "text-comp-dropdown-menu-text-base-disabled": c.disabled
               }),
               children: r
             }
           ),
-          /* @__PURE__ */ e(h, { description: c, children: t }),
-          /* @__PURE__ */ e("span", { className: "text-icon-brand-def", children: /* @__PURE__ */ e(a.ItemIndicator, { children: /* @__PURE__ */ e(x, { className: "size-icon-small" }) }) })
+          x({ asChild: d, children: t, description: s }),
+          /* @__PURE__ */ o("span", { className: "text-icon-brand-def", children: /* @__PURE__ */ o(a.ItemIndicator, { children: /* @__PURE__ */ o(v, { className: "size-icon-small" }) }) })
         ]
       }
     );
   }
 );
-R.displayName = "DropdownMenuRadioItem";
-const U = ({
-  className: o,
+S.displayName = "DropdownMenuRadioItem";
+const q = ({
+  className: e,
   ...t
-}) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ o(
   a.Separator,
   {
     "data-slot": "dropdown-menu-separator",
-    className: s("my-sm h-0 border-b border-stroke-base-primary", o),
+    className: i("my-sm h-0 border-b border-stroke-base-primary", e),
     ...t
   }
 );
 export {
-  B as DropdownMenu,
+  H as DropdownMenu,
   _ as DropdownMenuButtonItem,
-  E as DropdownMenuCheckboxItem,
-  O as DropdownMenuContent,
+  U as DropdownMenuCheckboxItem,
+  V as DropdownMenuContent,
   Y as DropdownMenuItem,
-  F as DropdownMenuPortal,
-  L as DropdownMenuRadioGroup,
-  R as DropdownMenuRadioItem,
-  U as DropdownMenuSeparator,
-  H as DropdownMenuTrigger,
-  w as dropdownMenuItemVariants
+  L as DropdownMenuPortal,
+  W as DropdownMenuRadioGroup,
+  S as DropdownMenuRadioItem,
+  q as DropdownMenuSeparator,
+  O as DropdownMenuTrigger,
+  h as dropdownMenuItemVariants
 };

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

@@ -5,8 +5,8 @@ declare const meta: {
     subcomponents: {
         DropdownMenuTrigger: ({ ...props }: import('./DropdownMenu').DropdownMenuTriggerProps) => import("react/jsx-runtime").JSX.Element;
         DropdownMenuContent: ({ className, sideOffset, align, ...props }: import('./DropdownMenu').DropdownMenuContentProps) => import("react/jsx-runtime").JSX.Element;
-        DropdownMenuItem: ({ className, variant, children, icon, disabled, isActive, description, ...props }: import('./DropdownMenu').DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
-        DropdownMenuCheckboxItem: ({ className, children, checked, variant, icon, description, ...props }: import('./DropdownMenu').DropdownMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
+        DropdownMenuItem: ({ className, variant, children, icon, disabled, isActive, description, asChild, ...props }: import('./DropdownMenu').DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+        DropdownMenuCheckboxItem: ({ className, children, checked, variant, icon, description, asChild, ...props }: import('./DropdownMenu').DropdownMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
         DropdownMenuRadioGroup: ({ value, onValueChange, ...props }: import('./DropdownMenu').DropdownMenuRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
         DropdownMenuRadioItem: import('react').ForwardRefExoticComponent<Omit<import('./DropdownMenu').DropdownMenuRadioItemProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
         DropdownMenuSeparator: ({ className, ...props }: import('./DropdownMenu').DropdownMenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
@@ -53,6 +53,7 @@ export declare const WithIcons: Story;
 export declare const WithSeparator: Story;
 export declare const WithDisabledItem: Story;
 export declare const ActiveMenuItem: Story;
+export declare const WithLinkItems: Story;
 export declare const WithButton: Story;
 export declare const ItemVariants: Story;
 export declare const WithCheckboxItems: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AA4B3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2D2B,CAAA;AAErC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KA2BrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA8BvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAuB3B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAuB9B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAwB5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgCxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAiC1B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA2C/B,CAAA;AAED,eAAO,MAAM,kCAAkC,EAAE,KA+EhD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA2D9B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA4B5B,CAAA"}
+{"version":3,"file":"DropdownMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AA4B3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6D2B,CAAA;AAErC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KA2BrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA8BvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA+BvB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAuB3B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAuB9B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAwB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAwC3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgCxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAiC1B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA2C/B,CAAA;AAED,eAAO,MAAM,kCAAkC,EAAE,KA+EhD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA2D9B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA4B5B,CAAA"}

package/dist/components/MarketNav/MarketNav.examples.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarketNav.examples.d.ts","sourceRoot":"","sources":["../../../src/components/MarketNav/MarketNav.examples.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAA;AAiD3D,mFAAmF;AACnF,MAAM,WAAW,YAAY;IAC3B,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,uCAAuC;IACvC,IAAI,EAAE,SAAS,CAAA;IACf,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,sFAAsF;AACtF,MAAM,WAAW,OAAO;IACtB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,gGAAgG;AAChG,MAAM,WAAW,aAAa;IAC5B,yBAAyB;IACzB,GAAG,EAAE,MAAM,CAAA;IACX,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,mDAAmD;AACnD,MAAM,WAAW,cAAc;IAC7B,kEAAkE;IAClE,UAAU,EAAE,YAAY,EAAE,CAAA;IAC1B,mEAAmE;IACnE,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAA;IAChB,oFAAoF;IACpF,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,qDAAqD;IACrD,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAID,eAAO,MAAM,UAAU,EAAE,YAAY,EAcpC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,OAAO,EAAkD,CAAA;AAEhF,eAAO,MAAM,QAAQ,sBAAiB,CAAA;AAwUtC,eAAO,MAAM,SAAS,GAAI,6FAOvB,cAAc,4CA4fhB,CAAA"}
+{"version":3,"file":"MarketNav.examples.d.ts","sourceRoot":"","sources":["../../../src/components/MarketNav/MarketNav.examples.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,SAAS,EAAuB,MAAM,OAAO,CAAA;AAgD3D,mFAAmF;AACnF,MAAM,WAAW,YAAY;IAC3B,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,uCAAuC;IACvC,IAAI,EAAE,SAAS,CAAA;IACf,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,sFAAsF;AACtF,MAAM,WAAW,OAAO;IACtB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,gGAAgG;AAChG,MAAM,WAAW,aAAa;IAC5B,yBAAyB;IACzB,GAAG,EAAE,MAAM,CAAA;IACX,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,mDAAmD;AACnD,MAAM,WAAW,cAAc;IAC7B,kEAAkE;IAClE,UAAU,EAAE,YAAY,EAAE,CAAA;IAC1B,mEAAmE;IACnE,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAA;IAChB,oFAAoF;IACpF,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,qDAAqD;IACrD,qBAAqB,CAAC,EAAE,OAAO,CAAA;CAChC;AAID,eAAO,MAAM,UAAU,EAAE,YAAY,EAcpC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,OAAO,EAAkD,CAAA;AAEhF,eAAO,MAAM,QAAQ,sBAAiB,CAAA;AAwUtC,eAAO,MAAM,SAAS,GAAI,6FAOvB,cAAc,4CA0ehB,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,6FAqOvB,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,6FAoOvB,CAAA"}

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,16 +1,16 @@
 import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import u, { forwardRef as L, useId as U, useMemo as k, useRef as G, useEffect as H } from "react";
+import u, { forwardRef as L, useId as U, useMemo as T, useRef as G, useEffect as H } from "react";
 import { useMuzaTranslations as J } from "../../translations/TranslationContext.js";
 import { cn as K } from "../../utils/cn.js";
 import { DropdownMenu as Q, DropdownMenuTrigger as X, DropdownMenuContent as Y, DropdownMenuCheckboxItem as Z } from "../DropdownMenu/DropdownMenu.js";
-import { Flex as I } from "../Flex/Flex.js";
+import { Flex as k } from "../Flex/Flex.js";
 import { FormField as ee } from "../FormField/FormField.js";
 import { AltArrowUpOutline as te } from "@solar-icons/react-perf";
 import { triggerWrapperVariants as re } from "../Select/utils.js";
 import { Tag as f } from "../Tag/Tag.js";
-import { Typography as z } from "../Typography/Typography.js";
+import { Typography as I } from "../Typography/Typography.js";
 const ne = L(
-  (D, h) => {
+  (z, h) => {
     const g = J(), {
       label: x,
       hint: b,
@@ -21,18 +21,18 @@ const ne = L(
       disabled: o,
       prefix: d,
       maxNumberOfVisibleTags: c = 2,
-      size: O,
-      placeholder: S,
-      emptyMessage: W,
+      size: D,
+      placeholder: O,
+      emptyMessage: S,
       required: v,
-      disableRequiredAsterisk: j,
-      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(a.map((e) => [e.value, e.label])), [a]), V = k(() => {
+      disableRequiredAsterisk: W,
+      labelExtra: j,
+      infoTooltip: A,
+      collisionPadding: C
+    } = z, y = O ?? g.select.placeholder, F = S ?? g.select.noOptions, N = U(), q = x ? `${N}-label` : void 0, E = b ? `${N}-hint` : void 0, M = T(() => new Map(a.map((e) => [e.value, e.label])), [a]), P = T(() => {
       const e = r && r.map((n) => M.get(n));
       return e != null && e.length ? e.length <= c ? /* @__PURE__ */ t(
-        I,
+        k,
         {
           gap: "xs",
           justify: "start",
@@ -42,7 +42,7 @@ const ne = L(
           children: e.map((n, i) => /* @__PURE__ */ t(f, { variant: "info", className: "min-w-[50px] shrink-1", children: n }, i))
         }
       ) : /* @__PURE__ */ t(
-        I,
+        k,
         {
           gap: "xs",
           justify: "start",
@@ -66,7 +66,7 @@ const ne = L(
           ]
         }
       ) : /* @__PURE__ */ t(
-        z,
+        I,
         {
           size: "input",
           className: "grow-1 fix-y-text truncate text-left text-comp-select-text-placeholder",
@@ -75,7 +75,7 @@ const ne = L(
           children: y
         }
       );
-    }, [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;
+    }, [r, y, c, M]), [V, $] = u.useState(!1), [R, _] = 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);
@@ -92,11 +92,11 @@ const ne = L(
         hint: b,
         error: w,
         required: v,
-        disableRequiredAsterisk: j,
-        labelId: E,
-        hintId: P,
-        labelExtra: A,
-        infoTooltip: C,
+        disableRequiredAsterisk: W,
+        labelId: q,
+        hintId: E,
+        labelExtra: j,
+        infoTooltip: A,
         children: /* @__PURE__ */ p(
           Q,
           {
@@ -114,9 +114,8 @@ const ne = L(
                   disabled: o,
                   "aria-required": v,
                   className: re({
-                    size: O,
+                    size: D,
                     error: w,
-                    expanded: R,
                     hasIcon: !!d || (r == null ? void 0 : r.length) === 0
                   }),
                   children: /* @__PURE__ */ p("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
@@ -127,13 +126,13 @@ const ne = L(
                         children: d
                       }
                     ),
-                    V,
+                    P,
                     /* @__PURE__ */ t(
                       te,
                       {
                         className: K(
                           "shrink-0 transition-transform duration-200",
-                          R ? "rotate-0" : "rotate-180",
+                          V ? "rotate-0" : "rotate-180",
                           o ? "text-comp-select-icon-disabled" : "text-comp-select-icon-brand-def"
                         )
                       }
@@ -146,20 +145,20 @@ const ne = L(
                 {
                   className: "mt-1",
                   style: {
-                    width: T > 0 ? `${T}px` : void 0
+                    width: R > 0 ? `${R}px` : void 0
                   },
                   onCloseAutoFocus: (e) => {
                     m.current || e.preventDefault(), m.current = !1;
                   },
-                  collisionPadding: F,
+                  collisionPadding: C,
                   children: a.length === 0 ? /* @__PURE__ */ t("div", { className: "px-lg py-md", role: "presentation", children: /* @__PURE__ */ t(
-                    z,
+                    I,
                     {
                       component: "span",
                       size: "input",
                       weight: "regular",
                       className: "text-comp-select-text-secondary",
-                      children: q
+                      children: F
                     }
                   ) }) : a.map((e) => /* @__PURE__ */ t(
                     Z,

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

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAgBd;;;;;;;;;GASG;AACH,MAAM,WAAW,aAAa;IAC5B,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAA;IACb,wFAAwF;IACxF,KAAK,EAAE,SAAS,CAAA;IAChB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kGAAkG;IAClG,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kFAAkF;IAClF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iFAAiF;IACjF,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,oEAAoE;IACpE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qGAAqG;IACrG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;;;;;;;;;;OAYG;IACH,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,gFAAgF;IAChF,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,oHAAoH;IACpH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,6HAA6H;IAC7H,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,MAAM,wFA+OlB,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAcd;;;;;;;;;GASG;AACH,MAAM,WAAW,aAAa;IAC5B,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAA;IACb,wFAAwF;IACxF,KAAK,EAAE,SAAS,CAAA;IAChB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kGAAkG;IAClG,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kFAAkF;IAClF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iFAAiF;IACjF,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,oEAAoE;IACpE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qGAAqG;IACrG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;;;;;;;;;;OAYG;IACH,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,gFAAgF;IAChF,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,oHAAoH;IACpH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,6HAA6H;IAC7H,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,MAAM,wFAoNlB,CAAA"}