@emara/ui 1.1.0

package/dist/components/ui/drawer.d.ts

@@ -0,0 +1,56 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { type VariantProps } from "class-variance-authority";
+declare const Drawer: import("react").FC<DialogPrimitive.DialogProps>;
+declare const DrawerTrigger: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: import("react").FC<DialogPrimitive.DialogPortalProps>;
+declare const DrawerClose: import("react").ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DrawerOverlay: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type DrawerPosition = "start" | "end" | "top" | "bottom";
+declare const drawerContentVariants: (props?: ({
+    position?: "start" | "end" | "bottom" | "top" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xs" | "xl" | "full" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type DrawerContentVariants = VariantProps<typeof drawerContentVariants>;
+type DrawerContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & DrawerContentVariants & {
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+    confirmBeforeClose?: boolean | (() => boolean | Promise<boolean>);
+    loading?: boolean;
+    scrollable?: boolean;
+    hideCloseButton?: boolean;
+    /**
+     * When `false`, the drawer can only be closed programmatically:
+     * - hides the close X
+     * - blocks overlay click
+     * - blocks Escape
+     */
+    dismissible?: boolean;
+};
+declare const DrawerContent: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & DrawerContentVariants & {
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+    confirmBeforeClose?: boolean | (() => boolean | Promise<boolean>);
+    loading?: boolean;
+    scrollable?: boolean;
+    hideCloseButton?: boolean;
+    /**
+     * When `false`, the drawer can only be closed programmatically:
+     * - hides the close X
+     * - blocks overlay click
+     * - blocks Escape
+     */
+    dismissible?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+declare const DrawerHeader: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DrawerTitle: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: import("react").ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+/**
+ * Scroll region between header and footer. Always flex-1; overflow behavior
+ * follows DrawerContent's `scrollable` flag (default true) — when false, the
+ * body sizes to its content and DrawerContent's own height controls overflow.
+ */
+declare const DrawerBody: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DrawerFooter: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export { Drawer, DrawerTrigger, DrawerPortal, DrawerOverlay, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, DrawerBody, DrawerFooter, DrawerClose, drawerContentVariants, };
+export type { DrawerContentProps, DrawerPosition };
+//# sourceMappingURL=drawer.d.ts.map

package/dist/components/ui/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../components/ui/drawer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAelE,QAAA,MAAM,MAAM,iDAAuB,CAAC;AACpC,QAAA,MAAM,aAAa,kIAA0B,CAAC;AAC9C,QAAA,MAAM,YAAY,uDAAyB,CAAC;AAC5C,QAAA,MAAM,WAAW,gIAAwB,CAAC;AAM1C,QAAA,MAAM,aAAa,4LAgBjB,CAAC;AAOH,KAAK,cAAc,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEzD,QAAA,MAAM,qBAAqB;;;8EAiE1B,CAAC;AAEF,KAAK,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAExE,KAAK,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GACtF,qBAAqB,GAAG;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEJ,QAAA,MAAM,aAAa;0BAfO,OAAO;oBACb,OAAO;yBACF,OAAO,GAAG,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;cACvD,OAAO;iBACJ,OAAO;sBACF,OAAO;IACzB;;;;;OAKG;kBACW,OAAO;kDAkGvB,CAAC;AAOH,QAAA,MAAM,YAAY,2IAMjB,CAAC;AAGF,QAAA,MAAM,WAAW,kMAWf,CAAC;AAGH,QAAA,MAAM,iBAAiB,4MAWrB,CAAC;AAGH;;;;GAIG;AACH,QAAA,MAAM,UAAU,2IAWf,CAAC;AAGF,QAAA,MAAM,YAAY,2IAajB,CAAC;AAGF,OAAO,EACL,MAAM,EACN,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,EACb,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,YAAY,EACZ,WAAW,EACX,qBAAqB,GACtB,CAAC;AACF,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/drawer.js

@@ -0,0 +1,147 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useMemo } from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { RiCloseLine } from "@remixicon/react";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+import { Skeleton } from "./skeleton";
+const DrawerContext = createContext({ scrollable: true });
+const useDrawerContext = () => useContext(DrawerContext);
+// Per docs/emara-ui-phase-3-components.md §2. Built on Radix Dialog (not Vaul)
+// so the slide animation, focus trap, and Esc handling stay consistent with
+// the rest of the system.
+const Drawer = DialogPrimitive.Root;
+const DrawerTrigger = DialogPrimitive.Trigger;
+const DrawerPortal = DialogPrimitive.Portal;
+const DrawerClose = DialogPrimitive.Close;
+// ----------------------------------------------------------------------------
+// DrawerOverlay — same as Dialog's overlay.
+// ----------------------------------------------------------------------------
+const DrawerOverlay = forwardRef(function DrawerOverlay({ className, ...props }, ref) {
+    return (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("z-modal bg-foreground/50 fixed inset-0", "data-[state=open]:animate-[fade-in_var(--duration-normal)_var(--ease-out)]", "data-[state=closed]:animate-[fade-out_var(--duration-fast)_var(--ease-in)]", className), ...props }));
+});
+DrawerOverlay.displayName = "DrawerOverlay";
+const drawerContentVariants = cva(["fixed z-modal flex flex-col bg-card text-card-foreground shadow-xl", "border-border"].join(" "), {
+    variants: {
+        position: {
+            // Logical sides — `start-0` is left in LTR, right in RTL.
+            start: "inset-y-0 start-0 h-full border-e " +
+                "data-[state=open]:animate-[slide-in-from-start_var(--duration-normal)_var(--ease-out)] " +
+                "data-[state=closed]:animate-[slide-in-from-start_var(--duration-fast)_var(--ease-in)_reverse]",
+            end: "inset-y-0 end-0 h-full border-s " +
+                "data-[state=open]:animate-[slide-in-from-end_var(--duration-normal)_var(--ease-out)] " +
+                "data-[state=closed]:animate-[slide-in-from-end_var(--duration-fast)_var(--ease-in)_reverse]",
+            top: "inset-x-0 top-0 w-full border-b " +
+                "data-[state=open]:animate-[slide-in-from-top_var(--duration-normal)_var(--ease-out)] " +
+                "data-[state=closed]:animate-[slide-in-from-top_var(--duration-fast)_var(--ease-in)_reverse]",
+            bottom: "inset-x-0 bottom-0 w-full border-t " +
+                "data-[state=open]:animate-[slide-in-from-bottom_var(--duration-normal)_var(--ease-out)] " +
+                "data-[state=closed]:animate-[slide-in-from-bottom_var(--duration-fast)_var(--ease-in)_reverse]",
+        },
+        size: {
+            xs: "",
+            sm: "",
+            md: "",
+            lg: "",
+            xl: "",
+            full: "",
+        },
+    },
+    compoundVariants: [
+        // Horizontal (start/end) — width scale (tokens in design-tokens §11b)
+        { position: "start", size: "xs", class: "w-drawer-xs" },
+        { position: "start", size: "sm", class: "w-drawer-sm" },
+        { position: "start", size: "md", class: "w-drawer-md" },
+        { position: "start", size: "lg", class: "w-drawer-lg" },
+        { position: "start", size: "xl", class: "w-drawer-xl" },
+        { position: "start", size: "full", class: "w-screen" },
+        { position: "end", size: "xs", class: "w-drawer-xs" },
+        { position: "end", size: "sm", class: "w-drawer-sm" },
+        { position: "end", size: "md", class: "w-drawer-md" },
+        { position: "end", size: "lg", class: "w-drawer-lg" },
+        { position: "end", size: "xl", class: "w-drawer-xl" },
+        { position: "end", size: "full", class: "w-screen" },
+        // Vertical (top/bottom) — height scale
+        { position: "top", size: "xs", class: "h-drawer-xs" },
+        { position: "top", size: "sm", class: "h-drawer-sm" },
+        { position: "top", size: "md", class: "h-drawer-md" },
+        { position: "top", size: "lg", class: "h-drawer-lg" },
+        { position: "top", size: "xl", class: "h-drawer-xl" },
+        { position: "top", size: "full", class: "h-screen" },
+        { position: "bottom", size: "xs", class: "h-drawer-xs" },
+        { position: "bottom", size: "sm", class: "h-drawer-sm" },
+        { position: "bottom", size: "md", class: "h-drawer-md" },
+        { position: "bottom", size: "lg", class: "h-drawer-lg" },
+        { position: "bottom", size: "xl", class: "h-drawer-xl" },
+        { position: "bottom", size: "full", class: "h-screen" },
+    ],
+    defaultVariants: {
+        position: "end",
+        size: "md",
+    },
+});
+const DrawerContent = forwardRef(function DrawerContent({ className, position, size, closeOnOverlayClick = true, closeOnEscape = true, confirmBeforeClose, loading = false, scrollable = true, hideCloseButton = false, dismissible = true, onPointerDownOutside, onEscapeKeyDown, onInteractOutside, children, ...props }, ref) {
+    const guardedClose = async (e) => {
+        if (!confirmBeforeClose)
+            return;
+        if (typeof confirmBeforeClose === "function") {
+            const ok = await confirmBeforeClose();
+            if (!ok)
+                e.preventDefault();
+            return;
+        }
+        const ok = window.confirm("Discard unsaved changes?");
+        if (!ok)
+            e.preventDefault();
+    };
+    const allowOverlayClose = dismissible && closeOnOverlayClick;
+    const allowEscape = dismissible && closeOnEscape;
+    const drawerCtx = useMemo(() => ({ scrollable }), [scrollable]);
+    return (_jsx(DrawerContext.Provider, { value: drawerCtx, children: _jsxs(DrawerPortal, { children: [_jsx(DrawerOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, onPointerDownOutside: (e) => {
+                        if (!allowOverlayClose)
+                            e.preventDefault();
+                        onPointerDownOutside?.(e);
+                    }, onEscapeKeyDown: (e) => {
+                        if (!allowEscape)
+                            e.preventDefault();
+                        onEscapeKeyDown?.(e);
+                    }, onInteractOutside: async (e) => {
+                        if (confirmBeforeClose && allowOverlayClose) {
+                            await guardedClose(e);
+                        }
+                        onInteractOutside?.(e);
+                    }, className: cn(drawerContentVariants({ position, size }), className), ...props, children: [loading ? (_jsxs("div", { className: "space-y-3 p-6", "aria-busy": "true", "aria-live": "polite", children: [_jsx(Skeleton, { className: "h-6 w-2/5" }), _jsx(Skeleton, { className: "h-4 w-3/5" }), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Skeleton, { className: "h-4 w-10/12" }), _jsx(Skeleton, { className: "h-4 w-4/5" })] })) : (children), dismissible && !hideCloseButton && !loading ? (_jsx(DialogPrimitive.Close, { "aria-label": "Close", className: cn("absolute end-3 top-3 inline-flex size-7 items-center justify-center rounded-md", "text-muted-foreground hover:bg-accent hover:text-accent-foreground", "focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none", "[&_svg]:size-4 [&_svg]:shrink-0"), children: _jsx(RiCloseLine, {}) })) : null] })] }) }));
+});
+DrawerContent.displayName = "DrawerContent";
+// ----------------------------------------------------------------------------
+// DrawerHeader / Title / Description / Body / Footer
+// ----------------------------------------------------------------------------
+const DrawerHeader = forwardRef(function DrawerHeader({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn("space-y-1.5 p-6 pe-12 text-start", className), ...props }));
+});
+DrawerHeader.displayName = "DrawerHeader";
+const DrawerTitle = forwardRef(function DrawerTitle({ className, ...props }, ref) {
+    return (_jsx(DialogPrimitive.Title, { ref: ref, className: cn("text-lg leading-snug font-semibold tracking-tight", className), ...props }));
+});
+DrawerTitle.displayName = "DrawerTitle";
+const DrawerDescription = forwardRef(function DrawerDescription({ className, ...props }, ref) {
+    return (_jsx(DialogPrimitive.Description, { ref: ref, className: cn("text-muted-foreground text-sm", className), ...props }));
+});
+DrawerDescription.displayName = "DrawerDescription";
+/**
+ * Scroll region between header and footer. Always flex-1; overflow behavior
+ * follows DrawerContent's `scrollable` flag (default true) — when false, the
+ * body sizes to its content and DrawerContent's own height controls overflow.
+ */
+const DrawerBody = forwardRef(function DrawerBody({ className, ...props }, ref) {
+    const { scrollable } = useDrawerContext();
+    return (_jsx("div", { ref: ref, className: cn("flex-1 px-6 pb-6", scrollable && "overflow-y-auto", className), ...props }));
+});
+DrawerBody.displayName = "DrawerBody";
+const DrawerFooter = forwardRef(function DrawerFooter({ className, ...props }, ref) {
+    return (_jsx("div", { ref: ref, className: cn("border-border flex flex-col-reverse items-stretch gap-2 border-t p-4 sm:flex-row sm:items-center sm:justify-end", className), ...props }));
+});
+DrawerFooter.displayName = "DrawerFooter";
+export { Drawer, DrawerTrigger, DrawerPortal, DrawerOverlay, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription, DrawerBody, DrawerFooter, DrawerClose, drawerContentVariants, };
+//# sourceMappingURL=drawer.js.map

package/dist/components/ui/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../components/ui/drawer.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,63 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { type VariantProps } from "class-variance-authority";
+declare const DropdownMenu: import("react").FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: import("react").FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: import("react").FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const dropdownContentVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type DropdownWidth = "fit" | "trigger" | "sm" | "md" | "lg" | number;
+type DropdownMenuContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & VariantProps<typeof dropdownContentVariants> & {
+    width?: DropdownWidth;
+};
+declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
+    width?: DropdownWidth;
+} & import("react").RefAttributes<HTMLDivElement>>;
+type DropdownMenuItemProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    variant?: "default" | "destructive";
+    icon?: React.ReactNode;
+    description?: React.ReactNode;
+    kbd?: string[];
+    loading?: boolean;
+    /**
+     * `true` keeps the menu open after selection (useful for filter-style menus
+     * that toggle multiple options). Default is `false` (menu closes).
+     */
+    inset?: boolean;
+};
+declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    variant?: "default" | "destructive";
+    icon?: React.ReactNode;
+    description?: React.ReactNode;
+    kbd?: string[];
+    loading?: boolean;
+    /**
+     * `true` keeps the menu open after selection (useful for filter-style menus
+     * that toggle multiple options). Default is `false` (menu closes).
+     */
+    inset?: boolean;
+} & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuCheckboxItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuRadioItem: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuLabel: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * DropdownMenuShortcut — display-only keyboard hint at the end of an item.
+ * Renders inline kbd-styled keys, separated by `+`. Stays LTR in RTL.
+ */
+declare function DropdownMenuShortcut({ keys, className }: {
+    keys: string[];
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare const DropdownMenuSubTrigger: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    icon?: React.ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuSubContent: import("react").ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, dropdownContentVariants, };
+export type { DropdownMenuContentProps, DropdownMenuItemProps };
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/ui/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../components/ui/dropdown-menu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAMlE,QAAA,MAAM,YAAY,6DAA6B,CAAC;AAChD,QAAA,MAAM,mBAAmB,8IAAgC,CAAC;AAC1D,QAAA,MAAM,iBAAiB,yIAA8B,CAAC;AACtD,QAAA,MAAM,kBAAkB,mEAA+B,CAAC;AACxD,QAAA,MAAM,eAAe,gEAA4B,CAAC;AAClD,QAAA,MAAM,sBAAsB,8IAAmC,CAAC;AAMhE,QAAA,MAAM,uBAAuB;;8EAe5B,CAAC;AAEF,KAAK,aAAa,GAAG,KAAK,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAgBrE,KAAK,wBAAwB,GAAG,KAAK,CAAC,wBAAwB,CAC5D,OAAO,qBAAqB,CAAC,OAAO,CACrC,GACC,YAAY,CAAC,OAAO,uBAAuB,CAAC,GAAG;IAC7C,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAEJ,QAAA,MAAM,mBAAmB;;;YAHb,aAAa;kDAkBvB,CAAC;AAmBH,KAAK,qBAAqB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,GAAG;IAC/F,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,gBAAgB;cAZV,SAAS,GAAG,aAAa;WAC5B,KAAK,CAAC,SAAS;kBACR,KAAK,CAAC,SAAS;UACvB,MAAM,EAAE;cACJ,OAAO;IACjB;;;OAGG;YACK,OAAO;kDA+Df,CAAC;AAOH,QAAA,MAAM,wBAAwB,6MAmB5B,CAAC;AAOH,QAAA,MAAM,qBAAqB,0MAmBzB,CAAC;AAOH,QAAA,MAAM,iBAAiB,sMAcrB,CAAC;AAGH,QAAA,MAAM,qBAAqB,0MAWzB,CAAC;AAGH;;;GAGG;AACH,iBAAS,oBAAoB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,MAAM,EAAE,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAmBxF;AAMD,QAAA,MAAM,sBAAsB;WAGjB,KAAK,CAAC,SAAS;kDAqBxB,CAAC;AAGH,QAAA,MAAM,sBAAsB,2MAgB1B,CAAC;AAGH,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,uBAAuB,GACxB,CAAC;AACF,YAAY,EAAE,wBAAwB,EAAE,qBAAqB,EAAE,CAAC"}

package/dist/components/ui/dropdown-menu.js

@@ -0,0 +1,116 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { RiArrowRightSLine, RiCheckLine, RiCircleFill, RiLoader2Line } from "@remixicon/react";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+// Per docs/emara-ui-phase-3-components.md §5.
+const DropdownMenu = DropdownMenuPrimitive.Root;
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+// ----------------------------------------------------------------------------
+// DropdownMenuContent + size/width variants
+// ----------------------------------------------------------------------------
+const dropdownContentVariants = cva([
+    "z-popover min-w-32 overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md",
+    "data-[state=open]:animate-[scale-in_var(--duration-fast)_var(--ease-out)]",
+    "data-[state=closed]:animate-[scale-out_var(--duration-fast)_var(--ease-in)]",
+].join(" "), {
+    variants: {
+        size: {
+            sm: "py-1 text-xs [&_[data-slot=item]]:py-1 [&_[data-slot=item]]:ps-7 [&_[data-slot=item]]:pe-2",
+            md: "py-1 text-sm [&_[data-slot=item]]:py-1.5 [&_[data-slot=item]]:ps-8 [&_[data-slot=item]]:pe-2",
+        },
+    },
+    defaultVariants: { size: "md" },
+});
+const WIDTH_PX = {
+    sm: 192,
+    md: 256,
+    lg: 320,
+};
+function resolveWidthStyle(width) {
+    if (width === undefined)
+        return undefined;
+    if (width === "fit")
+        return { width: "max-content" };
+    if (width === "trigger")
+        return { width: "var(--radix-dropdown-menu-trigger-width)" };
+    if (typeof width === "number")
+        return { width: width };
+    return { width: WIDTH_PX[width] };
+}
+const DropdownMenuContent = forwardRef(function DropdownMenuContent({ className, size, width, sideOffset = 4, style, ...props }, ref) {
+    return (_jsx(DropdownMenuPortal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, style: { ...resolveWidthStyle(width), ...style }, className: cn(dropdownContentVariants({ size }), className), ...props }) }));
+});
+DropdownMenuContent.displayName = "DropdownMenuContent";
+// ----------------------------------------------------------------------------
+// Shared item visuals
+// ----------------------------------------------------------------------------
+const itemBase = [
+    "relative flex cursor-pointer select-none items-start gap-2 rounded-sm py-1.5 ps-8 pe-2 text-sm outline-none",
+    "transition-colors",
+    "focus:bg-accent focus:text-accent-foreground",
+    "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+    "aria-busy:cursor-progress",
+].join(" ");
+const DropdownMenuItem = forwardRef(function DropdownMenuItem({ className, variant = "default", icon, description, kbd, loading = false, inset = false, children, onSelect, ...props }, ref) {
+    return (_jsxs(DropdownMenuPrimitive.Item, { ref: ref, "data-slot": "item", "aria-busy": loading || undefined, onSelect: (e) => {
+            if (loading) {
+                e.preventDefault();
+                return;
+            }
+            onSelect?.(e);
+        }, className: cn(itemBase, variant === "destructive" &&
+            "text-destructive focus:bg-destructive/10 focus:text-destructive", inset && "ps-2", className), ...props, children: [_jsx("span", { className: "absolute start-2 inline-flex h-4 w-4 items-center justify-center text-current", children: loading ? _jsx(RiLoader2Line, { className: "size-3.5 animate-spin" }) : (icon ?? null) }), _jsxs("span", { className: "flex flex-1 flex-col gap-0.5 leading-none", children: [_jsx("span", { children: children }), description ? _jsx("span", { className: "text-muted-foreground text-xs", children: description }) : null] }), kbd ? (_jsx("span", { className: "text-muted-foreground ms-auto inline-flex items-center gap-0.5 text-xs", children: kbd.map((k, i) => (_jsx("kbd", { className: "border-border bg-muted min-w-[1em] rounded border px-1 font-mono text-[10px] leading-tight", children: k }, `${k}-${i}`))) })) : null] }));
+});
+DropdownMenuItem.displayName = "DropdownMenuItem";
+// ----------------------------------------------------------------------------
+// DropdownMenuCheckboxItem
+// ----------------------------------------------------------------------------
+const DropdownMenuCheckboxItem = forwardRef(function DropdownMenuCheckboxItem({ className, children, ...props }, ref) {
+    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, "data-slot": "item", className: cn(itemBase, className), ...props, children: [_jsx("span", { className: "absolute start-2 inline-flex h-4 w-4 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(RiCheckLine, { className: "size-4" }) }) }), _jsx("span", { className: "flex-1", children: children })] }));
+});
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+// ----------------------------------------------------------------------------
+// DropdownMenuRadioItem
+// ----------------------------------------------------------------------------
+const DropdownMenuRadioItem = forwardRef(function DropdownMenuRadioItem({ className, children, ...props }, ref) {
+    return (_jsxs(DropdownMenuPrimitive.RadioItem, { ref: ref, "data-slot": "item", className: cn(itemBase, className), ...props, children: [_jsx("span", { className: "absolute start-2 inline-flex h-4 w-4 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(RiCircleFill, { className: "size-2 fill-current" }) }) }), _jsx("span", { className: "flex-1", children: children })] }));
+});
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+// ----------------------------------------------------------------------------
+// DropdownMenuLabel / Separator / Shortcut
+// ----------------------------------------------------------------------------
+const DropdownMenuLabel = forwardRef(function DropdownMenuLabel({ className, ...props }, ref) {
+    return (_jsx(DropdownMenuPrimitive.Label, { ref: ref, className: cn("text-muted-foreground px-2 py-1.5 text-xs font-semibold tracking-wide uppercase", className), ...props }));
+});
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+const DropdownMenuSeparator = forwardRef(function DropdownMenuSeparator({ className, ...props }, ref) {
+    return (_jsx(DropdownMenuPrimitive.Separator, { ref: ref, className: cn("bg-border -mx-1 my-1 h-px", className), ...props }));
+});
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+/**
+ * DropdownMenuShortcut — display-only keyboard hint at the end of an item.
+ * Renders inline kbd-styled keys, separated by `+`. Stays LTR in RTL.
+ */
+function DropdownMenuShortcut({ keys, className }) {
+    return (_jsx("span", { className: cn("text-muted-foreground ms-auto inline-flex items-center gap-0.5 text-xs", className), dir: "ltr", children: keys.map((k, i) => (_jsxs("span", { className: "inline-flex items-center gap-0.5", children: [i > 0 ? _jsx("span", { className: "opacity-70", children: "+" }) : null, _jsx("kbd", { className: "border-border bg-muted min-w-[1em] rounded border px-1 font-mono text-[10px] leading-tight", children: k })] }, `${k}-${i}`))) }));
+}
+// ----------------------------------------------------------------------------
+// DropdownMenuSubTrigger / DropdownMenuSubContent
+// ----------------------------------------------------------------------------
+const DropdownMenuSubTrigger = forwardRef(function DropdownMenuSubTrigger({ className, icon, children, ...props }, ref) {
+    return (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, "data-slot": "item", className: cn(itemBase, "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", className), ...props, children: [_jsx("span", { className: "absolute start-2 inline-flex h-4 w-4 items-center justify-center", children: icon ?? null }), _jsx("span", { className: "flex-1", children: children }), _jsx(RiArrowRightSLine, { className: "rtl-mirror ms-auto size-4", "aria-hidden": "true" })] }));
+});
+DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
+const DropdownMenuSubContent = forwardRef(function DropdownMenuSubContent({ className, ...props }, ref) {
+    return (_jsx(DropdownMenuPrimitive.SubContent, { ref: ref, className: cn("border-border bg-popover text-popover-foreground z-popover min-w-32 overflow-hidden rounded-md border py-1 text-sm shadow-md", "data-[state=open]:animate-[scale-in_var(--duration-fast)_var(--ease-out)]", "data-[state=closed]:animate-[scale-out_var(--duration-fast)_var(--ease-in)]", className), ...props }));
+});
+DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, dropdownContentVariants, };
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/components/ui/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../components/ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/empty-state.d.ts

@@ -0,0 +1,43 @@
+import { type VariantProps } from "class-variance-authority";
+declare const emptyStateVariants: (props?: ({
+    variant?: "default" | "compact" | "splash" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type EmptyStateRootVariants = VariantProps<typeof emptyStateVariants>;
+type EmptyStateProps = React.HTMLAttributes<HTMLDivElement> & EmptyStateRootVariants & {
+    asChild?: boolean;
+    /** Convenience: provided icon is rendered inside Illustration. */
+    icon?: React.ReactNode;
+    /** Convenience: provided string is rendered as the Title. */
+    title?: React.ReactNode;
+    /** Convenience: provided node is rendered as the Description. */
+    description?: React.ReactNode;
+    /** Convenience: provided node is rendered inside Actions. */
+    actions?: React.ReactNode;
+};
+declare const EmptyState: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & EmptyStateRootVariants & {
+    asChild?: boolean;
+    /** Convenience: provided icon is rendered inside Illustration. */
+    icon?: React.ReactNode;
+    /** Convenience: provided string is rendered as the Title. */
+    title?: React.ReactNode;
+    /** Convenience: provided node is rendered as the Description. */
+    description?: React.ReactNode;
+    /** Convenience: provided node is rendered inside Actions. */
+    actions?: React.ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+type EmptyStateIllustrationProps = React.HTMLAttributes<HTMLDivElement>;
+declare const EmptyStateIllustration: import("react").ForwardRefExoticComponent<EmptyStateIllustrationProps & import("react").RefAttributes<HTMLDivElement>>;
+type EmptyStateTitleProps = React.HTMLAttributes<HTMLHeadingElement> & {
+    as?: "h2" | "h3" | "h4" | "h5" | "h6";
+};
+declare const EmptyStateTitle: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLHeadingElement> & {
+    as?: "h2" | "h3" | "h4" | "h5" | "h6";
+} & import("react").RefAttributes<HTMLHeadingElement>>;
+type EmptyStateDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
+declare const EmptyStateDescription: import("react").ForwardRefExoticComponent<EmptyStateDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+type EmptyStateActionsProps = React.HTMLAttributes<HTMLDivElement>;
+declare const EmptyStateActions: import("react").ForwardRefExoticComponent<EmptyStateActionsProps & import("react").RefAttributes<HTMLDivElement>>;
+export { EmptyState, EmptyStateIllustration, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, emptyStateVariants, };
+export type { EmptyStateProps, EmptyStateIllustrationProps, EmptyStateTitleProps, EmptyStateDescriptionProps, EmptyStateActionsProps, };
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/components/ui/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../components/ui/empty-state.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAwBlE,QAAA,MAAM,kBAAkB;;;8EAyBtB,CAAC;AAEH,KAAK,sBAAsB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAEtE,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GACzD,sBAAsB,GAAG;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iEAAiE;IACjE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEJ,QAAA,MAAM,UAAU;cAXF,OAAO;IACjB,kEAAkE;WAC3D,KAAK,CAAC,SAAS;IACtB,6DAA6D;YACrD,KAAK,CAAC,SAAS;IACvB,iEAAiE;kBACnD,KAAK,CAAC,SAAS;IAC7B,6DAA6D;cACnD,KAAK,CAAC,SAAS;kDAoE3B,CAAC;AA8BH,KAAK,2BAA2B,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAExE,QAAA,MAAM,sBAAsB,wHAY3B,CAAC;AA0BF,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,GAAG;IACrE,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACvC,CAAC;AAEF,QAAA,MAAM,eAAe;SAHd,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;sDActC,CAAC;AAgBF,KAAK,0BAA0B,GAAG,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAE7E,QAAA,MAAM,qBAAqB,6HAW1B,CAAC;AAKF,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,QAAA,MAAM,iBAAiB,mHAetB,CAAC;AAGF,OAAO,EACL,UAAU,EACV,sBAAsB,EACtB,eAAe,EACf,qBAAqB,EACrB,iBAAiB,EACjB,kBAAkB,GACnB,CAAC;AACF,YAAY,EACV,eAAe,EACf,2BAA2B,EAC3B,oBAAoB,EACpB,0BAA0B,EAC1B,sBAAsB,GACvB,CAAC"}

package/dist/components/ui/empty-state.js

@@ -0,0 +1,128 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useMemo } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/utils";
+const EmptyStateContext = createContext(null);
+function useEmptyStateContext() {
+    const ctx = useContext(EmptyStateContext);
+    if (!ctx)
+        throw new Error("EmptyState subcomponents must be used inside <EmptyState>");
+    return ctx;
+}
+// --- Root ------------------------------------------------------------------
+const emptyStateVariants = cva("text-foreground", {
+    variants: {
+        variant: {
+            default: "flex w-full flex-col items-center text-center",
+            compact: "flex w-full items-start gap-3 text-start",
+            splash: "flex min-h-[60vh] w-full flex-col items-center justify-center text-center",
+        },
+        size: {
+            sm: "",
+            md: "",
+            lg: "",
+        },
+    },
+    compoundVariants: [
+        { variant: "default", size: "sm", class: "py-6 gap-2" },
+        { variant: "default", size: "md", class: "py-10 gap-3" },
+        { variant: "default", size: "lg", class: "py-16 gap-4" },
+        { variant: "compact", size: "sm", class: "p-3" },
+        { variant: "compact", size: "md", class: "p-4" },
+        { variant: "compact", size: "lg", class: "p-6" },
+        { variant: "splash", size: "sm", class: "gap-4" },
+        { variant: "splash", size: "md", class: "gap-6" },
+        { variant: "splash", size: "lg", class: "gap-8" },
+    ],
+    defaultVariants: { variant: "default", size: "md" },
+});
+const EmptyState = forwardRef(function EmptyState({ className, variant = "default", size = "md", asChild = false, icon, title, description, actions, children, ...props }, ref) {
+    const Comp = asChild ? Slot : "div";
+    const ctx = useMemo(() => ({ variant: variant ?? "default", size: size ?? "md" }), [variant, size]);
+    // When convenience props are used, render the composed structure
+    // automatically. Otherwise just render children.
+    const usingConvenience = icon !== undefined ||
+        title !== undefined ||
+        description !== undefined ||
+        actions !== undefined;
+    return (_jsx(EmptyStateContext.Provider, { value: ctx, children: _jsx(Comp, { ref: ref, role: "status", className: cn(emptyStateVariants({ variant, size }), className), ...props, children: usingConvenience ? (variant === "compact" ? (_jsxs(_Fragment, { children: [icon ? _jsx(EmptyStateIllustration, { children: icon }) : null, _jsxs("div", { className: "flex-1 min-w-0", children: [title ? _jsx(EmptyStateTitle, { children: title }) : null, description ? (_jsx(EmptyStateDescription, { children: description })) : null] }), actions ? _jsx(EmptyStateActions, { children: actions }) : null] })) : (_jsxs(_Fragment, { children: [icon ? _jsx(EmptyStateIllustration, { children: icon }) : null, title ? _jsx(EmptyStateTitle, { children: title }) : null, description ? (_jsx(EmptyStateDescription, { children: description })) : null, actions ? _jsx(EmptyStateActions, { children: actions }) : null] }))) : (children) }) }));
+});
+EmptyState.displayName = "EmptyState";
+// --- Illustration ----------------------------------------------------------
+const illustrationVariants = cva("text-muted-foreground [&_svg]:shrink-0", {
+    variants: {
+        variant: {
+            default: "[&_svg]:size-12",
+            compact: "[&_svg]:size-5 mt-0.5",
+            splash: "[&_svg]:size-20",
+        },
+        size: {
+            sm: "",
+            md: "",
+            lg: "",
+        },
+    },
+    compoundVariants: [
+        { variant: "default", size: "sm", class: "[&_svg]:size-10" },
+        { variant: "default", size: "lg", class: "[&_svg]:size-16" },
+        { variant: "splash", size: "sm", class: "[&_svg]:size-16" },
+        { variant: "splash", size: "lg", class: "[&_svg]:size-24" },
+    ],
+    defaultVariants: { variant: "default", size: "md" },
+});
+const EmptyStateIllustration = forwardRef(function EmptyStateIllustration({ className, ...props }, ref) {
+    const { variant, size } = useEmptyStateContext();
+    return (_jsx("div", { ref: ref, "aria-hidden": "true", className: cn(illustrationVariants({ variant, size }), className), ...props }));
+});
+EmptyStateIllustration.displayName = "EmptyStateIllustration";
+// --- Title ------------------------------------------------------------------
+const titleVariants = cva("font-semibold text-foreground", {
+    variants: {
+        variant: {
+            default: "",
+            compact: "",
+            splash: "",
+        },
+        size: {
+            sm: "text-sm",
+            md: "text-base",
+            lg: "text-lg",
+        },
+    },
+    compoundVariants: [
+        { variant: "splash", size: "sm", class: "text-lg" },
+        { variant: "splash", size: "md", class: "text-2xl" },
+        { variant: "splash", size: "lg", class: "text-3xl" },
+    ],
+    defaultVariants: { variant: "default", size: "md" },
+});
+const EmptyStateTitle = forwardRef(function EmptyStateTitle({ as: Heading = "h3", className, ...props }, ref) {
+    const { variant, size } = useEmptyStateContext();
+    return (_jsx(Heading, { ref: ref, className: cn(titleVariants({ variant, size }), className), ...props }));
+});
+EmptyStateTitle.displayName = "EmptyStateTitle";
+// --- Description ------------------------------------------------------------
+const descriptionVariants = cva("text-muted-foreground", {
+    variants: {
+        size: {
+            sm: "text-xs",
+            md: "text-sm",
+            lg: "text-base",
+        },
+    },
+    defaultVariants: { size: "md" },
+});
+const EmptyStateDescription = forwardRef(function EmptyStateDescription({ className, ...props }, ref) {
+    const { size } = useEmptyStateContext();
+    return (_jsx("p", { ref: ref, className: cn(descriptionVariants({ size }), "max-w-prose", className), ...props }));
+});
+EmptyStateDescription.displayName = "EmptyStateDescription";
+const EmptyStateActions = forwardRef(function EmptyStateActions({ className, ...props }, ref) {
+    const { variant } = useEmptyStateContext();
+    return (_jsx("div", { ref: ref, className: cn("flex flex-wrap items-center gap-2", variant === "compact" ? "ms-auto" : "justify-center mt-2", className), ...props }));
+});
+EmptyStateActions.displayName = "EmptyStateActions";
+export { EmptyState, EmptyStateIllustration, EmptyStateTitle, EmptyStateDescription, EmptyStateActions, emptyStateVariants, };
+//# sourceMappingURL=empty-state.js.map