@kala-ui/react 0.0.1-beta.1

package/dist/src/components/banner/__tests__/banner.test.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Banner Component Tests
+ */
+import { fireEvent, render, screen } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { Banner } from "../banner";
+describe("Banner", () => {
+    it("should render children", () => {
+        render(_jsx(Banner, { children: "Test banner content" }));
+        expect(screen.getByText("Test banner content")).toBeInTheDocument();
+    });
+    it("should render with info variant by default", () => {
+        const { container } = render(_jsx(Banner, { children: "Info banner" }));
+        const banner = container.firstChild;
+        expect(banner).toHaveClass("bg-info");
+    });
+    it("should render with warning variant", () => {
+        const { container } = render(_jsx(Banner, { variant: "warning", children: "Warning banner" }));
+        const banner = container.firstChild;
+        expect(banner).toHaveClass("bg-warning");
+    });
+    it("should render with error variant", () => {
+        const { container } = render(_jsx(Banner, { variant: "error", children: "Error banner" }));
+        const banner = container.firstChild;
+        expect(banner).toHaveClass("bg-destructive");
+    });
+    it("should render with success variant", () => {
+        const { container } = render(_jsx(Banner, { variant: "success", children: "Success banner" }));
+        const banner = container.firstChild;
+        expect(banner).toHaveClass("bg-success");
+    });
+    it("should render close button when onClose provided", () => {
+        const handleClose = vi.fn();
+        render(_jsx(Banner, { onClose: handleClose, children: "Closeable banner" }));
+        const closeButton = screen.getByRole("button", { name: /close banner/i });
+        expect(closeButton).toBeInTheDocument();
+    });
+    it("should not render close button when onClose not provided", () => {
+        render(_jsx(Banner, { children: "Non-closeable banner" }));
+        const closeButton = screen.queryByRole("button", { name: /close banner/i });
+        expect(closeButton).not.toBeInTheDocument();
+    });
+    it("should call onClose when close button clicked", () => {
+        const handleClose = vi.fn();
+        render(_jsx(Banner, { onClose: handleClose, children: "Closeable banner" }));
+        const closeButton = screen.getByRole("button", { name: /close banner/i });
+        fireEvent.click(closeButton);
+        expect(handleClose).toHaveBeenCalledTimes(1);
+    });
+    it("should apply custom className", () => {
+        const { container } = render(_jsx(Banner, { className: "custom-class", children: "Custom banner" }));
+        const banner = container.firstChild;
+        expect(banner).toHaveClass("custom-class");
+    });
+    it("should be fixed at top with high z-index", () => {
+        const { container } = render(_jsx(Banner, { children: "Sticky banner" }));
+        const banner = container.firstChild;
+        expect(banner).toHaveClass("fixed", "top-0", "z-50");
+    });
+});
+//# sourceMappingURL=banner.test.js.map

package/dist/src/components/banner/__tests__/banner.test.js.map

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

package/dist/src/components/banner/banner-skeleton.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Banner Skeleton Component
+ *
+ * Loading placeholder for the Banner component.
+ * Provides zero-CLS skeleton state that matches actual banner layout.
+ */
+import type { BannerSkeletonConfig } from "../skeleton/skeleton.types";
+export interface BannerSkeletonProps extends BannerSkeletonConfig {
+    /**
+     * Additional className for the skeleton container
+     */
+    className?: string;
+    /**
+     * Test ID for querying the element
+     */
+    "data-testid"?: string;
+}
+/**
+ * Banner skeleton component
+ *
+ * @example
+ * ```tsx
+ * <BannerSkeleton />
+ *
+ * <BannerSkeleton showIcon={true} showCloseButton={true} />
+ * ```
+ */
+export declare function BannerSkeleton({ variant, showIcon, showCloseButton, className, "data-testid": dataTestId, }: BannerSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BannerSkeleton {
+    var Skeleton: typeof BannerSkeleton;
+}
+//# sourceMappingURL=banner-skeleton.d.ts.map

package/dist/src/components/banner/banner-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/banner/banner-skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,MAAM,WAAW,mBAAoB,SAAQ,oBAAoB;IAChE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,EAC9B,OAAgB,EAChB,QAAe,EACf,eAAsB,EACtB,SAAS,EACT,aAAa,EAAE,UAAU,GACzB,EAAE,mBAAmB,2CAoBrB;yBA1Be,cAAc"}

package/dist/src/components/banner/banner-skeleton.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Banner Skeleton Component
+ *
+ * Loading placeholder for the Banner component.
+ * Provides zero-CLS skeleton state that matches actual banner layout.
+ */
+import { cn } from "../../lib/utils";
+import { Skeleton } from "../skeleton/skeleton";
+import { SkeletonCircle } from "../skeleton/skeleton-patterns";
+/**
+ * Banner skeleton component
+ *
+ * @example
+ * ```tsx
+ * <BannerSkeleton />
+ *
+ * <BannerSkeleton showIcon={true} showCloseButton={true} />
+ * ```
+ */
+export function BannerSkeleton({ variant = "info", showIcon = true, showCloseButton = true, className, "data-testid": dataTestId, }) {
+    return (_jsxs("div", { "data-testid": dataTestId || "banner-skeleton", className: cn("w-full px-4 py-3 text-sm font-medium flex items-center justify-between gap-4", variant === "info" && "bg-info text-info-foreground", variant === "warning" && "bg-warning text-warning-foreground", variant === "error" && "bg-destructive text-destructive-foreground", variant === "success" && "bg-success text-success-foreground", className), children: [_jsxs("div", { className: "flex-1 flex items-center gap-3", children: [showIcon && _jsx(SkeletonCircle, { size: "1rem", className: "rounded-md" }), _jsx(Skeleton, { className: "h-4 w-64" })] }), showCloseButton && _jsx(Skeleton, { className: "h-4 w-4 rounded" })] }));
+}
+/**
+ * Compound component: Banner.Skeleton
+ */
+BannerSkeleton.Skeleton = BannerSkeleton;
+//# sourceMappingURL=banner-skeleton.js.map

package/dist/src/components/banner/banner-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner-skeleton.js","sourceRoot":"","sources":["../../../../src/components/banner/banner-skeleton.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAc/D;;;;;;;;;GASG;AACH,MAAM,UAAU,cAAc,CAAC,EAC9B,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,IAAI,EACf,eAAe,GAAG,IAAI,EACtB,SAAS,EACT,aAAa,EAAE,UAAU,GACJ;IACrB,OAAO,CACN,8BACc,UAAU,IAAI,iBAAiB,EAC5C,SAAS,EAAE,EAAE,CACZ,8EAA8E,EAC9E,OAAO,KAAK,MAAM,IAAI,8BAA8B,EACpD,OAAO,KAAK,SAAS,IAAI,oCAAoC,EAC7D,OAAO,KAAK,OAAO,IAAI,4CAA4C,EACnE,OAAO,KAAK,SAAS,IAAI,oCAAoC,EAC7D,SAAS,CACT,aAED,eAAK,SAAS,EAAC,gCAAgC,aAC7C,QAAQ,IAAI,KAAC,cAAc,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,YAAY,GAAG,EAClE,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,IAC5B,EACL,eAAe,IAAI,KAAC,QAAQ,IAAC,SAAS,EAAC,iBAAiB,GAAG,IACvD,CACN,CAAC;AACH,CAAC;AAED;;GAEG;AACH,cAAc,CAAC,QAAQ,GAAG,cAAc,CAAC"}

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

@@ -0,0 +1,36 @@
+/**
+ * Banner Component - Reusable notification banner
+ *
+ * Full-width banner for important notifications and alerts.
+ *
+ * Purpose: Used for system-wide or top-level messages that apply to the entire page
+ * or application context. Unlike the Alert component, Banners are typically fixed
+ * at the top of the viewport or container and demand immediate attention without
+ * being tied to a specific form or content area.
+ */
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+import type { BannerSkeletonConfig } from "../skeleton/skeleton.types";
+declare const bannerVariants: (props?: ({
+    variant?: "success" | "warning" | "info" | "error" | null | undefined;
+    position?: "fixed" | "static" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BannerProps extends React.ComponentProps<"div">, VariantProps<typeof bannerVariants> {
+    onClose?: () => void;
+    /**
+     * ARIA role for the banner
+     * @default 'banner' - use 'alert' for important/urgent messages
+     */
+    role?: "banner" | "alert" | "status";
+    /**
+     * ARIA live region for dynamic announcements
+     * @default undefined - use 'polite' or 'assertive' for dynamic banners
+     */
+    "aria-live"?: "polite" | "assertive";
+    isLoading?: boolean;
+    skeletonConfig?: BannerSkeletonConfig;
+    skeleton?: React.ReactNode;
+}
+export declare function Banner({ className, variant, position, onClose, children, role, isLoading, skeletonConfig, skeleton, ...props }: BannerProps): import("react/jsx-runtime").JSX.Element;
+export { bannerVariants };
+//# sourceMappingURL=banner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../../src/components/banner/banner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,QAAA,MAAM,cAAc;;;8EAoBnB,CAAC;AAEF,MAAM,WAAW,WAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAClC,YAAY,CAAC,OAAO,cAAc,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,MAAM,CAAC,EACtB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAe,EACf,SAAiB,EACjB,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,WAAW,2CAwCb;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/src/components/banner/banner.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Banner Component - Reusable notification banner
+ *
+ * Full-width banner for important notifications and alerts.
+ *
+ * Purpose: Used for system-wide or top-level messages that apply to the entire page
+ * or application context. Unlike the Alert component, Banners are typically fixed
+ * at the top of the viewport or container and demand immediate attention without
+ * being tied to a specific form or content area.
+ */
+import { cva } from "class-variance-authority";
+import { X } from "lucide-react";
+import { cn } from "../../lib/utils";
+import { BannerSkeleton } from "./banner-skeleton";
+const bannerVariants = cva("w-full z-50 px-4 py-3 text-sm font-medium flex items-center justify-between gap-4", {
+    variants: {
+        variant: {
+            info: "bg-info text-info-foreground",
+            warning: "bg-warning text-warning-foreground",
+            error: "bg-destructive text-destructive-foreground",
+            success: "bg-success text-success-foreground",
+        },
+        position: {
+            fixed: "fixed top-0 left-0 right-0 shadow-md",
+            static: "relative",
+        },
+    },
+    defaultVariants: {
+        variant: "info",
+        position: "fixed",
+    },
+});
+export function Banner({ className, variant, position, onClose, children, role = "banner", isLoading = false, skeletonConfig, skeleton, ...props }) {
+    if (isLoading) {
+        if (skeleton) {
+            return (_jsx("div", { className: cn(bannerVariants({ variant, position }), className), role: role, ...props, children: skeleton }));
+        }
+        return (_jsx(BannerSkeleton, { className: cn(bannerVariants({ variant, position }), className), ...skeletonConfig }));
+    }
+    return (_jsxs("div", { className: cn(bannerVariants({ variant, position }), className), role: role, ...props, children: [_jsx("div", { className: "flex-1 flex items-center gap-3", children: children }), onClose && (_jsx("button", { type: "button", onClick: onClose, className: "cursor-pointer shrink-0 p-1 rounded hover:bg-black/10 transition-colors", "aria-label": "Close banner", children: _jsx(X, { className: "w-4 h-4" }) }))] }));
+}
+export { bannerVariants };
+//# sourceMappingURL=banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.js","sourceRoot":"","sources":["../../../../src/components/banner/banner.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;AAEH,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGnD,MAAM,cAAc,GAAG,GAAG,CACzB,mFAAmF,EACnF;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,IAAI,EAAE,8BAA8B;YACpC,OAAO,EAAE,oCAAoC;YAC7C,KAAK,EAAE,4CAA4C;YACnD,OAAO,EAAE,oCAAoC;SAC7C;QACD,QAAQ,EAAE;YACT,KAAK,EAAE,sCAAsC;YAC7C,MAAM,EAAE,UAAU;SAClB;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,OAAO;KACjB;CACD,CACD,CAAC;AAqBF,MAAM,UAAU,MAAM,CAAC,EACtB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACK;IACb,IAAI,SAAS,EAAE,CAAC;QACf,IAAI,QAAQ,EAAE,CAAC;YACd,OAAO,CACN,cACC,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,CAAC,EAC/D,IAAI,EAAE,IAAI,KACN,KAAK,YAER,QAAQ,GACJ,CACN,CAAC;QACH,CAAC;QACD,OAAO,CACN,KAAC,cAAc,IACd,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,CAAC,KAC3D,cAAc,GACjB,CACF,CAAC;IACH,CAAC;IAED,OAAO,CACN,eACC,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,CAAC,EAC/D,IAAI,EAAE,IAAI,KACN,KAAK,aAET,cAAK,SAAS,EAAC,gCAAgC,YAAE,QAAQ,GAAO,EAC/D,OAAO,IAAI,CACX,iBACC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,yEAAyE,gBACxE,cAAc,YAEzB,KAAC,CAAC,IAAC,SAAS,EAAC,SAAS,GAAG,GACjB,CACT,IACI,CACN,CAAC;AACH,CAAC;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,35 @@
+import type { StoryObj } from "@storybook/react";
+import { Banner } from "./banner";
+declare const meta: {
+    title: string;
+    component: typeof Banner;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        onClose: {
+            action: string;
+        };
+        position: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Info: Story;
+export declare const Warning: Story;
+export declare const ErrorBanner: Story;
+export declare const Success: Story;
+export declare const WithoutCloseButton: Story;
+export declare const LongMessage: Story;
+export declare const AllVariants: Story;
+export declare const Fixed: Story;
+export declare const LoadingSkeleton: Story;
+//# sourceMappingURL=banner.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/banner/banner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;CAoBqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAOlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAMhC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkCzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC"}

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

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "../skeleton/skeleton";
+import { Banner } from "./banner";
+const meta = {
+    title: "Feedback/Banner",
+    component: Banner,
+    parameters: {
+        layout: "fullscreen",
+    },
+    tags: ["autodocs"],
+    argTypes: {
+        variant: {
+            control: "select",
+            options: ["info", "warning", "error", "success"],
+        },
+        onClose: {
+            action: "close",
+        },
+        position: {
+            control: "select",
+            options: ["fixed", "static"],
+        },
+    },
+};
+export default meta;
+export const Info = {
+    args: {
+        variant: "info",
+        position: "static",
+        children: "This is an informational banner message.",
+        onClose: () => console.log("Banner closed"),
+    },
+};
+export const Warning = {
+    args: {
+        variant: "warning",
+        position: "static",
+        children: "Warning: Please review your account settings.",
+        onClose: () => console.log("Banner closed"),
+    },
+};
+export const ErrorBanner = {
+    args: {
+        variant: "error",
+        position: "static",
+        children: "Error: Unable to process your request. Please try again.",
+        onClose: () => console.log("Banner closed"),
+    },
+};
+export const Success = {
+    args: {
+        variant: "success",
+        position: "static",
+        children: "Success! Your changes have been saved.",
+        onClose: () => console.log("Banner closed"),
+    },
+};
+export const WithoutCloseButton = {
+    args: {
+        variant: "info",
+        position: "static",
+        children: "This banner cannot be dismissed.",
+    },
+};
+export const LongMessage = {
+    args: {
+        variant: "warning",
+        position: "static",
+        children: "This is a longer banner message that demonstrates how the banner handles multiple lines of text. The close button remains aligned to the top right while the content wraps naturally.",
+        onClose: () => console.log("Banner closed"),
+    },
+};
+export const AllVariants = {
+    args: {},
+    render: () => (_jsxs("div", { className: "space-y-4 p-4", children: [_jsx(Banner, { variant: "info", position: "static", onClose: () => console.log("Info closed"), children: "Info: System maintenance scheduled for tonight." }), _jsx(Banner, { variant: "warning", position: "static", onClose: () => console.log("Warning closed"), children: "Warning: Your session will expire in 5 minutes." }), _jsx(Banner, { variant: "error", position: "static", onClose: () => console.log("Error closed"), children: "Error: Unable to connect to the server." }), _jsx(Banner, { variant: "success", position: "static", onClose: () => console.log("Success closed"), children: "Success: Profile updated successfully!" })] })),
+};
+export const Fixed = {
+    args: {
+        variant: "info",
+        position: "fixed",
+        children: "This is a fixed banner at the top of the viewport.",
+        onClose: () => console.log("Banner closed"),
+    },
+};
+export const LoadingSkeleton = {
+    render: () => (_jsx("div", { className: "w-full", children: _jsx(Skeleton, { className: "h-12 w-full rounded-none" }) })),
+    parameters: {
+        docs: {
+            description: {
+                story: "Loading skeleton placeholder for banner content while loading.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=banner.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.stories.js","sourceRoot":"","sources":["../../../../src/components/banner/banner.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACX,MAAM,EAAE,YAAY;KACpB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC;SAChD;QACD,OAAO,EAAE;YACR,MAAM,EAAE,OAAO;SACf;QACD,QAAQ,EAAE;YACT,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;SAC5B;KACD;CAC6B,CAAC;AAEhC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,IAAI,GAAU;IAC1B,IAAI,EAAE;QACL,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,0CAA0C;QACpD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;KAC3C;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,+CAA+C;QACzD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;KAC3C;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IACjC,IAAI,EAAE;QACL,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,0DAA0D;QACpE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;KAC3C;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,wCAAwC;QAClD,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;KAC3C;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU;IACxC,IAAI,EAAE;QACL,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EAAE,kCAAkC;KAC5C;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IACjC,IAAI,EAAE;QACL,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,QAAQ;QAClB,QAAQ,EACP,uLAAuL;QACxL,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;KAC3C;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IACjC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,eAAK,SAAS,EAAC,eAAe,aAC7B,KAAC,MAAM,IACN,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,aAAa,CAAC,gEAGjC,EACT,KAAC,MAAM,IACN,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,gEAGpC,EACT,KAAC,MAAM,IACN,OAAO,EAAC,OAAO,EACf,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,wDAGlC,EACT,KAAC,MAAM,IACN,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,uDAGpC,IACJ,CACN;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC3B,IAAI,EAAE;QACL,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE,oDAAoD;QAC9D,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;KAC3C;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACrC,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,cAAK,SAAS,EAAC,QAAQ,YACtB,KAAC,QAAQ,IAAC,SAAS,EAAC,0BAA0B,GAAG,GAC5C,CACN;IACD,UAAU,EAAE;QACX,IAAI,EAAE;YACL,WAAW,EAAE;gBACZ,KAAK,EAAE,gEAAgE;aACvE;SACD;KACD;CACD,CAAC"}

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

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

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

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

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

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+import { Banner } from "./banner";
+describe("Banner", () => {
+    it("should render banner with children", () => {
+        render(_jsx(Banner, { children: "Test banner message" }));
+        expect(screen.getByText("Test banner message")).toBeInTheDocument();
+    });
+    it("should render with default variant (info)", () => {
+        render(_jsx(Banner, { children: "Info message" }));
+        const banner = screen.getByRole("banner");
+        expect(banner).toHaveClass("bg-info", "text-info-foreground");
+    });
+    it("should render with warning variant", () => {
+        render(_jsx(Banner, { variant: "warning", children: "Warning message" }));
+        const banner = screen.getByRole("banner");
+        expect(banner).toHaveClass("bg-warning", "text-warning-foreground");
+    });
+    it("should render with error variant", () => {
+        render(_jsx(Banner, { variant: "error", children: "Error message" }));
+        const banner = screen.getByRole("banner");
+        expect(banner).toHaveClass("bg-destructive", "text-destructive-foreground");
+    });
+    it("should render with success variant", () => {
+        render(_jsx(Banner, { variant: "success", children: "Success message" }));
+        const banner = screen.getByRole("banner");
+        expect(banner).toHaveClass("bg-success", "text-success-foreground");
+    });
+    it("should render with fixed position by default", () => {
+        render(_jsx(Banner, { children: "Fixed banner" }));
+        const banner = screen.getByRole("banner");
+        expect(banner).toHaveClass("fixed", "top-0", "left-0", "right-0");
+    });
+    it("should render with static position", () => {
+        render(_jsx(Banner, { position: "static", children: "Static banner" }));
+        const banner = screen.getByRole("banner");
+        expect(banner).toHaveClass("relative");
+        expect(banner).not.toHaveClass("fixed");
+    });
+    it("should render close button when onClose is provided", () => {
+        const onClose = vi.fn();
+        render(_jsx(Banner, { onClose: onClose, children: "Closable banner" }));
+        const closeButton = screen.getByRole("button", { name: /close banner/i });
+        expect(closeButton).toBeInTheDocument();
+    });
+    it("should not render close button when onClose is not provided", () => {
+        render(_jsx(Banner, { children: "Non-closable banner" }));
+        const closeButton = screen.queryByRole("button", { name: /close banner/i });
+        expect(closeButton).not.toBeInTheDocument();
+    });
+    it("should call onClose when close button is clicked", async () => {
+        const user = userEvent.setup();
+        const onClose = vi.fn();
+        render(_jsx(Banner, { onClose: onClose, children: "Closable banner" }));
+        const closeButton = screen.getByRole("button", { name: /close banner/i });
+        await user.click(closeButton);
+        expect(onClose).toHaveBeenCalledTimes(1);
+    });
+    it("should apply custom className", () => {
+        render(_jsx(Banner, { className: "custom-class", children: "Custom banner" }));
+        const banner = screen.getByRole("banner");
+        expect(banner).toHaveClass("custom-class");
+    });
+    it("should render with custom role", () => {
+        render(_jsx(Banner, { role: "alert", children: "Alert banner" }));
+        const banner = screen.getByRole("alert");
+        expect(banner).toBeInTheDocument();
+    });
+    it("should render with aria-live attribute", () => {
+        render(_jsx(Banner, { "aria-live": "assertive", children: "Live banner" }));
+        const banner = screen.getByRole("banner");
+        expect(banner).toHaveAttribute("aria-live", "assertive");
+    });
+    it("should forward additional props to div element", () => {
+        render(_jsx(Banner, { "data-testid": "custom-banner", children: "Test" }));
+        expect(screen.getByTestId("custom-banner")).toBeInTheDocument();
+    });
+    it("should render with multiple children", () => {
+        render(_jsxs(Banner, { children: [_jsx("span", { children: "First" }), _jsx("span", { children: "Second" })] }));
+        expect(screen.getByText("First")).toBeInTheDocument();
+        expect(screen.getByText("Second")).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=banner.test.js.map

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

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

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

@@ -0,0 +1,21 @@
+import type { VariantProps } from "class-variance-authority";
+import type * as React from "react";
+import type { BannerSkeletonConfig } from "../skeleton/skeleton.types";
+import type { bannerVariants } from "./banner";
+export interface BannerProps extends React.ComponentProps<"div">, VariantProps<typeof bannerVariants> {
+    onClose?: () => void;
+    /**
+     * ARIA role for the banner
+     * @default 'banner' - use 'alert' for important/urgent messages
+     */
+    role?: "banner" | "alert" | "status";
+    /**
+     * ARIA live region for dynamic announcements
+     * @default undefined - use 'polite' or 'assertive' for dynamic banners
+     */
+    "aria-live"?: "polite" | "assertive";
+    isLoading?: boolean;
+    skeletonConfig?: BannerSkeletonConfig;
+    skeleton?: React.ReactNode;
+}
+//# sourceMappingURL=banner.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"banner.types.d.ts","sourceRoot":"","sources":["../../../../src/components/banner/banner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,WAAW,WAChB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAClC,YAAY,CAAC,OAAO,cAAc,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

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

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

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

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

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

@@ -0,0 +1,4 @@
+export type { BannerProps } from "./banner";
+export { Banner } from "./banner";
+export { BannerSkeleton } from "./banner-skeleton";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+export { Banner } from "./banner";
+export { BannerSkeleton } from "./banner-skeleton";
+//# sourceMappingURL=index.js.map

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

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

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

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

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

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