@kala-ui/react 0.0.1-beta.1

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

@@ -0,0 +1,53 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { dropdownMenuStyles } from "../../config/dropdown-menu";
+import { cn } from "../../lib/utils";
+function DropdownMenu({ ...props }) {
+    return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal({ ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props }));
+}
+function DropdownMenuTrigger({ ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props }));
+}
+function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-menu-content", sideOffset: sideOffset, className: cn(dropdownMenuStyles.content, className), ...props }) }));
+}
+function DropdownMenuGroup({ ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props }));
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn(dropdownMenuStyles.item.base, inset && dropdownMenuStyles.item.inset, variant === "destructive" && dropdownMenuStyles.item.destructive, className), ...props }));
+}
+function DropdownMenuCheckboxItem({ className, children, ...props }) {
+    return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", className: cn(dropdownMenuStyles.checkboxItem, className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-4 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Check, { className: "size-4 text-primary" }) }) }), children] }));
+}
+function DropdownMenuRadioGroup({ ...props }) {
+    return (_jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props }));
+}
+function DropdownMenuRadioItem({ className, children, ...props }) {
+    return (_jsxs(DropdownMenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: cn(dropdownMenuStyles.radioItem, className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-4 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Circle, { className: "size-2 fill-primary text-primary" }) }) }), children] }));
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn(dropdownMenuStyles.label, inset && dropdownMenuStyles.labelInset, className), ...props }));
+}
+function DropdownMenuSeparator({ className, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn(dropdownMenuStyles.separator, className), ...props }));
+}
+function DropdownMenuShortcut({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "dropdown-menu-shortcut", className: cn(dropdownMenuStyles.shortcut, className), ...props }));
+}
+function DropdownMenuSub({ ...props }) {
+    return _jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+    return (_jsxs(DropdownMenuPrimitive.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn("flex cursor-pointer select-none items-center gap-2 rounded-sm px-3 py-2 text-sm outline-none transition-colors", "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", "data-[inset]:pl-8", '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4', '[&_svg:not([class*="text-"])]:text-muted-foreground', className), ...props, children: [children, _jsx(ChevronRight, { className: "ml-auto size-4" })] }));
+}
+function DropdownMenuSubContent({ className, ...props }) {
+    return (_jsx(DropdownMenuPrimitive.SubContent, { "data-slot": "dropdown-menu-sub-content", className: cn("z-30 min-w-[10rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden", "rounded-md border bg-popover p-1 text-popover-foreground theme-dropdown", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }));
+}
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
+//# sourceMappingURL=dropdown-menu.js.map

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

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

package/dist/src/components/dropdown-menu/dropdown-menu.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from "@storybook/react";
+import { DropdownMenu } from "./dropdown-menu";
+declare const meta: {
+    title: string;
+    component: typeof DropdownMenu;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CompleteExample: Story;
+export declare const BasicExample: Story;
+export declare const WithCheckboxes: Story;
+export declare const WithRadioGroup: Story;
+export declare const WithHeadersAndStates: Story;
+export declare const DifferentTriggers: Story;
+//# sourceMappingURL=dropdown-menu.stories.d.ts.map

package/dist/src/components/dropdown-menu/dropdown-menu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAmBvD,OAAO,EACN,YAAY,EAeZ,MAAM,iBAAiB,CAAC;AAEzB,QAAA,MAAM,IAAI;;;;;;;CAO2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,eAAe,EAAE,KAwF7B,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAqC5B,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAsB5B,CAAC;AAGF,eAAO,MAAM,oBAAoB,EAAE,KA2ClC,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAoD/B,CAAC"}

package/dist/src/components/dropdown-menu/dropdown-menu.stories.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Cloud, CreditCard, Github, Keyboard, LifeBuoy, LogOut, Mail, MessageSquare, Plus, PlusCircle, Settings, User, UserPlus, Users, } from "lucide-react";
+import { useState } from "react";
+import { Button } from "../button";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./dropdown-menu";
+const meta = {
+    title: "Overlay/DropdownMenu",
+    component: DropdownMenu,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+// Complete Example with All Features
+export const CompleteExample = {
+    render: () => (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Open Menu" }) }), _jsxs(DropdownMenuContent, { className: "w-56", align: "start", children: [_jsx(DropdownMenuLabel, { children: "My Account" }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuGroup, { children: [_jsxs(DropdownMenuItem, { children: [_jsx(User, { className: "mr-2" }), "Profile", _jsx(DropdownMenuShortcut, { children: "\u21E7\u2318P" })] }), _jsxs(DropdownMenuItem, { children: [_jsx(CreditCard, { className: "mr-2" }), "Billing", _jsx(DropdownMenuShortcut, { children: "\u2318B" })] }), _jsxs(DropdownMenuItem, { children: [_jsx(Settings, { className: "mr-2" }), "Settings", _jsx(DropdownMenuShortcut, { children: "\u2318S" })] }), _jsxs(DropdownMenuItem, { children: [_jsx(Keyboard, { className: "mr-2" }), "Keyboard shortcuts", _jsx(DropdownMenuShortcut, { children: "\u2318K" })] })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuGroup, { children: [_jsxs(DropdownMenuItem, { children: [_jsx(Users, { className: "mr-2" }), "Team"] }), _jsxs(DropdownMenuSub, { children: [_jsxs(DropdownMenuSubTrigger, { children: [_jsx(UserPlus, { className: "mr-2" }), "Invite users"] }), _jsx(DropdownMenuPortal, { children: _jsxs(DropdownMenuSubContent, { children: [_jsxs(DropdownMenuItem, { children: [_jsx(Mail, { className: "mr-2" }), "Email"] }), _jsxs(DropdownMenuItem, { children: [_jsx(MessageSquare, { className: "mr-2" }), "Message"] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { children: [_jsx(PlusCircle, { className: "mr-2" }), "More..."] })] }) })] }), _jsxs(DropdownMenuItem, { children: [_jsx(Plus, { className: "mr-2" }), "New Team", _jsx(DropdownMenuShortcut, { children: "\u2318+T" })] })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { children: [_jsx(Github, { className: "mr-2" }), "GitHub"] }), _jsxs(DropdownMenuItem, { children: [_jsx(LifeBuoy, { className: "mr-2" }), "Support"] }), _jsxs(DropdownMenuItem, { disabled: true, children: [_jsx(Cloud, { className: "mr-2" }), "API"] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", children: [_jsx(LogOut, { className: "mr-2" }), "Log out", _jsx(DropdownMenuShortcut, { children: "\u21E7\u2318Q" })] })] })] })),
+};
+// Basic Example (Dashforge style)
+export const BasicExample = {
+    render: () => (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Dropdown Menu" }) }), _jsxs(DropdownMenuContent, { children: [_jsx(DropdownMenuItem, { children: "Action" }), _jsx(DropdownMenuItem, { children: "Another action" }), _jsx(DropdownMenuItem, { children: "Something else here" })] })] })),
+};
+// With Checkboxes
+export const WithCheckboxes = {
+    render: function CheckboxExample() {
+        const [showStatusBar, setShowStatusBar] = useState(true);
+        const [showActivityBar, setShowActivityBar] = useState(false);
+        const [showPanel, setShowPanel] = useState(false);
+        return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "View Options" }) }), _jsxs(DropdownMenuContent, { className: "w-56", children: [_jsx(DropdownMenuLabel, { children: "Appearance" }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuCheckboxItem, { checked: showStatusBar, onCheckedChange: setShowStatusBar, children: "Status Bar" }), _jsx(DropdownMenuCheckboxItem, { checked: showActivityBar, onCheckedChange: setShowActivityBar, disabled: true, children: "Activity Bar" }), _jsx(DropdownMenuCheckboxItem, { checked: showPanel, onCheckedChange: setShowPanel, children: "Panel" })] })] }));
+    },
+};
+// With Radio Group
+export const WithRadioGroup = {
+    render: function RadioExample() {
+        const [position, setPosition] = useState("bottom");
+        return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Panel Position" }) }), _jsxs(DropdownMenuContent, { className: "w-56", children: [_jsx(DropdownMenuLabel, { children: "Panel Position" }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuRadioGroup, { value: position, onValueChange: setPosition, children: [_jsx(DropdownMenuRadioItem, { value: "top", children: "Top" }), _jsx(DropdownMenuRadioItem, { value: "bottom", children: "Bottom" }), _jsx(DropdownMenuRadioItem, { value: "right", children: "Right" }), _jsx(DropdownMenuRadioItem, { value: "left", children: "Left" })] })] })] }));
+    },
+};
+// With Headers and States (Dashforge style)
+export const WithHeadersAndStates = {
+    render: () => (_jsxs("div", { className: "flex gap-4", children: [_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "With Header" }) }), _jsxs(DropdownMenuContent, { children: [_jsx(DropdownMenuLabel, { children: "DROPDOWN HEADER" }), _jsx(DropdownMenuItem, { children: "Action" }), _jsx(DropdownMenuItem, { children: "Another action" }), _jsx(DropdownMenuItem, { children: "Something else here" })] })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "With Divider" }) }), _jsxs(DropdownMenuContent, { children: [_jsx(DropdownMenuLabel, { children: "DROPDOWN HEADER" }), _jsx(DropdownMenuItem, { children: "Action" }), _jsx(DropdownMenuItem, { children: "Another action" }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { children: "Separated link" })] })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "With States" }) }), _jsxs(DropdownMenuContent, { children: [_jsx(DropdownMenuItem, { children: "Active item" }), _jsx(DropdownMenuItem, { disabled: true, children: "Disabled item" }), _jsx(DropdownMenuItem, { children: "Another action" })] })] })] })),
+};
+// Button Variants
+export const DifferentTriggers = {
+    render: () => (_jsxs("div", { className: "flex flex-wrap gap-4", children: [_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "primary", children: "Primary" }) }), _jsxs(DropdownMenuContent, { children: [_jsx(DropdownMenuItem, { children: "Profile" }), _jsx(DropdownMenuItem, { children: "Settings" }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { children: "Logout" })] })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "success", children: "Success" }) }), _jsxs(DropdownMenuContent, { children: [_jsx(DropdownMenuItem, { children: "Save" }), _jsx(DropdownMenuItem, { children: "Save as..." }), _jsx(DropdownMenuItem, { children: "Save all" })] })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "danger", children: "Danger" }) }), _jsxs(DropdownMenuContent, { children: [_jsx(DropdownMenuItem, { children: "Delete" }), _jsx(DropdownMenuItem, { children: "Remove" }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { variant: "destructive", children: "Delete permanently" })] })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "Outline" }) }), _jsxs(DropdownMenuContent, { children: [_jsx(DropdownMenuItem, { children: "Edit" }), _jsx(DropdownMenuItem, { children: "Duplicate" }), _jsx(DropdownMenuItem, { children: "Archive" })] })] })] })),
+};
+//# sourceMappingURL=dropdown-menu.stories.js.map

package/dist/src/components/dropdown-menu/dropdown-menu.stories.js.map

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

package/dist/src/components/dropdown-menu/dropdown-menu.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dropdown-menu.test.d.ts.map

package/dist/src/components/dropdown-menu/dropdown-menu.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.test.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/dropdown-menu.test.tsx"],"names":[],"mappings":""}

package/dist/src/components/dropdown-menu/dropdown-menu.test.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it } from "vitest";
+import { Button } from "../button";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "./dropdown-menu";
+describe("DropdownMenu", () => {
+    it("should render dropdown menu trigger", () => {
+        render(_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { children: "Open Menu" }), _jsx(DropdownMenuContent, { children: _jsx(DropdownMenuItem, { children: "Item 1" }) })] }));
+        expect(screen.getByText("Open Menu")).toBeInTheDocument();
+    });
+    it("should open dropdown menu when trigger is clicked", async () => {
+        const user = userEvent.setup();
+        render(_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { children: "Open Menu" }) }), _jsxs(DropdownMenuContent, { children: [_jsx(DropdownMenuItem, { children: "Item 1" }), _jsx(DropdownMenuItem, { children: "Item 2" })] })] }));
+        await user.click(screen.getByText("Open Menu"));
+        expect(screen.getByText("Item 1")).toBeInTheDocument();
+        expect(screen.getByText("Item 2")).toBeInTheDocument();
+    });
+    it("should render menu label", async () => {
+        const user = userEvent.setup();
+        render(_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { children: "Open Menu" }), _jsxs(DropdownMenuContent, { children: [_jsx(DropdownMenuLabel, { children: "My Account" }), _jsx(DropdownMenuItem, { children: "Profile" })] })] }));
+        await user.click(screen.getByText("Open Menu"));
+        expect(screen.getByText("My Account")).toBeInTheDocument();
+    });
+    it("should render menu separator", async () => {
+        const user = userEvent.setup();
+        render(_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { children: "Open Menu" }), _jsxs(DropdownMenuContent, { children: [_jsx(DropdownMenuItem, { children: "Item 1" }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { children: "Item 2" })] })] }));
+        await user.click(screen.getByText("Open Menu"));
+        // DropdownMenu renders in portal, query document.body
+        const separator = document.body.querySelector('[data-slot="dropdown-menu-separator"]');
+        expect(separator).toBeInTheDocument();
+    });
+    it("should render checkbox items", async () => {
+        const user = userEvent.setup();
+        render(_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { children: "Open Menu" }), _jsx(DropdownMenuContent, { children: _jsx(DropdownMenuCheckboxItem, { checked: true, children: "Show Toolbar" }) })] }));
+        await user.click(screen.getByText("Open Menu"));
+        expect(screen.getByText("Show Toolbar")).toBeInTheDocument();
+    });
+    it("should render radio group items", async () => {
+        const user = userEvent.setup();
+        render(_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { children: "Open Menu" }), _jsx(DropdownMenuContent, { children: _jsxs(DropdownMenuRadioGroup, { value: "top", children: [_jsx(DropdownMenuRadioItem, { value: "top", children: "Top" }), _jsx(DropdownMenuRadioItem, { value: "bottom", children: "Bottom" })] }) })] }));
+        await user.click(screen.getByText("Open Menu"));
+        expect(screen.getByText("Top")).toBeInTheDocument();
+        expect(screen.getByText("Bottom")).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=dropdown-menu.test.js.map

package/dist/src/components/dropdown-menu/dropdown-menu.test.js.map

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

package/dist/src/components/dropdown-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./dropdown-menu";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/dropdown-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,GACnB,MAAM,iBAAiB,CAAC"}

package/dist/src/components/dropdown-menu/index.js

@@ -0,0 +1,2 @@
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./dropdown-menu";
+//# sourceMappingURL=index.js.map

package/dist/src/components/dropdown-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,GACnB,MAAM,iBAAiB,CAAC"}

package/dist/src/components/empty-state/empty-state-skeleton.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Empty State Skeleton Component
+ *
+ * Loading placeholder for the Empty State component.
+ * Provides zero-CLS skeleton state that matches actual empty state layout.
+ */
+import type { EmptyStateSkeletonConfig } from "../skeleton/skeleton.types";
+export interface EmptyStateSkeletonProps extends EmptyStateSkeletonConfig {
+    /**
+     * Additional className for the skeleton container
+     */
+    className?: string;
+    /**
+     * Test ID for querying the element
+     */
+    "data-testid"?: string;
+}
+/**
+ * Empty State skeleton component
+ *
+ * @example
+ * ```tsx
+ * <EmptyStateSkeleton />
+ *
+ * <EmptyStateSkeleton showAction={true} />
+ * ```
+ */
+export declare function EmptyStateSkeleton({ showIcon, showAction, className, "data-testid": dataTestId, }: EmptyStateSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace EmptyStateSkeleton {
+    var Skeleton: typeof EmptyStateSkeleton;
+}
+//# sourceMappingURL=empty-state-skeleton.d.ts.map

package/dist/src/components/empty-state/empty-state-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/empty-state/empty-state-skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAE3E,MAAM,WAAW,uBAAwB,SAAQ,wBAAwB;IACxE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,kBAAkB,CAAC,EAClC,QAAe,EACf,UAAkB,EAClB,SAAS,EACT,aAAa,EAAE,UAAU,GACzB,EAAE,uBAAuB,2CA0BzB;yBA/Be,kBAAkB"}

package/dist/src/components/empty-state/empty-state-skeleton.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Empty State Skeleton Component
+ *
+ * Loading placeholder for the Empty State component.
+ * Provides zero-CLS skeleton state that matches actual empty state layout.
+ */
+import { cn } from "../../lib/utils";
+import { Skeleton } from "../skeleton/skeleton";
+import { SkeletonCircle } from "../skeleton/skeleton-patterns";
+import { SkeletonButton } from "../skeleton/skeleton-patterns";
+/**
+ * Empty State skeleton component
+ *
+ * @example
+ * ```tsx
+ * <EmptyStateSkeleton />
+ *
+ * <EmptyStateSkeleton showAction={true} />
+ * ```
+ */
+export function EmptyStateSkeleton({ showIcon = true, showAction = false, className, "data-testid": dataTestId, }) {
+    return (_jsxs("div", { "data-testid": dataTestId || "empty-state-skeleton", className: cn("flex flex-col items-center justify-center rounded-lg border p-8 text-center", className), children: [showIcon && (_jsx("div", { className: "flex h-20 w-20 items-center justify-center rounded-full bg-muted", children: _jsx(SkeletonCircle, { size: "2.5rem" }) })), _jsx(Skeleton, { className: "mt-4 h-6 w-48" }), _jsx(Skeleton, { className: "mb-4 mt-2 h-4 max-w-sm" }), showAction && _jsx(SkeletonButton, { width: "8rem" })] }));
+}
+/**
+ * Compound component: EmptyState.Skeleton
+ */
+EmptyStateSkeleton.Skeleton = EmptyStateSkeleton;
+//# sourceMappingURL=empty-state-skeleton.js.map

package/dist/src/components/empty-state/empty-state-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state-skeleton.js","sourceRoot":"","sources":["../../../../src/components/empty-state/empty-state-skeleton.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAc/D;;;;;;;;;GASG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAClC,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,aAAa,EAAE,UAAU,GACA;IACzB,OAAO,CACN,8BACc,UAAU,IAAI,sBAAsB,EACjD,SAAS,EAAE,EAAE,CACZ,6EAA6E,EAC7E,SAAS,CACT,aAGA,QAAQ,IAAI,CACZ,cAAK,SAAS,EAAC,kEAAkE,YAChF,KAAC,cAAc,IAAC,IAAI,EAAC,QAAQ,GAAG,GAC3B,CACN,EAGD,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,EAGtC,KAAC,QAAQ,IAAC,SAAS,EAAC,wBAAwB,GAAG,EAG9C,UAAU,IAAI,KAAC,cAAc,IAAC,KAAK,EAAC,MAAM,GAAG,IACzC,CACN,CAAC;AACH,CAAC;AAED;;GAEG;AACH,kBAAkB,CAAC,QAAQ,GAAG,kBAAkB,CAAC"}

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

@@ -0,0 +1,25 @@
+import { type VariantProps } from "class-variance-authority";
+import { type LucideIcon } from "lucide-react";
+import type * as React from "react";
+import { Button } from "../button";
+import type { EmptyStateSkeletonConfig } from "../skeleton/skeleton.types";
+declare const emptyStateVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {
+    icon?: LucideIcon | string;
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+        variant?: React.ComponentProps<typeof Button>["variant"];
+    };
+    isLoading?: boolean;
+    skeletonConfig?: EmptyStateSkeletonConfig;
+    skeleton?: React.ReactNode;
+}
+declare function EmptyState({ className, variant, size, icon, title, description, action, children, isLoading, skeletonConfig, skeleton, ...props }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
+export { EmptyState, emptyStateVariants };
+//# sourceMappingURL=empty-state.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../src/components/empty-state/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACtD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAE3E,QAAA,MAAM,kBAAkB;;;8EAmBvB,CAAC;AAEF,MAAM,WAAW,eAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC3C,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACxC,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;KACzD,CAAC;IACF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,iBAAS,UAAU,CAAC,EACnB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,SAAiB,EACjB,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,eAAe,2CA2DjB;AAED,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Inbox } from "lucide-react";
+import { cn } from "../../lib/utils";
+import { Button } from "../button";
+import { EmptyStateSkeleton } from "./empty-state-skeleton";
+const emptyStateVariants = cva("flex flex-col items-center justify-center rounded-lg border p-8 text-center animate-in fade-in-50", {
+    variants: {
+        variant: {
+            default: "border-dashed bg-muted/20",
+            destructive: "border-destructive/20 bg-destructive/10",
+        },
+        size: {
+            default: "min-h-[300px]",
+            sm: "min-h-[150px] p-4",
+            lg: "min-h-[500px]",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+function EmptyState({ className, variant, size, icon, title, description, action, children, isLoading = false, skeletonConfig, skeleton, ...props }) {
+    if (isLoading) {
+        if (skeleton) {
+            return (_jsx("div", { "data-comp": "empty-state", className: cn(emptyStateVariants({ variant, size }), className), ...props, children: skeleton }));
+        }
+        return (_jsx(EmptyStateSkeleton, { className: cn(emptyStateVariants({ variant, size }), className), ...skeletonConfig }));
+    }
+    const resolvedIcon = icon ?? Inbox;
+    const IconComponent = typeof resolvedIcon === "string" ? null : resolvedIcon;
+    return (_jsxs("div", { "data-comp": "empty-state", className: cn(emptyStateVariants({ variant, size }), className), ...props, children: [_jsx("div", { className: "flex h-20 w-20 items-center justify-center rounded-full bg-muted", "aria-hidden": "true", children: typeof resolvedIcon === "string" ? (_jsx("span", { className: cn("inline-block h-10 w-10 text-muted-foreground", resolvedIcon) })) : IconComponent ? (_jsx(IconComponent, { className: "h-10 w-10 text-muted-foreground" })) : null }), _jsx("h3", { className: "mt-4 text-lg font-semibold text-foreground", children: title }), description && (_jsx("p", { className: "mb-4 mt-2 max-w-sm text-center text-sm text-muted-foreground", children: description })), action && (_jsx(Button, { onClick: action.onClick, variant: action.variant || "default", children: action.label })), children] }));
+}
+export { EmptyState, emptyStateVariants };
+//# sourceMappingURL=empty-state.js.map

package/dist/src/components/empty-state/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.js","sourceRoot":"","sources":["../../../../src/components/empty-state/empty-state.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAmB,MAAM,cAAc,CAAC;AAEtD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,MAAM,kBAAkB,GAAG,GAAG,CAC7B,mGAAmG,EACnG;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,2BAA2B;YACpC,WAAW,EAAE,yCAAyC;SACtD;QACD,IAAI,EAAE;YACL,OAAO,EAAE,eAAe;YACxB,EAAE,EAAE,mBAAmB;YACvB,EAAE,EAAE,eAAe;SACnB;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KACf;CACD,CACD,CAAC;AAkBF,SAAS,UAAU,CAAC,EACnB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACS;IACjB,IAAI,SAAS,EAAE,CAAC;QACf,IAAI,QAAQ,EAAE,CAAC;YACd,OAAO,CACN,2BACW,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC3D,KAAK,YAER,QAAQ,GACJ,CACN,CAAC;QACH,CAAC;QACD,OAAO,CACN,KAAC,kBAAkB,IAClB,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC3D,cAAc,GACjB,CACF,CAAC;IACH,CAAC;IAED,MAAM,YAAY,GAAG,IAAI,IAAI,KAAK,CAAC;IACnC,MAAM,aAAa,GAAG,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC;IAE7E,OAAO,CACN,4BACW,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC3D,KAAK,aAET,cACC,SAAS,EAAC,kEAAkE,iBAChE,MAAM,YAEjB,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,CACnC,eACC,SAAS,EAAE,EAAE,CACZ,8CAA8C,EAC9C,YAAY,CACZ,GACA,CACF,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CACnB,KAAC,aAAa,IAAC,SAAS,EAAC,iCAAiC,GAAG,CAC7D,CAAC,CAAC,CAAC,IAAI,GACH,EACN,aAAI,SAAS,EAAC,4CAA4C,YAAE,KAAK,GAAM,EACtE,WAAW,IAAI,CACf,YAAG,SAAS,EAAC,8DAA8D,YACzE,WAAW,GACT,CACJ,EACA,MAAM,IAAI,CACV,KAAC,MAAM,IAAC,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,IAAI,SAAS,YACnE,MAAM,CAAC,KAAK,GACL,CACT,EACA,QAAQ,IACJ,CACN,CAAC;AACH,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/src/components/empty-state/empty-state.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from "@storybook/react";
+import { EmptyState } from "./empty-state";
+declare const meta: {
+    title: string;
+    component: typeof EmptyState;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Basic: Story;
+export declare const WithAction: Story;
+export declare const Showcase: Story;
+//# sourceMappingURL=empty-state.stories.d.ts.map

package/dist/src/components/empty-state/empty-state.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/empty-state/empty-state.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,IAAI;;;;;;;CAOyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAgDtB,CAAC"}

package/dist/src/components/empty-state/empty-state.stories.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Activity, Database, FolderOpen, Key, Lock, Search, Users, } from "lucide-react";
+import { EmptyState } from "./empty-state";
+const meta = {
+    title: "Application/EmptyState",
+    component: EmptyState,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+// Basic Example
+export const Basic = {
+    args: {
+        title: "No items found",
+        description: "There are no items to display at this time.",
+    },
+};
+// With Action
+export const WithAction = {
+    args: {
+        title: "No projects",
+        description: "You haven't created any projects yet. Start by creating your first project.",
+        icon: FolderOpen,
+        action: {
+            label: "Create Project",
+            onClick: () => alert("Create clicked"),
+        },
+    },
+};
+// Showcase
+export const Showcase = {
+    args: {
+        title: "Empty state",
+    },
+    render: () => (_jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: [_jsx(EmptyState, { title: "No data available", description: "We couldn't find any data for this period.", icon: Database }), _jsx(EmptyState, { title: "No search results", description: "We couldn't find any results matching your search criteria.", icon: Search }), _jsx(EmptyState, { title: "Access denied", description: "You don't have permission to view this content.", icon: Lock, variant: "destructive" }), _jsx(EmptyState, { title: "No users found", description: "There are no users in your organization yet.", icon: Users, action: {
+                    label: "Invite User",
+                    onClick: () => { },
+                    variant: "outline",
+                } }), _jsx(EmptyState, { title: "No API Keys", description: "You haven't generated any API keys yet.", icon: Key, action: {
+                    label: "Generate Key",
+                    onClick: () => { },
+                } }), _jsx(EmptyState, { title: "No Activity", description: "There has been no recent activity on your account.", icon: Activity })] })),
+};
+//# sourceMappingURL=empty-state.stories.js.map

package/dist/src/components/empty-state/empty-state.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.stories.js","sourceRoot":"","sources":["../../../../src/components/empty-state/empty-state.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,GAAG,EACH,IAAI,EACJ,MAAM,EACN,KAAK,GACL,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACX,MAAM,EAAE,UAAU;KAClB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACgB,CAAC;AAEpC,eAAe,IAAI,CAAC;AAGpB,gBAAgB;AAChB,MAAM,CAAC,MAAM,KAAK,GAAU;IAC3B,IAAI,EAAE;QACL,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,6CAA6C;KAC1D;CACD,CAAC;AAEF,cAAc;AACd,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,IAAI,EAAE;QACL,KAAK,EAAE,aAAa;QACpB,WAAW,EACV,6EAA6E;QAC9E,IAAI,EAAE,UAAU;QAChB,MAAM,EAAE;YACP,KAAK,EAAE,gBAAgB;YACvB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;SACtC;KACD;CACD,CAAC;AAEF,WAAW;AACX,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,KAAK,EAAE,aAAa;KACpB;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,eAAK,SAAS,EAAC,sDAAsD,aACpE,KAAC,UAAU,IACV,KAAK,EAAC,mBAAmB,EACzB,WAAW,EAAC,4CAA4C,EACxD,IAAI,EAAE,QAAQ,GACb,EACF,KAAC,UAAU,IACV,KAAK,EAAC,mBAAmB,EACzB,WAAW,EAAC,6DAA6D,EACzE,IAAI,EAAE,MAAM,GACX,EACF,KAAC,UAAU,IACV,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,iDAAiD,EAC7D,IAAI,EAAE,IAAI,EACV,OAAO,EAAC,aAAa,GACpB,EACF,KAAC,UAAU,IACV,KAAK,EAAC,gBAAgB,EACtB,WAAW,EAAC,8CAA8C,EAC1D,IAAI,EAAE,KAAK,EACX,MAAM,EAAE;oBACP,KAAK,EAAE,aAAa;oBACpB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;oBACjB,OAAO,EAAE,SAAS;iBAClB,GACA,EACF,KAAC,UAAU,IACV,KAAK,EAAC,aAAa,EACnB,WAAW,EAAC,yCAAyC,EACrD,IAAI,EAAE,GAAG,EACT,MAAM,EAAE;oBACP,KAAK,EAAE,cAAc;oBACrB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;iBACjB,GACA,EACF,KAAC,UAAU,IACV,KAAK,EAAC,aAAa,EACnB,WAAW,EAAC,oDAAoD,EAChE,IAAI,EAAE,QAAQ,GACb,IACG,CACN;CACD,CAAC"}

package/dist/src/components/empty-state/empty-state.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=empty-state.test.d.ts.map

package/dist/src/components/empty-state/empty-state.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.test.d.ts","sourceRoot":"","sources":["../../../../src/components/empty-state/empty-state.test.tsx"],"names":[],"mappings":""}

package/dist/src/components/empty-state/empty-state.test.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { userEvent } from "@testing-library/user-event";
+import { Search } from "lucide-react";
+import { describe, expect, it, vi } from "vitest";
+import { EmptyState } from "./empty-state";
+describe("EmptyState", () => {
+    it("renders with title", () => {
+        render(_jsx(EmptyState, { title: "No data" }));
+        expect(screen.getByText("No data")).toBeDefined();
+    });
+    it("renders with description", () => {
+        render(_jsx(EmptyState, { title: "No data", description: "There is no data available" }));
+        expect(screen.getByText("There is no data available")).toBeDefined();
+    });
+    it("renders with custom icon", () => {
+        const { container } = render(_jsx(EmptyState, { title: "No data", icon: Search }));
+        expect(container.querySelector("svg")).toBeDefined();
+    });
+    it("renders action button when provided", () => {
+        const handleClick = vi.fn();
+        render(_jsx(EmptyState, { title: "No data", action: { label: "Create new", onClick: handleClick } }));
+        expect(screen.getByText("Create new")).toBeDefined();
+    });
+    it("calls action onClick when button is clicked", async () => {
+        const user = userEvent.setup();
+        const handleClick = vi.fn();
+        render(_jsx(EmptyState, { title: "No data", action: { label: "Create new", onClick: handleClick } }));
+        const button = screen.getByText("Create new");
+        await user.click(button);
+        expect(handleClick).toHaveBeenCalledOnce();
+    });
+    it("applies variant class", () => {
+        const { container } = render(_jsx(EmptyState, { title: "No data", variant: "destructive" }));
+        expect(container.firstChild).toHaveClass("border-destructive/20");
+    });
+    it("applies custom className", () => {
+        const { container } = render(_jsx(EmptyState, { title: "No data", className: "custom-class" }));
+        expect(container.firstChild).toHaveClass("custom-class");
+    });
+    it("does not render action button when not provided", () => {
+        render(_jsx(EmptyState, { title: "No data" }));
+        expect(screen.queryByRole("button")).toBeNull();
+    });
+    it("does not render description when not provided", () => {
+        render(_jsx(EmptyState, { title: "No data" }));
+        const paragraphs = screen.queryAllByRole("paragraph");
+        expect(paragraphs.length).toBe(0);
+    });
+});
+//# sourceMappingURL=empty-state.test.js.map

package/dist/src/components/empty-state/empty-state.test.js.map

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

package/dist/src/components/empty-state/empty-state.types.d.ts

@@ -0,0 +1,20 @@
+import type { VariantProps } from "class-variance-authority";
+import type { LucideIcon } from "lucide-react";
+import type * as React from "react";
+import type { Button } from "../button";
+import type { EmptyStateSkeletonConfig } from "../skeleton/skeleton.types";
+import type { emptyStateVariants } from "./empty-state";
+export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof emptyStateVariants> {
+    icon?: LucideIcon | string;
+    title: string;
+    description?: string;
+    action?: {
+        label: string;
+        onClick: () => void;
+        variant?: React.ComponentProps<typeof Button>["variant"];
+    };
+    isLoading?: boolean;
+    skeletonConfig?: EmptyStateSkeletonConfig;
+    skeleton?: React.ReactNode;
+}
+//# sourceMappingURL=empty-state.types.d.ts.map

package/dist/src/components/empty-state/empty-state.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.types.d.ts","sourceRoot":"","sources":["../../../../src/components/empty-state/empty-state.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,eAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC3C,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACxC,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;KACzD,CAAC;IACF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/dist/src/components/empty-state/empty-state.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=empty-state.types.js.map

package/dist/src/components/empty-state/empty-state.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.types.js","sourceRoot":"","sources":["../../../../src/components/empty-state/empty-state.types.ts"],"names":[],"mappings":""}

package/dist/src/components/empty-state/index.d.ts

@@ -0,0 +1,3 @@
+export { EmptyState, type EmptyStateProps, emptyStateVariants, } from "./empty-state";
+export { EmptyStateSkeleton } from "./empty-state-skeleton";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/empty-state/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/empty-state/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,UAAU,EACV,KAAK,eAAe,EACpB,kBAAkB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/src/components/empty-state/index.js

@@ -0,0 +1,3 @@
+export { EmptyState, emptyStateVariants, } from "./empty-state";
+export { EmptyStateSkeleton } from "./empty-state-skeleton";
+//# sourceMappingURL=index.js.map

package/dist/src/components/empty-state/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/empty-state/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,UAAU,EAEV,kBAAkB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}