@nexub/react 1.2.0 → 1.4.0

package/dist/{chunk-IHW2L532.js → chunk-TYTW4F3B.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   cn
-} from "./chunk-AT6RPKU3.js";
+} from "./chunk-Q7G5WGYV.js";
 
 // src/components/Toast/Toast.tsx
 import * as React from "react";
@@ -28,7 +28,9 @@ var Root2 = React.forwardRef(
     {
       ref,
       className: cn(
-        "group pointer-events-auto relative flex w-full items-center justify-between gap-2 overflow-hidden rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-default)] p-4 shadow-md transition-all",
+        // Snackbar: the inverse surface stands out from any page, light or dark.
+        "group pointer-events-auto relative flex w-full items-center justify-between gap-3 overflow-hidden rounded-shape-container bg-[var(--color-inverse-surface)] py-3 pl-4 pr-2 text-[var(--color-inverse-on-surface)] shadow-elevation-2",
+        "duration-spatial-default ease-spatial-default data-[state=closed]:duration-effects-fast",
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-80 data-[state=open]:slide-in-from-top-full data-[state=closed]:slide-out-to-right-full",
         className
       ),
@@ -38,7 +40,7 @@ var Root2 = React.forwardRef(
 );
 Root2.displayName = "Toast.Root";
 var Title2 = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixToast.Title, { ref, className: cn("text-sm font-semibold", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixToast.Title, { ref, className: cn("text-title-sm", className), ...props })
 );
 Title2.displayName = "Toast.Title";
 var Description2 = React.forwardRef(
@@ -46,7 +48,7 @@ var Description2 = React.forwardRef(
     RadixToast.Description,
     {
       ref,
-      className: cn("text-sm text-[var(--color-text-muted)]", className),
+      className: cn("text-body-sm text-[color-mix(in_srgb,var(--color-inverse-on-surface)_80%,transparent)]", className),
       ...props
     }
   )
@@ -58,7 +60,7 @@ var Action2 = React.forwardRef(
     {
       ref,
       className: cn(
-        "inline-flex min-h-[44px] min-w-[44px] items-center justify-center rounded-md border px-3 text-xs font-medium transition-colors hover:bg-[var(--color-bg-subtle)]",
+        "nx-state-layer relative inline-flex min-h-[44px] min-w-[44px] shrink-0 items-center justify-center rounded-shape-control px-3 text-label-lg text-[var(--color-inverse-primary)]",
         className
       ),
       ...props
@@ -67,7 +69,7 @@ var Action2 = React.forwardRef(
 );
 Action2.displayName = "Toast.Action";
 var Close2 = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixToast.Close, { ref, className: cn("rounded p-1", className), ...props })
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixToast.Close, { ref, className: cn("nx-state-layer relative grid h-8 w-8 place-items-center rounded-full", className), ...props })
 );
 Close2.displayName = "Toast.Close";
 var Toast = { Provider: Provider2, Viewport: Viewport2, Root: Root2, Title: Title2, Description: Description2, Action: Action2, Close: Close2 };
@@ -134,7 +136,8 @@ function Toaster() {
       RadixToast2.Root,
       {
         className: cn(
-          "group pointer-events-auto relative flex w-full items-center justify-between gap-2 overflow-hidden rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-default)] p-4 shadow-md transition-all",
+          "group pointer-events-auto relative flex w-full items-center justify-between gap-3 overflow-hidden rounded-shape-container bg-[var(--color-inverse-surface)] py-3 pl-4 pr-2 text-[var(--color-inverse-on-surface)] shadow-elevation-2",
+          "duration-spatial-default ease-spatial-default data-[state=closed]:duration-effects-fast",
           "data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none",
           "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-80 data-[state=open]:slide-in-from-top-full data-[state=closed]:slide-out-to-right-full",
           toneMap[t.tone ?? "neutral"]
@@ -142,8 +145,8 @@ function Toaster() {
         duration: t.duration ?? 5e3,
         children: [
           /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
-            /* @__PURE__ */ jsx2(RadixToast2.Title, { className: "text-sm font-semibold", children: t.title }),
-            t.description && /* @__PURE__ */ jsx2(RadixToast2.Description, { className: "text-sm text-[var(--color-text-muted)]", children: t.description })
+            /* @__PURE__ */ jsx2(RadixToast2.Title, { className: "text-title-sm", children: t.title }),
+            t.description && /* @__PURE__ */ jsx2(RadixToast2.Description, { className: "text-body-sm text-[color-mix(in_srgb,var(--color-inverse-on-surface)_80%,transparent)]", children: t.description })
           ] }),
           t.action && /* @__PURE__ */ jsx2(
             RadixToast2.Action,

package/dist/{chunk-T4IVMVMQ.js → chunk-UMC64NCT.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   cn
-} from "./chunk-AT6RPKU3.js";
+} from "./chunk-Q7G5WGYV.js";
 
 // src/components/HelperText/HelperText.tsx
 import * as React from "react";

package/dist/{chunk-UTBUIBEP.js → chunk-UVWCZHLD.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-NHUQLIHL.js";
 import {
   cn
-} from "./chunk-AT6RPKU3.js";
+} from "./chunk-Q7G5WGYV.js";
 
 // src/components/Rating/Rating.tsx
 import * as React from "react";

package/dist/chunk-V3TETH4J.js

@@ -0,0 +1,146 @@
+'use client';
+import {
+  useClassScrollLock
+} from "./chunk-47UGX37F.js";
+import {
+  enterExit,
+  overlaySurface
+} from "./chunk-KQPLFVFR.js";
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/CommandPalette/CommandPalette.tsx
+import * as React from "react";
+import * as RadixDialog from "@radix-ui/react-dialog";
+import { Command } from "cmdk";
+import { Search } from "@nexub/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+var overlayClasses = "fixed inset-0 z-[var(--z-modal)] bg-[color-mix(in_srgb,#000_40%,transparent)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0 duration-effects-default ease-effects-default";
+function ClassLockOverlay() {
+  useClassScrollLock();
+  return /* @__PURE__ */ jsx("div", { "data-state": "open", className: overlayClasses });
+}
+var Root2 = React.forwardRef(
+  ({ children, label = "Command palette", scrollLock = "style", shouldFilter, ...props }, ref) => {
+    const returnFocusRef = React.useRef(null);
+    return /* @__PURE__ */ jsx(RadixDialog.Root, { ...props, children: /* @__PURE__ */ jsxs(RadixDialog.Portal, { children: [
+      scrollLock === "class" ? /* @__PURE__ */ jsx(ClassLockOverlay, {}) : /* @__PURE__ */ jsx(RadixDialog.Overlay, { className: overlayClasses }),
+      /* @__PURE__ */ jsxs(
+        RadixDialog.Content,
+        {
+          ref,
+          "aria-describedby": void 0,
+          onOpenAutoFocus: () => {
+            returnFocusRef.current = document.activeElement;
+          },
+          onCloseAutoFocus: (e) => {
+            e.preventDefault();
+            returnFocusRef.current?.focus();
+          },
+          className: cn(
+            "fixed left-1/2 top-[20%] z-[var(--z-modal)] w-[calc(100%-2rem)] max-w-xl -translate-x-1/2",
+            "overflow-hidden",
+            overlaySurface,
+            enterExit,
+            "data-[state=open]:animate-in data-[state=closed]:animate-out",
+            "data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+            "data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(RadixDialog.Title, { className: "sr-only", children: label }),
+            /* @__PURE__ */ jsx(
+              Command,
+              {
+                label,
+                shouldFilter,
+                loop: true,
+                className: "flex h-full w-full flex-col overflow-hidden text-[var(--color-text-primary)]",
+                children
+              }
+            )
+          ]
+        }
+      )
+    ] }) });
+  }
+);
+Root2.displayName = "CommandPalette.Root";
+var Input = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b border-[var(--color-border-default)] px-3", children: [
+  /* @__PURE__ */ jsx(Search, { size: "sm", className: "mr-2 shrink-0 opacity-50", "aria-hidden": "true" }),
+  /* @__PURE__ */ jsx(
+    Command.Input,
+    {
+      ref,
+      className: cn(
+        "flex h-control-xl w-full bg-transparent text-body-lg outline-none placeholder:text-[var(--color-text-placeholder)] disabled:cursor-not-allowed disabled:text-[var(--color-text-disabled)]",
+        className
+      ),
+      ...props
+    }
+  )
+] }));
+Input.displayName = "CommandPalette.Input";
+var List = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command.List,
+  {
+    ref,
+    className: cn("max-h-[400px] overflow-y-auto overflow-x-hidden p-2", className),
+    ...props
+  }
+));
+List.displayName = "CommandPalette.List";
+var Empty = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command.Empty,
+  {
+    ref,
+    className: cn(
+      "py-8 text-center text-body-sm text-[var(--color-on-surface-muted)]",
+      className
+    ),
+    ...props
+  }
+));
+Empty.displayName = "CommandPalette.Empty";
+var Group = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command.Group,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden p-2 text-[var(--color-on-surface)]",
+      "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-label-sm [&_[cmdk-group-heading]]:text-[var(--color-on-surface-muted)]",
+      className
+    ),
+    ...props
+  }
+));
+Group.displayName = "CommandPalette.Group";
+var Item = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command.Item,
+  {
+    ref,
+    className: cn(
+      // Concentric: overlay 24px − 8px padding = 16px.
+      "relative flex cursor-default select-none items-center gap-2 rounded-shape-container px-3 py-2.5 text-body-sm outline-none",
+      "aria-selected:bg-[color-mix(in_srgb,var(--color-on-surface)_8%,transparent)]",
+      "data-[disabled=true]:pointer-events-none data-[disabled=true]:text-[var(--color-text-disabled)]",
+      className
+    ),
+    ...props
+  }
+));
+Item.displayName = "CommandPalette.Item";
+var Separator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Command.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-[var(--color-border-default)]", className),
+    ...props
+  }
+));
+Separator.displayName = "CommandPalette.Separator";
+var CommandPalette = { Root: Root2, Input, List, Empty, Group, Item, Separator };
+
+export {
+  CommandPalette
+};

package/dist/{chunk-SZKUSLHI.js → chunk-VTL3GJJG.js}

@@ -1,7 +1,15 @@
 'use client';
+import {
+  enterExit,
+  floatingSurface,
+  menuContent,
+  menuItem,
+  menuLabel,
+  menuSeparator
+} from "./chunk-KQPLFVFR.js";
 import {
   cn
-} from "./chunk-AT6RPKU3.js";
+} from "./chunk-Q7G5WGYV.js";
 
 // src/components/DropdownMenu/DropdownMenu.tsx
 import * as React from "react";
@@ -22,8 +30,10 @@ var Content2 = React.forwardRef(
         ref,
         sideOffset,
         className: cn(
-          "z-[var(--z-popover)] min-w-48 rounded-lg border border-[var(--color-border-default)]",
-          "bg-[var(--color-bg-default)] p-1 shadow-md outline-none",
+          "z-[var(--z-popover)] min-w-48 outline-none",
+          floatingSurface,
+          menuContent,
+          enterExit,
           "data-[state=open]:animate-in data-[state=closed]:animate-out",
           "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
           "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",
@@ -38,9 +48,7 @@ var Content2 = React.forwardRef(
 );
 Content2.displayName = "DropdownMenu.Content";
 var itemBaseClasses = cn(
-  "relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none",
-  "transition-colors hover:bg-[var(--color-bg-subtle)] focus:bg-[var(--color-bg-subtle)]",
-  "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
+  menuItem
 );
 var Item2 = React.forwardRef(
   function DropdownMenuItem({ className, ...props }, ref) {
@@ -62,7 +70,7 @@ var Label2 = React.forwardRef(
       {
         ref,
         className: cn(
-          "px-2 py-1 text-xs font-semibold text-[var(--color-text-muted)]",
+          menuLabel,
           className
         ),
         ...props
@@ -77,7 +85,7 @@ var Separator2 = React.forwardRef(
       RadixDropdownMenu.Separator,
       {
         ref,
-        className: cn("-mx-1 my-1 h-px bg-[var(--color-border-default)]", className),
+        className: cn(menuSeparator, className),
         ...props
       }
     );
@@ -122,7 +130,7 @@ var SubTrigger2 = React.forwardRef(function DropdownMenuSubTrigger({ className,
       ref,
       className: cn(
         itemBaseClasses,
-        "data-[state=open]:bg-[var(--color-bg-subtle)]",
+        "data-[state=open]:bg-[color-mix(in_srgb,var(--color-on-surface)_8%,transparent)]",
         className
       ),
       ...props,
@@ -140,8 +148,10 @@ var SubContent2 = React.forwardRef(function DropdownMenuSubContent({ className,
     {
       ref,
       className: cn(
-        "z-[var(--z-popover)] min-w-48 rounded-lg border border-[var(--color-border-default)]",
-        "bg-[var(--color-bg-default)] p-1 shadow-md outline-none",
+        "z-[var(--z-popover)] min-w-48 outline-none",
+        floatingSurface,
+        menuContent,
+        enterExit,
         "data-[state=open]:animate-in data-[state=closed]:animate-out",
         "data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0",
         "data-[state=open]:zoom-in-95 data-[state=closed]:zoom-out-95",

package/dist/{chunk-JQDLCN5D.js → chunk-W2NEXOTG.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   cn
-} from "./chunk-AT6RPKU3.js";
+} from "./chunk-Q7G5WGYV.js";
 
 // src/components/Accordion/Accordion.tsx
 import * as React from "react";

package/dist/{chunk-XNDCVVNE.js → chunk-WESZPFBZ.js}

@@ -1,10 +1,10 @@
 'use client';
 import {
   Input
-} from "./chunk-CVBAWKNG.js";
+} from "./chunk-IK23Q2OF.js";
 import {
   cn
-} from "./chunk-AT6RPKU3.js";
+} from "./chunk-Q7G5WGYV.js";
 
 // src/components/PasswordInput/PasswordInput.tsx
 import * as React from "react";

package/dist/{chunk-DD6XCW6R.js → chunk-XR4NBY54.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   cn
-} from "./chunk-AT6RPKU3.js";
+} from "./chunk-Q7G5WGYV.js";
 
 // src/components/Callout/Callout.tsx
 import * as React from "react";

package/dist/{chunk-YGOR3KT7.js → chunk-YJ3JQYAN.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   cn
-} from "./chunk-AT6RPKU3.js";
+} from "./chunk-Q7G5WGYV.js";
 
 // src/components/EyebrowChip/EyebrowChip.tsx
 import * as React from "react";

package/dist/chunk-YRDCY6BI.js

@@ -0,0 +1,55 @@
+'use client';
+import {
+  useIsomorphicLayoutEffect
+} from "./chunk-NHUQLIHL.js";
+
+// src/hooks/useMergedRefs.ts
+import { useCallback, useRef } from "react";
+function setRef(ref, value) {
+  if (!ref) return;
+  if (typeof ref === "function") {
+    ref(value);
+  } else {
+    ref.current = value;
+  }
+}
+function useMergedRefs(...refs) {
+  const refsRef = useRef(refs);
+  refsRef.current = refs;
+  return useCallback((node) => {
+    for (const ref of refsRef.current) setRef(ref, node);
+  }, []);
+}
+
+// src/hooks/useSlidingIndicator.ts
+function useSlidingIndicator(ref, activeSelector) {
+  useIsomorphicLayoutEffect(() => {
+    const root = ref.current;
+    if (!root) return;
+    const update = () => {
+      const el = root.querySelector(activeSelector);
+      root.style.setProperty("--nx-ind-o", el ? "1" : "0");
+      if (!el) return;
+      root.style.setProperty("--nx-ind-x", `${el.offsetLeft}px`);
+      root.style.setProperty("--nx-ind-w", `${el.offsetWidth}px`);
+    };
+    update();
+    const frame = requestAnimationFrame(() => root.dataset.nxIndicator = "ready");
+    const mo = new MutationObserver(update);
+    mo.observe(root, { subtree: true, attributes: true, attributeFilter: ["data-state"] });
+    const ro = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(update);
+    ro?.observe(root);
+    for (const child of Array.from(root.children)) ro?.observe(child);
+    void document.fonts?.ready.then(update);
+    return () => {
+      cancelAnimationFrame(frame);
+      mo.disconnect();
+      ro?.disconnect();
+    };
+  }, [ref, activeSelector]);
+}
+
+export {
+  useMergedRefs,
+  useSlidingIndicator
+};

package/dist/{chunk-2VDP2ML4.js → chunk-Z3IG5WRA.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   cn
-} from "./chunk-AT6RPKU3.js";
+} from "./chunk-Q7G5WGYV.js";
 
 // src/components/Combobox/Combobox.tsx
 import * as React from "react";
@@ -13,7 +13,7 @@ var Root = React.forwardRef(
     {
       ref,
       className: cn(
-        "flex h-full w-full flex-col overflow-hidden rounded-lg bg-[var(--color-bg-default)] text-[var(--color-text-primary)]",
+        "flex h-full w-full flex-col overflow-hidden rounded-shape-container bg-[var(--color-surface-container-lowest)] text-[var(--color-on-surface)]",
         className
       ),
       ...props
@@ -22,12 +22,12 @@ var Root = React.forwardRef(
 );
 Root.displayName = "Combobox.Root";
 var Input = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "flex items-center border-b border-[var(--color-border-default)] px-3", children: /* @__PURE__ */ jsx(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "flex items-center border-b border-[var(--color-outline-variant)] px-3.5", children: /* @__PURE__ */ jsx(
     Command.Input,
     {
       ref,
       className: cn(
-        "flex h-10 w-full bg-transparent py-3 text-sm outline-none placeholder:text-[var(--color-text-muted)] disabled:cursor-not-allowed disabled:opacity-50",
+        "flex h-control-md w-full bg-transparent text-body-md outline-none placeholder:text-[var(--color-text-placeholder)] disabled:cursor-not-allowed disabled:text-[var(--color-text-disabled)]",
         className
       ),
       ...props
@@ -51,7 +51,7 @@ var Empty = React.forwardRef(
     Command.Empty,
     {
       ref,
-      className: cn("py-6 text-center text-sm text-[var(--color-text-muted)]", className),
+      className: cn("py-6 text-center text-body-sm text-[var(--color-on-surface-muted)]", className),
       ...props
     }
   )
@@ -77,9 +77,10 @@ var Item = React.forwardRef(
     {
       ref,
       className: cn(
-        "relative flex cursor-default select-none items-center rounded-md px-2 py-1.5 text-sm outline-none",
-        "aria-selected:bg-[var(--color-bg-subtle)] aria-selected:text-[var(--color-text-primary)]",
-        "data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50",
+        "relative flex cursor-default select-none items-center rounded-lg px-2.5 py-2 text-body-sm outline-none",
+        // Highlight = the on-surface state layer at hover opacity.
+        "aria-selected:bg-[color-mix(in_srgb,var(--color-on-surface)_8%,transparent)]",
+        "data-[disabled=true]:pointer-events-none data-[disabled=true]:text-[var(--color-text-disabled)]",
         className
       ),
       ...props
@@ -92,7 +93,7 @@ var Separator = React.forwardRef(
     Command.Separator,
     {
       ref,
-      className: cn("-mx-1 my-1 h-px bg-[var(--color-border-default)]", className),
+      className: cn("-mx-1 my-1 h-px bg-[var(--color-outline-variant)]", className),
       ...props
     }
   )

package/dist/{chunk-YUFCNHZF.js → chunk-ZV3AF5CL.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   cn
-} from "./chunk-AT6RPKU3.js";
+} from "./chunk-Q7G5WGYV.js";
 
 // src/components/AspectRatio/AspectRatio.tsx
 import * as React from "react";

package/dist/components/Accordion/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   Accordion
-} from "../../chunk-JQDLCN5D.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-W2NEXOTG.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Accordion
 };

package/dist/components/Alert/index.js

@@ -2,8 +2,8 @@
 import {
   Alert,
   alertVariants
-} from "../../chunk-24CZFBTG.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-IIPYF6ZQ.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Alert,
   alertVariants

package/dist/components/AlertDialog/index.js

@@ -1,8 +1,12 @@
 'use client';
 import {
   AlertDialog
-} from "../../chunk-ZLSUVZM2.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-RHOYF7MO.js";
+import "../../chunk-KQPLFVFR.js";
+import "../../chunk-LMPGHWUA.js";
+import "../../chunk-7SXR4PGO.js";
+import "../../chunk-DEIBF3P7.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   AlertDialog
 };

package/dist/components/AppShell/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   AppShell
-} from "../../chunk-KZW37FQZ.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-56FERRWW.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   AppShell
 };

package/dist/components/AspectRatio/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   AspectRatio
-} from "../../chunk-YUFCNHZF.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-ZV3AF5CL.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   AspectRatio
 };

package/dist/components/Autocomplete/index.js

@@ -1,9 +1,9 @@
 'use client';
 import {
   Autocomplete
-} from "../../chunk-VT7RKY46.js";
-import "../../chunk-2VDP2ML4.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-TEOLG3N2.js";
+import "../../chunk-Z3IG5WRA.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Autocomplete
 };

package/dist/components/Avatar/index.js

@@ -3,8 +3,8 @@ import "../../chunk-IZ6ZPEZ2.js";
 import {
   Avatar,
   avatarVariants
-} from "../../chunk-CPV367VS.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-FHFVBOF3.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Avatar,
   avatarVariants

package/dist/components/AvatarGroup/index.js

@@ -2,9 +2,9 @@
 import {
   AvatarGroup,
   avatarGroupVariants
-} from "../../chunk-BYCTJHXY.js";
-import "../../chunk-CPV367VS.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-QCNLE27O.js";
+import "../../chunk-FHFVBOF3.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   AvatarGroup,
   avatarGroupVariants

package/dist/components/Badge/index.js

@@ -2,8 +2,8 @@
 import {
   Badge,
   badgeVariants
-} from "../../chunk-BGY23Y5O.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-B54WADL4.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Badge,
   badgeVariants

package/dist/components/Banner/index.js

@@ -2,8 +2,8 @@
 import {
   Banner,
   bannerVariants
-} from "../../chunk-ZFVBFCYV.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-NQVRF4RB.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Banner,
   bannerVariants

package/dist/components/Box/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   Box
-} from "../../chunk-BUBYXAJK.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-M7YB3MSW.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Box
 };

package/dist/components/Breadcrumb/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   Breadcrumb
-} from "../../chunk-3U54QLYB.js";
-import "../../chunk-AT6RPKU3.js";
+} from "../../chunk-4SSUM4CL.js";
+import "../../chunk-Q7G5WGYV.js";
 export {
   Breadcrumb
 };