@kala-ui/react 0.0.1-beta.1

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

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SkeletonCardContent, SkeletonText } from "../skeleton";
+import { PageLoader } from "./page-loader";
+import { SectionLoader } from "./section-loader";
+const meta = {
+    title: "Feedback/Loading",
+    parameters: {
+        layout: "fullscreen",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+export const PageLoaderStory = {
+    name: "Page Loader",
+    render: () => _jsx(PageLoader, { message: "Loading page..." }),
+};
+export const PageLoaderNoMessage = {
+    name: "Page Loader (No Message)",
+    render: () => _jsx(PageLoader, { message: "" }),
+};
+export const SectionLoaderStory = {
+    name: "Section Loader",
+    render: () => (_jsx("div", { className: "p-8", children: _jsx("div", { className: "rounded-lg border bg-card text-card-foreground theme-card", children: _jsx(SectionLoader, { message: "Loading section..." }) }) })),
+};
+export const SectionLoaderCustomHeight = {
+    name: "Section Loader (Custom Height)",
+    render: () => (_jsx("div", { className: "p-8", children: _jsx("div", { className: "rounded-lg border bg-card text-card-foreground theme-card", children: _jsx(SectionLoader, { message: "Loading data...", minHeight: "400px" }) }) })),
+};
+export const SkeletonCardStory = {
+    name: "Skeleton Card",
+    render: () => (_jsx("div", { className: "p-8", children: _jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => (_jsx("div", { className: "rounded-lg border bg-card text-card-foreground theme-card", children: _jsx(SkeletonCardContent, { showHeader: true, showFooter: true }) }, i))) }) })),
+};
+export const SkeletonCardNoImage = {
+    name: "Skeleton Card (No Image)",
+    render: () => (_jsx("div", { className: "p-8", children: _jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => (_jsx("div", { className: "rounded-lg border bg-card text-card-foreground theme-card", children: _jsx(SkeletonCardContent, { showHeader: true, showFooter: true }) }, i))) }) })),
+};
+export const SkeletonCardCustomLines = {
+    name: "Skeleton Card (Custom Lines)",
+    render: () => (_jsx("div", { className: "p-8", children: _jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => (_jsx("div", { className: "rounded-lg border bg-card text-card-foreground theme-card", children: _jsx(SkeletonCardContent, { showHeader: true, showFooter: true, contentLines: [1, 5, 8][i] }) }, i))) }) })),
+};
+export const SkeletonTextStory = {
+    name: "Skeleton Text",
+    render: () => (_jsx("div", { className: "p-8", children: _jsxs("div", { className: "max-w-2xl space-y-8 rounded-lg border bg-card p-6 text-card-foreground theme-card", children: [_jsxs("div", { children: [_jsx("h3", { className: "mb-4 text-sm font-medium text-muted-foreground", children: "Default (3 lines)" }), _jsx(SkeletonText, {})] }), _jsxs("div", { children: [_jsx("h3", { className: "mb-4 text-sm font-medium text-muted-foreground", children: "5 lines" }), _jsx(SkeletonText, { lines: 5 })] }), _jsxs("div", { children: [_jsx("h3", { className: "mb-4 text-sm font-medium text-muted-foreground", children: "Custom last line width" }), _jsx(SkeletonText, { lines: 4, lastLineWidth: "40%" })] })] }) })),
+};
+export const CombinedExample = {
+    name: "Combined Example",
+    render: () => (_jsx("div", { className: "min-h-screen bg-background p-8", children: _jsxs("div", { className: "mx-auto max-w-7xl space-y-8", children: [_jsxs("div", { className: "rounded-lg border bg-card p-6 text-card-foreground theme-card", children: [_jsx("h2", { className: "mb-4 text-lg font-semibold text-foreground", children: "Article Header" }), _jsx(SkeletonText, { lines: 2, lastLineWidth: "60%" })] }), _jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => (_jsx("div", { className: "rounded-lg border bg-card text-card-foreground theme-card", children: _jsx(SkeletonCardContent, { showHeader: true, showFooter: true }) }, i))) }), _jsx("div", { className: "rounded-lg border bg-card text-card-foreground theme-card", children: _jsx(SectionLoader, { message: "Loading more content..." }) })] }) })),
+};
+//# sourceMappingURL=loading.stories.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { PageLoader } from "./page-loader";
+import { SectionLoader } from "./section-loader";
+describe("PageLoader", () => {
+    it("renders with default message", () => {
+        render(_jsx(PageLoader, {}));
+        expect(screen.getAllByText("Loading...")[0]).toBeInTheDocument();
+    });
+    it("renders with custom message", () => {
+        render(_jsx(PageLoader, { message: "Loading page content..." }));
+        expect(screen.getAllByText("Loading page content...")[0]).toBeInTheDocument();
+    });
+    it("has proper accessibility attributes", () => {
+        const { container } = render(_jsx(PageLoader, {}));
+        const loader = container.querySelector('[data-slot="page-loader"]');
+        expect(loader).toHaveAttribute("role", "status");
+        expect(loader).toHaveAttribute("aria-live", "polite");
+        expect(loader).toHaveAttribute("aria-busy", "true");
+    });
+    it("applies custom className", () => {
+        const { container } = render(_jsx(PageLoader, { className: "custom-class" }));
+        const loader = container.querySelector('[data-slot="page-loader"]');
+        expect(loader).toHaveClass("custom-class");
+    });
+    it("forwards ref correctly", () => {
+        const ref = { current: null };
+        render(_jsx(PageLoader, { ref: ref }));
+        expect(ref.current).toBeInstanceOf(HTMLDivElement);
+    });
+});
+describe("SectionLoader", () => {
+    it("renders with default message", () => {
+        render(_jsx(SectionLoader, {}));
+        expect(screen.getAllByText("Loading...")[0]).toBeInTheDocument();
+    });
+    it("renders with custom message", () => {
+        render(_jsx(SectionLoader, { message: "Loading section data..." }));
+        expect(screen.getAllByText("Loading section data...")[0]).toBeInTheDocument();
+    });
+    it("has proper accessibility attributes", () => {
+        const { container } = render(_jsx(SectionLoader, {}));
+        const loader = container.querySelector('[data-slot="section-loader"]');
+        expect(loader).toHaveAttribute("role", "status");
+        expect(loader).toHaveAttribute("aria-live", "polite");
+        expect(loader).toHaveAttribute("aria-busy", "true");
+    });
+    it("applies custom minHeight", () => {
+        const { container } = render(_jsx(SectionLoader, { minHeight: "400px" }));
+        const loader = container.querySelector('[data-slot="section-loader"]');
+        expect(loader).toHaveStyle({ minHeight: "400px" });
+    });
+    it("applies default minHeight", () => {
+        const { container } = render(_jsx(SectionLoader, {}));
+        const loader = container.querySelector('[data-slot="section-loader"]');
+        expect(loader).toHaveStyle({ minHeight: "200px" });
+    });
+    it("forwards ref correctly", () => {
+        const ref = { current: null };
+        render(_jsx(SectionLoader, { ref: ref }));
+        expect(ref.current).toBeInstanceOf(HTMLDivElement);
+    });
+});
+//# sourceMappingURL=loading.test.js.map

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

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

package/dist/src/components/loading/page-loader.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+export interface PageLoaderProps {
+    /**
+     * Loading message to display
+     */
+    message?: string;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+/**
+ * Full-page loading state component
+ *
+ * Displays a centered spinner with optional message.
+ * Used for page-level loading states.
+ */
+declare const PageLoader: React.ForwardRefExoticComponent<PageLoaderProps & React.RefAttributes<HTMLDivElement>>;
+export { PageLoader };
+//# sourceMappingURL=page-loader.d.ts.map

package/dist/src/components/loading/page-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-loader.d.ts","sourceRoot":"","sources":["../../../../src/components/loading/page-loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,eAAe;IAC/B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;GAKG;AACH,QAAA,MAAM,UAAU,wFAwBf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/src/components/loading/page-loader.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import { Spinner } from "../spinner";
+/**
+ * Full-page loading state component
+ *
+ * Displays a centered spinner with optional message.
+ * Used for page-level loading states.
+ */
+const PageLoader = React.forwardRef(({ message = "Loading...", className }, ref) => {
+    return (
+    // biome-ignore lint/a11y/useSemanticElements: keep div for correct ref typing and layout
+    _jsxs("div", { ref: ref, "data-slot": "page-loader", className: cn("flex min-h-screen flex-col items-center justify-center gap-4 bg-background", className), role: "status", "aria-live": "polite", "aria-busy": "true", children: [_jsx(Spinner, { size: "lg", label: message, className: "text-primary" }), message && (_jsx("p", { className: "text-sm text-muted-foreground", "aria-live": "polite", children: message }))] }));
+});
+PageLoader.displayName = "PageLoader";
+export { PageLoader };
+//# sourceMappingURL=page-loader.js.map

package/dist/src/components/loading/page-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-loader.js","sourceRoot":"","sources":["../../../../src/components/loading/page-loader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAarC;;;;;GAKG;AACH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,OAAO,GAAG,YAAY,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE;IAC9C,OAAO;IACN,yFAAyF;IACzF,eACC,GAAG,EAAE,GAAG,eACE,aAAa,EACvB,SAAS,EAAE,EAAE,CACZ,4EAA4E,EAC5E,SAAS,CACT,EACD,IAAI,EAAC,QAAQ,eACH,QAAQ,eACR,MAAM,aAEhB,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,cAAc,GAAG,EAC7D,OAAO,IAAI,CACX,YAAG,SAAS,EAAC,+BAA+B,eAAW,QAAQ,YAC7D,OAAO,GACL,CACJ,IACI,CACN,CAAC;AACH,CAAC,CACD,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/src/components/loading/section-loader.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+export interface SectionLoaderProps {
+    /**
+     * Loading message to display
+     */
+    message?: string;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Minimum height for the loading container
+     */
+    minHeight?: string;
+}
+/**
+ * Section-level loading state component
+ *
+ * Displays a centered spinner within a section/container.
+ * Used for component-level or section-level loading states.
+ */
+declare const SectionLoader: React.ForwardRefExoticComponent<SectionLoaderProps & React.RefAttributes<HTMLDivElement>>;
+export { SectionLoader };
+//# sourceMappingURL=section-loader.d.ts.map

package/dist/src/components/loading/section-loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-loader.d.ts","sourceRoot":"","sources":["../../../../src/components/loading/section-loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAkB;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;GAKG;AACH,QAAA,MAAM,aAAa,2FAyBlB,CAAC;AAGF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/components/loading/section-loader.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+import { Spinner } from "../spinner";
+/**
+ * Section-level loading state component
+ *
+ * Displays a centered spinner within a section/container.
+ * Used for component-level or section-level loading states.
+ */
+const SectionLoader = React.forwardRef(({ message = "Loading...", className, minHeight = "200px" }, ref) => {
+    return (
+    // biome-ignore lint/a11y/useSemanticElements: keep div for correct ref typing and layout
+    _jsxs("div", { ref: ref, "data-slot": "section-loader", className: cn("flex flex-col items-center justify-center gap-3 py-8", className), style: { minHeight }, role: "status", "aria-live": "polite", "aria-busy": "true", children: [_jsx(Spinner, { size: "md", label: message, className: "text-primary" }), message && (_jsx("p", { className: "text-sm text-muted-foreground", "aria-live": "polite", children: message }))] }));
+});
+SectionLoader.displayName = "SectionLoader";
+export { SectionLoader };
+//# sourceMappingURL=section-loader.js.map

package/dist/src/components/loading/section-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-loader.js","sourceRoot":"","sources":["../../../../src/components/loading/section-loader.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAiBrC;;;;;GAKG;AACH,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACrC,CAAC,EAAE,OAAO,GAAG,YAAY,EAAE,SAAS,EAAE,SAAS,GAAG,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE;IACnE,OAAO;IACN,yFAAyF;IACzF,eACC,GAAG,EAAE,GAAG,eACE,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACZ,sDAAsD,EACtD,SAAS,CACT,EACD,KAAK,EAAE,EAAE,SAAS,EAAE,EACpB,IAAI,EAAC,QAAQ,eACH,QAAQ,eACR,MAAM,aAEhB,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,cAAc,GAAG,EAC7D,OAAO,IAAI,CACX,YAAG,SAAS,EAAC,+BAA+B,eAAW,QAAQ,YAC7D,OAAO,GACL,CACJ,IACI,CACN,CAAC;AACH,CAAC,CACD,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export interface SkeletonCardProps extends Omit<React.ComponentProps<'div'>, 'ref'> {
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Show image skeleton at top
+     */
+    showImage?: boolean;
+    /**
+     * Number of text lines
+     */
+    textLines?: number;
+}
+/**
+ * Card content placeholder component
+ *
+ * Displays an animated skeleton card with optional image and text lines.
+ * Used as a loading placeholder for card-based content.
+ */
+declare const SkeletonCard: React.ForwardRefExoticComponent<SkeletonCardProps & React.RefAttributes<HTMLDivElement>>;
+export { SkeletonCard };
+//# sourceMappingURL=skeleton-card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-card.d.ts","sourceRoot":"","sources":["../../../../src/components/loading/skeleton-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IACjF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,QAAA,MAAM,YAAY,0FAgCjB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../lib/utils';
+/**
+ * Card content placeholder component
+ *
+ * Displays an animated skeleton card with optional image and text lines.
+ * Used as a loading placeholder for card-based content.
+ */
+const SkeletonCard = React.forwardRef(({ className, showImage = true, textLines = 3, ...props }, ref) => {
+    const lineElements = Array.from({ length: textLines }, (_, index) => ({
+        id: `skeleton-card-line-${index}`,
+        isLast: index === textLines - 1,
+    }));
+    return (
+    // biome-ignore lint/a11y/useSemanticElements: keep div for correct ref typing and layout
+    _jsxs("div", { ref: ref, "data-slot": "skeleton-card", className: cn('overflow-hidden rounded-lg border bg-card text-card-foreground theme-card', className), role: "status", "aria-live": "polite", "aria-busy": "true", "aria-label": "Loading content", ...props, children: [showImage && _jsx("div", { className: "h-48 w-full animate-pulse bg-muted", "aria-hidden": "true" }), _jsx("div", { className: "space-y-3 p-4", children: lineElements.map((line) => (_jsx("div", { className: cn('h-4 animate-pulse rounded bg-muted', line.isLast ? 'w-3/5' : 'w-full'), "aria-hidden": "true" }, line.id))) })] }));
+});
+SkeletonCard.displayName = 'SkeletonCard';
+export { SkeletonCard };
+//# sourceMappingURL=skeleton-card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-card.js","sourceRoot":"","sources":["../../../../src/components/loading/skeleton-card.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAiBrC;;;;;GAKG;AACH,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI,EAAE,SAAS,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QACpE,EAAE,EAAE,sBAAsB,KAAK,EAAE;QACjC,MAAM,EAAE,KAAK,KAAK,SAAS,GAAG,CAAC;KAChC,CAAC,CAAC,CAAC;IAEJ,OAAO;IACL,yFAAyF;IACzF,eACE,GAAG,EAAE,GAAG,eACE,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,2EAA2E,EAAE,SAAS,CAAC,EACrG,IAAI,EAAC,QAAQ,eACH,QAAQ,eACR,MAAM,gBACL,iBAAiB,KACxB,KAAK,aAER,SAAS,IAAI,cAAK,SAAS,EAAC,oCAAoC,iBAAa,MAAM,GAAG,EACvF,cAAK,SAAS,EAAC,eAAe,YAC3B,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,cAEE,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,iBACzE,MAAM,IAFb,IAAI,CAAC,EAAE,CAGZ,CACH,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/src/components/loading/skeleton-text.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export interface SkeletonTextProps extends Omit<React.ComponentProps<'div'>, 'ref'> {
+    /**
+     * Number of lines to display
+     */
+    lines?: number;
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+    /**
+     * Width of the last line (percentage or fixed value)
+     */
+    lastLineWidth?: string;
+}
+/**
+ * Text content placeholder component
+ *
+ * Displays animated skeleton lines for text content.
+ * Used as a loading placeholder for text-based content.
+ */
+declare const SkeletonText: React.ForwardRefExoticComponent<SkeletonTextProps & React.RefAttributes<HTMLDivElement>>;
+export { SkeletonText };
+//# sourceMappingURL=skeleton-text.d.ts.map

package/dist/src/components/loading/skeleton-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-text.d.ts","sourceRoot":"","sources":["../../../../src/components/loading/skeleton-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IACjF;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;GAKG;AACH,QAAA,MAAM,YAAY,0FAgCjB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/src/components/loading/skeleton-text.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from '../../lib/utils';
+/**
+ * Text content placeholder component
+ *
+ * Displays animated skeleton lines for text content.
+ * Used as a loading placeholder for text-based content.
+ */
+const SkeletonText = React.forwardRef(({ lines = 3, className, lastLineWidth = '75%', ...props }, ref) => {
+    const lineElements = Array.from({ length: lines }, (_, index) => ({
+        id: `skeleton-line-${index}`,
+        isLast: index === lines - 1,
+    }));
+    return (
+    // biome-ignore lint/a11y/useSemanticElements: keep div for correct ref typing and layout
+    _jsx("div", { ref: ref, "data-slot": "skeleton-text", className: cn('space-y-2', className), role: "status", "aria-live": "polite", "aria-busy": "true", "aria-label": "Loading text", ...props, children: lineElements.map((line) => (_jsx("div", { className: "h-4 animate-pulse rounded bg-muted", style: {
+                width: line.isLast ? lastLineWidth : '100%',
+            }, "aria-hidden": "true" }, line.id))) }));
+});
+SkeletonText.displayName = 'SkeletonText';
+export { SkeletonText };
+//# sourceMappingURL=skeleton-text.js.map

package/dist/src/components/loading/skeleton-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-text.js","sourceRoot":"","sources":["../../../../src/components/loading/skeleton-text.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAiBrC;;;;;GAKG;AACH,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,aAAa,GAAG,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACjE,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;QAChE,EAAE,EAAE,iBAAiB,KAAK,EAAE;QAC5B,MAAM,EAAE,KAAK,KAAK,KAAK,GAAG,CAAC;KAC5B,CAAC,CAAC,CAAC;IAEJ,OAAO;IACL,yFAAyF;IACzF,cACE,GAAG,EAAE,GAAG,eACE,eAAe,EACzB,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EACrC,IAAI,EAAC,QAAQ,eACH,QAAQ,eACR,MAAM,gBACL,cAAc,KACrB,KAAK,YAER,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC1B,cAEE,SAAS,EAAC,oCAAoC,EAC9C,KAAK,EAAE;gBACL,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;aAC5C,iBACW,MAAM,IALb,IAAI,CAAC,EAAE,CAMZ,CACH,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, } from "./menubar";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/menubar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,OAAO,EACP,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACd,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, } from "./menubar";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/menubar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,OAAO,EACP,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACd,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,27 @@
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import type * as React from "react";
+declare function MenubarMenu({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Menu>): import("react/jsx-runtime").JSX.Element;
+declare function Menubar({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarTrigger({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSubContent({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarContent({ className, align, alignOffset, sideOffset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarItem({ className, inset, variant, ...props }: React.ComponentProps<typeof MenubarPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarCheckboxItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarRadioItem({ className, children, ...props }: React.ComponentProps<typeof MenubarPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarLabel({ className, inset, ...props }: React.ComponentProps<typeof MenubarPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSeparator({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarShortcut({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarSub({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarGroup({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function MenubarPortal({ ...props }: React.ComponentProps<typeof MenubarPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };
+//# sourceMappingURL=menubar.d.ts.map

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

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

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

@@ -0,0 +1,55 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { cn } from "../../lib/utils";
+function MenubarMenu({ ...props }) {
+    return _jsx(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
+}
+function Menubar({ className, ...props }) {
+    return (_jsx(MenubarPrimitive.Root, { "data-slot": "menubar", className: cn("flex h-10 items-center space-x-1 rounded-md border bg-background p-1 theme-card", className), ...props }));
+}
+function MenubarTrigger({ className, ...props }) {
+    return (_jsx(MenubarPrimitive.Trigger, { "data-slot": "menubar-trigger", className: cn("flex cursor-pointer select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none transition-colors", "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", "data-disabled:pointer-events-none data-disabled:opacity-50", className), ...props }));
+}
+function MenubarSubTrigger({ className, inset, children, ...props }) {
+    return (_jsxs(MenubarPrimitive.SubTrigger, { "data-slot": "menubar-sub-trigger", "data-inset": inset, className: cn("flex cursor-pointer select-none items-center gap-2 rounded-sm px-3 py-2 text-sm outline-none", "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", "data-[state=open]:bg-accent data-[state=open]:text-accent-foreground", "data-disabled:pointer-events-none data-disabled:opacity-50", "data-inset:pl-8", '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4', '[&_svg:not([class*="text-"])]:text-muted-foreground', className), ...props, children: [children, _jsx(ChevronRight, { className: "ml-auto size-4" })] }));
+}
+function MenubarSubContent({ className, ...props }) {
+    return (_jsx(MenubarPrimitive.SubContent, { "data-slot": "menubar-sub-content", className: cn("z-30 min-w-[10rem] max-h-(--radix-menubar-content-available-height) origin-(--radix-menubar-content-transform-origin) overflow-x-hidden overflow-y-auto", "rounded-md border bg-popover p-1 text-popover-foreground shadow-lg", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }));
+}
+function MenubarContent({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) {
+    return (_jsx(MenubarPrimitive.Portal, { children: _jsx(MenubarPrimitive.Content, { "data-slot": "menubar-content", align: align, alignOffset: alignOffset, sideOffset: sideOffset, className: cn("z-30 min-w-[12rem] max-h-(--radix-menubar-content-available-height) origin-(--radix-menubar-content-transform-origin) overflow-x-hidden overflow-y-auto", "rounded-md border bg-popover p-1 text-popover-foreground theme-dropdown", "data-[state=open]:animate-in data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }) }));
+}
+function MenubarItem({ className, inset, variant = "default", ...props }) {
+    return (_jsx(MenubarPrimitive.Item, { "data-slot": "menubar-item", "data-inset": inset, "data-variant": variant, className: cn("relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-3 py-2 text-sm outline-none transition-colors", "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", "data-disabled:pointer-events-none data-disabled:opacity-50", "data-inset:pl-8", "data-[variant=destructive]:text-destructive", "data-[variant=destructive]:hover:bg-destructive/10", '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4', '[&_svg:not([class*="text-"])]:text-muted-foreground', className), ...props }));
+}
+function MenubarCheckboxItem({ className, children, ...props }) {
+    return (_jsxs(MenubarPrimitive.CheckboxItem, { "data-slot": "menubar-checkbox-item", className: cn("relative flex cursor-pointer select-none items-center gap-2 rounded-sm py-2 pl-8 pr-3 text-sm outline-none transition-colors", "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", "data-disabled:pointer-events-none data-disabled:opacity-50", "[&_svg]:pointer-events-none [&_svg]:shrink-0", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-4 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(Check, { className: "size-4 text-primary" }) }) }), children] }));
+}
+function MenubarRadioGroup({ ...props }) {
+    return (_jsx(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props }));
+}
+function MenubarRadioItem({ className, children, ...props }) {
+    return (_jsxs(MenubarPrimitive.RadioItem, { "data-slot": "menubar-radio-item", className: cn("relative flex cursor-pointer select-none items-center gap-2 rounded-sm py-2 pl-8 pr-3 text-sm outline-none transition-colors", "hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground", "data-disabled:pointer-events-none data-disabled:opacity-50", "[&_svg]:pointer-events-none [&_svg]:shrink-0", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-4 items-center justify-center", children: _jsx(MenubarPrimitive.ItemIndicator, { children: _jsx(Circle, { className: "size-2 fill-primary text-primary" }) }) }), children] }));
+}
+function MenubarLabel({ className, inset, ...props }) {
+    return (_jsx(MenubarPrimitive.Label, { "data-slot": "menubar-label", "data-inset": inset, className: cn("px-3 py-1.5 text-sm font-semibold text-foreground", "data-inset:pl-8", className), ...props }));
+}
+function MenubarSeparator({ className, ...props }) {
+    return (_jsx(MenubarPrimitive.Separator, { "data-slot": "menubar-separator", className: cn("-mx-1 my-1 h-px bg-separator", className), ...props }));
+}
+function MenubarShortcut({ className, ...props }) {
+    return (_jsx("span", { className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props }));
+}
+function MenubarSub({ ...props }) {
+    return _jsx(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
+}
+function MenubarGroup({ ...props }) {
+    return _jsx(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
+}
+function MenubarPortal({ ...props }) {
+    return _jsx(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
+}
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, };
+//# sourceMappingURL=menubar.js.map

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

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

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

@@ -0,0 +1,22 @@
+import type { StoryObj } from "@storybook/react";
+import { Menubar } from "./menubar";
+declare const meta: {
+    title: string;
+    component: typeof Menubar;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ApplicationMenubar: Story;
+export declare const TextEditorMenubar: Story;
+export declare const WithRadioGroups: Story;
+export declare const WithIconsAndGroups: Story;
+export declare const SimpleMenubar: Story;
+export declare const NestedSubmenus: Story;
+export declare const WithInsetItems: Story;
+export declare const DisabledItems: Story;
+export declare const CompactMenubar: Story;
+//# sourceMappingURL=menubar.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menubar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/menubar/menubar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAoBvD,OAAO,EACN,OAAO,EAeP,MAAM,WAAW,CAAC;AAEnB,QAAA,MAAM,IAAI;;;;;;;CAOsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,kBAAkB,EAAE,KA0HhC,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KA0D/B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KAiChC,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KA8B3B,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAqC5B,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAkB5B,CAAC;AAGF,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAC"}

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

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Bold, Check, ChevronRight, Clipboard, Copy, FileText, Italic, Mail, MessageSquare, Redo, Save, Scissors, Settings, Underline, Undo, User, } from "lucide-react";
+import { useState } from "react";
+import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, } from "./menubar";
+const meta = {
+    title: "Overlay/Menubar",
+    component: Menubar,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+// Complete Application Menubar Example
+export const ApplicationMenubar = {
+    render: () => (_jsxs(Menubar, { className: "w-full max-w-4xl", children: [_jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "File" }), _jsxs(MenubarContent, { children: [_jsxs(MenubarItem, { children: [_jsx(FileText, { className: "mr-2" }), "New File", _jsx(MenubarShortcut, { children: "\u2318N" })] }), _jsxs(MenubarItem, { children: [_jsx(FileText, { className: "mr-2" }), "New Window", _jsx(MenubarShortcut, { children: "\u21E7\u2318N" })] }), _jsx(MenubarSeparator, {}), _jsxs(MenubarItem, { disabled: true, children: ["Open...", _jsx(MenubarShortcut, { children: "\u2318O" })] }), _jsxs(MenubarSub, { children: [_jsxs(MenubarSubTrigger, { children: [_jsx(FileText, { className: "mr-2" }), "Open Recent"] }), _jsxs(MenubarSubContent, { children: [_jsx(MenubarItem, { children: "project-alpha.tsx" }), _jsx(MenubarItem, { children: "dashboard.tsx" }), _jsx(MenubarItem, { children: "settings.tsx" }), _jsx(MenubarSeparator, {}), _jsx(MenubarItem, { children: "Clear Recently Opened" })] })] }), _jsx(MenubarSeparator, {}), _jsxs(MenubarItem, { children: [_jsx(Save, { className: "mr-2" }), "Save", _jsx(MenubarShortcut, { children: "\u2318S" })] }), _jsxs(MenubarItem, { children: ["Save As...", _jsx(MenubarShortcut, { children: "\u21E7\u2318S" })] }), _jsx(MenubarSeparator, {}), _jsxs(MenubarItem, { variant: "destructive", children: ["Close Window", _jsx(MenubarShortcut, { children: "\u2318W" })] })] })] }), _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Edit" }), _jsxs(MenubarContent, { children: [_jsxs(MenubarItem, { children: [_jsx(Undo, { className: "mr-2" }), "Undo", _jsx(MenubarShortcut, { children: "\u2318Z" })] }), _jsxs(MenubarItem, { children: [_jsx(Redo, { className: "mr-2" }), "Redo", _jsx(MenubarShortcut, { children: "\u21E7\u2318Z" })] }), _jsx(MenubarSeparator, {}), _jsxs(MenubarItem, { children: [_jsx(Scissors, { className: "mr-2" }), "Cut", _jsx(MenubarShortcut, { children: "\u2318X" })] }), _jsxs(MenubarItem, { children: [_jsx(Copy, { className: "mr-2" }), "Copy", _jsx(MenubarShortcut, { children: "\u2318C" })] }), _jsxs(MenubarItem, { children: [_jsx(Clipboard, { className: "mr-2" }), "Paste", _jsx(MenubarShortcut, { children: "\u2318V" })] }), _jsx(MenubarSeparator, {}), _jsxs(MenubarItem, { children: ["Find", _jsx(MenubarShortcut, { children: "\u2318F" })] }), _jsxs(MenubarItem, { children: ["Replace", _jsx(MenubarShortcut, { children: "\u2325\u2318F" })] })] })] }), _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "View" }), _jsxs(MenubarContent, { children: [_jsxs(MenubarCheckboxItem, { checked: true, children: [_jsx(Check, { className: "mr-2" }), "Show Toolbar"] }), _jsx(MenubarCheckboxItem, { checked: true, children: "Show Sidebar" }), _jsx(MenubarCheckboxItem, { children: "Show Status Bar" }), _jsx(MenubarSeparator, {}), _jsxs(MenubarItem, { children: ["Toggle Full Screen", _jsx(MenubarShortcut, { children: "\u2303\u2318F" })] })] })] }), _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Help" }), _jsxs(MenubarContent, { children: [_jsx(MenubarItem, { children: "Documentation" }), _jsx(MenubarItem, { children: "Release Notes" }), _jsx(MenubarSeparator, {}), _jsx(MenubarItem, { children: "Report Issue" }), _jsx(MenubarItem, { children: "About" })] })] })] })),
+};
+// Text Editor Menubar
+export const TextEditorMenubar = {
+    render: () => {
+        const [formatting, setFormatting] = useState({
+            bold: false,
+            italic: false,
+            underline: false,
+        });
+        return (_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Format" }), _jsxs(MenubarContent, { children: [_jsxs(MenubarCheckboxItem, { checked: formatting.bold, onCheckedChange: (checked) => setFormatting({ ...formatting, bold: checked }), children: [_jsx(Bold, { className: "mr-2", size: 16 }), "Bold", _jsx(MenubarShortcut, { children: "\u2318B" })] }), _jsxs(MenubarCheckboxItem, { checked: formatting.italic, onCheckedChange: (checked) => setFormatting({ ...formatting, italic: checked }), children: [_jsx(Italic, { className: "mr-2", size: 16 }), "Italic", _jsx(MenubarShortcut, { children: "\u2318I" })] }), _jsxs(MenubarCheckboxItem, { checked: formatting.underline, onCheckedChange: (checked) => setFormatting({ ...formatting, underline: checked }), children: [_jsx(Underline, { className: "mr-2", size: 16 }), "Underline", _jsx(MenubarShortcut, { children: "\u2318U" })] }), _jsx(MenubarSeparator, {}), _jsxs(MenubarSub, { children: [_jsx(MenubarSubTrigger, { children: "Text Alignment" }), _jsxs(MenubarSubContent, { children: [_jsx(MenubarItem, { children: "Align Left" }), _jsx(MenubarItem, { children: "Align Center" }), _jsx(MenubarItem, { children: "Align Right" }), _jsx(MenubarItem, { children: "Justify" })] })] })] })] }) }));
+    },
+};
+// With Radio Groups
+export const WithRadioGroups = {
+    render: () => {
+        const [fontSize, setFontSize] = useState("medium");
+        const [theme, setTheme] = useState("light");
+        return (_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Preferences" }), _jsxs(MenubarContent, { children: [_jsx(MenubarLabel, { children: "Font Size" }), _jsxs(MenubarRadioGroup, { value: fontSize, onValueChange: setFontSize, children: [_jsx(MenubarRadioItem, { value: "small", children: "Small" }), _jsx(MenubarRadioItem, { value: "medium", children: "Medium" }), _jsx(MenubarRadioItem, { value: "large", children: "Large" })] }), _jsx(MenubarSeparator, {}), _jsx(MenubarLabel, { children: "Theme" }), _jsxs(MenubarRadioGroup, { value: theme, onValueChange: setTheme, children: [_jsx(MenubarRadioItem, { value: "light", children: "Light" }), _jsx(MenubarRadioItem, { value: "dark", children: "Dark" }), _jsx(MenubarRadioItem, { value: "system", children: "System" })] })] })] }) }));
+    },
+};
+// With Icons and Groups
+export const WithIconsAndGroups = {
+    render: () => (_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Communication" }), _jsxs(MenubarContent, { children: [_jsx(MenubarLabel, { children: "Send Message" }), _jsxs(MenubarGroup, { children: [_jsxs(MenubarItem, { children: [_jsx(Mail, { className: "mr-2" }), "Email"] }), _jsxs(MenubarItem, { children: [_jsx(MessageSquare, { className: "mr-2" }), "Chat"] })] }), _jsx(MenubarSeparator, {}), _jsx(MenubarLabel, { children: "Settings" }), _jsxs(MenubarGroup, { children: [_jsxs(MenubarItem, { children: [_jsx(Settings, { className: "mr-2" }), "Notification Preferences"] }), _jsxs(MenubarItem, { children: [_jsx(User, { className: "mr-2" }), "Profile Settings"] })] })] })] }) })),
+};
+// Simple Menubar
+export const SimpleMenubar = {
+    render: () => (_jsxs(Menubar, { children: [_jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "File" }), _jsxs(MenubarContent, { children: [_jsx(MenubarItem, { children: "New" }), _jsx(MenubarItem, { children: "Open" }), _jsx(MenubarItem, { children: "Save" }), _jsx(MenubarSeparator, {}), _jsx(MenubarItem, { children: "Exit" })] })] }), _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Edit" }), _jsxs(MenubarContent, { children: [_jsx(MenubarItem, { children: "Undo" }), _jsx(MenubarItem, { children: "Redo" })] })] }), _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "View" }), _jsxs(MenubarContent, { children: [_jsx(MenubarItem, { children: "Zoom In" }), _jsx(MenubarItem, { children: "Zoom Out" }), _jsx(MenubarItem, { children: "Reset Zoom" })] })] })] })),
+};
+// With Nested Submenus
+export const NestedSubmenus = {
+    render: () => (_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Insert" }), _jsxs(MenubarContent, { children: [_jsx(MenubarItem, { children: "Text" }), _jsx(MenubarItem, { children: "Image" }), _jsx(MenubarSeparator, {}), _jsxs(MenubarSub, { children: [_jsxs(MenubarSubTrigger, { children: [_jsx(FileText, { className: "mr-2" }), "Table"] }), _jsxs(MenubarSubContent, { children: [_jsx(MenubarItem, { children: "Insert Table" }), _jsx(MenubarItem, { children: "Draw Table" }), _jsx(MenubarSeparator, {}), _jsxs(MenubarSub, { children: [_jsxs(MenubarSubTrigger, { children: [_jsx(ChevronRight, { className: "mr-2" }), "Quick Tables"] }), _jsxs(MenubarSubContent, { children: [_jsx(MenubarItem, { children: "Calendar" }), _jsx(MenubarItem, { children: "Tabular List" }), _jsx(MenubarItem, { children: "Matrix" })] })] })] })] }), _jsx(MenubarItem, { children: "Chart" }), _jsx(MenubarItem, { children: "Symbol" })] })] }) })),
+};
+// With Inset Items
+export const WithInsetItems = {
+    render: () => (_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Tools" }), _jsxs(MenubarContent, { children: [_jsx(MenubarLabel, { children: "Developer Tools" }), _jsx(MenubarItem, { inset: true, children: "Console" }), _jsx(MenubarItem, { inset: true, children: "Debugger" }), _jsx(MenubarItem, { inset: true, children: "Network" }), _jsx(MenubarSeparator, {}), _jsx(MenubarLabel, { children: "Extensions" }), _jsx(MenubarItem, { inset: true, children: "Manage Extensions" }), _jsx(MenubarItem, { inset: true, children: "Extension Marketplace" })] })] }) })),
+};
+// Disabled Items
+export const DisabledItems = {
+    render: () => (_jsx(Menubar, { children: _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { children: "Actions" }), _jsxs(MenubarContent, { children: [_jsx(MenubarItem, { children: "Available Action" }), _jsx(MenubarItem, { disabled: true, children: "Disabled Action" }), _jsx(MenubarItem, { children: "Another Available Action" }), _jsx(MenubarSeparator, {}), _jsx(MenubarItem, { disabled: true, variant: "destructive", children: "Disabled Destructive Action" }), _jsx(MenubarItem, { variant: "destructive", children: "Delete" })] })] }) })),
+};
+// Compact Menubar
+export const CompactMenubar = {
+    render: () => (_jsxs(Menubar, { className: "h-8", children: [_jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { className: "text-xs", children: "File" }), _jsxs(MenubarContent, { children: [_jsx(MenubarItem, { className: "text-xs", children: "New" }), _jsx(MenubarItem, { className: "text-xs", children: "Open" }), _jsx(MenubarItem, { className: "text-xs", children: "Save" })] })] }), _jsxs(MenubarMenu, { children: [_jsx(MenubarTrigger, { className: "text-xs", children: "Edit" }), _jsxs(MenubarContent, { children: [_jsx(MenubarItem, { className: "text-xs", children: "Cut" }), _jsx(MenubarItem, { className: "text-xs", children: "Copy" }), _jsx(MenubarItem, { className: "text-xs", children: "Paste" })] })] })] })),
+};
+//# sourceMappingURL=menubar.stories.js.map