@nexub/react 2.9.0 → 3.1.0

package/dist/components/Drawer/Drawer.js

@@ -0,0 +1,131 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { Drawer as VaulDrawer } from "../../vendor/vaul.js";
+import { cn } from "../../utils/cn.js";
+import { scrim } from "../../utils/surface.js";
+import { useClassScrollLock } from "../../hooks/useClassScrollLock.js";
+import { glassSurfaceClass } from "../../utils/glass.js";
+const DrawerContext = React.createContext({ scrollLock: "style", open: false, modal: true });
+function Root({ scrollLock = "style", onOpenChange, ...props }) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(props.defaultOpen ?? false);
+  const open = props.open ?? uncontrolledOpen;
+  return /* @__PURE__ */ jsx(DrawerContext.Provider, { value: { scrollLock, open, modal: props.modal ?? true }, children: /* @__PURE__ */ jsx(
+    VaulDrawer.Root,
+    {
+      ...props,
+      onOpenChange: (next) => {
+        setUncontrolledOpen(next);
+        onOpenChange?.(next);
+      }
+    }
+  ) });
+}
+Root.displayName = "Drawer.Root";
+const Trigger = VaulDrawer.Trigger;
+const Close = VaulDrawer.Close;
+const Portal = VaulDrawer.Portal;
+const ClassLockOverlay = React.forwardRef(
+  ({ asChild, forceMount: _forceMount, open, ...props }, ref) => {
+    useClassScrollLock();
+    const Comp = asChild ? Slot : "div";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        "data-vaul-overlay": "",
+        "data-vaul-snap-points": "false",
+        "data-state": open ? "open" : "closed",
+        ...props
+      }
+    );
+  }
+);
+const Overlay = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const { scrollLock, open, modal } = React.useContext(DrawerContext);
+    const classes = cn("nx-drawer-overlay fixed inset-0 z-[var(--z-modal)]", scrim, className);
+    if (scrollLock === "class") {
+      if (!modal) return null;
+      return /* @__PURE__ */ jsx(ClassLockOverlay, { ref, open, className: cn("pointer-events-auto", classes), ...props });
+    }
+    return /* @__PURE__ */ jsx(VaulDrawer.Overlay, { ref, className: classes, ...props });
+  }
+);
+Overlay.displayName = "Drawer.Overlay";
+const Content = React.forwardRef(({ className, children, side = "right", surface = "solid", ...props }, ref) => {
+  const sideMap = {
+    right: "inset-y-0 right-0 h-full w-3/4 max-w-sm overflow-x-hidden",
+    left: "inset-y-0 left-0 h-full w-3/4 max-w-sm overflow-x-hidden",
+    top: "inset-x-0 top-0 w-full rounded-b-[var(--shape-overlay)]",
+    bottom: "inset-x-0 bottom-0 w-full rounded-t-[var(--shape-overlay)]"
+  };
+  return /* @__PURE__ */ jsxs(
+    VaulDrawer.Content,
+    {
+      ref,
+      className: cn(
+        "nx-drawer fixed z-[var(--z-modal)] flex flex-col bg-[var(--color-surface-elevated)] text-[var(--color-on-surface)] shadow-elevation-3 focus:outline-none",
+        sideMap[side],
+        surface === "glass" && glassSurfaceClass,
+        className
+      ),
+      "data-material": surface === "glass" ? "glass" : void 0,
+      "data-glass-thickness": surface === "glass" ? "thick" : void 0,
+      ...props,
+      children: [
+        side === "bottom" && /* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 h-2 w-20 rounded-full bg-[var(--color-outline-variant)]" }),
+        children
+      ]
+    }
+  );
+});
+Content.displayName = "Drawer.Content";
+const Title = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    VaulDrawer.Title,
+    {
+      ref,
+      className: cn("text-title-lg text-[var(--color-on-surface)]", className),
+      ...props
+    }
+  )
+);
+Title.displayName = "Drawer.Title";
+const Description = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    VaulDrawer.Description,
+    {
+      ref,
+      className: cn("text-body-sm text-[var(--color-on-surface-muted)]", className),
+      ...props
+    }
+  )
+);
+Description.displayName = "Drawer.Description";
+const Header = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col gap-1.5 p-6", className), ...props })
+);
+Header.displayName = "Drawer.Header";
+const Footer = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mt-auto flex flex-col gap-2 p-6", className), ...props })
+);
+Footer.displayName = "Drawer.Footer";
+const Drawer = {
+  Root,
+  Trigger,
+  Portal,
+  Overlay,
+  Content,
+  Close,
+  Title,
+  Description,
+  Header,
+  Footer
+};
+const Sheet = Drawer;
+export {
+  Drawer,
+  Sheet
+};

package/dist/components/Drawer/index.d.ts

@@ -0,0 +1,2 @@
+export { Drawer, Sheet } from './Drawer.js';
+export type { DrawerRootProps } from './Drawer.js';

package/dist/components/Drawer/index.js

@@ -1,12 +1,4 @@
-'use client';
-import {
-  Drawer,
-  Sheet
-} from "../../chunk-PZL6AJH5.js";
-import "../../chunk-47UGX37F.js";
-import "../../chunk-5FWJXSXT.js";
-import "../../chunk-DEIBF3P7.js";
-import "../../chunk-WRVFNYO3.js";
+import { Drawer, Sheet } from "./Drawer.js";
 export {
   Drawer,
   Sheet

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
+export declare const DropdownMenu: {
+    Root: React.FC<RadixDropdownMenu.DropdownMenuProps>;
+    Trigger: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.FC<RadixDropdownMenu.DropdownMenuPortalProps>;
+    Content: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+    Group: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+    CheckboxItem: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
+    RadioGroup: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+    RadioItem: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;
+    Sub: React.FC<RadixDropdownMenu.DropdownMenuSubProps>;
+    SubTrigger: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
+    SubContent: React.ForwardRefExoticComponent<RadixDropdownMenu.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/{chunk-GWFIMQBC.js → components/DropdownMenu/DropdownMenu.js}

@@ -1,27 +1,17 @@
-'use client';
-import {
-  floatingSurface,
-  menuContent,
-  menuItem,
-  menuLabel,
-  menuSeparator
-} from "./chunk-5FWJXSXT.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/DropdownMenu/DropdownMenu.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixDropdownMenu from "@radix-ui/react-dropdown-menu";
 import { Check, ChevronRight } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Root2 = RadixDropdownMenu.Root;
-var Trigger2 = RadixDropdownMenu.Trigger;
-var Portal2 = RadixDropdownMenu.Portal;
-var Group2 = RadixDropdownMenu.Group;
-var RadioGroup2 = RadixDropdownMenu.RadioGroup;
-var Sub2 = RadixDropdownMenu.Sub;
-var Content2 = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { floatingSurface, menuContent, menuItem, menuLabel, menuSeparator } from "../../utils/surface.js";
+const Root = RadixDropdownMenu.Root;
+const Trigger = RadixDropdownMenu.Trigger;
+const Portal = RadixDropdownMenu.Portal;
+const Group = RadixDropdownMenu.Group;
+const RadioGroup = RadixDropdownMenu.RadioGroup;
+const Sub = RadixDropdownMenu.Sub;
+const Content = React.forwardRef(
   function DropdownMenuContent({ className, sideOffset = 4, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixDropdownMenu.Content,
@@ -40,11 +30,11 @@ var Content2 = React.forwardRef(
     );
   }
 );
-Content2.displayName = "DropdownMenu.Content";
-var itemBaseClasses = cn(
+Content.displayName = "DropdownMenu.Content";
+const itemBaseClasses = cn(
   menuItem
 );
-var Item2 = React.forwardRef(
+const Item = React.forwardRef(
   function DropdownMenuItem({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixDropdownMenu.Item,
@@ -56,8 +46,8 @@ var Item2 = React.forwardRef(
     );
   }
 );
-Item2.displayName = "DropdownMenu.Item";
-var Label2 = React.forwardRef(
+Item.displayName = "DropdownMenu.Item";
+const Label = React.forwardRef(
   function DropdownMenuLabel({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixDropdownMenu.Label,
@@ -72,8 +62,8 @@ var Label2 = React.forwardRef(
     );
   }
 );
-Label2.displayName = "DropdownMenu.Label";
-var Separator2 = React.forwardRef(
+Label.displayName = "DropdownMenu.Label";
+const Separator = React.forwardRef(
   function DropdownMenuSeparator({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixDropdownMenu.Separator,
@@ -85,8 +75,8 @@ var Separator2 = React.forwardRef(
     );
   }
 );
-Separator2.displayName = "DropdownMenu.Separator";
-var CheckboxItem2 = React.forwardRef(function DropdownMenuCheckboxItem({ className, children, checked, ...props }, ref) {
+Separator.displayName = "DropdownMenu.Separator";
+const CheckboxItem = React.forwardRef(function DropdownMenuCheckboxItem({ className, children, checked, ...props }, ref) {
   return /* @__PURE__ */ jsxs(
     RadixDropdownMenu.CheckboxItem,
     {
@@ -101,8 +91,8 @@ var CheckboxItem2 = React.forwardRef(function DropdownMenuCheckboxItem({ classNa
     }
   );
 });
-CheckboxItem2.displayName = "DropdownMenu.CheckboxItem";
-var RadioItem2 = React.forwardRef(function DropdownMenuRadioItem({ className, children, ...props }, ref) {
+CheckboxItem.displayName = "DropdownMenu.CheckboxItem";
+const RadioItem = React.forwardRef(function DropdownMenuRadioItem({ className, children, ...props }, ref) {
   return /* @__PURE__ */ jsxs(
     RadixDropdownMenu.RadioItem,
     {
@@ -116,8 +106,8 @@ var RadioItem2 = React.forwardRef(function DropdownMenuRadioItem({ className, ch
     }
   );
 });
-RadioItem2.displayName = "DropdownMenu.RadioItem";
-var SubTrigger2 = React.forwardRef(function DropdownMenuSubTrigger({ className, children, ...props }, ref) {
+RadioItem.displayName = "DropdownMenu.RadioItem";
+const SubTrigger = React.forwardRef(function DropdownMenuSubTrigger({ className, children, ...props }, ref) {
   return /* @__PURE__ */ jsxs(
     RadixDropdownMenu.SubTrigger,
     {
@@ -135,8 +125,8 @@ var SubTrigger2 = React.forwardRef(function DropdownMenuSubTrigger({ className,
     }
   );
 });
-SubTrigger2.displayName = "DropdownMenu.SubTrigger";
-var SubContent2 = React.forwardRef(function DropdownMenuSubContent({ className, ...props }, ref) {
+SubTrigger.displayName = "DropdownMenu.SubTrigger";
+const SubContent = React.forwardRef(function DropdownMenuSubContent({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     RadixDropdownMenu.SubContent,
     {
@@ -152,24 +142,23 @@ var SubContent2 = React.forwardRef(function DropdownMenuSubContent({ className,
     }
   );
 });
-SubContent2.displayName = "DropdownMenu.SubContent";
-var DropdownMenu = {
-  Root: Root2,
-  Trigger: Trigger2,
-  Portal: Portal2,
-  Content: Content2,
-  Item: Item2,
-  Group: Group2,
-  Label: Label2,
-  Separator: Separator2,
-  CheckboxItem: CheckboxItem2,
-  RadioGroup: RadioGroup2,
-  RadioItem: RadioItem2,
-  Sub: Sub2,
-  SubTrigger: SubTrigger2,
-  SubContent: SubContent2
+SubContent.displayName = "DropdownMenu.SubContent";
+const DropdownMenu = {
+  Root,
+  Trigger,
+  Portal,
+  Content,
+  Item,
+  Group,
+  Label,
+  Separator,
+  CheckboxItem,
+  RadioGroup,
+  RadioItem,
+  Sub,
+  SubTrigger,
+  SubContent
 };
-
 export {
   DropdownMenu
 };

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

@@ -0,0 +1 @@
+export { DropdownMenu } from './DropdownMenu.js';

package/dist/components/DropdownMenu/index.js

@@ -1,10 +1,4 @@
-'use client';
-import "../../chunk-HI7GBSW2.js";
-import {
-  DropdownMenu
-} from "../../chunk-GWFIMQBC.js";
-import "../../chunk-5FWJXSXT.js";
-import "../../chunk-WRVFNYO3.js";
+import { DropdownMenu } from "./DropdownMenu.js";
 export {
   DropdownMenu
 };

package/dist/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export declare const EmptyState: {
+    Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Illustration: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+    Actions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/{chunk-AWTSLASB.js → components/EmptyState/EmptyState.js}

@@ -1,12 +1,7 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/EmptyState/EmptyState.tsx
-import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-var Root = React.forwardRef(
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+const Root = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -20,7 +15,7 @@ var Root = React.forwardRef(
   )
 );
 Root.displayName = "EmptyState.Root";
-var Illustration = React.forwardRef(
+const Illustration = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -31,7 +26,7 @@ var Illustration = React.forwardRef(
   )
 );
 Illustration.displayName = "EmptyState.Illustration";
-var Title = React.forwardRef(
+const Title = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "h3",
     {
@@ -42,7 +37,7 @@ var Title = React.forwardRef(
   )
 );
 Title.displayName = "EmptyState.Title";
-var Description = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+const Description = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
@@ -51,12 +46,11 @@ var Description = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 Description.displayName = "EmptyState.Description";
-var Actions = React.forwardRef(
+const Actions = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-2", className), ...props })
 );
 Actions.displayName = "EmptyState.Actions";
-var EmptyState = { Root, Illustration, Title, Description, Actions };
-
+const EmptyState = { Root, Illustration, Title, Description, Actions };
 export {
   EmptyState
 };

package/dist/components/EmptyState/index.d.ts

@@ -0,0 +1 @@
+export { EmptyState } from './EmptyState.js';

package/dist/components/EmptyState/index.js

@@ -1,8 +1,4 @@
-'use client';
-import {
-  EmptyState
-} from "../../chunk-AWTSLASB.js";
-import "../../chunk-WRVFNYO3.js";
+import { EmptyState } from "./EmptyState.js";
 export {
   EmptyState
 };

package/dist/components/ErrorState/ErrorState.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+type ErrorTone = 'error' | 'warning' | 'info';
+export interface ErrorStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    description?: string;
+    tone?: ErrorTone;
+    onRetry?: () => void;
+}
+export declare const ErrorState: React.ForwardRefExoticComponent<ErrorStateProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/{chunk-NX5ZJSRU.js → components/ErrorState/ErrorState.js}

@@ -1,16 +1,10 @@
-'use client';
-import {
-  pressable
-} from "./chunk-VALIDQXU.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/ErrorState/ErrorState.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { AlertTriangle, AlertCircle, Info } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var toneConfig = {
+import { cn } from "../../utils/cn.js";
+import { pressable } from "../../utils/control.js";
+const toneConfig = {
   error: {
     icon: /* @__PURE__ */ jsx(AlertCircle, { size: "xl", "aria-hidden": "true" }),
     color: "text-[var(--color-error)]"
@@ -24,7 +18,7 @@ var toneConfig = {
     color: "text-[var(--color-info)]"
   }
 };
-var ErrorState = React.forwardRef(
+const ErrorState = React.forwardRef(
   ({ className, title, description, tone = "error", onRetry, ...props }, ref) => {
     const { icon, color } = toneConfig[tone];
     return /* @__PURE__ */ jsxs(
@@ -57,7 +51,6 @@ var ErrorState = React.forwardRef(
   }
 );
 ErrorState.displayName = "ErrorState";
-
 export {
   ErrorState
 };

package/dist/components/ErrorState/index.d.ts

@@ -0,0 +1,2 @@
+export { ErrorState } from './ErrorState.js';
+export type { ErrorStateProps } from './ErrorState.js';

package/dist/components/ErrorState/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  ErrorState
-} from "../../chunk-NX5ZJSRU.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-WRVFNYO3.js";
+import { ErrorState } from "./ErrorState.js";
 export {
   ErrorState
 };

package/dist/components/EyebrowChip/EyebrowChip.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import type { ToneValue } from '../Button/Button.js';
+export interface EyebrowChipProps extends React.HTMLAttributes<HTMLSpanElement> {
+    tone?: ToneValue;
+    /** `gradient`: the marketing-mode chip (@nexub/themes/marketing). Elsewhere it looks like `soft`. */
+    variant?: 'soft' | 'gradient';
+    /** A pinging "live" dot before the label (it pings only in marketing mode). Decorative. */
+    live?: boolean;
+    leadingIcon?: React.ReactNode;
+}
+export declare const EyebrowChip: React.ForwardRefExoticComponent<EyebrowChipProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/{chunk-MXXJOAWQ.js → components/EyebrowChip/EyebrowChip.js}

@@ -1,16 +1,9 @@
-'use client';
-import {
-  toneTextClasses
-} from "./chunk-GHLMHKMV.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/EyebrowChip/EyebrowChip.tsx
-import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var EyebrowChip = React.forwardRef(
-  ({ className, tone = "neutral", leadingIcon, children, ...props }, ref) => {
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { toneTextClasses } from "../../utils/control.js";
+const EyebrowChip = React.forwardRef(
+  ({ className, tone = "neutral", variant = "soft", live = false, leadingIcon, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "span",
       {
@@ -20,10 +13,12 @@ var EyebrowChip = React.forwardRef(
           "text-xs font-semibold uppercase tracking-wider select-none",
           "bg-[var(--color-surface-container-low)]",
           toneTextClasses[tone],
+          variant === "gradient" && "nx-mkt-eyebrow",
           className
         ),
         ...props,
         children: [
+          live && /* @__PURE__ */ jsx("span", { className: "nx-mkt-live-dot shrink-0", "aria-hidden": "true" }),
           leadingIcon && /* @__PURE__ */ jsx("span", { className: "shrink-0 inline-flex items-center", "aria-hidden": "true", children: leadingIcon }),
           children
         ]
@@ -32,7 +27,6 @@ var EyebrowChip = React.forwardRef(
   }
 );
 EyebrowChip.displayName = "EyebrowChip";
-
 export {
   EyebrowChip
 };

package/dist/components/EyebrowChip/index.d.ts

@@ -0,0 +1,2 @@
+export { EyebrowChip } from './EyebrowChip.js';
+export type { EyebrowChipProps } from './EyebrowChip.js';

package/dist/components/EyebrowChip/index.js

@@ -1,11 +1,4 @@
-'use client';
-import {
-  EyebrowChip
-} from "../../chunk-MXXJOAWQ.js";
-import "../../chunk-GHLMHKMV.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-DEIBF3P7.js";
-import "../../chunk-WRVFNYO3.js";
+import { EyebrowChip } from "./EyebrowChip.js";
 export {
   EyebrowChip
 };

package/dist/components/FileUpload/FileUpload.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+/** Localised file size ("12.3 kB", "1,5 Mo"), 1024-based as before. */
+export declare function formatFileSize(bytes: number, locale: string): string;
+export interface FileUploadRootProps extends React.HTMLAttributes<HTMLDivElement> {
+    accept?: string[];
+    maxFiles?: number;
+    onFilesChange?: (files: File[]) => void;
+}
+export declare const FileUpload: {
+    Root: React.ForwardRefExoticComponent<FileUploadRootProps & React.RefAttributes<HTMLDivElement>>;
+    Dropzone: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    List: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
+    Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLIElement> & {
+        index: number;
+    } & React.RefAttributes<HTMLLIElement>>;
+};

package/dist/{chunk-LR6KNEKL.js → components/FileUpload/FileUpload.js}

@@ -1,27 +1,20 @@
-'use client';
-import {
-  useLocale,
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/FileUpload/FileUpload.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Upload, X } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { useLocale, useNexubMessages } from "../NexubProvider/NexubProvider.js";
 function formatFileSize(bytes, locale) {
   const [value, unit] = bytes < 1024 ? [bytes, "byte"] : bytes < 1024 * 1024 ? [bytes / 1024, "kilobyte"] : [bytes / (1024 * 1024), "megabyte"];
   return new Intl.NumberFormat(locale, { style: "unit", unit, unitDisplay: "short", maximumFractionDigits: 1 }).format(value);
 }
-var FileUploadContext = React.createContext(null);
+const FileUploadContext = React.createContext(null);
 function useFileUpload() {
   const ctx = React.useContext(FileUploadContext);
   if (!ctx) throw new Error("FileUpload parts must be used inside FileUpload.Root");
   return ctx;
 }
-var Root = React.forwardRef(
+const Root = React.forwardRef(
   ({ className, accept, maxFiles, onFilesChange, children, ...props }, ref) => {
     const [files, setFiles] = React.useState([]);
     const [isDragging, setIsDragging] = React.useState(false);
@@ -53,7 +46,7 @@ var Root = React.forwardRef(
   }
 );
 Root.displayName = "FileUpload.Root";
-var Dropzone = React.forwardRef(
+const Dropzone = React.forwardRef(
   ({ className, children, ...props }, ref) => {
     const { accept, addFiles, isDragging, setIsDragging } = useFileUpload();
     const messages = useNexubMessages();
@@ -114,7 +107,7 @@ var Dropzone = React.forwardRef(
   }
 );
 Dropzone.displayName = "FileUpload.Dropzone";
-var List = React.forwardRef(
+const List = React.forwardRef(
   ({ className, ...props }, ref) => {
     const { files } = useFileUpload();
     if (files.length === 0) return null;
@@ -122,7 +115,7 @@ var List = React.forwardRef(
   }
 );
 List.displayName = "FileUpload.List";
-var Item = React.forwardRef(({ className, index, ...props }, ref) => {
+const Item = React.forwardRef(({ className, index, ...props }, ref) => {
   const { files, removeFile } = useFileUpload();
   const messages = useNexubMessages();
   const { locale } = useLocale();
@@ -156,8 +149,8 @@ var Item = React.forwardRef(({ className, index, ...props }, ref) => {
   );
 });
 Item.displayName = "FileUpload.Item";
-var FileUpload = { Root, Dropzone, List, Item };
-
+const FileUpload = { Root, Dropzone, List, Item };
 export {
-  FileUpload
+  FileUpload,
+  formatFileSize
 };

package/dist/components/FileUpload/index.d.ts

@@ -0,0 +1,2 @@
+export { FileUpload } from './FileUpload.js';
+export type { FileUploadRootProps } from './FileUpload.js';