@kala-ui/react 0.0.1-beta.1

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

@@ -0,0 +1,86 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cardStyles } from "../../config/card";
+import { cn } from "../../lib/utils";
+import { CardSkeleton } from "./card-skeleton";
+const Card = React.forwardRef(({ className, isLoading = false, skeletonConfig, skeleton, children, ...props }, ref) => {
+    if (isLoading) {
+        if (skeleton) {
+            return (_jsx("div", { ref: ref, className: cn(cardStyles.base, className), children: skeleton }));
+        }
+        return _jsx(CardSkeleton, { ...skeletonConfig });
+    }
+    return (_jsx("div", { ref: ref, className: cn(cardStyles.base, className), ...props, children: children }));
+});
+Card.displayName = "Card";
+function CardHeader({ className, ...props }) {
+    return _jsx("div", { className: cn(cardStyles.header, className), ...props });
+}
+function CardTitle({ className, ...props }) {
+    return _jsx("h5", { className: cn(cardStyles.title, className), ...props });
+}
+function CardSubtitle({ className, ...props }) {
+    return _jsx("h6", { className: cn(cardStyles.subtitle, className), ...props });
+}
+function CardDescription({ className, ...props }) {
+    return _jsx("p", { className: cn(cardStyles.description, className), ...props });
+}
+function CardAction({ className, ...props }) {
+    return _jsx("div", { className: cn("ml-auto", className), ...props });
+}
+function CardContent({ className, ...props }) {
+    return _jsx("div", { className: cn(cardStyles.content, className), ...props });
+}
+function CardFooter({ className, ...props }) {
+    return _jsx("div", { className: cn(cardStyles.footer, className), ...props });
+}
+function CardImage({ className, alt = "", ...props }) {
+    if (!alt) {
+        console.warn("CardImage: Missing alt text. Images should have descriptive alt text for accessibility.");
+    }
+    return (_jsx("img", { alt: alt, className: cn(cardStyles.image, className), ...props }));
+}
+function CardImageOverlay({ className, ...props }) {
+    return _jsx("div", { className: cn(cardStyles.overlay, className), ...props });
+}
+function CardMarker({ className, position = "top-left", variant = "default", color = "default", children, ...props }) {
+    const positionClasses = {
+        "top-left": "top-2 left-2",
+        "top-right": "top-2 right-2",
+        "bottom-left": "bottom-2 left-2",
+        "bottom-right": "bottom-2 right-2",
+    };
+    const colorClasses = {
+        default: "bg-foreground text-background",
+        primary: "bg-primary text-primary-foreground",
+        success: "bg-success text-success-foreground",
+        warning: "bg-warning text-warning-foreground",
+        danger: "bg-destructive text-destructive-foreground",
+        info: "bg-info text-info-foreground",
+    };
+    // Base marker styles
+    if (variant === "default") {
+        return (_jsx("div", { className: cn("absolute z-10 rounded px-2 py-1 text-xs font-semibold shadow-sm", positionClasses[position], colorClasses[color], className), ...props, children: children }));
+    }
+    // Icon marker - larger, rounded, typically just an icon
+    if (variant === "icon") {
+        return (_jsx("div", { className: cn("absolute z-10 flex h-10 w-10 items-center justify-center rounded-full shadow-lg", position === "top-left" && "top-2 left-2", position === "top-right" && "top-2 right-2", position === "bottom-left" && "bottom-2 left-2", position === "bottom-right" && "bottom-2 right-2", colorClasses[color], className), ...props, children: children }));
+    }
+    // Ribbon marker - diagonal corner ribbon
+    if (variant === "ribbon") {
+        const ribbonPosition = position.startsWith("top") ? "top" : "bottom";
+        const ribbonSide = position.endsWith("left") ? "left" : "right";
+        return (_jsx("div", { className: cn("absolute z-10 px-8 py-1 text-xs font-semibold shadow-lg", ribbonPosition === "top" &&
+                ribbonSide === "left" &&
+                "top-3 -left-8 -rotate-45 origin-top-left", ribbonPosition === "top" &&
+                ribbonSide === "right" &&
+                "top-3 -right-8 rotate-45 origin-top-right", ribbonPosition === "bottom" &&
+                ribbonSide === "left" &&
+                "bottom-3 -left-8 rotate-45 origin-bottom-left", ribbonPosition === "bottom" &&
+                ribbonSide === "right" &&
+                "bottom-3 -right-8 -rotate-45 origin-bottom-right", colorClasses[color], className), ...props, children: children }));
+    }
+    return null;
+}
+export { Card, CardHeader, CardFooter, CardTitle, CardSubtitle, CardDescription, CardAction, CardContent, CardImage, CardImageOverlay, CardMarker, };
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../src/components/card/card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAS/C,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC5B,CACC,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAC9E,GAAG,EACF,EAAE;IACH,IAAI,SAAS,EAAE,CAAC;QACf,IAAI,QAAQ,EAAE,CAAC;YACd,OAAO,CACN,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,YACtD,QAAQ,GACJ,CACN,CAAC;QACH,CAAC;QACD,OAAO,KAAC,YAAY,OAAK,cAAc,GAAI,CAAC;IAC7C,CAAC;IAED,OAAO,CACN,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,KAAK,YACjE,QAAQ,GACJ,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,SAAS,UAAU,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC8B;IACtC,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACxE,CAAC;AAED,SAAS,SAAS,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACkC;IAC1C,OAAO,aAAI,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACtE,CAAC;AAED,SAAS,YAAY,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACkC;IAC1C,OAAO,aAAI,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACzE,CAAC;AAED,SAAS,eAAe,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACoC;IAC5C,OAAO,YAAG,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,WAAW,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAC3E,CAAC;AAED,SAAS,UAAU,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC8B;IACtC,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAChE,CAAC;AAED,SAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC8B;IACtC,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACzE,CAAC;AAED,SAAS,UAAU,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EAC8B;IACtC,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACxE,CAAC;AAED,SAAS,SAAS,CAAC,EAClB,SAAS,EACT,GAAG,GAAG,EAAE,EACR,GAAG,KAAK,EACmC;IAC3C,IAAI,CAAC,GAAG,EAAE,CAAC;QACV,OAAO,CAAC,IAAI,CACX,yFAAyF,CACzF,CAAC;IACH,CAAC;IACD,OAAO,CACN,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACxE,CAAC;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EAC8B;IACtC,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACzE,CAAC;AAoBD,SAAS,UAAU,CAAC,EACnB,SAAS,EACT,QAAQ,GAAG,UAAU,EACrB,OAAO,GAAG,SAAS,EACnB,KAAK,GAAG,SAAS,EACjB,QAAQ,EACR,GAAG,KAAK,EACS;IACjB,MAAM,eAAe,GAAG;QACvB,UAAU,EAAE,cAAc;QAC1B,WAAW,EAAE,eAAe;QAC5B,aAAa,EAAE,iBAAiB;QAChC,cAAc,EAAE,kBAAkB;KAClC,CAAC;IAEF,MAAM,YAAY,GAAG;QACpB,OAAO,EAAE,+BAA+B;QACxC,OAAO,EAAE,oCAAoC;QAC7C,OAAO,EAAE,oCAAoC;QAC7C,OAAO,EAAE,oCAAoC;QAC7C,MAAM,EAAE,4CAA4C;QACpD,IAAI,EAAE,8BAA8B;KACpC,CAAC;IAEF,qBAAqB;IACrB,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC3B,OAAO,CACN,cACC,SAAS,EAAE,EAAE,CACZ,iEAAiE,EACjE,eAAe,CAAC,QAAQ,CAAC,EACzB,YAAY,CAAC,KAAK,CAAC,EACnB,SAAS,CACT,KACG,KAAK,YAER,QAAQ,GACJ,CACN,CAAC;IACH,CAAC;IAED,wDAAwD;IACxD,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;QACxB,OAAO,CACN,cACC,SAAS,EAAE,EAAE,CACZ,iFAAiF,EACjF,QAAQ,KAAK,UAAU,IAAI,cAAc,EACzC,QAAQ,KAAK,WAAW,IAAI,eAAe,EAC3C,QAAQ,KAAK,aAAa,IAAI,iBAAiB,EAC/C,QAAQ,KAAK,cAAc,IAAI,kBAAkB,EACjD,YAAY,CAAC,KAAK,CAAC,EACnB,SAAS,CACT,KACG,KAAK,YAER,QAAQ,GACJ,CACN,CAAC;IACH,CAAC;IAED,yCAAyC;IACzC,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QAC1B,MAAM,cAAc,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;QACrE,MAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;QAEhE,OAAO,CACN,cACC,SAAS,EAAE,EAAE,CACZ,yDAAyD,EACzD,cAAc,KAAK,KAAK;gBACvB,UAAU,KAAK,MAAM;gBACrB,0CAA0C,EAC3C,cAAc,KAAK,KAAK;gBACvB,UAAU,KAAK,OAAO;gBACtB,2CAA2C,EAC5C,cAAc,KAAK,QAAQ;gBAC1B,UAAU,KAAK,MAAM;gBACrB,+CAA+C,EAChD,cAAc,KAAK,QAAQ;gBAC1B,UAAU,KAAK,OAAO;gBACtB,kDAAkD,EACnD,YAAY,CAAC,KAAK,CAAC,EACnB,SAAS,CACT,KACG,KAAK,YAER,QAAQ,GACJ,CACN,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CAAC;AACb,CAAC;AAED,OAAO,EACN,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,EACf,UAAU,EACV,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,UAAU,GACV,CAAC"}

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

@@ -0,0 +1,27 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("./card").CardProps & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BasicExample: Story;
+export declare const BodyOnly: Story;
+export declare const TitleTextLinks: Story;
+export declare const WithHeaderFooter: Story;
+export declare const ImageOverlay: Story;
+export declare const BackgroundColors: Story;
+export declare const LoginExample: Story;
+export declare const CardGrid: Story;
+export declare const WithBasicMarker: Story;
+export declare const WithMultipleMarkers: Story;
+export declare const WithIconMarker: Story;
+export declare const WithRibbonMarker: Story;
+export declare const MarkerColors: Story;
+export declare const EcommerceProduct: Story;
+export declare const LoadingSkeleton: Story;
+//# sourceMappingURL=card.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/card/card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAoBvD,QAAA,MAAM,IAAI;;;;;;;CAOmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,YAAY,EAAE,KAqB1B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KA6B5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA2B9B,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KAkB1B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAuE9B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA4C1B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KA8EtB,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KA2B7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,KAwDjC,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAsD5B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAsD9B,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KA4E1B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KA8C9B,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC"}

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

@@ -0,0 +1,81 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Heart, MessageCircle, Share2, Star, Tag, Zap } from "lucide-react";
+import { Button } from "../button";
+import { Input } from "../input";
+import { Label } from "../label";
+import { SkeletonCardContent } from "../skeleton/skeleton-patterns";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardImageOverlay, CardMarker, CardSubtitle, CardTitle, } from "./index";
+const meta = {
+    title: "Data Display/Card",
+    component: Card,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+// Basic Example (Dashforge)
+export const BasicExample = {
+    render: () => (_jsxs(Card, { className: "w-[350px]", children: [_jsx(CardImage, { src: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400&h=200&fit=crop", alt: "Mountain landscape" }), _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Card title" }) }), _jsx(CardContent, { children: _jsx(CardDescription, { children: "Some quick example text to build on the card title and make up the bulk of the card's content." }) }), _jsx(CardFooter, { children: _jsx(Button, { variant: "primary", children: "Go somewhere" }) })] })),
+};
+// Body Only (Dashforge)
+export const BodyOnly = {
+    render: () => (_jsx(Card, { className: "w-[350px]", children: _jsx(CardContent, { className: "py-6", children: "This is some text within a card body." }) })),
+};
+// Title, Text and Links (Dashforge)
+export const TitleTextLinks = {
+    render: () => (_jsxs(Card, { className: "w-[350px]", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Card title" }), _jsx(CardSubtitle, { children: "Card subtitle" })] }), _jsxs(CardContent, { children: [_jsx(CardDescription, { children: "Some quick example text to build on the card title and make up the bulk of the card's content." }), _jsxs("div", { className: "mt-4 flex gap-4", children: [_jsx("a", { href: "https://example.com", className: "text-sm text-primary hover:underline", children: "Card link" }), _jsx("a", { href: "https://example.com", className: "text-sm text-primary hover:underline", children: "Another link" })] })] })] })),
+};
+export const WithHeaderFooter = {
+    render: () => (_jsxs(Card, { className: "w-[350px]", children: [_jsx("div", { className: "border-b border-separator bg-muted/50 px-6 py-3", children: _jsx("h6", { className: "text-sm font-semibold", children: "Featured" }) }), _jsx(CardContent, { className: "py-6", children: _jsx(CardDescription, { children: "With supporting text below as a natural lead-in to additional content." }) }), _jsxs(CardFooter, { className: "gap-2", children: [_jsxs(Button, { variant: "outline", size: "sm", children: [_jsx(Heart, { className: "mr-2 size-4" }), "Like"] }), _jsxs(Button, { variant: "outline", size: "sm", children: [_jsx(MessageCircle, { className: "mr-2 size-4" }), "Comment"] }), _jsxs(Button, { variant: "outline", size: "sm", children: [_jsx(Share2, { className: "mr-2 size-4" }), "Share"] })] })] })),
+};
+// Image Overlay (Dashforge)
+export const ImageOverlay = {
+    render: () => (_jsxs(Card, { className: "relative w-[350px] overflow-hidden", children: [_jsx(CardImage, { src: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400&h=300&fit=crop", alt: "Mountain landscape", className: "h-[300px]" }), _jsxs(CardImageOverlay, { className: "bg-gradient-to-t from-black/70 to-transparent text-white", children: [_jsx(CardTitle, { className: "text-white", children: "Card title" }), _jsx(CardDescription, { className: "text-gray-200", children: "This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer." }), _jsx("p", { className: "mt-2 text-xs text-gray-300", children: "Last updated 3 mins ago" })] })] })),
+};
+// Background Colors (Dashforge)
+export const BackgroundColors = {
+    render: () => (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs(Card, { className: "w-[350px] border-primary bg-primary text-primary-foreground", children: [_jsx("div", { className: "border-b border-white/10 bg-black/10 px-6 py-3 rounded-t-md", children: _jsx("h6", { className: "text-sm font-semibold", children: "Primary" }) }), _jsx(CardContent, { className: "py-6", children: _jsx(CardDescription, { className: "text-primary-foreground/80", children: "Some quick example text to build on the card title and make up the bulk of the card's content." }) })] }), _jsxs(Card, { className: "w-[350px] border-secondary bg-secondary text-secondary-foreground", children: [_jsx("div", { className: "border-b border-black/5 bg-black/5 px-6 py-3 rounded-t-md", children: _jsx("h6", { className: "text-sm font-semibold", children: "Secondary" }) }), _jsx(CardContent, { className: "py-6", children: _jsx(CardDescription, { className: "text-secondary-foreground/80", children: "Some quick example text to build on the card title and make up the bulk of the card's content." }) })] }), _jsxs(Card, { className: "w-[350px] border-success bg-success text-success-foreground", children: [_jsx("div", { className: "border-b border-white/10 bg-black/10 px-6 py-3 rounded-t-md", children: _jsx("h6", { className: "text-sm font-semibold", children: "Success" }) }), _jsx(CardContent, { className: "py-6", children: _jsx(CardDescription, { className: "text-success-foreground/80", children: "Some quick example text to build on the card title and make up the bulk of the card's content." }) })] }), _jsxs(Card, { className: "w-[350px] border-destructive bg-destructive text-destructive-foreground", children: [_jsx("div", { className: "border-b border-white/10 bg-black/10 px-6 py-3 rounded-t-md", children: _jsx("h6", { className: "text-sm font-semibold", children: "Danger" }) }), _jsx(CardContent, { className: "py-6", children: _jsx(CardDescription, { className: "text-destructive-foreground/80", children: "Some quick example text to build on the card title and make up the bulk of the card's content." }) })] }), _jsxs(Card, { className: "w-[350px] border-warning bg-warning text-warning-foreground", children: [_jsx("div", { className: "border-b border-white/10 bg-black/10 px-6 py-3 rounded-t-md", children: _jsx("h6", { className: "text-sm font-semibold", children: "Warning" }) }), _jsx(CardContent, { className: "py-6", children: _jsx(CardDescription, { className: "text-warning-foreground/80", children: "Some quick example text to build on the card title and make up the bulk of the card's content." }) })] }), _jsxs(Card, { className: "w-[350px] border-info bg-info text-info-foreground", children: [_jsx("div", { className: "border-b border-white/10 bg-black/10 px-6 py-3 rounded-t-md", children: _jsx("h6", { className: "text-sm font-semibold", children: "Info" }) }), _jsx(CardContent, { className: "py-6", children: _jsx(CardDescription, { className: "text-info-foreground/80", children: "Some quick example text to build on the card title and make up the bulk of the card's content." }) })] })] })),
+};
+export const LoginExample = {
+    render: () => (_jsxs(Card, { className: "w-full max-w-sm", children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Login to your account" }), _jsx(CardDescription, { children: "Enter your email below to login to your account" }), _jsx(CardAction, { children: _jsx(Button, { variant: "link", className: "px-0", children: "Sign Up" }) })] }), _jsx(CardContent, { children: _jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid gap-2", children: [_jsx(Label, { htmlFor: "email", children: "Email" }), _jsx(Input, { id: "email", type: "email", placeholder: "m@example.com" })] }), _jsxs("div", { className: "grid gap-2", children: [_jsxs("div", { className: "flex items-center", children: [_jsx(Label, { htmlFor: "password", children: "Password" }), _jsx("a", { href: "/forgot-password", className: "ml-auto text-sm text-primary hover:underline", children: "Forgot your password?" })] }), _jsx(Input, { id: "password", type: "password" })] })] }) }), _jsxs(CardFooter, { className: "flex-col gap-2 border-0 pt-0", children: [_jsx(Button, { type: "submit", className: "w-full", children: "Login" }), _jsx(Button, { variant: "outline", className: "w-full", children: "Login with Google" })] })] })),
+};
+// Card Grid (Dashforge)
+export const CardGrid = {
+    render: () => (_jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: [_jsxs(Card, { children: [_jsx(CardImage, { src: "https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=400&h=200&fit=crop", alt: "Mountain" }), _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Card Title" }) }), _jsxs(CardContent, { children: [_jsx(CardDescription, { children: "This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer." }), _jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Last updated 3 mins ago" })] })] }), _jsxs(Card, { children: [_jsx(CardImage, { src: "https://images.unsplash.com/photo-1469474968028-56623f02e42e?w=400&h=200&fit=crop", alt: "Nature" }), _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Card Title" }) }), _jsxs(CardContent, { children: [_jsx(CardDescription, { children: "This card has supporting text below as a natural lead-in to additional content." }), _jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Last updated 3 mins ago" })] })] }), _jsxs(Card, { children: [_jsx(CardImage, { src: "https://images.unsplash.com/photo-1441974231531-c6227db76b6e?w=400&h=200&fit=crop", alt: "Forest" }), _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Card Title" }) }), _jsxs(CardContent, { children: [_jsx(CardDescription, { children: "This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action." }), _jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Last updated 3 mins ago" })] })] }), _jsxs(Card, { children: [_jsx(CardImage, { src: "https://images.unsplash.com/photo-1447752875215-b2761acb3c5d?w=400&h=200&fit=crop", alt: "Flower" }), _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Card Title" }) }), _jsxs(CardContent, { children: [_jsx(CardDescription, { children: "This is a wider card with supporting text below as a natural lead-in to additional content." }), _jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: "Last updated 3 mins ago" })] })] })] })),
+};
+// Marker Examples - Basic
+export const WithBasicMarker = {
+    render: () => (_jsxs(Card, { className: "relative w-[350px] overflow-hidden", children: [_jsx(CardMarker, { position: "top-left", color: "danger", children: "SALE" }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=200&fit=crop", alt: "Product" }), _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Wireless Headphones" }) }), _jsxs(CardContent, { children: [_jsx(CardDescription, { children: "Premium wireless headphones with noise cancellation and 30-hour battery life." }), _jsxs("div", { className: "mt-4 flex items-center justify-between", children: [_jsx("span", { className: "text-2xl font-bold", children: "$199" }), _jsx("span", { className: "text-sm text-muted-foreground line-through", children: "$299" })] })] })] })),
+};
+// Marker Examples - Multiple Positions
+export const WithMultipleMarkers = {
+    render: () => (_jsxs("div", { className: "flex flex-wrap gap-4", children: [_jsxs(Card, { className: "relative w-[300px] overflow-hidden", children: [_jsx(CardMarker, { position: "top-left", color: "primary", children: "NEW" }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=400&h=200&fit=crop", alt: "Product" }), _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Top Left" }) })] }), _jsxs(Card, { className: "relative w-[300px] overflow-hidden", children: [_jsx(CardMarker, { position: "top-right", color: "success", children: "50% OFF" }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1572635196237-14b3f281503f?w=400&h=200&fit=crop", alt: "Product" }), _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Top Right" }) })] }), _jsxs(Card, { className: "relative w-[300px] overflow-hidden", children: [_jsx(CardMarker, { position: "bottom-left", color: "warning", children: "LIMITED" }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1560343090-f0409e92791a?w=400&h=200&fit=crop", alt: "Product" }), _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Bottom Left" }) })] }), _jsxs(Card, { className: "relative w-[300px] overflow-hidden", children: [_jsx(CardMarker, { position: "bottom-right", color: "info", children: "TRENDING" }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1485955900006-10f4d324d411?w=400&h=200&fit=crop", alt: "Product" }), _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Bottom Right" }) })] })] })),
+};
+// Marker Examples - Icon Variant
+export const WithIconMarker = {
+    render: () => (_jsxs("div", { className: "flex flex-wrap gap-4", children: [_jsxs(Card, { className: "relative w-[300px] overflow-hidden", children: [_jsx(CardMarker, { position: "top-left", variant: "icon", color: "warning", children: _jsx(Zap, { className: "h-5 w-5" }) }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d?w=400&h=200&fit=crop", alt: "Product" }), _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Premium Feature" }) }), _jsx(CardContent, { children: _jsx(CardDescription, { children: "Unlock premium features with this product" }) })] }), _jsxs(Card, { className: "relative w-[300px] overflow-hidden", children: [_jsx(CardMarker, { position: "top-right", variant: "icon", color: "success", children: _jsx(Star, { className: "h-5 w-5" }) }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=400&h=200&fit=crop", alt: "Product" }), _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Best Seller" }) }), _jsx(CardContent, { children: _jsx(CardDescription, { children: "Our most popular product this month" }) })] }), _jsxs(Card, { className: "relative w-[300px] overflow-hidden", children: [_jsx(CardMarker, { position: "top-right", variant: "icon", color: "danger", children: _jsx(Tag, { className: "h-5 w-5" }) }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1461749280684-dccba630e2f6?w=400&h=200&fit=crop", alt: "Product" }), _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Special Offer" }) }), _jsx(CardContent, { children: _jsx(CardDescription, { children: "Limited time discount available" }) })] })] })),
+};
+// Marker Examples - Ribbon Variant
+export const WithRibbonMarker = {
+    render: () => (_jsxs("div", { className: "flex flex-wrap gap-4", children: [_jsxs(Card, { className: "relative w-[300px] overflow-hidden", children: [_jsx(CardMarker, { position: "top-left", variant: "ribbon", color: "danger", children: "SALE" }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=400&h=200&fit=crop", alt: "Product" }), _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Sneakers" }) }), _jsx(CardContent, { children: _jsx(CardDescription, { children: "Limited edition sneakers now on sale" }) })] }), _jsxs(Card, { className: "relative w-[300px] overflow-hidden", children: [_jsx(CardMarker, { position: "top-right", variant: "ribbon", color: "success", children: "NEW" }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1595341888016-a392ef81b7de?w=400&h=200&fit=crop", alt: "Product" }), _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Smart Watch" }) }), _jsx(CardContent, { children: _jsx(CardDescription, { children: "Just arrived in our store" }) })] }), _jsxs(Card, { className: "relative w-[300px] overflow-hidden", children: [_jsx(CardMarker, { position: "top-left", variant: "ribbon", color: "primary", children: "FEATURED" }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1546868871-7041f2a55e12?w=400&h=200&fit=crop", alt: "Product" }), _jsx(CardHeader, { children: _jsx(CardTitle, { children: "Smart Device" }) }), _jsx(CardContent, { children: _jsx(CardDescription, { children: "Featured product of the week" }) })] })] })),
+};
+// Marker Examples - All Colors
+export const MarkerColors = {
+    render: () => (_jsxs("div", { className: "flex flex-wrap gap-4", children: [_jsxs(Card, { className: "relative w-[250px] overflow-hidden", children: [_jsx(CardMarker, { color: "default", children: "Default" }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=150&fit=crop", alt: "Product", className: "h-32" }), _jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-sm", children: "Default Gray" }) })] }), _jsxs(Card, { className: "relative w-[250px] overflow-hidden", children: [_jsx(CardMarker, { color: "primary", children: "Primary" }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=150&fit=crop", alt: "Product", className: "h-32" }), _jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-sm", children: "Blue Primary" }) })] }), _jsxs(Card, { className: "relative w-[250px] overflow-hidden", children: [_jsx(CardMarker, { color: "success", children: "Success" }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=150&fit=crop", alt: "Product", className: "h-32" }), _jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-sm", children: "Green Success" }) })] }), _jsxs(Card, { className: "relative w-[250px] overflow-hidden", children: [_jsx(CardMarker, { color: "warning", children: "Warning" }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=150&fit=crop", alt: "Product", className: "h-32" }), _jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-sm", children: "Yellow Warning" }) })] }), _jsxs(Card, { className: "relative w-[250px] overflow-hidden", children: [_jsx(CardMarker, { color: "danger", children: "Danger" }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=150&fit=crop", alt: "Product", className: "h-32" }), _jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-sm", children: "Red Danger" }) })] }), _jsxs(Card, { className: "relative w-[250px] overflow-hidden", children: [_jsx(CardMarker, { color: "info", children: "Info" }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1505740420928-5e560c06d30e?w=400&h=150&fit=crop", alt: "Product", className: "h-32" }), _jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-sm", children: "Cyan Info" }) })] })] })),
+};
+// E-commerce Product Card with Marker
+export const EcommerceProduct = {
+    render: () => (_jsxs(Card, { className: "relative w-[350px] overflow-hidden", children: [_jsx(CardMarker, { position: "top-left", color: "danger", children: "30% OFF" }), _jsx(CardMarker, { position: "top-right", variant: "icon", color: "success", children: _jsx(Star, { className: "h-5 w-5" }) }), _jsx(CardImage, { src: "https://images.unsplash.com/photo-1606107557195-0e29a4b5b4aa?w=400&h=300&fit=crop", alt: "Sneakers", className: "h-[300px]" }), _jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Premium Running Shoes" }), _jsx(CardSubtitle, { children: "Nike Air Max 2024" })] }), _jsxs(CardContent, { children: [_jsx(CardDescription, { children: "Experience ultimate comfort and style with our latest running shoe design. Features advanced cushioning technology." }), _jsxs("div", { className: "mt-4 flex items-center justify-between", children: [_jsxs("div", { children: [_jsx("span", { className: "text-2xl font-bold text-success", children: "$139.99" }), _jsx("span", { className: "ml-2 text-sm text-muted-foreground line-through", children: "$199.99" })] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Star, { className: "h-4 w-4 fill-warning text-warning" }), _jsx("span", { className: "text-sm font-medium", children: "4.8 (234)" })] })] })] }), _jsxs(CardFooter, { className: "gap-2", children: [_jsx(Button, { className: "flex-1", variant: "primary", children: "Add to Cart" }), _jsx(Button, { variant: "outline", children: _jsx(Heart, { className: "h-4 w-4" }) })] })] })),
+};
+export const LoadingSkeleton = {
+    render: () => (_jsx("div", { className: "w-full max-w-md", children: _jsx(Card, { children: _jsx(CardContent, { className: "pt-6", children: _jsx(SkeletonCardContent, { showHeader: true, showFooter: true, contentLines: 3 }) }) }) })),
+    parameters: {
+        docs: {
+            description: {
+                story: "Loading skeleton placeholders for card content while data is loading.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=card.stories.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./card";
+describe("Card", () => {
+    it("renders card with content", () => {
+        render(_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardDescription, { children: "Card Description" })] }), _jsx(CardContent, { children: "Card Content" }), _jsx(CardFooter, { children: "Card Footer" })] }));
+        expect(screen.getByText("Card Title")).toBeInTheDocument();
+        expect(screen.getByText("Card Description")).toBeInTheDocument();
+        expect(screen.getByText("Card Content")).toBeInTheDocument();
+        expect(screen.getByText("Card Footer")).toBeInTheDocument();
+    });
+    it("applies card styles", () => {
+        const { container } = render(_jsx(Card, { children: "Content" }));
+        const card = container.firstChild;
+        expect(card).toHaveClass("bg-card");
+        expect(card).toHaveClass("text-card-foreground");
+        expect(card).toHaveClass("rounded-md");
+        expect(card).toHaveClass("border");
+    });
+    it("applies custom className", () => {
+        const { container } = render(_jsx(Card, { className: "custom-class", children: "Content" }));
+        expect(container.firstChild).toHaveClass("custom-class");
+    });
+});
+//# sourceMappingURL=card.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.test.js","sourceRoot":"","sources":["../../../../src/components/card/card.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EACN,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACT,MAAM,QAAQ,CAAC;AAEhB,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;IACrB,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACpC,MAAM,CACL,MAAC,IAAI,eACJ,MAAC,UAAU,eACV,KAAC,SAAS,6BAAuB,EACjC,KAAC,eAAe,mCAAmC,IACvC,EACb,KAAC,WAAW,+BAA2B,EACvC,KAAC,UAAU,8BAAyB,IAC9B,CACP,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC3D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACjE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC7D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qBAAqB,EAAE,GAAG,EAAE;QAC9B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,IAAI,0BAAe,CAAC,CAAC;QACnD,MAAM,IAAI,GAAG,SAAS,CAAC,UAAU,CAAC;QAClC,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QACpC,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;QACjD,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACvC,MAAM,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,wBAAe,CAAC,CAAC;QAC5E,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,11 @@
+import type * as React from "react";
+import type { CardSkeletonConfig } from "../skeleton/skeleton.types";
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    isLoading?: boolean;
+    skeletonConfig?: CardSkeletonConfig;
+    skeleton?: React.ReactNode;
+}
+export interface CardMarkerProps extends React.HTMLAttributes<HTMLDivElement> {
+    color?: string;
+}
+//# sourceMappingURL=card.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.types.d.ts","sourceRoot":"","sources":["../../../../src/components/card/card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;CACf"}

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

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

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

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

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

@@ -0,0 +1,3 @@
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardImageOverlay, CardMarker, type CardMarkerProps, CardSubtitle, CardTitle, type CardProps, } from "./card";
+export { CardSkeleton } from "./card-skeleton";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,KAAK,eAAe,EACpB,YAAY,EACZ,SAAS,EACT,KAAK,SAAS,GACd,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardImageOverlay, CardMarker, CardSubtitle, CardTitle, } from "./card";
+export { CardSkeleton } from "./card-skeleton";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,UAAU,EAEV,YAAY,EACZ,SAAS,GAET,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/components/charts/area-chart.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Area Chart Component
+ * Beautiful area charts with gradient fills, perfect for time series and trends
+ */
+import type { AreaChartProps } from "./chart.types";
+export declare function AreaChart({ series, categories, colors, height, width, className, title, subtitle, toolbar, animations, curve, stacked, dataLabels, yAxisLabel, referenceLines, options: customOptions, }: AreaChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=area-chart.d.ts.map

package/dist/src/components/charts/area-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/area-chart.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,eAAe,CAAC;AAInE,wBAAgB,SAAS,CAAC,EACzB,MAAM,EACN,UAAU,EACV,MAAM,EACN,MAAY,EACZ,KAAc,EACd,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAe,EACf,UAAiB,EACjB,KAAgB,EAChB,OAAe,EACf,UAAkB,EAClB,UAAU,EACV,cAAmB,EACnB,OAAO,EAAE,aAAa,GACtB,EAAE,cAAc,2CAuKhB"}

package/dist/src/components/charts/area-chart.js

@@ -0,0 +1,165 @@
+/**
+ * Area Chart Component
+ * Beautiful area charts with gradient fills, perfect for time series and trends
+ */
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { cn } from "../../lib/utils";
+import { Chart } from "./chart";
+import { getDefaultChartOptions } from "./utils";
+import { useThemeAwareChart } from "./use-theme-aware-chart";
+export function AreaChart({ series, categories, colors, height = 350, width = "100%", className, title, subtitle, toolbar = false, animations = true, curve = "smooth", stacked = false, dataLabels = false, yAxisLabel, referenceLines = [], options: customOptions, }) {
+    const { colors: themeColors } = useThemeAwareChart();
+    const chartOptions = useMemo(() => {
+        const baseOptions = getDefaultChartOptions();
+        // Use theme-aware colors if not provided
+        const chartColors = colors || themeColors.mixed;
+        const options = {
+            ...baseOptions,
+            chart: {
+                ...baseOptions.chart,
+                type: "area",
+                stacked,
+                toolbar: {
+                    show: toolbar,
+                    tools: {
+                        download: true,
+                        selection: true,
+                        zoom: true,
+                        zoomin: true,
+                        zoomout: true,
+                        pan: true,
+                        reset: true,
+                    },
+                },
+                animations: {
+                    enabled: animations,
+                    speed: 800,
+                },
+            },
+            colors: chartColors,
+            dataLabels: {
+                enabled: dataLabels,
+            },
+            stroke: {
+                curve,
+                width: 2,
+            },
+            fill: {
+                type: "gradient",
+                gradient: {
+                    shadeIntensity: 1,
+                    opacityFrom: 0.7,
+                    opacityTo: 0.2,
+                    stops: [0, 90, 100],
+                },
+            },
+            xaxis: {
+                categories,
+                labels: {
+                    style: {
+                        colors: "hsl(var(--muted-foreground))",
+                        fontSize: "12px",
+                    },
+                },
+                axisBorder: {
+                    color: "hsl(var(--border))",
+                },
+                axisTicks: {
+                    color: "hsl(var(--border))",
+                },
+            },
+            yaxis: {
+                ...(yAxisLabel && {
+                    title: {
+                        text: yAxisLabel,
+                        style: {
+                            color: "hsl(var(--muted-foreground))",
+                            fontSize: "12px",
+                        },
+                    },
+                }),
+                labels: {
+                    style: {
+                        colors: "hsl(var(--muted-foreground))",
+                        fontSize: "12px",
+                    },
+                },
+            },
+            grid: {
+                borderColor: "hsl(var(--border))",
+                strokeDashArray: 3,
+            },
+            tooltip: {
+                theme: document.documentElement.classList.contains("dark")
+                    ? "dark"
+                    : "light",
+                x: {
+                    show: true,
+                },
+                y: {
+                    formatter: (value) => value.toLocaleString(),
+                },
+            },
+            legend: {
+                position: "top",
+                horizontalAlign: "right",
+                labels: {
+                    colors: "hsl(var(--foreground))",
+                },
+            },
+            ...(title && {
+                title: {
+                    text: title,
+                    style: {
+                        fontSize: "16px",
+                        fontWeight: "600",
+                        color: "hsl(var(--foreground))",
+                    },
+                },
+            }),
+            ...(subtitle && {
+                subtitle: {
+                    text: subtitle,
+                    style: {
+                        fontSize: "12px",
+                        color: "hsl(var(--muted-foreground))",
+                    },
+                },
+            }),
+            annotations: {
+                yaxis: referenceLines.map((line) => ({
+                    y: line.value,
+                    borderColor: line.color || themeColors.destructive[0],
+                    strokeDashArray: line.dashArray || 3,
+                    label: {
+                        text: line.label || "",
+                        style: {
+                            color: "#fff",
+                            background: line.color || themeColors.destructive[0],
+                        },
+                    },
+                })),
+            },
+            ...customOptions,
+        };
+        return options;
+    }, [
+        colors,
+        themeColors,
+        categories,
+        toolbar,
+        animations,
+        curve,
+        stacked,
+        dataLabels,
+        yAxisLabel,
+        title,
+        subtitle,
+        referenceLines,
+        customOptions,
+    ]);
+    return (_jsx("div", { className: cn("bg-card rounded-lg p-4", className), children: _jsx(Chart, { options: chartOptions, series: series, type: "area", height: height, width: width }) }));
+}
+//# sourceMappingURL=area-chart.js.map

package/dist/src/components/charts/area-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart.js","sourceRoot":"","sources":["../../../../src/components/charts/area-chart.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,YAAY,CAAC;;AAGb,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,UAAU,SAAS,CAAC,EACzB,MAAM,EACN,UAAU,EACV,MAAM,EACN,MAAM,GAAG,GAAG,EACZ,KAAK,GAAG,MAAM,EACd,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,IAAI,EACjB,KAAK,GAAG,QAAQ,EAChB,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EAClB,UAAU,EACV,cAAc,GAAG,EAAE,EACnB,OAAO,EAAE,aAAa,GACN;IAChB,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAErD,MAAM,YAAY,GAAgB,OAAO,CAAC,GAAG,EAAE;QAC9C,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAC;QAE7C,yCAAyC;QACzC,MAAM,WAAW,GAAG,MAAM,IAAI,WAAW,CAAC,KAAK,CAAC;QAEhD,MAAM,OAAO,GAAgB;YAC5B,GAAG,WAAW;YACd,KAAK,EAAE;gBACN,GAAG,WAAW,CAAC,KAAK;gBACpB,IAAI,EAAE,MAAM;gBACZ,OAAO;gBACP,OAAO,EAAE;oBACR,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE;wBACN,QAAQ,EAAE,IAAI;wBACd,SAAS,EAAE,IAAI;wBACf,IAAI,EAAE,IAAI;wBACV,MAAM,EAAE,IAAI;wBACZ,OAAO,EAAE,IAAI;wBACb,GAAG,EAAE,IAAI;wBACT,KAAK,EAAE,IAAI;qBACX;iBACD;gBACD,UAAU,EAAE;oBACX,OAAO,EAAE,UAAU;oBACnB,KAAK,EAAE,GAAG;iBACV;aACD;YACD,MAAM,EAAE,WAAW;YACnB,UAAU,EAAE;gBACX,OAAO,EAAE,UAAU;aACnB;YACD,MAAM,EAAE;gBACP,KAAK;gBACL,KAAK,EAAE,CAAC;aACR;YACD,IAAI,EAAE;gBACL,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE;oBACT,cAAc,EAAE,CAAC;oBACjB,WAAW,EAAE,GAAG;oBAChB,SAAS,EAAE,GAAG;oBACd,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC;iBACnB;aACD;YACD,KAAK,EAAE;gBACN,UAAU;gBACV,MAAM,EAAE;oBACP,KAAK,EAAE;wBACN,MAAM,EAAE,8BAA8B;wBACtC,QAAQ,EAAE,MAAM;qBAChB;iBACD;gBACD,UAAU,EAAE;oBACX,KAAK,EAAE,oBAAoB;iBAC3B;gBACD,SAAS,EAAE;oBACV,KAAK,EAAE,oBAAoB;iBAC3B;aACD;YACD,KAAK,EAAE;gBACN,GAAG,CAAC,UAAU,IAAI;oBACjB,KAAK,EAAE;wBACN,IAAI,EAAE,UAAU;wBAChB,KAAK,EAAE;4BACN,KAAK,EAAE,8BAA8B;4BACrC,QAAQ,EAAE,MAAM;yBAChB;qBACD;iBACD,CAAC;gBACF,MAAM,EAAE;oBACP,KAAK,EAAE;wBACN,MAAM,EAAE,8BAA8B;wBACtC,QAAQ,EAAE,MAAM;qBAChB;iBACD;aACD;YACD,IAAI,EAAE;gBACL,WAAW,EAAE,oBAAoB;gBACjC,eAAe,EAAE,CAAC;aAClB;YACD,OAAO,EAAE;gBACR,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC;oBACzD,CAAC,CAAC,MAAM;oBACR,CAAC,CAAC,OAAO;gBACV,CAAC,EAAE;oBACF,IAAI,EAAE,IAAI;iBACV;gBACD,CAAC,EAAE;oBACF,SAAS,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE;iBACpD;aACD;YACD,MAAM,EAAE;gBACP,QAAQ,EAAE,KAAK;gBACf,eAAe,EAAE,OAAO;gBACxB,MAAM,EAAE;oBACP,MAAM,EAAE,wBAAwB;iBAChC;aACD;YACD,GAAG,CAAC,KAAK,IAAI;gBACZ,KAAK,EAAE;oBACN,IAAI,EAAE,KAAK;oBACX,KAAK,EAAE;wBACN,QAAQ,EAAE,MAAM;wBAChB,UAAU,EAAE,KAAK;wBACjB,KAAK,EAAE,wBAAwB;qBAC/B;iBACD;aACD,CAAC;YACF,GAAG,CAAC,QAAQ,IAAI;gBACf,QAAQ,EAAE;oBACT,IAAI,EAAE,QAAQ;oBACd,KAAK,EAAE;wBACN,QAAQ,EAAE,MAAM;wBAChB,KAAK,EAAE,8BAA8B;qBACrC;iBACD;aACD,CAAC;YACF,WAAW,EAAE;gBACZ,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,CAAC,IAAmB,EAAE,EAAE,CAAC,CAAC;oBACnD,CAAC,EAAE,IAAI,CAAC,KAAK;oBACb,WAAW,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC;oBACrD,eAAe,EAAE,IAAI,CAAC,SAAS,IAAI,CAAC;oBACpC,KAAK,EAAE;wBACN,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE;wBACtB,KAAK,EAAE;4BACN,KAAK,EAAE,MAAM;4BACb,UAAU,EAAE,IAAI,CAAC,KAAK,IAAI,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC;yBACpD;qBACD;iBACD,CAAC,CAAC;aACH;YACD,GAAG,aAAa;SAChB,CAAC;QAEF,OAAO,OAAO,CAAC;IAChB,CAAC,EAAE;QACF,MAAM;QACN,WAAW;QACX,UAAU;QACV,OAAO;QACP,UAAU;QACV,KAAK;QACL,OAAO;QACP,UAAU;QACV,UAAU;QACV,KAAK;QACL,QAAQ;QACR,cAAc;QACd,aAAa;KACb,CAAC,CAAC;IAEH,OAAO,CACN,cAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,YACtD,KAAC,KAAK,IACL,OAAO,EAAE,YAAY,EACrB,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,GACX,GACG,CACN,CAAC;AACH,CAAC"}

package/dist/src/components/charts/bar-chart.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Bar Chart Component
+ * Vertical and horizontal bar charts for comparing values across categories
+ */
+import type { BarChartProps } from "./chart.types";
+export declare function BarChart({ series, categories, colors, height, width, className, title, subtitle, toolbar, animations, horizontal, stacked, dataLabels, barWidth, options: customOptions, }: BarChartProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=bar-chart.d.ts.map

package/dist/src/components/charts/bar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../../../../src/components/charts/bar-chart.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAInD,wBAAgB,QAAQ,CAAC,EACxB,MAAM,EACN,UAAU,EACV,MAAM,EACN,MAAY,EACZ,KAAc,EACd,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAe,EACf,UAAiB,EACjB,UAAkB,EAClB,OAAe,EACf,UAAkB,EAClB,QAAa,EACb,OAAO,EAAE,aAAa,GACtB,EAAE,aAAa,2CAmJf"}