@kala-ui/react 0.0.1-beta.1

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

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LogOut, Settings, User } from "lucide-react";
+import { cn } from "../../lib/utils";
+import { Avatar, AvatarFallback, AvatarImage } from "../avatar";
+import { Button } from "../button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "../dropdown-menu/dropdown-menu";
+export function UserMenuDropdown({ user, isOpen, onOpenChange, onLogout, baseUrl = "/admin", className, }) {
+    const initials = user.name
+        ? user.name
+            .split(" ")
+            .map((n) => n[0])
+            .join("")
+            .toUpperCase()
+            .slice(0, 2)
+        : (user.email?.[0]?.toUpperCase() ?? "?");
+    const handleProfileClick = () => {
+        window.location.href = `${baseUrl}/profile`;
+    };
+    const handleSettingsClick = () => {
+        window.location.href = `${baseUrl}/profile/security`;
+    };
+    const handleLogoutClick = () => {
+        onLogout?.();
+    };
+    return (_jsxs(DropdownMenu, { ...(isOpen !== undefined && { open: isOpen }), ...(onOpenChange && { onOpenChange }), children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", className: cn("h-auto p-1 rounded-full hover:bg-accent", className), "aria-label": "User menu", children: _jsxs(Avatar, { className: "size-8", children: [user.avatar && (_jsx(AvatarImage, { src: user.avatar, alt: user.name ?? "User" })), _jsx(AvatarFallback, { className: "bg-primary text-primary-foreground text-sm font-medium", children: initials })] }) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-56", children: [_jsx(DropdownMenuLabel, { children: _jsxs("div", { className: "flex flex-col space-y-1", children: [user.name && (_jsx("p", { className: "text-sm font-medium leading-none", children: user.name })), user.email && (_jsx("p", { className: "text-xs text-muted-foreground leading-none", children: user.email }))] }) }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: handleProfileClick, children: [_jsx(User, { className: "mr-2 size-4" }), "Profile"] }), _jsxs(DropdownMenuItem, { onClick: handleSettingsClick, children: [_jsx(Settings, { className: "mr-2 size-4" }), "Settings"] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onClick: handleLogoutClick, variant: "destructive", children: [_jsx(LogOut, { className: "mr-2 size-4" }), "Logout"] })] })] }));
+}
+//# sourceMappingURL=user-menu-dropdown.js.map

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

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

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { UserMenuDropdown } from "./user-menu-dropdown";
+declare const meta: Meta<typeof UserMenuDropdown>;
+export default meta;
+type Story = StoryObj<typeof UserMenuDropdown>;
+export declare const Default: Story;
+export declare const WithAvatar: Story;
+export declare const LongName: Story;
+export declare const EmailOnly: Story;
+export declare const Controlled: Story;
+export declare const CustomBaseUrl: Story;
+//# sourceMappingURL=user-menu-dropdown.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"user-menu-dropdown.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/user-menu-dropdown/user-menu-dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAOvC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE/C,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC"}

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

@@ -0,0 +1,68 @@
+import { UserMenuDropdown } from "./user-menu-dropdown";
+const meta = {
+    title: "Application/UserMenuDropdown",
+    component: UserMenuDropdown,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+export const Default = {
+    args: {
+        user: {
+            name: "John Doe",
+            email: "john.doe@example.com",
+        },
+        onLogout: () => alert("Logout clicked"),
+    },
+};
+export const WithAvatar = {
+    args: {
+        user: {
+            name: "Jane Smith",
+            email: "jane.smith@example.com",
+            avatar: "https://i.pravatar.cc/150?img=1",
+        },
+        onLogout: () => alert("Logout clicked"),
+    },
+};
+export const LongName = {
+    args: {
+        user: {
+            name: "Alexander Christopher Wellington",
+            email: "alexander.wellington@example.com",
+        },
+        onLogout: () => alert("Logout clicked"),
+    },
+};
+export const EmailOnly = {
+    args: {
+        user: {
+            email: "user@example.com",
+        },
+        onLogout: () => alert("Logout clicked"),
+    },
+};
+export const Controlled = {
+    args: {
+        user: {
+            name: "Controlled User",
+            email: "controlled@example.com",
+        },
+        isOpen: true,
+        onOpenChange: (open) => console.log("Open state:", open),
+        onLogout: () => alert("Logout clicked"),
+    },
+};
+export const CustomBaseUrl = {
+    args: {
+        user: {
+            name: "Custom User",
+            email: "custom@example.com",
+        },
+        baseUrl: "/dashboard",
+        onLogout: () => alert("Logout clicked"),
+    },
+};
+//# sourceMappingURL=user-menu-dropdown.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"user-menu-dropdown.stories.js","sourceRoot":"","sources":["../../../../src/components/user-menu-dropdown/user-menu-dropdown.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,IAAI,GAAkC;IAC3C,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,gBAAgB;IAC3B,UAAU,EAAE;QACX,MAAM,EAAE,UAAU;KAClB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CAClB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,IAAI,EAAE;YACL,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,sBAAsB;SAC7B;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;KACvC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,IAAI,EAAE;QACL,IAAI,EAAE;YACL,IAAI,EAAE,YAAY;YAClB,KAAK,EAAE,wBAAwB;YAC/B,MAAM,EAAE,iCAAiC;SACzC;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;KACvC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,IAAI,EAAE;YACL,IAAI,EAAE,kCAAkC;YACxC,KAAK,EAAE,kCAAkC;SACzC;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;KACvC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC/B,IAAI,EAAE;QACL,IAAI,EAAE;YACL,KAAK,EAAE,kBAAkB;SACzB;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;KACvC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,IAAI,EAAE;QACL,IAAI,EAAE;YACL,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,wBAAwB;SAC/B;QACD,MAAM,EAAE,IAAI;QACZ,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC;QACxD,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;KACvC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IACnC,IAAI,EAAE;QACL,IAAI,EAAE;YACL,IAAI,EAAE,aAAa;YACnB,KAAK,EAAE,oBAAoB;SAC3B;QACD,OAAO,EAAE,YAAY;QACrB,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;KACvC;CACD,CAAC"}

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

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

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

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

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

@@ -0,0 +1,210 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+import { UserMenuDropdown } from "./user-menu-dropdown";
+describe("UserMenuDropdown", () => {
+    const mockUser = {
+        name: "John Doe",
+        email: "john@example.com",
+        avatar: "https://example.com/avatar.jpg",
+    };
+    it("should render user menu dropdown", () => {
+        render(_jsx(UserMenuDropdown, { user: mockUser }));
+        expect(screen.getByLabelText("User menu")).toBeInTheDocument();
+    });
+    it("should display user avatar", () => {
+        render(_jsx(UserMenuDropdown, { user: mockUser }));
+        // Avatar image doesn't always render in tests, check the initials fallback exists
+        expect(screen.getByText("JD")).toBeInTheDocument();
+    });
+    it("should display user initials when no avatar", () => {
+        render(_jsx(UserMenuDropdown, { user: { name: "John Doe" } }));
+        expect(screen.getByText("JD")).toBeInTheDocument();
+    });
+    it("should display first letter of email when no name", () => {
+        render(_jsx(UserMenuDropdown, { user: { email: "john@example.com" } }));
+        expect(screen.getByText("J")).toBeInTheDocument();
+    });
+    it("should display question mark when no name or email", () => {
+        render(_jsx(UserMenuDropdown, { user: {} }));
+        expect(screen.getByText("?")).toBeInTheDocument();
+    });
+    it("should limit initials to 2 characters", () => {
+        render(_jsx(UserMenuDropdown, { user: { name: "John David Smith" } }));
+        expect(screen.getByText("JD")).toBeInTheDocument();
+    });
+    it("should open dropdown on trigger click", async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserMenuDropdown, { user: mockUser }));
+        const trigger = screen.getByLabelText("User menu");
+        await user.click(trigger);
+        expect(screen.getByText("Profile")).toBeInTheDocument();
+        expect(screen.getByText("Settings")).toBeInTheDocument();
+        expect(screen.getByText("Logout")).toBeInTheDocument();
+    });
+    it("should display user name in dropdown", async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserMenuDropdown, { user: mockUser }));
+        const trigger = screen.getByLabelText("User menu");
+        await user.click(trigger);
+        expect(screen.getByText("John Doe")).toBeInTheDocument();
+    });
+    it("should display user email in dropdown", async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserMenuDropdown, { user: mockUser }));
+        const trigger = screen.getByLabelText("User menu");
+        await user.click(trigger);
+        expect(screen.getByText("john@example.com")).toBeInTheDocument();
+    });
+    it("should not display name section when name is missing", async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserMenuDropdown, { user: { email: "john@example.com" } }));
+        const trigger = screen.getByLabelText("User menu");
+        await user.click(trigger);
+        expect(screen.queryByText(/John Doe/)).not.toBeInTheDocument();
+        expect(screen.getByText("john@example.com")).toBeInTheDocument();
+    });
+    it("should navigate to profile on profile click", async () => {
+        const user = userEvent.setup();
+        // Mock window.location.href
+        delete window.location;
+        window.location = {
+            href: "",
+        };
+        render(_jsx(UserMenuDropdown, { user: mockUser }));
+        const trigger = screen.getByLabelText("User menu");
+        await user.click(trigger);
+        const profileItem = screen.getByText("Profile");
+        await user.click(profileItem);
+        expect(window.location.href).toBe("/admin/profile");
+    });
+    it("should navigate to settings on settings click", async () => {
+        const user = userEvent.setup();
+        // Mock window.location.href
+        delete window.location;
+        window.location = {
+            href: "",
+        };
+        render(_jsx(UserMenuDropdown, { user: mockUser }));
+        const trigger = screen.getByLabelText("User menu");
+        await user.click(trigger);
+        const settingsItem = screen.getByText("Settings");
+        await user.click(settingsItem);
+        expect(window.location.href).toBe("/admin/profile/security");
+    });
+    it("should call onLogout when logout is clicked", async () => {
+        const user = userEvent.setup();
+        const onLogout = vi.fn();
+        render(_jsx(UserMenuDropdown, { user: mockUser, onLogout: onLogout }));
+        const trigger = screen.getByLabelText("User menu");
+        await user.click(trigger);
+        const logoutItem = screen.getByText("Logout");
+        await user.click(logoutItem);
+        expect(onLogout).toHaveBeenCalledTimes(1);
+    });
+    it("should use custom baseUrl for navigation", async () => {
+        const user = userEvent.setup();
+        // Mock window.location.href
+        delete window.location;
+        window.location = {
+            href: "",
+        };
+        render(_jsx(UserMenuDropdown, { user: mockUser, baseUrl: "/dashboard" }));
+        const trigger = screen.getByLabelText("User menu");
+        await user.click(trigger);
+        const profileItem = screen.getByText("Profile");
+        await user.click(profileItem);
+        expect(window.location.href).toBe("/dashboard/profile");
+    });
+    it("should apply custom className to trigger", () => {
+        render(_jsx(UserMenuDropdown, { user: mockUser, className: "custom-trigger" }));
+        const trigger = screen.getByLabelText("User menu");
+        expect(trigger).toHaveClass("custom-trigger");
+    });
+    it("should control dropdown open state with isOpen prop", async () => {
+        const { rerender } = render(_jsx(UserMenuDropdown, { user: mockUser, isOpen: false }));
+        expect(screen.queryByText("Profile")).not.toBeInTheDocument();
+        rerender(_jsx(UserMenuDropdown, { user: mockUser, isOpen: true }));
+        expect(screen.getByText("Profile")).toBeInTheDocument();
+    });
+    it("should call onOpenChange when dropdown state changes", async () => {
+        const user = userEvent.setup();
+        const onOpenChange = vi.fn();
+        render(_jsx(UserMenuDropdown, { user: mockUser, onOpenChange: onOpenChange }));
+        const trigger = screen.getByLabelText("User menu");
+        await user.click(trigger);
+        expect(onOpenChange).toHaveBeenCalledWith(true);
+    });
+    it("should render profile icon", async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserMenuDropdown, { user: mockUser }));
+        const trigger = screen.getByLabelText("User menu");
+        await user.click(trigger);
+        // Check that menu items are rendered (icons are rendered as SVG)
+        expect(screen.getByText("Profile")).toBeInTheDocument();
+        expect(screen.getByText("Settings")).toBeInTheDocument();
+        expect(screen.getByText("Logout")).toBeInTheDocument();
+    });
+    it("should render logout item with destructive variant", async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserMenuDropdown, { user: mockUser }));
+        const trigger = screen.getByLabelText("User menu");
+        await user.click(trigger);
+        const logoutItem = screen.getByText("Logout").closest('[role="menuitem"]');
+        expect(logoutItem).toBeInTheDocument();
+    });
+    it("should align dropdown to end", async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserMenuDropdown, { user: mockUser }));
+        const trigger = screen.getByLabelText("User menu");
+        await user.click(trigger);
+        // Dropdown menu should be rendered
+        expect(screen.getByText("Profile")).toBeInTheDocument();
+    });
+    it("should handle user with only email", async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserMenuDropdown, { user: { email: "test@example.com" } }));
+        const trigger = screen.getByLabelText("User menu");
+        await user.click(trigger);
+        expect(screen.getByText("test@example.com")).toBeInTheDocument();
+    });
+    it("should handle user with only name", async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserMenuDropdown, { user: { name: "Jane Smith" } }));
+        const trigger = screen.getByLabelText("User menu");
+        await user.click(trigger);
+        expect(screen.getByText("Jane Smith")).toBeInTheDocument();
+    });
+    it("should capitalize initials", () => {
+        render(_jsx(UserMenuDropdown, { user: { name: "john doe" } }));
+        expect(screen.getByText("JD")).toBeInTheDocument();
+    });
+    it("should render separators in menu", async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserMenuDropdown, { user: mockUser }));
+        const trigger = screen.getByLabelText("User menu");
+        await user.click(trigger);
+        // Check that menu items are separated (Profile, Settings, Logout exist)
+        expect(screen.getByText("Profile")).toBeInTheDocument();
+        expect(screen.getByText("Settings")).toBeInTheDocument();
+        expect(screen.getByText("Logout")).toBeInTheDocument();
+    });
+    it("should have proper menu item structure", async () => {
+        const user = userEvent.setup();
+        render(_jsx(UserMenuDropdown, { user: mockUser }));
+        const trigger = screen.getByLabelText("User menu");
+        await user.click(trigger);
+        const profileItem = screen
+            .getByText("Profile")
+            .closest('[role="menuitem"]');
+        const settingsItem = screen
+            .getByText("Settings")
+            .closest('[role="menuitem"]');
+        const logoutItem = screen.getByText("Logout").closest('[role="menuitem"]');
+        expect(profileItem).toBeInTheDocument();
+        expect(settingsItem).toBeInTheDocument();
+        expect(logoutItem).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=user-menu-dropdown.test.js.map

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

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

package/dist/src/config/alert.d.ts

@@ -0,0 +1,109 @@
+export declare const alertStyles: {
+    readonly base: "relative w-full rounded-lg px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 border";
+    readonly variants: {
+        readonly variant: {
+            readonly primary: "";
+            readonly secondary: "";
+            readonly success: "";
+            readonly danger: "";
+            readonly destructive: "";
+            readonly warning: "";
+            readonly info: "";
+        };
+        readonly style: {
+            readonly default: "";
+            readonly outline: "bg-transparent border-2 font-medium";
+            readonly solid: "border-transparent text-primary-foreground [&>svg]:text-primary-foreground";
+        };
+    };
+    readonly compoundVariants: readonly [{
+        readonly variant: "primary";
+        readonly style: "default";
+        readonly className: "bg-primary/10 border-primary/20 text-primary [&>svg]:text-primary";
+    }, {
+        readonly variant: "secondary";
+        readonly style: "default";
+        readonly className: "bg-muted border text-foreground [&>svg]:text-muted-foreground";
+    }, {
+        readonly variant: "success";
+        readonly style: "default";
+        readonly className: "bg-success/10 border-success/20 text-success [&>svg]:text-success";
+    }, {
+        readonly variant: "danger";
+        readonly style: "default";
+        readonly className: "bg-destructive/10 border-destructive/20 text-destructive [&>svg]:text-destructive";
+    }, {
+        readonly variant: "destructive";
+        readonly style: "default";
+        readonly className: "bg-destructive/10 border-destructive/20 text-destructive [&>svg]:text-destructive";
+    }, {
+        readonly variant: "warning";
+        readonly style: "default";
+        readonly className: "bg-warning/10 border-warning/20 text-warning [&>svg]:text-warning";
+    }, {
+        readonly variant: "info";
+        readonly style: "default";
+        readonly className: "bg-info/10 border-info/20 text-info [&>svg]:text-info";
+    }, {
+        readonly variant: "primary";
+        readonly style: "outline";
+        readonly className: "border-primary text-primary [&>svg]:text-primary";
+    }, {
+        readonly variant: "secondary";
+        readonly style: "outline";
+        readonly className: "border-muted-foreground text-muted-foreground [&>svg]:text-muted-foreground";
+    }, {
+        readonly variant: "success";
+        readonly style: "outline";
+        readonly className: "border-success text-success [&>svg]:text-success";
+    }, {
+        readonly variant: "danger";
+        readonly style: "outline";
+        readonly className: "border-destructive text-destructive [&>svg]:text-destructive";
+    }, {
+        readonly variant: "destructive";
+        readonly style: "outline";
+        readonly className: "border-destructive text-destructive [&>svg]:text-destructive";
+    }, {
+        readonly variant: "warning";
+        readonly style: "outline";
+        readonly className: "border-warning text-warning [&>svg]:text-warning";
+    }, {
+        readonly variant: "info";
+        readonly style: "outline";
+        readonly className: "border-info text-info [&>svg]:text-info";
+    }, {
+        readonly variant: "primary";
+        readonly style: "solid";
+        readonly className: "bg-primary text-primary-foreground";
+    }, {
+        readonly variant: "secondary";
+        readonly style: "solid";
+        readonly className: "bg-secondary text-secondary-foreground";
+    }, {
+        readonly variant: "success";
+        readonly style: "solid";
+        readonly className: "bg-success text-success-foreground";
+    }, {
+        readonly variant: "danger";
+        readonly style: "solid";
+        readonly className: "bg-destructive text-destructive-foreground";
+    }, {
+        readonly variant: "destructive";
+        readonly style: "solid";
+        readonly className: "bg-destructive text-destructive-foreground";
+    }, {
+        readonly variant: "warning";
+        readonly style: "solid";
+        readonly className: "bg-warning text-warning-foreground";
+    }, {
+        readonly variant: "info";
+        readonly style: "solid";
+        readonly className: "bg-info text-info-foreground";
+    }];
+    readonly defaultVariants: {
+        readonly variant: "primary";
+        readonly style: "default";
+    };
+};
+//# sourceMappingURL=alert.d.ts.map

package/dist/src/config/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/config/alert.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4Id,CAAC"}

package/dist/src/config/alert.js

@@ -0,0 +1,134 @@
+export const alertStyles = {
+    base: "relative w-full rounded-lg px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 border",
+    variants: {
+        variant: {
+            primary: "",
+            secondary: "",
+            success: "",
+            danger: "",
+            destructive: "",
+            warning: "",
+            info: "",
+        },
+        style: {
+            default: "",
+            outline: "bg-transparent border-2 font-medium",
+            solid: "border-transparent text-primary-foreground [&>svg]:text-primary-foreground",
+        },
+    },
+    compoundVariants: [
+        // Default style variants
+        {
+            variant: "primary",
+            style: "default",
+            className: "bg-primary/10 border-primary/20 text-primary [&>svg]:text-primary",
+        },
+        {
+            variant: "secondary",
+            style: "default",
+            className: "bg-muted border text-foreground [&>svg]:text-muted-foreground",
+        },
+        {
+            variant: "success",
+            style: "default",
+            className: "bg-success/10 border-success/20 text-success [&>svg]:text-success",
+        },
+        {
+            variant: "danger",
+            style: "default",
+            className: "bg-destructive/10 border-destructive/20 text-destructive [&>svg]:text-destructive",
+        },
+        {
+            variant: "destructive",
+            style: "default",
+            className: "bg-destructive/10 border-destructive/20 text-destructive [&>svg]:text-destructive",
+        },
+        {
+            variant: "warning",
+            style: "default",
+            className: "bg-warning/10 border-warning/20 text-warning [&>svg]:text-warning",
+        },
+        {
+            variant: "info",
+            style: "default",
+            className: "bg-info/10 border-info/20 text-info [&>svg]:text-info",
+        },
+        // Outline style variants
+        {
+            variant: "primary",
+            style: "outline",
+            className: "border-primary text-primary [&>svg]:text-primary",
+        },
+        {
+            variant: "secondary",
+            style: "outline",
+            className: "border-muted-foreground text-muted-foreground [&>svg]:text-muted-foreground",
+        },
+        {
+            variant: "success",
+            style: "outline",
+            className: "border-success text-success [&>svg]:text-success",
+        },
+        {
+            variant: "danger",
+            style: "outline",
+            className: "border-destructive text-destructive [&>svg]:text-destructive",
+        },
+        {
+            variant: "destructive",
+            style: "outline",
+            className: "border-destructive text-destructive [&>svg]:text-destructive",
+        },
+        {
+            variant: "warning",
+            style: "outline",
+            className: "border-warning text-warning [&>svg]:text-warning",
+        },
+        {
+            variant: "info",
+            style: "outline",
+            className: "border-info text-info [&>svg]:text-info",
+        },
+        // Solid style variants
+        {
+            variant: "primary",
+            style: "solid",
+            className: "bg-primary text-primary-foreground",
+        },
+        {
+            variant: "secondary",
+            style: "solid",
+            className: "bg-secondary text-secondary-foreground",
+        },
+        {
+            variant: "success",
+            style: "solid",
+            className: "bg-success text-success-foreground",
+        },
+        {
+            variant: "danger",
+            style: "solid",
+            className: "bg-destructive text-destructive-foreground",
+        },
+        {
+            variant: "destructive",
+            style: "solid",
+            className: "bg-destructive text-destructive-foreground",
+        },
+        {
+            variant: "warning",
+            style: "solid",
+            className: "bg-warning text-warning-foreground",
+        },
+        {
+            variant: "info",
+            style: "solid",
+            className: "bg-info text-info-foreground",
+        },
+    ],
+    defaultVariants: {
+        variant: "primary",
+        style: "default",
+    },
+};
+//# sourceMappingURL=alert.js.map

package/dist/src/config/alert.js.map

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

package/dist/src/config/aspect-ratio.d.ts

@@ -0,0 +1,22 @@
+export declare const aspectRatioStyles: {
+    base: string;
+    variants: {
+        rounded: {
+            none: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            full: string;
+        };
+        bordered: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: {
+        readonly rounded: "md";
+        readonly bordered: false;
+    };
+};
+//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/src/config/aspect-ratio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../src/config/aspect-ratio.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;CAoB7B,CAAC"}