@nexub/react 3.0.0 → 3.2.0

package/dist/components/DateRangePicker/index.js

@@ -1,12 +1,4 @@
-'use client';
-import {
-  DateRangePicker
-} from "../../chunk-YYAXXJH3.js";
-import "../../chunk-OY5CWWIM.js";
-import "../../chunk-5FWJXSXT.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { DateRangePicker } from "./DateRangePicker.js";
 export {
   DateRangePicker
 };

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import type { Size } from '../../utils/control.js';
+import { type SurfaceValue } from '../../utils/glass.js';
+interface ContentProps extends RadixDialog.DialogContentProps {
+    size?: Size | 'xl' | 'full';
+    surface?: SurfaceValue;
+}
+export declare const Dialog: {
+    Root: React.FC<RadixDialog.DialogProps>;
+    Trigger: React.ForwardRefExoticComponent<RadixDialog.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.FC<RadixDialog.DialogPortalProps>;
+    Overlay: React.ForwardRefExoticComponent<RadixDialog.DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<RadixDialog.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Title: React.ForwardRefExoticComponent<RadixDialog.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<RadixDialog.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+    Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+};
+export {};

package/dist/{chunk-CEFGILJY.js → components/Dialog/Dialog.js}

@@ -1,24 +1,15 @@
-'use client';
-import {
-  overlaySurface,
-  scrim
-} from "./chunk-5FWJXSXT.js";
-import {
-  glassSurfaceClass
-} from "./chunk-DEIBF3P7.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Dialog/Dialog.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixDialog from "@radix-ui/react-dialog";
-import { jsx } from "react/jsx-runtime";
-var Root2 = RadixDialog.Root;
-var Trigger2 = RadixDialog.Trigger;
-var Portal2 = RadixDialog.Portal;
-var Close2 = RadixDialog.Close;
-var Overlay2 = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { overlaySurface, scrim } from "../../utils/surface.js";
+import { glassSurfaceClass } from "../../utils/glass.js";
+const Root = RadixDialog.Root;
+const Trigger = RadixDialog.Trigger;
+const Portal = RadixDialog.Portal;
+const Close = RadixDialog.Close;
+const Overlay = React.forwardRef(
   function DialogOverlay({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixDialog.Overlay,
@@ -34,8 +25,8 @@ var Overlay2 = React.forwardRef(
     );
   }
 );
-Overlay2.displayName = "Dialog.Overlay";
-var Content2 = React.forwardRef(
+Overlay.displayName = "Dialog.Overlay";
+const Content = React.forwardRef(
   function DialogContent({ className, size = "md", surface = "solid", children, ...props }, ref) {
     const sizeMap = {
       sm: "max-w-sm",
@@ -65,8 +56,8 @@ var Content2 = React.forwardRef(
     );
   }
 );
-Content2.displayName = "Dialog.Content";
-var Title2 = React.forwardRef(
+Content.displayName = "Dialog.Content";
+const Title = React.forwardRef(
   function DialogTitle({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixDialog.Title,
@@ -78,8 +69,8 @@ var Title2 = React.forwardRef(
     );
   }
 );
-Title2.displayName = "Dialog.Title";
-var Description2 = React.forwardRef(
+Title.displayName = "Dialog.Title";
+const Description = React.forwardRef(
   function DialogDescription({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixDialog.Description,
@@ -91,32 +82,31 @@ var Description2 = React.forwardRef(
     );
   }
 );
-Description2.displayName = "Dialog.Description";
-var Header = React.forwardRef(
+Description.displayName = "Dialog.Description";
+const Header = React.forwardRef(
   function DialogHeader({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx("div", { ref, className: cn("mb-4 flex flex-col gap-1", className), ...props });
   }
 );
 Header.displayName = "Dialog.Header";
-var Footer = React.forwardRef(
+const Footer = React.forwardRef(
   function DialogFooter({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx("div", { ref, className: cn("mt-6 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
   }
 );
 Footer.displayName = "Dialog.Footer";
-var Dialog = {
-  Root: Root2,
-  Trigger: Trigger2,
-  Portal: Portal2,
-  Overlay: Overlay2,
-  Content: Content2,
-  Close: Close2,
-  Title: Title2,
-  Description: Description2,
+const Dialog = {
+  Root,
+  Trigger,
+  Portal,
+  Overlay,
+  Content,
+  Close,
+  Title,
+  Description,
   Header,
   Footer
 };
-
 export {
   Dialog
 };

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

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

package/dist/components/Dialog/index.js

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

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

@@ -0,0 +1,94 @@
+import * as React from 'react';
+import type * as DialogPrimitive from '@radix-ui/react-dialog';
+import { type SurfaceValue } from '../../utils/glass.js';
+export interface DrawerRootProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    /** Opened by default, skips the initial enter animation. Still reacts to `open` changes. */
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Gets triggered after the open or close animation ends. */
+    onAnimationEnd?: (open: boolean) => void;
+    onClose?: () => void;
+    /** Edge the drawer slides in from. Match it to `Content`'s `side`. @default 'bottom' */
+    direction?: 'top' | 'bottom' | 'left' | 'right';
+    /** When `false`, the page behind stays interactive and nothing is locked or trapped. @default true */
+    modal?: boolean;
+    /**
+     * How page scroll is locked while the drawer is open (modal only).
+     * - `'style'` (default): Radix's scroll lock. It injects a `<style>` tag, which a strict
+     *   `style-src` CSP blocks.
+     * - `'class'`: adds the `nexub-scroll-lock` class from `@nexub/themes/base` to `<html>`.
+     *   Injects nothing, so it works under `style-src 'self'`. Focus trap, Escape and
+     *   outside-click dismissal are unchanged.
+     * @default 'style'
+     */
+    scrollLock?: 'style' | 'class';
+    /** When `false`, dragging, outside clicks and Escape don't close the drawer. @default true */
+    dismissible?: boolean;
+    /** Only the `Drawer.Handle` starts a drag. @default false */
+    handleOnly?: boolean;
+    /** Fraction (0–1) of the drawer that must be dragged away to close it. @default 0.25 */
+    closeThreshold?: number;
+    /** Snap points, as fractions of the screen (e.g. `[0.4, 1]`) or px strings. */
+    snapPoints?: (number | string)[];
+    activeSnapPoint?: number | string | null;
+    setActiveSnapPoint?: (snapPoint: number | string | null) => void;
+    /** Index of the snap point from which the overlay fades. Defaults to the last one. */
+    fadeFromIndex?: number;
+    /** Don't skip snap points on fast swipes. @default false */
+    snapToSequentialPoint?: boolean;
+    /** ms during which the drawer can't be dragged after its content scrolls. @default 500 */
+    scrollLockTimeout?: number;
+    onDrag?: (event: React.PointerEvent<HTMLDivElement>, percentageDragged: number) => void;
+    onRelease?: (event: React.PointerEvent<HTMLDivElement>, open: boolean) => void;
+    shouldScaleBackground?: boolean;
+    /** @default true */
+    setBackgroundColorOnScale?: boolean;
+    /** When `true`, vaul sets no styles on `body`. */
+    noBodyStyles?: boolean;
+    /** Only resize (don't move) the drawer when the on-screen keyboard opens. */
+    fixed?: boolean;
+    nested?: boolean;
+    disablePreventScroll?: boolean;
+    preventScrollRestoration?: boolean;
+    /** Reposition inputs instead of scrolling them into view when the keyboard opens. */
+    repositionInputs?: boolean;
+    container?: HTMLElement | null;
+    autoFocus?: boolean;
+}
+declare function Root({ scrollLock, onOpenChange, ...props }: DrawerRootProps): React.JSX.Element;
+declare namespace Root {
+    var displayName: string;
+}
+export declare const Drawer: {
+    Root: typeof Root;
+    Trigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Portal: (props: DialogPrimitive.DialogPortalProps) => React.JSX.Element;
+    Overlay: React.ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & {
+        side?: "left" | "right" | "top" | "bottom";
+        surface?: SurfaceValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+    Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+};
+export declare const Sheet: {
+    Root: typeof Root;
+    Trigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Portal: (props: DialogPrimitive.DialogPortalProps) => React.JSX.Element;
+    Overlay: React.ForwardRefExoticComponent<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & {
+        side?: "left" | "right" | "top" | "bottom";
+        surface?: SurfaceValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Close: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+    Title: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+    Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+};
+export {};

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>>;
+};