@nexub/react 1.3.0 → 1.5.0

package/dist/{chunk-BYF223HT.js → chunk-2555JXCP.js}

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

package/dist/{chunk-6AZP6VBM.js → chunk-2FCSWBSM.js}

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

package/dist/{chunk-OZPPL76D.js → chunk-2ZBJOUJ7.js}

@@ -1,19 +1,25 @@
 'use client';
+import {
+  glassSurfaceClass
+} from "./chunk-DEIBF3P7.js";
 import {
   cn
-} from "./chunk-AT6RPKU3.js";
+} from "./chunk-Q7G5WGYV.js";
 
 // src/components/Toolbar/Toolbar.tsx
 import * as React from "react";
 import * as RadixToolbar from "@radix-ui/react-toolbar";
 import { jsx } from "react/jsx-runtime";
 var Root2 = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ({ className, floating = false, placement, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixToolbar.Root,
     {
       ref,
+      "data-material": floating ? "glass" : void 0,
       className: cn(
-        "flex items-center gap-1 rounded-lg border border-[var(--color-border-default)] bg-[var(--color-bg-default)] p-1",
+        "flex items-center gap-1 p-1",
+        floating ? ["rounded-shape-control p-1.5", glassSurfaceClass] : "rounded-shape-container bg-[var(--color-surface-container-low)]",
+        floating && placement === "bottom" && "fixed bottom-6 left-1/2 z-[var(--z-sticky,1100)] -translate-x-1/2",
         className
       ),
       ...props
@@ -21,20 +27,12 @@ var Root2 = React.forwardRef(
   )
 );
 Root2.displayName = "Toolbar.Root";
+var item = [
+  "nx-state-layer nx-press relative inline-flex h-control-sm items-center justify-center gap-1.5 rounded-shape-control text-label-lg text-[var(--color-on-surface)] select-none",
+  "disabled:pointer-events-none disabled:text-[var(--color-text-disabled)]"
+].join(" ");
 var ToolbarButton = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    RadixToolbar.Button,
-    {
-      ref,
-      className: cn(
-        "inline-flex h-8 items-center justify-center rounded-md px-3 text-sm font-medium transition-colors",
-        "hover:bg-[var(--color-bg-subtle)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-ring-default)]",
-        "disabled:pointer-events-none disabled:opacity-50",
-        className
-      ),
-      ...props
-    }
-  )
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixToolbar.Button, { ref, className: cn(item, "px-3", className), ...props })
 );
 ToolbarButton.displayName = "Toolbar.Button";
 var Separator2 = React.forwardRef(
@@ -42,7 +40,7 @@ var Separator2 = React.forwardRef(
     RadixToolbar.Separator,
     {
       ref,
-      className: cn("mx-1 w-px self-stretch bg-[var(--color-border-default)]", className),
+      className: cn("mx-1 h-5 w-px bg-[var(--color-outline-variant)]", className),
       ...props
     }
   )
@@ -65,9 +63,8 @@ var ToggleItem2 = React.forwardRef(
     {
       ref,
       className: cn(
-        "inline-flex h-8 w-8 items-center justify-center rounded-md text-sm transition-colors",
-        "hover:bg-[var(--color-bg-subtle)] data-[state=on]:bg-[var(--color-bg-subtle)]",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-ring-default)]",
+        item,
+        "w-control-sm data-[state=on]:bg-[var(--color-secondary-container)] data-[state=on]:text-[var(--color-on-secondary-container)]",
         className
       ),
       ...props

package/dist/{chunk-YJD66LTV.js → chunk-3AXIMXDU.js}

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

package/dist/{chunk-H4MXRAXP.js → chunk-3LP2CR7F.js}

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

package/dist/chunk-3TMIZQPR.js

@@ -0,0 +1,49 @@
+'use client';
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/Toggle/Toggle.tsx
+import * as React from "react";
+import * as RadixToggle from "@radix-ui/react-toggle";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var toggleVariants = cva(
+  [
+    // Pressable capsule; on = the secondary container (tonal selection).
+    "nx-state-layer nx-press relative inline-flex items-center justify-center gap-2 rounded-shape-control select-none",
+    "text-[var(--color-on-surface-variant)] transition-[background-color,color] duration-effects-fast ease-effects-fast",
+    "data-[state=on]:bg-[var(--color-secondary-container)] data-[state=on]:text-[var(--color-on-secondary-container)]",
+    "disabled:pointer-events-none disabled:text-[var(--color-text-disabled)]"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-[var(--color-outline-variant)] bg-transparent data-[state=on]:border-transparent"
+      },
+      size: {
+        sm: "h-control-sm px-3 text-label-md",
+        md: "h-control-md px-4 text-label-lg",
+        lg: "h-control-lg px-5 text-label-lg"
+      }
+    },
+    defaultVariants: { variant: "default", size: "md" }
+  }
+);
+var Toggle = React.forwardRef(
+  ({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+    RadixToggle.Root,
+    {
+      ref,
+      className: cn(toggleVariants({ variant, size }), className),
+      ...props
+    }
+  )
+);
+Toggle.displayName = "Toggle";
+
+export {
+  toggleVariants,
+  Toggle
+};

package/dist/chunk-47UGX37F.js

@@ -0,0 +1,21 @@
+'use client';
+
+// src/hooks/useClassScrollLock.ts
+import * as React from "react";
+var scrollLocks = 0;
+function useClassScrollLock() {
+  React.useEffect(() => {
+    const html = document.documentElement;
+    if (scrollLocks++ === 0) {
+      html.classList.toggle("nexub-scroll-gutter", window.innerWidth > html.clientWidth);
+      html.classList.add("nexub-scroll-lock");
+    }
+    return () => {
+      if (--scrollLocks === 0) html.classList.remove("nexub-scroll-lock", "nexub-scroll-gutter");
+    };
+  }, []);
+}
+
+export {
+  useClassScrollLock
+};

package/dist/{chunk-PANDAMD2.js → chunk-4I5ULCYG.js}

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

package/dist/{chunk-3U54QLYB.js → chunk-4SSUM4CL.js}

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

package/dist/{chunk-KZW37FQZ.js → chunk-56FERRWW.js}

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

package/dist/chunk-5O34ZNC3.js

@@ -0,0 +1,70 @@
+'use client';
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/NavigationRail/NavigationRail.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Root = React.forwardRef(
+  ({ className, header, children, "aria-label": ariaLabel = "Main", ...props }, ref) => /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      ref,
+      "aria-label": ariaLabel,
+      className: cn("flex h-full w-20 shrink-0 flex-col items-center gap-3 py-4", className),
+      ...props,
+      children: [
+        header && /* @__PURE__ */ jsx("div", { className: "mb-3 flex flex-col items-center", children: header }),
+        /* @__PURE__ */ jsx("ul", { className: "flex w-full flex-col items-center gap-1", role: "list", children })
+      ]
+    }
+  )
+);
+Root.displayName = "NavigationRail.Root";
+var Item = React.forwardRef(
+  ({ className, icon, label, active, asChild, children, ...props }, ref) => {
+    const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "relative grid h-8 w-14 place-items-center rounded-full [&>svg]:h-5 [&>svg]:w-5",
+            "before:absolute before:inset-0 before:rounded-full before:bg-current before:opacity-0",
+            "before:transition-opacity before:duration-effects-fast before:ease-effects-fast",
+            "group-hover:before:opacity-[var(--state-hover)] group-active:before:opacity-[var(--state-pressed)]",
+            active ? "bg-[var(--color-secondary-container)] text-[var(--color-on-secondary-container)]" : "text-[var(--color-on-surface-variant)]"
+          ),
+          children: icon
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "text-label-md",
+            active ? "text-[var(--color-on-surface)]" : "text-[var(--color-on-surface-variant)]"
+          ),
+          children: label
+        }
+      )
+    ] });
+    const shared = {
+      ref,
+      "aria-current": active ? "page" : void 0,
+      className: cn(
+        "group flex w-full flex-col items-center gap-1 rounded-shape-container py-1 no-underline select-none outline-offset-0",
+        className
+      ),
+      ...props
+    };
+    return /* @__PURE__ */ jsx("li", { className: "w-full px-1", children: asChild && React.isValidElement(children) ? /* @__PURE__ */ jsx(Slot, { ...shared, children: React.cloneElement(children, void 0, inner) }) : /* @__PURE__ */ jsx("a", { ...shared, children: inner }) });
+  }
+);
+Item.displayName = "NavigationRail.Item";
+var NavigationRail = { Root, Item };
+
+export {
+  NavigationRail
+};

package/dist/{chunk-YUNWZAAD.js → chunk-5URGARPH.js}

@@ -1,7 +1,11 @@
 'use client';
+import {
+  enterExit,
+  floatingSurface
+} from "./chunk-KQPLFVFR.js";
 import {
   cn
-} from "./chunk-AT6RPKU3.js";
+} from "./chunk-Q7G5WGYV.js";
 
 // src/components/HoverCard/HoverCard.tsx
 import * as React from "react";
@@ -17,8 +21,9 @@ var Content2 = React.forwardRef(
         ref,
         sideOffset,
         className: cn(
-          "z-[var(--z-popover)] w-64 rounded-lg border border-[var(--color-border-default)]",
-          "bg-[var(--color-bg-default)] p-4 shadow-md outline-none",
+          "z-[var(--z-popover)] w-64 p-4 outline-none",
+          floatingSurface,
+          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-QF7GUDOE.js → chunk-63DPMUMR.js}

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

package/dist/chunk-64JDZWCV.js

@@ -0,0 +1,47 @@
+'use client';
+import {
+  DropdownMenu
+} from "./chunk-7L3CGIRA.js";
+import {
+  ButtonGroup
+} from "./chunk-LGQ737BP.js";
+import {
+  Button
+} from "./chunk-LMPGHWUA.js";
+import {
+  cn
+} from "./chunk-Q7G5WGYV.js";
+
+// src/components/SplitButton/SplitButton.tsx
+import * as React from "react";
+import { ChevronDown } from "@nexub/icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SplitButton = React.forwardRef(
+  ({ menuLabel, menu, align = "end", variant, size, tone, disabled, loading, className, ...props }, ref) => {
+    const shared = { variant, size, tone, disabled: disabled || loading };
+    return /* @__PURE__ */ jsxs(ButtonGroup, { attached: true, className, children: [
+      /* @__PURE__ */ jsx(Button, { ref, ...shared, loading, ...props }),
+      /* @__PURE__ */ jsxs(DropdownMenu.Root, { modal: false, children: [
+        /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            ...shared,
+            "aria-label": menuLabel,
+            className: cn(
+              "px-3",
+              // The chevron flips while the menu is open.
+              "[&[data-state=open]>svg]:rotate-180 [&>svg]:transition-transform [&>svg]:duration-spatial-fast [&>svg]:ease-spatial-fast"
+            ),
+            children: /* @__PURE__ */ jsx(ChevronDown, { size: "sm", "aria-hidden": "true" })
+          }
+        ) }),
+        /* @__PURE__ */ jsx(DropdownMenu.Content, { align, children: menu })
+      ] })
+    ] });
+  }
+);
+SplitButton.displayName = "SplitButton";
+
+export {
+  SplitButton
+};

package/dist/{chunk-BMVAZIAJ.js → chunk-6J3QTWKC.js}

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

package/dist/{chunk-2RLSIOGB.js → chunk-6QLLH6ID.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/ContextMenu/ContextMenu.tsx
 import * as React from "react";
@@ -21,8 +29,10 @@ var Content2 = React.forwardRef(
       {
         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",
@@ -35,9 +45,7 @@ var Content2 = React.forwardRef(
 );
 Content2.displayName = "ContextMenu.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 ContextMenuItem({ className, ...props }, ref) {
@@ -59,7 +67,7 @@ var Label2 = React.forwardRef(
       {
         ref,
         className: cn(
-          "px-2 py-1 text-xs font-semibold text-[var(--color-text-muted)]",
+          menuLabel,
           className
         ),
         ...props
@@ -74,7 +82,7 @@ var Separator2 = React.forwardRef(
       RadixContextMenu.Separator,
       {
         ref,
-        className: cn("-mx-1 my-1 h-px bg-[var(--color-border-default)]", className),
+        className: cn(menuSeparator, className),
         ...props
       }
     );
@@ -119,7 +127,7 @@ var SubTrigger2 = React.forwardRef(function ContextMenuSubTrigger({ className, c
       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,
@@ -137,8 +145,10 @@ var SubContent2 = React.forwardRef(function ContextMenuSubContent({ 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-KWWV3CM3.js → chunk-6RBNM5RO.js}

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

package/dist/{chunk-WPPNDU2E.js → chunk-6SJPVQQW.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   cn
-} from "./chunk-AT6RPKU3.js";
+} from "./chunk-Q7G5WGYV.js";
 
 // src/components/RadioGroup/RadioGroup.tsx
 import * as React from "react";
@@ -17,14 +17,15 @@ var Item2 = React.forwardRef(
     {
       ref,
       className: cn(
-        "aspect-square h-4 w-4 rounded-full border border-[var(--color-border-input)]",
-        "text-[var(--color-brand-primary-500)]",
-        "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-ring-default)] focus-visible:ring-offset-2 ring-offset-[var(--color-ring-offset)]",
-        "disabled:cursor-not-allowed disabled:opacity-50",
+        // 18px, 2px outline border (>= 3:1), primary ring + dot when on. Focus = the global ring.
+        "aspect-square h-[18px] w-[18px] shrink-0 rounded-full border-2 border-[var(--color-outline)]",
+        "transition-[border-color] duration-effects-fast ease-effects-fast",
+        "hover:border-[var(--color-on-surface)] data-[state=checked]:border-[var(--color-primary)]",
+        "disabled:cursor-not-allowed disabled:border-[var(--color-text-disabled)]",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(RadixRadioGroup.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "block h-2 w-2 rounded-full bg-[var(--color-brand-primary-500)]" }) })
+      children: /* @__PURE__ */ jsx(RadixRadioGroup.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "block h-2 w-2 rounded-full bg-[var(--color-primary)] [[data-disabled]_&]:bg-[var(--color-text-disabled)]" }) })
     }
   )
 );

package/dist/{chunk-NAIZ7R2L.js → chunk-72I7EVOL.js}

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

package/dist/{chunk-SZKUSLHI.js → chunk-7L3CGIRA.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-UWWL5FPC.js → chunk-7Q7ZF6BY.js}

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

package/dist/chunk-7SXR4PGO.js

@@ -0,0 +1,31 @@
+'use client';
+
+// src/utils/control.ts
+var field = [
+  "rounded-shape-field border border-[var(--color-border-input)]",
+  "bg-[var(--color-surface-container-lowest)] text-[var(--color-on-surface)]",
+  "transition-[border-color,box-shadow] duration-effects-fast ease-effects-fast",
+  "hover:border-[var(--color-on-surface-variant)]"
+].join(" ");
+var fieldFocusWithin = "focus-within:border-[var(--color-primary)] focus-within:shadow-[inset_0_0_0_1px_var(--color-primary)] focus-within:hover:border-[var(--color-primary)]";
+var fieldFocusVisible = "focus-visible:outline-none focus-visible:border-[var(--color-primary)] focus-visible:shadow-[inset_0_0_0_1px_var(--color-primary)]";
+var fieldInvalid = [
+  "border-[var(--color-error)] hover:border-[var(--color-error)]",
+  "focus-within:border-[var(--color-error)] focus-within:shadow-[inset_0_0_0_1px_var(--color-error)] focus-within:hover:border-[var(--color-error)]",
+  "focus-visible:border-[var(--color-error)] focus-visible:shadow-[inset_0_0_0_1px_var(--color-error)]"
+].join(" ");
+var fieldDisabledWithin = "has-[:disabled]:cursor-not-allowed has-[:disabled]:border-[var(--color-outline-variant)] has-[:disabled]:hover:border-[var(--color-outline-variant)] has-[:disabled]:bg-[var(--color-surface-container-low)] has-[:disabled]:text-[var(--color-text-disabled)]";
+var pressable = "nx-state-layer nx-press rounded-shape-control select-none";
+var disabledContainer = "disabled:pointer-events-none disabled:border-transparent disabled:bg-[color-mix(in_srgb,var(--color-on-surface)_12%,transparent)] disabled:text-[var(--color-text-disabled)] aria-disabled:pointer-events-none";
+var disabledText = "disabled:pointer-events-none disabled:text-[var(--color-text-disabled)] aria-disabled:pointer-events-none";
+
+export {
+  field,
+  fieldFocusWithin,
+  fieldFocusVisible,
+  fieldInvalid,
+  fieldDisabledWithin,
+  pressable,
+  disabledContainer,
+  disabledText
+};