@kala-ui/react 0.0.1-beta.1

package/dist/src/components/aspect-ratio/aspect-ratio.test.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { AspectRatio } from "./aspect-ratio";
+describe("AspectRatio", () => {
+    it("should render aspect ratio container with proper structure", () => {
+        render(_jsx(AspectRatio, { ratio: 16 / 9, children: _jsx("img", { src: "https://example.com/image.jpg", alt: "Test" }) }));
+        const aspectRatio = document.querySelector('[data-slot="aspect-ratio"]');
+        expect(aspectRatio).toBeInTheDocument();
+        expect(aspectRatio).toHaveClass("relative", "w-full", "overflow-hidden", "rounded-md");
+    });
+    it("should render with default ratio", () => {
+        const { container } = render(_jsx(AspectRatio, { children: _jsx("img", { src: "https://example.com/image.jpg", alt: "Test" }) }));
+        const aspectRatio = container.querySelector('[data-slot="aspect-ratio"]');
+        expect(aspectRatio).toBeInTheDocument();
+    });
+    it("should render with custom ratio", () => {
+        const { container } = render(_jsx(AspectRatio, { ratio: 4 / 3, children: _jsx("img", { src: "https://example.com/image.jpg", alt: "Test" }) }));
+        const aspectRatio = container.querySelector('[data-slot="aspect-ratio"]');
+        expect(aspectRatio).toBeInTheDocument();
+    });
+    it("should apply custom className to aspect ratio", () => {
+        const { container } = render(_jsx(AspectRatio, { className: "custom-aspect-ratio", children: _jsx("img", { src: "https://example.com/image.jpg", alt: "Test" }) }));
+        const aspectRatio = container.querySelector('[data-slot="aspect-ratio"]');
+        expect(aspectRatio).toHaveClass("custom-aspect-ratio");
+    });
+    it("should render with rounded variant", () => {
+        const { container } = render(_jsx(AspectRatio, { rounded: "lg", children: _jsx("img", { src: "https://example.com/image.jpg", alt: "Test" }) }));
+        const aspectRatio = container.querySelector('[data-slot="aspect-ratio"]');
+        expect(aspectRatio).toHaveClass("rounded-lg");
+    });
+    it("should render with bordered option", () => {
+        const { container } = render(_jsx(AspectRatio, { bordered: true, children: _jsx("img", { src: "https://example.com/image.jpg", alt: "Test" }) }));
+        const aspectRatio = container.querySelector('[data-slot="aspect-ratio"]');
+        expect(aspectRatio).toHaveClass("border", "border-border");
+    });
+    it("should render with data-slot attribute", () => {
+        const { container } = render(_jsx(AspectRatio, { children: _jsx("img", { src: "https://example.com/image.jpg", alt: "Test" }) }));
+        expect(container.querySelector('[data-slot="aspect-ratio"]')).toBeInTheDocument();
+    });
+    it("should render children content", () => {
+        render(_jsx(AspectRatio, { children: _jsx("div", { "data-testid": "test-content", children: "Test Content" }) }));
+        expect(screen.getByTestId("test-content")).toBeInTheDocument();
+        expect(screen.getByText("Test Content")).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=aspect-ratio.test.js.map

package/dist/src/components/aspect-ratio/aspect-ratio.test.js.map

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

package/dist/src/components/aspect-ratio/index.d.ts

@@ -0,0 +1,2 @@
+export { AspectRatio } from "./aspect-ratio";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/aspect-ratio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/aspect-ratio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/components/aspect-ratio/index.js

@@ -0,0 +1,2 @@
+export { AspectRatio } from "./aspect-ratio";
+//# sourceMappingURL=index.js.map

package/dist/src/components/aspect-ratio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/aspect-ratio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/components/avatar/avatar.d.ts

@@ -0,0 +1,28 @@
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const avatarVariants: (props?: ({
+    size?: "default" | "xs" | "sm" | "lg" | "md" | "xl" | "xxl" | null | undefined;
+    shape?: "rounded" | "circle" | "square" | null | undefined;
+    status?: "none" | "online" | "offline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface AvatarProps extends React.ComponentProps<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
+    /**
+     * Show skeleton loading state
+     */
+    isLoading?: boolean;
+}
+declare function Avatar({ className, size, shape, status, isLoading, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+interface AvatarImageProps extends React.ComponentProps<typeof AvatarPrimitive.Image> {
+    shape?: "circle" | "rounded" | "square";
+}
+declare function AvatarImage({ className, shape: shapeProp, ...props }: AvatarImageProps): import("react/jsx-runtime").JSX.Element;
+declare const avatarFallbackVariants: (props?: ({
+    shape?: "rounded" | "circle" | "square" | null | undefined;
+    variant?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "destructive" | "info" | "muted" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface AvatarFallbackProps extends React.ComponentProps<typeof AvatarPrimitive.Fallback>, VariantProps<typeof avatarFallbackVariants> {
+}
+declare function AvatarFallback({ className, shape: shapeProp, variant, ...props }: AvatarFallbackProps): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback, avatarVariants, type AvatarProps, };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/src/components/avatar/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,QAAA,MAAM,cAAc;;;;8EAIlB,CAAC;AAEH,UAAU,WACT,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EACxD,YAAY,CAAC,OAAO,cAAc,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,MAAM,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CA0BnF;AAED,UAAU,gBACT,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC;IAC1D,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;CACxC;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,GAAG,KAAK,EACR,EAAE,gBAAgB,2CAgBlB;AAED,QAAA,MAAM,sBAAsB;;;8EAG1B,CAAC;AAEH,UAAU,mBACT,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,EAC5D,YAAY,CAAC,OAAO,sBAAsB,CAAC;CAAG;AAEhD,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,KAAK,EAAE,SAAS,EAChB,OAAO,EACP,GAAG,KAAK,EACR,EAAE,mBAAmB,2CAWrB;AAED,OAAO,EACN,MAAM,EACN,WAAW,EACX,cAAc,EACd,cAAc,EACd,KAAK,WAAW,GAChB,CAAC"}

package/dist/src/components/avatar/avatar.js

@@ -0,0 +1,54 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { avatarFallbackStyles, avatarImageStyles, avatarStyles, } from "../../config/avatar";
+import { cn } from "../../lib/utils";
+import { SkeletonCircle } from "../skeleton/skeleton-patterns";
+const AvatarContext = React.createContext({
+    shape: "circle",
+});
+const avatarVariants = cva(avatarStyles.base, {
+    variants: avatarStyles.variants,
+    compoundVariants: avatarStyles.compoundVariants,
+    defaultVariants: avatarStyles.defaultVariants,
+});
+function Avatar({ className, size, shape, status, isLoading, ...props }) {
+    // Show loading skeleton
+    if (isLoading) {
+        const sizeMap = {
+            xs: "1.5rem",
+            sm: "2rem",
+            default: "2.5rem",
+            md: "2.5rem",
+            lg: "3rem",
+            xl: "4rem",
+            xxl: "5rem",
+            "2xl": "5rem",
+        };
+        const skeletonSize = size ? sizeMap[size] : sizeMap.md;
+        return _jsx(SkeletonCircle, { size: skeletonSize, className: className });
+    }
+    return (_jsx(AvatarContext.Provider, { value: { shape: shape || "circle" }, children: _jsx(AvatarPrimitive.Root, { "data-slot": "avatar", className: cn(avatarVariants({ size, shape, status }), className), ...props }) }));
+}
+function AvatarImage({ className, shape: shapeProp, ...props }) {
+    const { shape: contextShape } = React.useContext(AvatarContext);
+    const shape = shapeProp || contextShape || "circle";
+    const avatarImageVariants = cva(avatarImageStyles.base, {
+        variants: avatarImageStyles.variants,
+        defaultVariants: avatarImageStyles.defaultVariants,
+    });
+    return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn(avatarImageVariants({ shape }), className), ...props }));
+}
+const avatarFallbackVariants = cva(avatarFallbackStyles.base, {
+    variants: avatarFallbackStyles.variants,
+    defaultVariants: avatarFallbackStyles.defaultVariants,
+});
+function AvatarFallback({ className, shape: shapeProp, variant, ...props }) {
+    const { shape: contextShape } = React.useContext(AvatarContext);
+    const shape = shapeProp || contextShape || "circle";
+    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn(avatarFallbackVariants({ shape, variant }), className), ...props }));
+}
+export { Avatar, AvatarImage, AvatarFallback, avatarVariants, };
+//# sourceMappingURL=avatar.js.map

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

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

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

@@ -0,0 +1,20 @@
+import type { StoryObj } from "@storybook/react";
+import { Avatar } from "./avatar";
+declare const meta: {
+    title: string;
+    component: typeof Avatar;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Sizes: Story;
+export declare const Shapes: Story;
+export declare const Initials: Story;
+export declare const InitialsVariants: Story;
+export declare const StatusIndicators: Story;
+export declare const Combined: Story;
+export declare const LoadingSkeleton: Story;
+//# sourceMappingURL=avatar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAA+B,MAAM,UAAU,CAAC;AAE/D,QAAA,MAAM,IAAI;;;;;;;CAOqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,KAAK,EAAE,KAsDnB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KAiBpB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAuB9B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAgB9B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAkDtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC"}

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

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "../skeleton/skeleton";
+import { Avatar, AvatarFallback, AvatarImage } from "./avatar";
+const meta = {
+    title: "Data Display/Avatar",
+    component: Avatar,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+// Sizes
+export const Sizes = {
+    render: () => (_jsxs("div", { className: "flex gap-4 items-center", children: [_jsxs(Avatar, { size: "xs", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?u=a042581f4e29026704d", alt: "kala-ui" }), _jsx(AvatarFallback, { children: "RK" })] }), _jsxs(Avatar, { size: "sm", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?u=a042581f4e29026704d", alt: "kala-ui" }), _jsx(AvatarFallback, { children: "RK" })] }), _jsxs(Avatar, { size: "default", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?u=a042581f4e29026704d", alt: "kala-ui" }), _jsx(AvatarFallback, { children: "RK" })] }), _jsxs(Avatar, { size: "md", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?u=a042581f4e29026704d", alt: "kala-ui" }), _jsx(AvatarFallback, { children: "RK" })] }), _jsxs(Avatar, { size: "lg", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?u=a042581f4e29026704d", alt: "kala-ui" }), _jsx(AvatarFallback, { children: "RK" })] }), _jsxs(Avatar, { size: "xl", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?u=a042581f4e29026704d", alt: "kala-ui" }), _jsx(AvatarFallback, { children: "RK" })] }), _jsxs(Avatar, { size: "xxl", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?u=a042581f4e29026704d", alt: "kala-ui" }), _jsx(AvatarFallback, { children: "RK" })] })] })),
+};
+// Shapes
+export const Shapes = {
+    render: () => (_jsxs("div", { className: "flex gap-4 items-center", children: [_jsxs(Avatar, { shape: "circle", size: "lg", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?img=68", alt: "Circle" }), _jsx(AvatarFallback, { children: "CI" })] }), _jsxs(Avatar, { shape: "rounded", size: "lg", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?img=68", alt: "Rounded" }), _jsx(AvatarFallback, { children: "RD" })] }), _jsxs(Avatar, { shape: "square", size: "lg", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?img=68", alt: "Square" }), _jsx(AvatarFallback, { children: "SQ" })] })] })),
+};
+// Initials with Different Sizes
+export const Initials = {
+    render: () => (_jsxs("div", { className: "flex gap-4 items-center", children: [_jsx(Avatar, { size: "xs", children: _jsx(AvatarFallback, { variant: "primary", children: "DF" }) }), _jsx(Avatar, { size: "sm", children: _jsx(AvatarFallback, { variant: "primary", children: "DF" }) }), _jsx(Avatar, { size: "default", children: _jsx(AvatarFallback, { variant: "primary", children: "DF" }) }), _jsx(Avatar, { size: "md", children: _jsx(AvatarFallback, { variant: "primary", children: "DF" }) }), _jsx(Avatar, { size: "lg", children: _jsx(AvatarFallback, { variant: "primary", children: "DF" }) }), _jsx(Avatar, { size: "xl", children: _jsx(AvatarFallback, { variant: "primary", children: "DF" }) }), _jsx(Avatar, { size: "xxl", children: _jsx(AvatarFallback, { variant: "primary", children: "DF" }) })] })),
+};
+// Initials with Different Colors
+export const InitialsVariants = {
+    render: () => (_jsxs("div", { className: "flex gap-4 items-center", children: [_jsx(Avatar, { size: "md", children: _jsx(AvatarFallback, { variant: "primary", children: "PR" }) }), _jsx(Avatar, { size: "md", children: _jsx(AvatarFallback, { variant: "secondary", children: "SE" }) }), _jsx(Avatar, { size: "md", children: _jsx(AvatarFallback, { variant: "success", children: "SU" }) }), _jsx(Avatar, { size: "md", children: _jsx(AvatarFallback, { variant: "danger", children: "DA" }) }), _jsx(Avatar, { size: "md", children: _jsx(AvatarFallback, { variant: "warning", children: "WA" }) }), _jsx(Avatar, { size: "md", children: _jsx(AvatarFallback, { variant: "info", children: "IN" }) })] })),
+};
+// Status Indicators
+export const StatusIndicators = {
+    render: () => (_jsxs("div", { className: "flex gap-4 items-center", children: [_jsxs(Avatar, { size: "lg", status: "online", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?img=65", alt: "Online" }), _jsx(AvatarFallback, { children: "ON" })] }), _jsxs(Avatar, { size: "lg", status: "offline", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?img=65", alt: "Offline" }), _jsx(AvatarFallback, { children: "OF" })] }), _jsx(Avatar, { size: "lg", status: "online", children: _jsx(AvatarFallback, { variant: "primary", children: "DF" }) })] })),
+};
+// Combined Examples
+export const Combined = {
+    render: () => (_jsxs("div", { className: "flex flex-col gap-8", children: [_jsxs("div", { className: "flex gap-4 items-center", children: [_jsxs(Avatar, { size: "md", shape: "circle", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?img=65", alt: "kala-ui" }), _jsx(AvatarFallback, { children: "RK" })] }), _jsxs(Avatar, { size: "md", shape: "rounded", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?img=64", alt: "kala-ui" }), _jsx(AvatarFallback, { children: "ER" })] })] }), _jsxs("div", { className: "flex -space-x-2", children: [_jsxs(Avatar, { className: "ring-2 ring-background", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?img=65", alt: "kala-ui" }), _jsx(AvatarFallback, { children: "RK" })] }), _jsxs(Avatar, { className: "ring-2 ring-background", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?img=2", alt: "kala-ui" }), _jsx(AvatarFallback, { children: "ML" })] }), _jsxs(Avatar, { className: "ring-2 ring-background", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?img=64", alt: "kala-ui" }), _jsx(AvatarFallback, { children: "ER" })] })] }), _jsxs("div", { className: "flex gap-4 items-center", children: [_jsxs(Avatar, { size: "md", status: "online", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?img=65", alt: "Online user" }), _jsx(AvatarFallback, { children: "ON" })] }), _jsxs(Avatar, { size: "md", status: "offline", children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/150?img=64", alt: "Offline user" }), _jsx(AvatarFallback, { children: "OF" })] })] })] })),
+};
+export const LoadingSkeleton = {
+    render: () => (_jsxs("div", { className: "flex gap-4 items-center", children: [_jsx(Skeleton, { className: "h-8 w-8 rounded-full" }), _jsx(Skeleton, { className: "h-10 w-10 rounded-full" }), _jsx(Skeleton, { className: "h-12 w-12 rounded-full" }), _jsx(Skeleton, { className: "h-16 w-16 rounded-full" }), _jsx(Skeleton, { className: "h-20 w-20 rounded-full" })] })),
+    parameters: {
+        docs: {
+            description: {
+                story: "Loading skeleton placeholders for avatars in various sizes while images are loading.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=avatar.stories.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,39 @@
+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 { Avatar, AvatarFallback, AvatarImage } from "./avatar";
+describe("Avatar", () => {
+    it("should render avatar container with proper structure", () => {
+        render(_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "https://i.pravatar.cc/400?img=37", alt: "Avatar" }), _jsx(AvatarFallback, { children: "RK" })] }));
+        // In jsdom, images don't load so Radix shows fallback instead
+        // We verify the Avatar container and fallback are present
+        const avatar = document.querySelector('[data-slot="avatar"]');
+        expect(avatar).toBeInTheDocument();
+        expect(avatar).toHaveClass("relative", "flex", "size-10");
+        // Since image doesn't load in jsdom, fallback should be visible
+        expect(screen.getByText("RK")).toBeInTheDocument();
+    });
+    it("should render fallback when image fails", () => {
+        render(_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "invalid-url", alt: "Avatar" }), _jsx(AvatarFallback, { children: "RK" })] }));
+        // Fallback should be in document
+        expect(screen.getByText("RK")).toBeInTheDocument();
+    });
+    it("should render fallback only", () => {
+        render(_jsx(Avatar, { children: _jsx(AvatarFallback, { children: "RK" }) }));
+        expect(screen.getByText("RK")).toBeInTheDocument();
+    });
+    it("should apply custom className to avatar", () => {
+        const { container } = render(_jsx(Avatar, { className: "custom-avatar", children: _jsx(AvatarFallback, { children: "AB" }) }));
+        const avatar = container.querySelector('[data-slot="avatar"]');
+        expect(avatar).toHaveClass("custom-avatar");
+    });
+    it("should render with data-slot attributes", () => {
+        const { container } = render(_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "test.png" }), _jsx(AvatarFallback, { children: "TT" })] }));
+        expect(container.querySelector('[data-slot="avatar"]')).toBeInTheDocument();
+        // Avatar image may not load in test environment, so fallback appears instead
+        const hasImage = container.querySelector('[data-slot="avatar-image"]');
+        const hasFallback = container.querySelector('[data-slot="avatar-fallback"]');
+        expect(hasImage || hasFallback).toBeTruthy();
+    });
+});
+//# sourceMappingURL=avatar.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.test.js","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.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,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE/D,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACvB,EAAE,CAAC,sDAAsD,EAAE,GAAG,EAAE;QAC/D,MAAM,CACL,MAAC,MAAM,eACN,KAAC,WAAW,IAAC,GAAG,EAAC,kCAAkC,EAAC,GAAG,EAAC,QAAQ,GAAG,EACnE,KAAC,cAAc,qBAAoB,IAC3B,CACT,CAAC;QAEF,8DAA8D;QAC9D,0DAA0D;QAC1D,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QAC9D,MAAM,CAAC,MAAM,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACnC,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;QAE1D,gEAAgE;QAChE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QAClD,MAAM,CACL,MAAC,MAAM,eACN,KAAC,WAAW,IAAC,GAAG,EAAC,aAAa,EAAC,GAAG,EAAC,QAAQ,GAAG,EAC9C,KAAC,cAAc,qBAAoB,IAC3B,CACT,CAAC;QAEF,iCAAiC;QACjC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACtC,MAAM,CACL,KAAC,MAAM,cACN,KAAC,cAAc,qBAAoB,GAC3B,CACT,CAAC;QAEF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QAClD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,KAAC,MAAM,IAAC,SAAS,EAAC,eAAe,YAChC,KAAC,cAAc,qBAAoB,GAC3B,CACT,CAAC;QAEF,MAAM,MAAM,GAAG,SAAS,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QAClD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC3B,MAAC,MAAM,eACN,KAAC,WAAW,IAAC,GAAG,EAAC,UAAU,GAAG,EAC9B,KAAC,cAAc,qBAAoB,IAC3B,CACT,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC5E,6EAA6E;QAC7E,MAAM,QAAQ,GAAG,SAAS,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAC;QACvE,MAAM,WAAW,GAAG,SAAS,CAAC,aAAa,CAC1C,+BAA+B,CAC/B,CAAC;QACF,MAAM,CAAC,QAAQ,IAAI,WAAW,CAAC,CAAC,UAAU,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Avatar, AvatarFallback, AvatarImage } from "./avatar";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Avatar, AvatarFallback, AvatarImage } from "./avatar";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/avatar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/src/components/badge/badge.d.ts

@@ -0,0 +1,12 @@
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "primary" | "secondary" | "success" | "warning" | "danger" | "destructive" | "info" | "dark" | "light" | "muted" | "outline" | "error" | null | undefined;
+    shape?: "default" | "pill" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, shape, asChild, isLoading, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+    isLoading?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/src/components/badge/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,QAAA,MAAM,aAAa;;;8EAGjB,CAAC;AAEH,iBAAS,KAAK,CAAC,EACd,SAAS,EACT,OAAO,EACP,KAAK,EACL,OAAe,EACf,SAAiB,EACjB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC9B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,OAAO,CAAA;CAAE,2CAqB/E;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/components/badge/badge.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { badgeStyles } from "../../config/badge";
+import { cn } from "../../lib/utils";
+import { Skeleton } from "../skeleton/skeleton";
+const badgeVariants = cva(badgeStyles.base, {
+    variants: badgeStyles.variants,
+    defaultVariants: badgeStyles.defaultVariants,
+});
+function Badge({ className, variant, shape, asChild = false, isLoading = false, ...props }) {
+    if (isLoading) {
+        return (_jsx(Skeleton, { className: cn("inline-flex h-5 w-16 items-center rounded-full", className) }));
+    }
+    const Comp = asChild ? Slot : "span";
+    return (_jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant, shape }), className), ...props }));
+}
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,aAAa,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,EAAE;IAC3C,QAAQ,EAAE,WAAW,CAAC,QAAQ;IAC9B,eAAe,EAAE,WAAW,CAAC,eAAe;CAC5C,CAAC,CAAC;AAEH,SAAS,KAAK,CAAC,EACd,SAAS,EACT,OAAO,EACP,KAAK,EACL,OAAO,GAAG,KAAK,EACf,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EAEuE;IAC/E,IAAI,SAAS,EAAE,CAAC;QACf,OAAO,CACN,KAAC,QAAQ,IACR,SAAS,EAAE,EAAE,CACZ,gDAAgD,EAChD,SAAS,CACT,GACA,CACF,CAAC;IACH,CAAC;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAErC,OAAO,CACN,KAAC,IAAI,iBACM,OAAO,EACjB,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,KACvD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,27 @@
+import type { StoryObj } from "@storybook/react";
+import { Badge } from "./badge";
+declare const meta: {
+    title: string;
+    component: typeof Badge;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        shape: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ContextualVariations: Story;
+export declare const PillBadges: Story;
+export declare const LinkBadges: Story;
+export declare const LoadingSkeleton: Story;
+//# sourceMappingURL=badge.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/badge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CA0BoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,oBAAoB,EAAE,KAalC,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KA6BxB,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KA6BxB,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAC"}

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

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "../skeleton/skeleton";
+import { Badge } from "./badge";
+const meta = {
+    title: "Data Display/Badge",
+    component: Badge,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+    argTypes: {
+        variant: {
+            control: "select",
+            options: [
+                "primary",
+                "secondary",
+                "success",
+                "danger",
+                "warning",
+                "info",
+                "light",
+                "dark",
+            ],
+        },
+        shape: {
+            control: "select",
+            options: ["default", "pill"],
+        },
+    },
+};
+export default meta;
+// Contextual Variations
+export const ContextualVariations = {
+    render: () => (_jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { variant: "primary", children: "Primary" }), _jsx(Badge, { variant: "secondary", children: "Secondary" }), _jsx(Badge, { variant: "success", children: "Success" }), _jsx(Badge, { variant: "danger", children: "Danger" }), _jsx(Badge, { variant: "warning", children: "Warning" }), _jsx(Badge, { variant: "info", children: "Info" }), _jsx(Badge, { variant: "light", children: "Light" }), _jsx(Badge, { variant: "dark", children: "Dark" })] })),
+};
+// Pill Badges
+export const PillBadges = {
+    render: () => (_jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { variant: "primary", shape: "pill", children: "Primary" }), _jsx(Badge, { variant: "secondary", shape: "pill", children: "Secondary" }), _jsx(Badge, { variant: "success", shape: "pill", children: "Success" }), _jsx(Badge, { variant: "danger", shape: "pill", children: "Danger" }), _jsx(Badge, { variant: "warning", shape: "pill", children: "Warning" }), _jsx(Badge, { variant: "info", shape: "pill", children: "Info" }), _jsx(Badge, { variant: "light", shape: "pill", children: "Light" }), _jsx(Badge, { variant: "dark", shape: "pill", children: "Dark" })] })),
+};
+// Link Badges
+export const LinkBadges = {
+    render: () => (_jsxs("div", { className: "flex gap-2 flex-wrap items-center", children: [_jsx(Badge, { variant: "primary", asChild: true, children: _jsx("a", { href: "/", children: "Primary" }) }), _jsx(Badge, { variant: "secondary", asChild: true, children: _jsx("a", { href: "/", children: "Secondary" }) }), _jsx(Badge, { variant: "success", asChild: true, children: _jsx("a", { href: "/", children: "Success" }) }), _jsx(Badge, { variant: "danger", asChild: true, children: _jsx("a", { href: "/", children: "Danger" }) }), _jsx(Badge, { variant: "warning", asChild: true, children: _jsx("a", { href: "/", children: "Warning" }) }), _jsx(Badge, { variant: "info", asChild: true, children: _jsx("a", { href: "/", children: "Info" }) }), _jsx(Badge, { variant: "light", asChild: true, children: _jsx("a", { href: "/", children: "Light" }) }), _jsx(Badge, { variant: "dark", asChild: true, children: _jsx("a", { href: "/", children: "Dark" }) })] })),
+};
+export const LoadingSkeleton = {
+    render: () => (_jsxs("div", { className: "flex flex-wrap gap-2", children: [_jsx(Skeleton, { className: "h-5 w-16 rounded-full" }), _jsx(Skeleton, { className: "h-5 w-20 rounded-full" }), _jsx(Skeleton, { className: "h-5 w-14 rounded-full" }), _jsx(Skeleton, { className: "h-5 w-24 rounded-full" })] })),
+    parameters: {
+        docs: {
+            description: {
+                story: "Loading skeleton placeholders for badges while content is loading.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=badge.stories.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,68 @@
+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 { Badge } from "./badge";
+describe("Badge", () => {
+    it("should render badge with text", () => {
+        render(_jsx(Badge, { children: "Badge" }));
+        expect(screen.getByText("Badge")).toBeInTheDocument();
+    });
+    it("should render with default variant", () => {
+        const { container } = render(_jsx(Badge, { children: "Default" }));
+        const badge = container.querySelector('[data-slot="badge"]');
+        expect(badge).toBeInTheDocument();
+    });
+    it("should render with secondary variant", () => {
+        render(_jsx(Badge, { variant: "secondary", children: "Secondary" }));
+        expect(screen.getByText("Secondary")).toBeInTheDocument();
+    });
+    it("should render with danger variant", () => {
+        render(_jsx(Badge, { variant: "danger", children: "Danger" }));
+        expect(screen.getByText("Danger")).toBeInTheDocument();
+    });
+    it("should render with secondary variant", () => {
+        render(_jsx(Badge, { variant: "secondary", children: "Secondary" }));
+        expect(screen.getByText("Secondary")).toBeInTheDocument();
+    });
+    it("should render with success variant", () => {
+        const { container } = render(_jsx(Badge, { variant: "success", children: "Success" }));
+        const badge = container.querySelector('[data-slot="badge"]');
+        expect(badge).toHaveClass("bg-success");
+    });
+    it("should render with warning variant", () => {
+        const { container } = render(_jsx(Badge, { variant: "warning", children: "Warning" }));
+        const badge = container.querySelector('[data-slot="badge"]');
+        expect(badge).toHaveClass("bg-warning");
+    });
+    it("should render with danger variant styling", () => {
+        const { container } = render(_jsx(Badge, { variant: "danger", children: "Error" }));
+        const badge = container.querySelector('[data-slot="badge"]');
+        expect(badge).toHaveClass("bg-destructive");
+    });
+    it("should render with error variant styling", () => {
+        const { container } = render(_jsx(Badge, { variant: "error", children: "Error" }));
+        const badge = container.querySelector('[data-slot="badge"]');
+        expect(badge).toHaveClass("bg-error");
+    });
+    it("should render with info variant", () => {
+        const { container } = render(_jsx(Badge, { variant: "info", children: "Info" }));
+        const badge = container.querySelector('[data-slot="badge"]');
+        expect(badge).toHaveClass("bg-info");
+    });
+    it("should apply custom className", () => {
+        const { container } = render(_jsx(Badge, { className: "custom-badge", children: "Test" }));
+        const badge = container.querySelector('[data-slot="badge"]');
+        expect(badge).toHaveClass("custom-badge");
+    });
+    it("should render as anchor when asChild is true", () => {
+        render(_jsx(Badge, { asChild: true, children: _jsx("a", { href: "/test", children: "Link Badge" }) }));
+        const link = screen.getByRole("link");
+        expect(link).toBeInTheDocument();
+        expect(link).toHaveAttribute("href", "/test");
+    });
+    it("should render with icon", () => {
+        render(_jsxs(Badge, { children: [_jsx("svg", { "data-testid": "badge-icon" }), "Badge with Icon"] }));
+        expect(screen.getByTestId("badge-icon")).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=badge.test.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { Badge, badgeVariants } from "./badge";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Badge, badgeVariants } from "./badge";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/src/components/banner/__tests__/banner.test.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Banner Component Tests
+ */
+export {};
+//# sourceMappingURL=banner.test.d.ts.map

package/dist/src/components/banner/__tests__/banner.test.d.ts.map

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