@kala-ui/react 0.0.1-beta.1

package/dist/src/components/menubar/menubar.stories.js.map

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

package/dist/src/components/menubar/menubar.test.d.ts

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

package/dist/src/components/menubar/menubar.test.d.ts.map

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

package/dist/src/components/menubar/menubar.test.js

@@ -0,0 +1,219 @@
+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, vi } from "vitest";
+import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, } from "./menubar";
+describe("Menubar", () => {
+    it("renders menubar with menu items", () => {
+        render(_jsx(Menubar, { children: _jsx(MenubarMenu, { children: _jsx(MenubarTrigger, { children: "File" }) }) }));
+        expect(screen.getByText("File")).toBeInTheDocument();
+    });
+    it("applies custom className", () => {
+        const { container } = render(_jsx(Menubar, { className: "custom-menubar", children: _jsx(MenubarMenu, { children: _jsx(MenubarTrigger, { children: "File" }) }) }));
+        const menubar = container.querySelector('[data-slot="menubar"]');
+        expect(menubar).toHaveClass("custom-menubar");
+    });
+    it("renders with default styles", () => {
+        const { container } = render(_jsx(Menubar, { children: _jsx(MenubarMenu, { children: _jsx(MenubarTrigger, { children: "File" }) }) }));
+        const menubar = container.querySelector('[data-slot="menubar"]');
+        expect(menubar).toHaveClass("rounded-md", "border", "bg-background");
+    });
+});
+describe("MenubarMenu", () => {
+    it("renders menu with trigger", () => {
+        render(_jsx(Menubar, { children: _jsx(MenubarMenu, { children: _jsx(MenubarTrigger, { children: "Edit" }) }) }));
+        expect(screen.getByText("Edit")).toBeInTheDocument();
+    });
+});
+describe("MenubarTrigger", () => {
+    it("renders trigger text", () => {
+        render(_jsx(Menubar, { children: _jsx(MenubarMenu, { children: _jsx(MenubarTrigger, { children: "Settings" }) }) }));
+        expect(screen.getByText("Settings")).toBeInTheDocument();
+    });
+    it("applies custom className", () => {
+        const { container } = render(_jsx(Menubar, { children: _jsx(MenubarMenu, { children: _jsx(MenubarTrigger, { className: "custom-trigger", children: "Help" }) }) }));
+        const trigger = container.querySelector('[data-slot="menubar-trigger"]');
+        expect(trigger).toHaveClass("custom-trigger");
+    });
+    it("has correct hover styles", () => {
+        const { container } = render(_jsx(Menubar, { children: _jsx(MenubarMenu, { children: _jsx(MenubarTrigger, { children: "File" }) }) }));
+        const trigger = container.querySelector('[data-slot="menubar-trigger"]');
+        expect(trigger).toHaveClass("hover:bg-accent");
+    });
+});
+describe("MenubarContent", () => {
+    it("renders menu items inside content", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "File" }), _jsxs(MenubarContent, { children: [_jsx(MenubarItem, { children: "New" }), _jsx(MenubarItem, { children: "Open" })] })] }) }));
+        const trigger = screen.getByText("File");
+        await user.click(trigger);
+        expect(screen.getByText("New")).toBeInTheDocument();
+        expect(screen.getByText("Open")).toBeInTheDocument();
+    });
+    it("applies custom className", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "File" }), _jsx(MenubarContent, { className: "custom-content", children: _jsx(MenubarItem, { children: "New" }) })] }) }));
+        const trigger = screen.getByText("File");
+        await user.click(trigger);
+        const content = document.querySelector('[data-slot="menubar-content"]');
+        expect(content).toHaveClass("custom-content");
+    });
+});
+describe("MenubarItem", () => {
+    it("renders item text", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Edit" }), _jsx(MenubarContent, { children: _jsx(MenubarItem, { children: "Copy" }) })] }) }));
+        await user.click(screen.getByText("Edit"));
+        expect(screen.getByText("Copy")).toBeInTheDocument();
+    });
+    it("handles click events", async () => {
+        const handleClick = vi.fn();
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Edit" }), _jsx(MenubarContent, { children: _jsx(MenubarItem, { onSelect: handleClick, children: "Paste" }) })] }) }));
+        await user.click(screen.getByText("Edit"));
+        await user.click(screen.getByText("Paste"));
+        expect(handleClick).toHaveBeenCalledTimes(1);
+    });
+    it("applies destructive variant styles", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "File" }), _jsx(MenubarContent, { children: _jsx(MenubarItem, { variant: "destructive", children: "Delete" }) })] }) }));
+        await user.click(screen.getByText("File"));
+        const item = document.querySelector('[data-variant="destructive"]');
+        expect(item).toHaveClass("data-[variant=destructive]:text-destructive");
+    });
+    it("applies inset prop", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "View" }), _jsx(MenubarContent, { children: _jsx(MenubarItem, { inset: true, children: "Console" }) })] }) }));
+        await user.click(screen.getByText("View"));
+        const item = document.querySelector('[data-inset="true"]');
+        expect(item).toHaveClass("data-inset:pl-8");
+    });
+    it("respects disabled prop", async () => {
+        const handleClick = vi.fn();
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "File" }), _jsx(MenubarContent, { children: _jsx(MenubarItem, { disabled: true, onSelect: handleClick, children: "Disabled Item" }) })] }) }));
+        await user.click(screen.getByText("File"));
+        const item = screen.getByText("Disabled Item");
+        await user.click(item);
+        expect(handleClick).not.toHaveBeenCalled();
+    });
+});
+describe("MenubarCheckboxItem", () => {
+    it("renders checkbox item", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "View" }), _jsx(MenubarContent, { children: _jsx(MenubarCheckboxItem, { children: "Show Toolbar" }) })] }) }));
+        await user.click(screen.getByText("View"));
+        expect(screen.getByText("Show Toolbar")).toBeInTheDocument();
+    });
+    it("handles checked state", async () => {
+        const handleCheckedChange = vi.fn();
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "View" }), _jsx(MenubarContent, { children: _jsx(MenubarCheckboxItem, { checked: false, onCheckedChange: handleCheckedChange, children: "Show Sidebar" }) })] }) }));
+        await user.click(screen.getByText("View"));
+        await user.click(screen.getByText("Show Sidebar"));
+        expect(handleCheckedChange).toHaveBeenCalledWith(true);
+    });
+    it("applies custom className", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "View" }), _jsx(MenubarContent, { children: _jsx(MenubarCheckboxItem, { className: "custom-checkbox", children: "Show Status Bar" }) })] }) }));
+        await user.click(screen.getByText("View"));
+        const item = document.querySelector('[data-slot="menubar-checkbox-item"]');
+        expect(item).toHaveClass("custom-checkbox");
+    });
+});
+describe("MenubarRadioGroup and MenubarRadioItem", () => {
+    it("renders radio group with items", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Options" }), _jsx(MenubarContent, { children: _jsxs(MenubarRadioGroup, { value: "option1", children: [_jsx(MenubarRadioItem, { value: "option1", children: "Option 1" }), _jsx(MenubarRadioItem, { value: "option2", children: "Option 2" })] }) })] }) }));
+        await user.click(screen.getByText("Options"));
+        expect(screen.getByText("Option 1")).toBeInTheDocument();
+        expect(screen.getByText("Option 2")).toBeInTheDocument();
+    });
+    it("handles value changes", async () => {
+        const handleValueChange = vi.fn();
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Theme" }), _jsx(MenubarContent, { children: _jsxs(MenubarRadioGroup, { value: "light", onValueChange: handleValueChange, children: [_jsx(MenubarRadioItem, { value: "light", children: "Light" }), _jsx(MenubarRadioItem, { value: "dark", children: "Dark" })] }) })] }) }));
+        await user.click(screen.getByText("Theme"));
+        await user.click(screen.getByText("Dark"));
+        expect(handleValueChange).toHaveBeenCalledWith("dark");
+    });
+});
+describe("MenubarSub", () => {
+    it("renders submenu with trigger and content", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "File" }), _jsx(MenubarContent, { children: _jsxs(MenubarSub, { children: [_jsx(MenubarSubTrigger, { children: "Open Recent" }), _jsx(MenubarSubContent, { children: _jsx(MenubarItem, { children: "file1.txt" }) })] }) })] }) }));
+        await user.click(screen.getByText("File"));
+        expect(screen.getByText("Open Recent")).toBeInTheDocument();
+    });
+    it("applies inset to subtrigger", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Insert" }), _jsx(MenubarContent, { children: _jsxs(MenubarSub, { children: [_jsx(MenubarSubTrigger, { inset: true, children: "Table" }), _jsx(MenubarSubContent, { children: _jsx(MenubarItem, { children: "Insert Table" }) })] }) })] }) }));
+        await user.click(screen.getByText("Insert"));
+        const subtrigger = document.querySelector('[data-inset="true"]');
+        expect(subtrigger).toHaveClass("data-inset:pl-8");
+    });
+});
+describe("MenubarLabel", () => {
+    it("renders label text", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Settings" }), _jsxs(MenubarContent, { children: [_jsx(MenubarLabel, { children: "Appearance" }), _jsx(MenubarItem, { children: "Theme" })] })] }) }));
+        await user.click(screen.getByText("Settings"));
+        expect(screen.getByText("Appearance")).toBeInTheDocument();
+    });
+    it("applies inset prop", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Tools" }), _jsx(MenubarContent, { children: _jsx(MenubarLabel, { inset: true, children: "Developer" }) })] }) }));
+        await user.click(screen.getByText("Tools"));
+        const label = document.querySelector('[data-slot="menubar-label"][data-inset="true"]');
+        expect(label).toHaveClass("data-inset:pl-8");
+    });
+});
+describe("MenubarSeparator", () => {
+    it("renders separator", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "File" }), _jsxs(MenubarContent, { children: [_jsx(MenubarItem, { children: "New" }), _jsx(MenubarSeparator, {}), _jsx(MenubarItem, { children: "Exit" })] })] }) }));
+        await user.click(screen.getByText("File"));
+        const separator = document.querySelector('[data-slot="menubar-separator"]');
+        expect(separator).toBeInTheDocument();
+    });
+    it("applies separator styles", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Edit" }), _jsx(MenubarContent, { children: _jsx(MenubarSeparator, {}) })] }) }));
+        await user.click(screen.getByText("Edit"));
+        const separator = document.querySelector('[data-slot="menubar-separator"]');
+        expect(separator).toHaveClass("bg-separator");
+    });
+});
+describe("MenubarShortcut", () => {
+    it("renders shortcut text", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "File" }), _jsx(MenubarContent, { children: _jsxs(MenubarItem, { children: ["Save", _jsx(MenubarShortcut, { children: "\u2318S" })] }) })] }) }));
+        await user.click(screen.getByText("File"));
+        expect(screen.getByText("⌘S")).toBeInTheDocument();
+    });
+    it("applies shortcut styles", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Edit" }), _jsx(MenubarContent, { children: _jsxs(MenubarItem, { children: ["Copy", _jsx(MenubarShortcut, { className: "custom-shortcut", children: "\u2318C" })] }) })] }) }));
+        await user.click(screen.getByText("Edit"));
+        const shortcut = screen.getByText("⌘C");
+        expect(shortcut).toHaveClass("ml-auto", "text-xs", "custom-shortcut");
+    });
+});
+describe("MenubarGroup", () => {
+    it("groups menu items", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Edit" }), _jsx(MenubarContent, { children: _jsxs(MenubarGroup, { children: [_jsx(MenubarItem, { children: "Cut" }), _jsx(MenubarItem, { children: "Copy" }), _jsx(MenubarItem, { children: "Paste" })] }) })] }) }));
+        await user.click(screen.getByText("Edit"));
+        const group = document.querySelector('[data-slot="menubar-group"]');
+        expect(group).toBeInTheDocument();
+    });
+});
+describe("MenubarPortal", () => {
+    it("renders portal content", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "View" }), _jsx(MenubarContent, { children: _jsx(MenubarPortal, { children: _jsx(MenubarItem, { children: "Portal Item" }) }) })] }) }));
+        await user.click(screen.getByText("View"));
+        expect(screen.getByText("Portal Item")).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=menubar.test.js.map

package/dist/src/components/menubar/menubar.test.js.map

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

package/dist/src/components/metric-card/__tests__/metric-card.test.d.ts

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

package/dist/src/components/metric-card/__tests__/metric-card.test.d.ts.map

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

package/dist/src/components/metric-card/__tests__/metric-card.test.js

@@ -0,0 +1,173 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { createRef } from "react";
+import { describe, expect, it } from "vitest";
+import { MetricCard } from "../metric-card";
+// Helper to render component
+function renderWithIntl(component) {
+    return render(component);
+}
+describe("MetricCard", () => {
+    describe("Basic Rendering", () => {
+        it("should render title and value", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Total Users", value: 100 }));
+            expect(screen.getByText("Total Users")).toBeInTheDocument();
+            expect(screen.getByText("100")).toBeInTheDocument();
+        });
+        it("should render string value", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Active Sessions", value: "1,234" }));
+            expect(screen.getByText("Active Sessions")).toBeInTheDocument();
+            expect(screen.getByText("1,234")).toBeInTheDocument();
+        });
+        it("should format large numbers with locale", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Total Revenue", value: 1234567 }));
+            // Use regex to handle different locale formats
+            const formattedNumbers = screen.getAllByText(/1[,.]?2[,.]?3[,.]?4[,.]?5[,.]?6[,.]?7/);
+            expect(formattedNumbers.length).toBeGreaterThan(0);
+        });
+        it("should render icon when provided", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Test", value: 50, icon: _jsx("span", { "data-testid": "icon", children: "\uD83D\uDCCA" }) }));
+            expect(screen.getByTestId("icon")).toBeInTheDocument();
+        });
+        it("should render subtitle when provided", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "New Users", value: 25, subtitle: "Last 7 days" }));
+            expect(screen.getByText("Last 7 days")).toBeInTheDocument();
+        });
+    });
+    describe("Change Indicators", () => {
+        it("should show positive growth indicator", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Total Users", value: 100, change: 15.5 }));
+            expect(screen.getByText("15.5% than last week")).toBeInTheDocument();
+            expect(screen.getByText("↑")).toBeInTheDocument();
+            // Parent div has the color class, not the text itself
+            const changeElement = screen
+                .getByText("15.5% than last week")
+                .closest("div");
+            expect(changeElement).toHaveClass("text-success");
+        });
+        it("should show negative growth indicator", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Total Users", value: 80, change: -12.3 }));
+            const changeTexts = screen.getAllByText(/12.3% than last week/);
+            expect(changeTexts.length).toBeGreaterThan(0);
+            expect(screen.getByText("↓")).toBeInTheDocument();
+            const changeElement = changeTexts[1]?.closest("div");
+            expect(changeElement).toHaveClass("text-destructive");
+        });
+        it("should show no change indicator for zero", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Total Users", value: 100, change: 0 }));
+            expect(screen.getByText("No change")).toBeInTheDocument();
+            expect(screen.getByText("−")).toBeInTheDocument();
+            // Parent div has the color class
+            const changeElement = screen.getByText("No change").closest("div");
+            expect(changeElement).toHaveClass("text-muted-foreground");
+        });
+        it("should use custom change label when provided", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Test", value: 50, change: 10, changeLabel: "compared to last month" }));
+            expect(screen.getByText("compared to last month")).toBeInTheDocument();
+            expect(screen.queryByText(/than last week/)).not.toBeInTheDocument();
+        });
+        it("should prefer change over subtitle when both provided", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Test", value: 50, change: 10, subtitle: "Subtitle text" }));
+            const changeTexts = screen.getAllByText(/10% than last week/);
+            expect(changeTexts.length).toBeGreaterThan(0);
+            expect(screen.queryByText("Subtitle text")).not.toBeInTheDocument();
+        });
+    });
+    describe("Variants", () => {
+        it("should apply default variant styles", () => {
+            const { container } = renderWithIntl(_jsx(MetricCard, { title: "Test", value: 50 }));
+            const card = container.firstChild;
+            expect(card).toHaveClass("bg-card");
+            expect(card).toHaveClass("border");
+        });
+        it("should apply blue styles via className", () => {
+            const { container } = renderWithIntl(_jsx(MetricCard, { title: "Test", value: 50, className: "bg-gradient-to-br from-blue-500 to-blue-600 text-white" }));
+            const card = container.firstChild;
+            expect(card).toHaveClass("bg-gradient-to-br");
+            expect(card).toHaveClass("from-blue-500");
+            expect(card).toHaveClass("to-blue-600");
+            expect(card).toHaveClass("text-white");
+        });
+        it("should apply green styles via className", () => {
+            const { container } = renderWithIntl(_jsx(MetricCard, { title: "Test", value: 50, className: "bg-gradient-to-br from-teal-500 to-teal-600 text-white" }));
+            const card = container.firstChild;
+            expect(card).toHaveClass("from-teal-500");
+            expect(card).toHaveClass("to-teal-600");
+            expect(card).toHaveClass("text-white");
+        });
+        it("should apply custom className", () => {
+            const { container } = renderWithIntl(_jsx(MetricCard, { title: "Test", value: 50, className: "custom-class" }));
+            const card = container.firstChild;
+            expect(card).toHaveClass("custom-class");
+        });
+    });
+    describe("Accessibility", () => {
+        it("should have aria-label on value", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Total Users", value: 1234 }));
+            // Check for sr-only span with the full accessible text
+            const srOnlySpan = screen.getByText((content, element) => {
+                return Boolean(element?.classList.contains("sr-only") &&
+                    content.includes("Total Users") &&
+                    content.includes("1,234"));
+            });
+            expect(srOnlySpan).toBeInTheDocument();
+        });
+        it("should have aria-label on change indicator", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Revenue", value: "$100", change: 5.5 }));
+            const changeElement = screen.getByText("5.5% than last week");
+            expect(changeElement).toBeInTheDocument();
+            // Check sr-only label exists
+            expect(screen.getByText(/Change: 5\.5% than last week/, {
+                selector: ".sr-only",
+            })).toBeInTheDocument();
+        });
+        it("should mark icon as decorative with aria-hidden", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Test", value: 50, icon: _jsx("span", { "data-testid": "icon", children: "\uD83D\uDCCA" }) }));
+            const iconContainer = screen.getByTestId("icon").parentElement;
+            expect(iconContainer).toHaveAttribute("aria-hidden", "true");
+        });
+        it("should mark change icon as decorative with aria-hidden", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Test", value: 50, change: 10 }));
+            const changeIcon = screen.getByText("↑");
+            expect(changeIcon).toHaveAttribute("aria-hidden", "true");
+        });
+    });
+    describe("React 19 Compliance", () => {
+        it("should support ref forwarding", () => {
+            const ref = createRef();
+            renderWithIntl(_jsx(MetricCard, { ref: ref, title: "Test", value: 50 }));
+            expect(ref.current).toBeInstanceOf(HTMLDivElement);
+        });
+        it("should forward additional props to the Card", () => {
+            const { container } = renderWithIntl(_jsx(MetricCard, { title: "Test", value: 50, "data-testid": "custom-card" }));
+            expect(container.querySelector('[data-testid="custom-card"]')).toBeInTheDocument();
+        });
+    });
+    describe("Edge Cases", () => {
+        it("should not render change or subtitle when neither provided", () => {
+            const { container } = renderWithIntl(_jsx(MetricCard, { title: "Test", value: 50 }));
+            // The .text-sm div should not exist when no change or subtitle
+            const changeDiv = container.querySelector(".text-sm");
+            expect(changeDiv).not.toBeInTheDocument();
+        });
+        it("should handle zero as a value", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Pending Items", value: 0 }));
+            expect(screen.getByText("0")).toBeInTheDocument();
+        });
+        it("should handle very large numbers", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Big Number", value: 999999999 }));
+            // Use regex to handle different locale formats - getAllByText since value appears twice (visible + sr-only)
+            const elements = screen.getAllByText(/9[,.]?9[,.]?9[,.]?9[,.]?9[,.]?9[,.]?9[,.]?9[,.]?9/);
+            expect(elements.length).toBeGreaterThan(0);
+        });
+        it("should handle negative numbers", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Deficit", value: -1234 }));
+            expect(screen.getByText("-1,234")).toBeInTheDocument();
+        });
+        it("should handle decimal numbers in change", () => {
+            renderWithIntl(_jsx(MetricCard, { title: "Test", value: 100, change: 0.5 }));
+            expect(screen.getByText("0.5% than last week")).toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=metric-card.test.js.map

package/dist/src/components/metric-card/__tests__/metric-card.test.js.map

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

package/dist/src/components/metric-card/index.d.ts

@@ -0,0 +1,3 @@
+export { MetricCard, type MetricCardProps } from "./metric-card";
+export { MetricCardSkeleton } from "./metric-card-skeleton";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/metric-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/metric-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/src/components/metric-card/index.js

@@ -0,0 +1,3 @@
+export { MetricCard } from "./metric-card";
+export { MetricCardSkeleton } from "./metric-card-skeleton";
+//# sourceMappingURL=index.js.map

package/dist/src/components/metric-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/metric-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/src/components/metric-card/metric-card-skeleton.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Metric Card Skeleton Component
+ *
+ * Loading placeholder variants for the Metric Card component.
+ * Provides zero-CLS skeleton states that match actual metric card layouts.
+ */
+import type { MetricCardSkeletonConfig } from "../skeleton/skeleton.types";
+export interface MetricCardSkeletonProps extends MetricCardSkeletonConfig {
+    /**
+     * Additional className for the skeleton container
+     */
+    className?: string;
+    /**
+     * Test ID for querying the element
+     */
+    "data-testid"?: string;
+}
+/**
+ * Metric Card skeleton component with multiple variants
+ *
+ * @example
+ * ```tsx
+ * <MetricCardSkeleton variant="default" />
+ *
+ * <MetricCardSkeleton variant="withIcon" />
+ * ```
+ */
+export declare function MetricCardSkeleton({ variant, showIcon, showChange, className, "data-testid": dataTestId, }: MetricCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace MetricCardSkeleton {
+    var Skeleton: typeof MetricCardSkeleton;
+}
+//# sourceMappingURL=metric-card-skeleton.d.ts.map

package/dist/src/components/metric-card/metric-card-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-card-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/metric-card/metric-card-skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,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,OAAmB,EACnB,QAAgB,EAChB,UAAiB,EACjB,SAAS,EACT,aAAa,EAAE,UAAU,GACzB,EAAE,uBAAuB,2CA8BzB;yBApCe,kBAAkB"}

package/dist/src/components/metric-card/metric-card-skeleton.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Metric Card Skeleton Component
+ *
+ * Loading placeholder variants for the Metric Card component.
+ * Provides zero-CLS skeleton states that match actual metric card layouts.
+ */
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import { Card } from "../card/card";
+import { Skeleton } from "../skeleton/skeleton";
+import { SkeletonCircle } from "../skeleton/skeleton-patterns";
+/**
+ * Metric Card skeleton component with multiple variants
+ *
+ * @example
+ * ```tsx
+ * <MetricCardSkeleton variant="default" />
+ *
+ * <MetricCardSkeleton variant="withIcon" />
+ * ```
+ */
+export function MetricCardSkeleton({ variant = "default", showIcon = false, showChange = true, className, "data-testid": dataTestId, }) {
+    return (_jsx(Card, { ref: React.createRef(), "data-testid": dataTestId || "metric-card-skeleton", className: cn(className), children: _jsxs("div", { className: "p-6", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx(Skeleton, { className: "h-4 w-24" }), variant === "withIcon" || showIcon ? (_jsx(SkeletonCircle, { size: "1.5rem", className: "rounded-md" })) : null] }), _jsx("div", { className: "mb-3", children: _jsx(Skeleton, { className: "h-10 w-32" }) }), (variant === "default" || showChange) && (_jsx("div", { className: "text-sm", children: _jsx(Skeleton, { className: "h-4 w-32" }) }))] }) }));
+}
+/**
+ * Compound component: MetricCard.Skeleton
+ */
+MetricCardSkeleton.Skeleton = MetricCardSkeleton;
+//# sourceMappingURL=metric-card-skeleton.js.map

package/dist/src/components/metric-card/metric-card-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-card-skeleton.js","sourceRoot":"","sources":["../../../../src/components/metric-card/metric-card-skeleton.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAc/D;;;;;;;;;GASG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAClC,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,IAAI,EACjB,SAAS,EACT,aAAa,EAAE,UAAU,GACA;IACzB,OAAO,CACN,KAAC,IAAI,IACJ,GAAG,EAAE,KAAK,CAAC,SAAS,EAAkB,iBACzB,UAAU,IAAI,sBAAsB,EACjD,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAExB,eAAK,SAAS,EAAC,KAAK,aAEnB,eAAK,SAAS,EAAC,wCAAwC,aACtD,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EAChC,OAAO,KAAK,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC,CACrC,KAAC,cAAc,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,YAAY,GAAG,CACvD,CAAC,CAAC,CAAC,IAAI,IACH,EAGN,cAAK,SAAS,EAAC,MAAM,YACpB,KAAC,QAAQ,IAAC,SAAS,EAAC,WAAW,GAAG,GAC7B,EAGL,CAAC,OAAO,KAAK,SAAS,IAAI,UAAU,CAAC,IAAI,CACzC,cAAK,SAAS,EAAC,SAAS,YACvB,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,GAC5B,CACN,IACI,GACA,CACP,CAAC;AACH,CAAC;AAED;;GAEG;AACH,kBAAkB,CAAC,QAAQ,GAAG,kBAAkB,CAAC"}

package/dist/src/components/metric-card/metric-card.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import type { MetricCardSkeletonConfig } from "../skeleton/skeleton.types";
+export interface MetricCardProps extends Omit<React.ComponentProps<"div">, "title"> {
+    title: string;
+    value: number | string;
+    icon?: React.ReactNode;
+    change?: number;
+    changeLabel?: string;
+    subtitle?: string;
+    variant?: "primary" | "success" | "warning" | "info" | "destructive" | "secondary" | "default";
+    isLoading?: boolean;
+    skeletonConfig?: MetricCardSkeletonConfig;
+    skeleton?: React.ReactNode;
+}
+declare const MetricCard: React.ForwardRefExoticComponent<Omit<MetricCardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { MetricCard };
+//# sourceMappingURL=metric-card.d.ts.map

package/dist/src/components/metric-card/metric-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"metric-card.d.ts","sourceRoot":"","sources":["../../../../src/components/metric-card/metric-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAE3E,MAAM,WAAW,eAChB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EACL,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,aAAa,GACb,WAAW,GACX,SAAS,CAAC;IACb,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,wBAAwB,CAAC;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,UAAU,qGA2Jf,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}