@kala-ui/react 0.0.1-beta.1

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

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import { Card } from "../card";
+import { MetricCardSkeleton } from "./metric-card-skeleton";
+const MetricCard = React.forwardRef(({ title, value, icon, change, changeLabel, subtitle, className, variant = "default", isLoading = false, skeletonConfig, skeleton, ...props }, ref) => {
+    if (isLoading) {
+        if (skeleton) {
+            return (_jsx(Card, { ref: ref, "data-comp": "metric-card", className: cn(className), ...props, children: skeleton }));
+        }
+        return (_jsx(MetricCardSkeleton, { className: className, ...skeletonConfig }));
+    }
+    const getChangeColor = (changeValue) => {
+        if (changeValue > 0)
+            return "text-success";
+        if (changeValue < 0)
+            return "text-destructive";
+        return "text-muted-foreground";
+    };
+    const getChangeIcon = (changeValue) => {
+        if (changeValue > 0)
+            return "↑";
+        if (changeValue < 0)
+            return "↓";
+        return "−";
+    };
+    const getChangeText = (changeValue) => {
+        const absValue = Math.abs(changeValue);
+        const defaultLabel = changeValue > 0 || changeValue < 0
+            ? `${absValue}% than last week`
+            : "No change";
+        return changeLabel || defaultLabel;
+    };
+    const getVariantStyles = () => {
+        switch (variant) {
+            case "primary":
+                return "bg-gradient-to-br from-primary to-primary/90 text-primary-foreground";
+            case "success":
+                return "bg-gradient-to-br from-success to-success/90 text-success-foreground";
+            case "warning":
+                return "bg-gradient-to-br from-warning to-warning/90 text-warning-foreground";
+            case "info":
+                return "bg-gradient-to-br from-info to-info/90 text-info-foreground";
+            case "destructive":
+                return "bg-gradient-to-br from-destructive to-destructive/90 text-destructive-foreground";
+            case "secondary":
+                return "bg-gradient-to-br from-secondary to-secondary/90 text-secondary-foreground";
+            default:
+                return "bg-card border text-card-foreground";
+        }
+    };
+    const isColorful = variant !== "default" || className?.includes("bg-");
+    return (_jsx(Card, { ref: ref, "data-comp": "metric-card", className: cn(getVariantStyles(), className), ...props, children: _jsxs("div", { className: "p-6", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h6", { className: cn("text-xs font-semibold uppercase tracking-wide", isColorful ? "opacity-90" : "text-muted-foreground"), children: title }), icon && (_jsx("div", { className: isColorful ? "opacity-70" : "text-muted-foreground", "aria-hidden": "true", children: icon }))] }), _jsx("div", { className: "mb-3", children: _jsxs("div", { className: cn("text-4xl font-bold leading-none", isColorful ? "" : "text-card-foreground"), children: [_jsxs("span", { className: "sr-only", children: [title, ":", " ", typeof value === "number" ? value.toLocaleString() : value] }), typeof value === "number" ? value.toLocaleString() : value] }) }), (change !== undefined || subtitle) && (_jsx("div", { className: "text-sm", children: change !== undefined ? (_jsxs("div", { className: cn("flex items-center gap-1", isColorful ? "opacity-90" : getChangeColor(change)), children: [_jsxs("span", { className: "sr-only", children: ["Change: ", getChangeText(change)] }), _jsx("span", { className: "inline-block", "aria-hidden": "true", children: getChangeIcon(change) }), _jsx("span", { children: getChangeText(change) })] })) : subtitle ? (_jsx("div", { className: cn(isColorful ? "opacity-80" : "text-muted-foreground"), children: subtitle })) : null }))] }) }));
+});
+MetricCard.displayName = "MetricCard";
+export { MetricCard };
+//# sourceMappingURL=metric-card.js.map

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

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

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

@@ -0,0 +1,56 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("./metric-card").MetricCardProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        title: {
+            control: "text";
+            description: string;
+        };
+        value: {
+            control: "text";
+            description: string;
+        };
+        variant: {
+            control: "select";
+            options: string[];
+            description: string;
+        };
+        change: {
+            control: "number";
+            description: string;
+        };
+        changeLabel: {
+            control: "text";
+            description: string;
+        };
+        subtitle: {
+            control: "text";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithIcon: Story;
+export declare const WithPositiveChange: Story;
+export declare const WithNegativeChange: Story;
+export declare const WithZeroChange: Story;
+export declare const WithSubtitle: Story;
+export declare const WithCustomChangeLabel: Story;
+export declare const BlueVariant: Story;
+export declare const GreenVariant: Story;
+export declare const PurpleVariant: Story;
+export declare const OrangeVariant: Story;
+export declare const TealVariant: Story;
+export declare const IndigoVariant: Story;
+export declare const Dashboard: Story;
+export declare const DashboardDefault: Story;
+export declare const LargeValues: Story;
+export declare const MinimalCards: Story;
+//# sourceMappingURL=metric-card.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"metric-card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/metric-card/metric-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAWvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAQnC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KASzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAqCvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA6C9B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAa1B,CAAC"}

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

@@ -0,0 +1,184 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Activity, DollarSign, ShoppingCart, Target, TrendingUp, Users, } from "lucide-react";
+import { MetricCard } from "./metric-card";
+const meta = {
+    title: "Application/MetricCard",
+    component: MetricCard,
+    parameters: {
+        layout: "padded",
+    },
+    tags: ["autodocs"],
+    argTypes: {
+        title: {
+            control: "text",
+            description: "The metric title (usually uppercase)",
+        },
+        value: {
+            control: "text",
+            description: "The metric value (number or string)",
+        },
+        variant: {
+            control: "select",
+            options: [
+                "default",
+                "blue",
+                "green",
+                "purple",
+                "orange",
+                "teal",
+                "indigo",
+            ],
+            description: "Visual style variant",
+        },
+        change: {
+            control: "number",
+            description: "Percentage change (positive/negative/zero)",
+        },
+        changeLabel: {
+            control: "text",
+            description: "Custom label for change indicator",
+        },
+        subtitle: {
+            control: "text",
+            description: "Subtitle text (shown when change is not provided)",
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        title: "Total Users",
+        value: 3137,
+    },
+};
+export const WithIcon = {
+    args: {
+        title: "Total Users",
+        value: 3137,
+        icon: _jsx(Users, { className: "w-5 h-5" }),
+    },
+};
+export const WithPositiveChange = {
+    args: {
+        title: "Conversion Rate",
+        value: "0.81%",
+        change: 1.2,
+        icon: _jsx(TrendingUp, { className: "w-5 h-5" }),
+    },
+};
+export const WithNegativeChange = {
+    args: {
+        title: "Bounce Rate",
+        value: "45.2%",
+        change: -3.5,
+        icon: _jsx(Activity, { className: "w-5 h-5" }),
+    },
+};
+export const WithZeroChange = {
+    args: {
+        title: "Active Sessions",
+        value: 1234,
+        change: 0,
+        icon: _jsx(Users, { className: "w-5 h-5" }),
+    },
+};
+export const WithSubtitle = {
+    args: {
+        title: "New Signups",
+        value: 456,
+        subtitle: "Last 7 days",
+        icon: _jsx(Users, { className: "w-5 h-5" }),
+    },
+};
+export const WithCustomChangeLabel = {
+    args: {
+        title: "Revenue",
+        value: "$12,345",
+        change: 8.3,
+        changeLabel: "compared to last month",
+        icon: _jsx(DollarSign, { className: "w-5 h-5" }),
+    },
+};
+export const BlueVariant = {
+    args: {
+        title: "Total Revenue",
+        value: "$620,076",
+        change: 12.5,
+        className: "bg-gradient-to-br from-blue-600 to-blue-500 text-white border-none",
+        icon: _jsx(DollarSign, { className: "w-5 h-5" }),
+    },
+};
+export const GreenVariant = {
+    args: {
+        title: "Unique Purchases",
+        value: 3137,
+        change: 0.7,
+        className: "bg-gradient-to-br from-green-600 to-green-500 text-white border-none",
+        icon: _jsx(ShoppingCart, { className: "w-5 h-5" }),
+    },
+};
+export const PurpleVariant = {
+    args: {
+        title: "Conversion Rate",
+        value: "0.81%",
+        change: 1.2,
+        className: "bg-gradient-to-br from-purple-600 to-purple-500 text-white border-none",
+        icon: _jsx(Target, { className: "w-5 h-5" }),
+    },
+};
+export const OrangeVariant = {
+    args: {
+        title: "Avg Order Value",
+        value: "$306.20",
+        change: -0.3,
+        className: "bg-gradient-to-br from-orange-600 to-orange-500 text-white border-none",
+        icon: _jsx(DollarSign, { className: "w-5 h-5" }),
+    },
+};
+export const TealVariant = {
+    args: {
+        title: "Active Users",
+        value: 12543,
+        change: 5.2,
+        className: "bg-gradient-to-br from-teal-600 to-teal-500 text-white border-none",
+        icon: _jsx(Users, { className: "w-5 h-5" }),
+    },
+};
+export const IndigoVariant = {
+    args: {
+        title: "MRR Growth",
+        value: "$1,200",
+        change: 3.8,
+        className: "bg-gradient-to-br from-indigo-600 to-indigo-500 text-white border-none",
+        icon: _jsx(TrendingUp, { className: "w-5 h-5" }),
+    },
+};
+export const Dashboard = {
+    args: {
+        title: "Metric",
+        value: "0",
+    },
+    render: () => (_jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4", children: [_jsx(MetricCard, { title: "Conversion Rate", value: "0.81%", change: 1.2, className: "bg-gradient-to-br from-blue-600 to-blue-500 text-white border-none", icon: _jsx(Target, { className: "w-5 h-5" }) }), _jsx(MetricCard, { title: "Unique Purchases", value: 3137, change: 0.7, className: "bg-gradient-to-br from-green-600 to-green-500 text-white border-none", icon: _jsx(ShoppingCart, { className: "w-5 h-5" }) }), _jsx(MetricCard, { title: "Avg Order Value", value: "$306.20", change: -0.3, className: "bg-gradient-to-br from-purple-600 to-purple-500 text-white border-none", icon: _jsx(DollarSign, { className: "w-5 h-5" }) }), _jsx(MetricCard, { title: "Total Revenue", value: "$620,076", change: 12.5, className: "bg-gradient-to-br from-orange-600 to-orange-500 text-white border-none", icon: _jsx(TrendingUp, { className: "w-5 h-5" }) })] })),
+};
+export const DashboardDefault = {
+    args: {
+        title: "Metric",
+        value: "0",
+    },
+    render: () => (_jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: [_jsx(MetricCard, { title: "Total Users", value: 12543, change: 5.2, icon: _jsx(Users, { className: "w-5 h-5" }) }), _jsx(MetricCard, { title: "Active Sessions", value: 3456, change: -2.1, icon: _jsx(Activity, { className: "w-5 h-5" }) }), _jsx(MetricCard, { title: "Monthly Revenue", value: "$45,678", change: 8.3, icon: _jsx(DollarSign, { className: "w-5 h-5" }) }), _jsx(MetricCard, { title: "New Signups", value: 234, subtitle: "Last 7 days", icon: _jsx(Users, { className: "w-5 h-5" }) }), _jsx(MetricCard, { title: "Conversion Rate", value: "3.42%", change: 0, icon: _jsx(Target, { className: "w-5 h-5" }) }), _jsx(MetricCard, { title: "Avg Order Value", value: "$156.89", change: 1.8, icon: _jsx(ShoppingCart, { className: "w-5 h-5" }) })] })),
+};
+export const LargeValues = {
+    args: {
+        title: "Metric",
+        value: "0",
+    },
+    render: () => (_jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4", children: [_jsx(MetricCard, { title: "Total Revenue", value: 1234567890, change: 12.5, className: "bg-gradient-to-br from-blue-600 to-blue-500 text-white border-none", icon: _jsx(DollarSign, { className: "w-5 h-5" }) }), _jsx(MetricCard, { title: "Total Users", value: 9876543, change: -3.2, className: "bg-gradient-to-br from-green-600 to-green-500 text-white border-none", icon: _jsx(Users, { className: "w-5 h-5" }) })] })),
+};
+export const MinimalCards = {
+    args: {
+        title: "Metric",
+        value: "0",
+    },
+    render: () => (_jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4", children: [_jsx(MetricCard, { title: "Users", value: 1234 }), _jsx(MetricCard, { title: "Revenue", value: "$5,678" }), _jsx(MetricCard, { title: "Orders", value: 234 }), _jsx(MetricCard, { title: "Sessions", value: 3456 })] })),
+};
+//# sourceMappingURL=metric-card.stories.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,129 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { MetricCard } from "./metric-card";
+describe("MetricCard", () => {
+    it("should render metric card with title and value", () => {
+        render(_jsx(MetricCard, { title: "Total Users", value: 1250 }));
+        expect(screen.getByText("Total Users")).toBeInTheDocument();
+        expect(screen.getByText("1,250")).toBeInTheDocument();
+    });
+    it("should format numeric values with locale string", () => {
+        render(_jsx(MetricCard, { title: "Revenue", value: 1234567 }));
+        expect(screen.getByText("1,234,567")).toBeInTheDocument();
+    });
+    it("should render string values without formatting", () => {
+        render(_jsx(MetricCard, { title: "Status", value: "Active" }));
+        expect(screen.getByText("Active")).toBeInTheDocument();
+    });
+    it("should render icon when provided", () => {
+        render(_jsx(MetricCard, { title: "Sales", value: 100, icon: _jsx("span", { "data-testid": "metric-icon", children: "$" }) }));
+        expect(screen.getByTestId("metric-icon")).toBeInTheDocument();
+    });
+    it("should render positive change indicator", () => {
+        render(_jsx(MetricCard, { title: "Growth", value: 100, change: 15 }));
+        expect(screen.getAllByText(/15% than last week/i)).toHaveLength(2); // One visible, one sr-only
+        expect(screen.getByText("↑")).toBeInTheDocument();
+    });
+    it("should render negative change indicator", () => {
+        render(_jsx(MetricCard, { title: "Users", value: 100, change: -10 }));
+        expect(screen.getAllByText(/10% than last week/i)).toHaveLength(2); // One visible, one sr-only
+        expect(screen.getByText("↓")).toBeInTheDocument();
+    });
+    it("should render zero change indicator", () => {
+        render(_jsx(MetricCard, { title: "Stable", value: 100, change: 0 }));
+        expect(screen.getByText("No change")).toBeInTheDocument();
+        expect(screen.getByText("−")).toBeInTheDocument();
+    });
+    it("should render custom change label", () => {
+        render(_jsx(MetricCard, { title: "Users", value: 100, change: 15, changeLabel: "Custom increase message" }));
+        expect(screen.getByText("Custom increase message")).toBeInTheDocument();
+    });
+    it("should render subtitle when provided", () => {
+        render(_jsx(MetricCard, { title: "Revenue", value: 50000, subtitle: "This month's total" }));
+        expect(screen.getByText("This month's total")).toBeInTheDocument();
+    });
+    it("should render with default variant", () => {
+        const { container } = render(_jsx(MetricCard, { title: "Users", value: 100 }));
+        const card = container.querySelector('[data-comp="metric-card"]');
+        expect(card).toHaveClass("bg-card", "border", "text-card-foreground");
+    });
+    it("should render with primary variant", () => {
+        const { container } = render(_jsx(MetricCard, { title: "Users", value: 100, variant: "primary" }));
+        const card = container.querySelector('[data-comp="metric-card"]');
+        expect(card).toHaveClass("bg-gradient-to-br", "from-primary", "text-primary-foreground");
+    });
+    it("should render with success variant", () => {
+        const { container } = render(_jsx(MetricCard, { title: "Users", value: 100, variant: "success" }));
+        const card = container.querySelector('[data-comp="metric-card"]');
+        expect(card).toHaveClass("from-success", "text-success-foreground");
+    });
+    it("should render with warning variant", () => {
+        const { container } = render(_jsx(MetricCard, { title: "Users", value: 100, variant: "warning" }));
+        const card = container.querySelector('[data-comp="metric-card"]');
+        expect(card).toHaveClass("from-warning", "text-warning-foreground");
+    });
+    it("should render with info variant", () => {
+        const { container } = render(_jsx(MetricCard, { title: "Users", value: 100, variant: "info" }));
+        const card = container.querySelector('[data-comp="metric-card"]');
+        expect(card).toHaveClass("from-info", "text-info-foreground");
+    });
+    it("should render with destructive variant", () => {
+        const { container } = render(_jsx(MetricCard, { title: "Errors", value: 5, variant: "destructive" }));
+        const card = container.querySelector('[data-comp="metric-card"]');
+        expect(card).toHaveClass("from-destructive", "text-destructive-foreground");
+    });
+    it("should render with secondary variant", () => {
+        const { container } = render(_jsx(MetricCard, { title: "Users", value: 100, variant: "secondary" }));
+        const card = container.querySelector('[data-comp="metric-card"]');
+        expect(card).toHaveClass("from-secondary", "text-secondary-foreground");
+    });
+    it("should apply custom className", () => {
+        const { container } = render(_jsx(MetricCard, { title: "Users", value: 100, className: "custom-class" }));
+        const card = container.querySelector('[data-comp="metric-card"]');
+        expect(card).toHaveClass("custom-class");
+    });
+    it("should forward ref", () => {
+        const ref = { current: null };
+        render(_jsx(MetricCard, { ref: ref, title: "Users", value: 100 }));
+        expect(ref.current).toBeTruthy();
+    });
+    it("should forward additional props", () => {
+        render(_jsx(MetricCard, { title: "Users", value: 100, "data-testid": "custom-metric" }));
+        expect(screen.getByTestId("custom-metric")).toBeInTheDocument();
+    });
+    it("should render both change and subtitle together", () => {
+        render(_jsx(MetricCard, { title: "Users", value: 100, change: 15, subtitle: "Additional info" }));
+        // When both are provided, change takes precedence
+        expect(screen.getAllByText(/15% than last week/i)).toHaveLength(2); // One visible, one sr-only
+    });
+    it("should include screen reader text for value", () => {
+        render(_jsx(MetricCard, { title: "Revenue", value: 1234567 }));
+        const srText = screen.getByText(/Revenue: 1,234,567/i);
+        expect(srText).toHaveClass("sr-only");
+    });
+    it("should include screen reader text for change", () => {
+        render(_jsx(MetricCard, { title: "Growth", value: 100, change: 15 }));
+        const srText = screen.getByText(/Change: 15% than last week/i);
+        expect(srText).toHaveClass("sr-only");
+    });
+    it("should apply correct color classes for positive change", () => {
+        const { container } = render(_jsx(MetricCard, { title: "Users", value: 100, change: 15, variant: "default" }));
+        const changeElement = container.querySelector(".text-success");
+        expect(changeElement).toBeInTheDocument();
+    });
+    it("should apply correct color classes for negative change", () => {
+        const { container } = render(_jsx(MetricCard, { title: "Users", value: 100, change: -15, variant: "default" }));
+        const changeElement = container.querySelector(".text-destructive");
+        expect(changeElement).toBeInTheDocument();
+    });
+    it("should handle zero value", () => {
+        render(_jsx(MetricCard, { title: "Counter", value: 0 }));
+        expect(screen.getByText("0")).toBeInTheDocument();
+    });
+    it("should handle negative value", () => {
+        render(_jsx(MetricCard, { title: "Balance", value: -500 }));
+        expect(screen.getByText("-500")).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=metric-card.test.js.map

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

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

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

@@ -0,0 +1,15 @@
+import type * 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;
+}
+//# sourceMappingURL=metric-card.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"metric-card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/metric-card/metric-card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,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"}

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

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

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

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

package/dist/src/components/multi-select/index.d.ts

@@ -0,0 +1,4 @@
+export { MultiSelect, type MultiSelectOption, type MultiSelectProps, } from "./multi-select";
+export type { MultiSelectSkeletonConfig, MultiSelectSkeletonProps, } from "./multi-select-skeleton";
+export { MultiSelectSkeleton } from "./multi-select-skeleton";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/multi-select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,WAAW,EACX,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,GACrB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACX,yBAAyB,EACzB,wBAAwB,GACxB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/src/components/multi-select/index.js

@@ -0,0 +1,3 @@
+export { MultiSelect, } from "./multi-select";
+export { MultiSelectSkeleton } from "./multi-select-skeleton";
+//# sourceMappingURL=index.js.map

package/dist/src/components/multi-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/multi-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,WAAW,GAGX,MAAM,gBAAgB,CAAC;AAKxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/src/components/multi-select/multi-select-skeleton.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Multi-Select Skeleton Component
+ *
+ * Loading placeholder for the Multi-Select component.
+ * Shows selected tags and input area.
+ */
+export interface MultiSelectSkeletonConfig {
+    /**
+     * Number of selected tags to show
+     */
+    tagCount?: number;
+    /**
+     * Size variant
+     */
+    size?: "sm" | "default";
+}
+export interface MultiSelectSkeletonProps extends MultiSelectSkeletonConfig {
+    /**
+     * Additional className for the skeleton container
+     */
+    className?: string;
+    /**
+     * Test ID for querying the element
+     */
+    "data-testid"?: string;
+}
+/**
+ * Multi-Select skeleton component
+ *
+ * @example
+ * ```tsx
+ * <MultiSelectSkeleton tagCount={3} />
+ *
+ * <MultiSelectSkeleton size="sm" />
+ * ```
+ */
+export declare function MultiSelectSkeleton({ tagCount, size, className, "data-testid": dataTestId, }: MultiSelectSkeletonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=multi-select-skeleton.d.ts.map

package/dist/src/components/multi-select/multi-select-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/multi-select/multi-select-skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,MAAM,WAAW,yBAAyB;IACzC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,wBAAyB,SAAQ,yBAAyB;IAC1E;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,EACnC,QAAY,EACZ,IAAgB,EAChB,SAAS,EACT,aAAa,EAAE,UAAU,GACzB,EAAE,wBAAwB,2CAqB1B"}

package/dist/src/components/multi-select/multi-select-skeleton.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Multi-Select Skeleton Component
+ *
+ * Loading placeholder for the Multi-Select component.
+ * Shows selected tags and input area.
+ */
+import { cn } from "../../lib/utils";
+import { Skeleton } from "../skeleton/skeleton";
+/**
+ * Multi-Select skeleton component
+ *
+ * @example
+ * ```tsx
+ * <MultiSelectSkeleton tagCount={3} />
+ *
+ * <MultiSelectSkeleton size="sm" />
+ * ```
+ */
+export function MultiSelectSkeleton({ tagCount = 3, size = "default", className, "data-testid": dataTestId, }) {
+    const minHeight = size === "sm" ? "min-h-9" : "min-h-10";
+    return (_jsxs("div", { "data-testid": dataTestId || "multi-select-skeleton", className: cn("flex flex-wrap gap-2 border rounded-md p-2", minHeight, className), children: [Array.from({ length: tagCount }).map((_, i) => (_jsx(Skeleton, { className: "h-6 w-24 rounded-full" }, `tag-${i}`))), _jsx(Skeleton, { className: "h-5 w-32 flex-1" })] }));
+}
+//# sourceMappingURL=multi-select-skeleton.js.map

package/dist/src/components/multi-select/multi-select-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select-skeleton.js","sourceRoot":"","sources":["../../../../src/components/multi-select/multi-select-skeleton.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAwBhD;;;;;;;;;GASG;AACH,MAAM,UAAU,mBAAmB,CAAC,EACnC,QAAQ,GAAG,CAAC,EACZ,IAAI,GAAG,SAAS,EAChB,SAAS,EACT,aAAa,EAAE,UAAU,GACC;IAC1B,MAAM,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IAEzD,OAAO,CACN,8BACc,UAAU,IAAI,uBAAuB,EAClD,SAAS,EAAE,EAAE,CACZ,4CAA4C,EAC5C,SAAS,EACT,SAAS,CACT,aAGA,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/C,KAAC,QAAQ,IAAkB,SAAS,EAAC,uBAAuB,IAA7C,OAAO,CAAC,EAAE,CAAsC,CAC/D,CAAC,EAGF,KAAC,QAAQ,IAAC,SAAS,EAAC,iBAAiB,GAAG,IACnC,CACN,CAAC;AACH,CAAC"}