@vkzstudio/muza-ui 1.5.1 → 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 { Button as I } from "../Button/Button.js";
-import { cn as s } from "../../utils/cn.js";
-import { UnreadOutline as x } from "@solar-icons/react-perf";
-import { Flex as D } from "../Flex/Flex.js";
-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/DropdownMenu/index.js

@@ -0,0 +1,14 @@
+import { DropdownMenu as e, DropdownMenuButtonItem as r, DropdownMenuCheckboxItem as d, DropdownMenuContent as p, DropdownMenuItem as t, DropdownMenuPortal as u, DropdownMenuRadioGroup as w, DropdownMenuRadioItem as M, DropdownMenuSeparator as D, DropdownMenuTrigger as a, dropdownMenuItemVariants as m } from "./DropdownMenu.js";
+export {
+  e as DropdownMenu,
+  r as DropdownMenuButtonItem,
+  d as DropdownMenuCheckboxItem,
+  p as DropdownMenuContent,
+  t as DropdownMenuItem,
+  u as DropdownMenuPortal,
+  w as DropdownMenuRadioGroup,
+  M as DropdownMenuRadioItem,
+  D as DropdownMenuSeparator,
+  a as DropdownMenuTrigger,
+  m as dropdownMenuItemVariants
+};

package/dist/components/DropdownSearchMenu/DropdownSearchMenu.js

@@ -1,8 +1,9 @@
 import { jsx as t, jsxs as z } from "react/jsx-runtime";
 import * as r from "react";
-import { Popover as T, PopoverTrigger as Y, PopoverContent as j } from "../Popover/Popover.js";
-import { MagnifyingGlass as K } from "../Icons/CustomIcons.js";
 import { cn as N } from "../../utils/cn.js";
+import "@solar-icons/react-perf";
+import { MagnifyingGlass as T } from "../Icons/CustomIcons.js";
+import { Popover as Y, PopoverTrigger as j, PopoverContent as K } from "../Popover/Popover.js";
 import { typographyVariants as U, Typography as A } from "../Typography/Typography.js";
 const R = r.createContext(null), E = () => {
   const s = r.useContext(R);
@@ -44,8 +45,8 @@ const R = r.createContext(null), E = () => {
     }),
     [y, h, i, D, b, u, x]
   );
-  return /* @__PURE__ */ t(R.Provider, { value: o, children: /* @__PURE__ */ t(T, { open: i, onOpenChange: D, children: s }) });
-}, $ = (s) => /* @__PURE__ */ t(Y, { "data-slot": "dropdown-search-menu-trigger", ...s }), q = ({
+  return /* @__PURE__ */ t(R.Provider, { value: o, children: /* @__PURE__ */ t(Y, { open: i, onOpenChange: D, children: s }) });
+}, $ = (s) => /* @__PURE__ */ t(j, { "data-slot": "dropdown-search-menu-trigger", ...s }), q = ({
   className: s,
   searchPlaceholder: c,
   searchAriaLabel: p,
@@ -94,7 +95,7 @@ const R = r.createContext(null), E = () => {
     }
   };
   return /* @__PURE__ */ z(
-    j,
+    K,
     {
       align: m,
       sideOffset: w,
@@ -110,7 +111,7 @@ const R = r.createContext(null), E = () => {
       children: [
         /* @__PURE__ */ t("div", { className: "p-sm", children: /* @__PURE__ */ z("div", { className: "flex items-center gap-sm rounded-comp-dropdown-menu-radius-item px-lg py-sm", children: [
           /* @__PURE__ */ t(
-            K,
+            T,
             {
               "aria-hidden": "true",
               className: "size-icon-small shrink-0 text-icon-dark-secondary-def"

package/dist/components/DropdownSearchMenu/index.js

@@ -0,0 +1,7 @@
+import { DropdownSearchMenu as o, DropdownSearchMenuContent as n, DropdownSearchMenuItem as p, DropdownSearchMenuTrigger as a } from "./DropdownSearchMenu.js";
+export {
+  o as DropdownSearchMenu,
+  n as DropdownSearchMenuContent,
+  p as DropdownSearchMenuItem,
+  a as DropdownSearchMenuTrigger
+};

package/dist/components/EdgeButton/EdgeButton.js

@@ -2,8 +2,8 @@ import { jsx as e, jsxs as i, Fragment as a } from "react/jsx-runtime";
 import s from "react";
 import { Slot as h, Slottable as l } from "@radix-ui/react-slot";
 import { cva as x } from "class-variance-authority";
-import { sharedButtonVariants as u } from "../Button/buttonVariants.js";
 import { cn as y } from "../../utils/cn.js";
+import { sharedButtonVariants as u } from "../Button/buttonVariants.js";
 import { Typography as j } from "../Typography/Typography.js";
 const _ = x(
   [

package/dist/components/EdgeButton/index.js

@@ -0,0 +1,5 @@
+import { EdgeButton as o, edgeButtonVariants as n } from "./EdgeButton.js";
+export {
+  o as EdgeButton,
+  n as edgeButtonVariants
+};

package/dist/components/EmptyState/index.js

@@ -0,0 +1,4 @@
+import { EmptyState as m } from "./EmptyState.js";
+export {
+  m as EmptyState
+};

package/dist/components/ExpandableTable/ExpandableTable.js

@@ -2,11 +2,11 @@ import { jsxs as m, jsx as t, Fragment as G } from "react/jsx-runtime";
 import { useState as F, useRef as _, useEffect as O, useCallback as W, useMemo as K, Fragment as q } from "react";
 import { cva as J } from "class-variance-authority";
 import { useBreakpoints as Q } from "../../hooks/use-is-breakpoint.js";
-import { Table as U, TableHeader as X, TableRow as B, TableHead as Y, TableRowGroup as Z, TableCell as M } from "./Table.js";
 import { cn as l } from "../../utils/cn.js";
+import { Flex as B } from "../Flex/Flex.js";
+import { AltArrowDownOutline as U } from "@solar-icons/react-perf";
 import { Typography as g } from "../Typography/Typography.js";
-import { AltArrowDownOutline as w } from "@solar-icons/react-perf";
-import { Flex as $ } from "../Flex/Flex.js";
+import { Table as X, TableHeader as Y, TableRow as M, TableHead as Z, TableRowGroup as w, TableCell as $ } from "./Table.js";
 const j = J("", {
   variants: {
     responsive: {
@@ -82,11 +82,11 @@ const j = J("", {
       E(a.responsive, x) && (e === -1 && (e = d), i = d);
     }), { firstVisibleIndex: e, lastVisibleIndex: i };
   }, [o, x]), y = !n && N, V = !!n || y;
-  return /* @__PURE__ */ m(U, { children: [
-    /* @__PURE__ */ t(X, { children: /* @__PURE__ */ t(B, { className: "[&>th]:border-0 [&>th]:bg-transparent", children: o.map((e, i) => {
+  return /* @__PURE__ */ m(X, { children: [
+    /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ t(M, { className: "[&>th]:border-0 [&>th]:bg-transparent", children: o.map((e, i) => {
       const a = z(e.responsive) ? e.responsive : void 0, d = e.responsive === !1;
       return /* @__PURE__ */ t(
-        Y,
+        Z,
         {
           className: l(
             e.className,
@@ -102,14 +102,14 @@ const j = J("", {
       var c;
       const i = e.id, a = v.has(i) || y, d = L.has(i);
       return /* @__PURE__ */ m(
-        Z,
+        w,
         {
           className: l({
             "group hover:[&_td]:border-stroke-brand-hover": n
           }),
           children: [
             /* @__PURE__ */ m(
-              B,
+              M,
               {
                 expandablePosition: n && (v.has(i) || d) || y ? "top" : "none",
                 className: l("focus-visible-default", {
@@ -126,7 +126,7 @@ const j = J("", {
                   o.map((r, h) => {
                     const T = z(r.responsive) ? r.responsive : void 0, b = r.responsive === !1;
                     return /* @__PURE__ */ t(
-                      M,
+                      $,
                       {
                         isFirst: h === P,
                         isLast: h === A && !n,
@@ -151,14 +151,14 @@ const j = J("", {
                     );
                   }),
                   n && /* @__PURE__ */ t(
-                    M,
+                    $,
                     {
                       className: "w-[68px]",
                       isFirst: !1,
                       isLast: !0,
                       expandablePosition: v.has(i) || d ? "top" : "none",
                       children: /* @__PURE__ */ t(
-                        w,
+                        U,
                         {
                           className: l(
                             "text-text-brand-def transition-transform duration-300",
@@ -203,7 +203,7 @@ const j = J("", {
                               children: [
                                 N && /* @__PURE__ */ m(G, { children: [
                                   /* @__PURE__ */ t(
-                                    $,
+                                    B,
                                     {
                                       gap: "md",
                                       direction: "column",
@@ -211,7 +211,7 @@ const j = J("", {
                                       children: o.filter(
                                         (r) => r.moveToExpandable !== !1 && r.responsive !== void 0 && r.responsive !== "xs" && !E(r.responsive, x)
                                       ).map((r, h) => /* @__PURE__ */ m(
-                                        $,
+                                        B,
                                         {
                                           align: "center",
                                           justify: "between",

package/dist/components/ExpandableTable/index.js

@@ -0,0 +1,4 @@
+import { ExpandableTable as b } from "./ExpandableTable.js";
+export {
+  b as ExpandableTable
+};

package/dist/components/FileUpload/FileItem.js

@@ -2,8 +2,8 @@ import { jsxs as p, jsx as t } from "react/jsx-runtime";
 import * as f from "react";
 import { cva as _ } from "class-variance-authority";
 import { useMuzaTranslations as B } from "../../translations/TranslationContext.js";
-import { Flex as z } from "../Flex/Flex.js";
 import { cn as a } from "../../utils/cn.js";
+import { Flex as z } from "../Flex/Flex.js";
 import { GalleryOutline as M, FileTextBold as j, CloseCircleBold as D, DownloadMinimalisticBold as I, TrashBinTrashBold as R } from "@solar-icons/react-perf";
 import { Typography as u } from "../Typography/Typography.js";
 const S = (e, l, i) => {