@openuidev/react-ui 0.9.16

package/dist/components/Callout/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Callout";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Callout/index.d.ts.map

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

package/dist/components/Callout/index.js

@@ -0,0 +1,2 @@
+export * from "./Callout";
+//# sourceMappingURL=index.js.map

package/dist/components/Callout/index.js.map

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

package/dist/components/Callout/stories/callout.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { CalloutProps } from "../Callout";
+declare const meta: Meta<CalloutProps>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Info: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Danger: Story;
+export declare const TitleOnly: Story;
+export declare const DescriptionOnly: Story;
+//# sourceMappingURL=callout.stories.d.ts.map

package/dist/components/Callout/stories/callout.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Callout/stories/callout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AAEnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,YAAY,CAwCG,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC"}

package/dist/components/Callout/stories/callout.stories.js

@@ -0,0 +1,91 @@
+import { Callout } from "../Callout";
+const meta = {
+    title: "Components/Callout",
+    component: Callout,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { Callout } from '@openui-ui/react-ui';\n```",
+            },
+        },
+    },
+    tags: ["!dev", "autodocs"],
+    argTypes: {
+        variant: {
+            control: "select",
+            options: ["neutral", "info", "warning", "success", "danger"],
+            description: "The visual style variant of the callout",
+            table: {
+                category: "Appearance",
+                type: { summary: "CalloutVariant" },
+                defaultValue: { summary: "neutral" },
+            },
+        },
+        title: {
+            control: "text",
+            description: "The title of the callout",
+            table: {
+                category: "Content",
+                type: { summary: "React.ReactNode" },
+            },
+        },
+        description: {
+            control: "text",
+            description: "The description text of the callout",
+            table: {
+                category: "Content",
+                type: { summary: "React.ReactNode" },
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        title: "Important Information",
+        description: "This is a neutral callout with some important information.",
+        variant: "neutral",
+    },
+};
+export const Info = {
+    args: {
+        title: "Did you know?",
+        description: "This is an informational callout.",
+        variant: "info",
+    },
+};
+export const Success = {
+    args: {
+        title: "Success",
+        description: "The operation completed successfully.",
+        variant: "success",
+    },
+};
+export const Warning = {
+    args: {
+        title: "Warning",
+        description: "Please be careful with this action.",
+        variant: "warning",
+    },
+};
+export const Danger = {
+    args: {
+        title: "Error",
+        description: "Something went wrong. Please try again.",
+        variant: "danger",
+    },
+};
+export const TitleOnly = {
+    args: {
+        title: "Title-only callout",
+        variant: "info",
+    },
+};
+export const DescriptionOnly = {
+    args: {
+        description: "A callout with only a description and no title.",
+        variant: "neutral",
+    },
+};
+//# sourceMappingURL=callout.stories.js.map

package/dist/components/Callout/stories/callout.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"callout.stories.js","sourceRoot":"","sources":["../../../../src/components/Callout/stories/callout.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAgB,MAAM,YAAY,CAAC;AAEnD,MAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,6DAA6D;aACzE;SACF;KACF;IACD,IAAI,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;IAC1B,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC;YAC5D,WAAW,EAAE,yCAAyC;YACtD,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;gBACtB,IAAI,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE;gBACnC,YAAY,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;aACrC;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,0BAA0B;YACvC,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE;aACrC;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,qCAAqC;YAClD,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE;aACrC;SACF;KACF;CAC6B,CAAC;AAEjC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,uBAAuB;QAC9B,WAAW,EAAE,4DAA4D;QACzE,OAAO,EAAE,SAAS;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,KAAK,EAAE,eAAe;QACtB,WAAW,EAAE,mCAAmC;QAChD,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,uCAAuC;QACpD,OAAO,EAAE,SAAS;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,WAAW,EAAE,qCAAqC;QAClD,OAAO,EAAE,SAAS;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,yCAAyC;QACtD,OAAO,EAAE,QAAQ;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,KAAK,EAAE,oBAAoB;QAC3B,OAAO,EAAE,MAAM;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,WAAW,EAAE,iDAAiD;QAC9D,OAAO,EAAE,SAAS;KACnB;CACF,CAAC"}

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type CardVariant = "clear" | "card" | "sunk";
+type CardWidth = "standard" | "full";
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: CardVariant;
+    width?: CardWidth;
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Card.d.ts.map

package/dist/components/Card/Card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAC7C,KAAK,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAErC,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAaD,eAAO,MAAM,IAAI,kFAYf,CAAC"}

package/dist/components/Card/Card.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React from "react";
+const variantMap = {
+    clear: "openui-card-clear",
+    card: "openui-card-card",
+    sunk: "openui-card-sunk",
+};
+const widthMap = {
+    standard: "openui-card-standard",
+    full: "openui-card-full",
+};
+export const Card = React.forwardRef((props, ref) => {
+    const { className, children, variant = "card", width = "standard", ...rest } = props;
+    return (_jsx("div", { ref: ref, className: clsx("openui-card", className, variantMap[variant], widthMap[width]), ...rest, children: children }));
+});
+Card.displayName = "Card";
+//# sourceMappingURL=Card.js.map

package/dist/components/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,UAAU,GAAgC;IAC9C,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,kBAAkB;IACxB,IAAI,EAAE,kBAAkB;CACzB,CAAC;AAEF,MAAM,QAAQ,GAA8B;IAC1C,QAAQ,EAAE,sBAAsB;IAChC,IAAI,EAAE,kBAAkB;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC7E,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,EAAE,KAAK,GAAG,UAAU,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAErF,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC,KAC3E,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/components/Card/card.css

@@ -0,0 +1 @@
+.openui-card{display:flex;flex-direction:column;gap:var(--openui-space-xl, 24px);border:1px solid rgba(0,0,0,0);box-sizing:border-box;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing)}.openui-card-card{padding:var(--openui-space-l, 18px);border-radius:var(--openui-radius-3xl, 16px);border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));box-shadow:none}.openui-card-clear{padding:0px var(--openui-space-l, 18px);border-radius:var(--openui-radius-3xl, 16px);background-color:rgba(0,0,0,0);box-shadow:none}.openui-card-sunk{padding:var(--openui-space-l, 18px);border-radius:var(--openui-radius-3xl, 16px);background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-card-standard{width:80%}.openui-card-full{width:100%}

package/dist/components/Card/dependencies.d.ts

@@ -0,0 +1,3 @@
+declare const dependencies: string[];
+export default dependencies;
+//# sourceMappingURL=dependencies.d.ts.map

package/dist/components/Card/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/components/Card/dependencies.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,UAAW,CAAC;AAC9B,eAAe,YAAY,CAAC"}

package/dist/components/Card/dependencies.js

@@ -0,0 +1,3 @@
+const dependencies = ["Card"];
+export default dependencies;
+//# sourceMappingURL=dependencies.js.map

package/dist/components/Card/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/components/Card/dependencies.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,MAAM,CAAC,CAAC;AAC9B,eAAe,YAAY,CAAC"}

package/dist/components/Card/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Card";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/components/Card/index.js

@@ -0,0 +1,2 @@
+export * from "./Card";
+//# sourceMappingURL=index.js.map

package/dist/components/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Card } from "../Card";
+declare const meta: Meta<typeof Card>;
+export default meta;
+type Story = StoryObj<typeof Card>;
+export declare const CardStory: Story;
+//# sourceMappingURL=card.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/stories/card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAiC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAC"}

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

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CardHeader } from "../../CardHeader";
+import { FormControl } from "../../FormControl";
+import { Input } from "../../Input";
+import { Label } from "../../Label";
+import { Card } from "../Card";
+const meta = {
+    title: "Components/Card",
+    component: Card,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { Card } from '@openui-ui/react-ui';\n```",
+            },
+        },
+    },
+    argTypes: {
+        width: {
+            control: "radio",
+            options: ["standard", "full"],
+            description: "Controls the width of the card component",
+            table: {
+                category: "Appearance",
+                defaultValue: { summary: "standard" },
+            },
+        },
+        variant: {
+            control: "radio",
+            options: ["card", "clear", "sunk"],
+            description: "Determines the visual style of the card",
+            table: {
+                defaultValue: { summary: "card" },
+                category: "Appearance",
+            },
+        },
+    },
+    tags: ["autodocs", "!dev"],
+};
+export default meta;
+// Basic button stories
+export const CardStory = {
+    args: {
+        width: "standard",
+        variant: "card",
+    },
+    render: (args) => (_jsx("div", { style: { width: "500px" }, children: _jsxs(Card, { variant: args.variant, width: args.width, children: [_jsx(CardHeader, { title: "Card Title", subtitle: "Card Description", actions: [] }), _jsxs(FormControl, { children: [_jsx(Label, { htmlFor: "username", children: "Username" }), _jsx(Input, { id: "username", placeholder: "Enter username" })] })] }) })),
+};
+//# sourceMappingURL=card.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.stories.js","sourceRoot":"","sources":["../../../../src/components/Card/stories/card.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,0DAA0D;aACtE;SACF;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;YAC7B,WAAW,EAAE,0CAA0C;YACvD,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;gBACtB,YAAY,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;aACtC;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC;YAClC,WAAW,EAAE,yCAAyC;YAEtD,KAAK,EAAE;gBACL,YAAY,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;gBACjC,QAAQ,EAAE,YAAY;aACvB;SACF;KACF;IACD,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,uBAAuB;AACvB,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,OAAO,EAAE,MAAM;KAChB;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAC5B,MAAC,IAAI,IAAC,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,aAC5C,KAAC,UAAU,IAAC,KAAK,EAAC,YAAY,EAAC,QAAQ,EAAC,kBAAkB,EAAC,OAAO,EAAE,EAAE,GAAI,EAC1E,MAAC,WAAW,eACV,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,yBAAiB,EAC1C,KAAC,KAAK,IAAC,EAAE,EAAC,UAAU,EAAC,WAAW,EAAC,gBAAgB,GAAG,IACxC,IACT,GACH,CACP;CACF,CAAC"}

package/dist/components/CardHeader/CardHeader.d.ts

@@ -0,0 +1,13 @@
+import { CSSProperties, ReactElement, ReactNode } from "react";
+import { ButtonProps } from "../Button";
+import { IconButtonProps } from "../IconButton";
+export interface CardHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    icon?: ReactNode;
+    title?: ReactNode;
+    subtitle?: ReactNode;
+    actions?: ReactElement<ButtonProps | IconButtonProps> | ReactElement<ButtonProps | IconButtonProps>[];
+    className?: string;
+    styles?: CSSProperties;
+}
+export declare const CardHeader: import("react").ForwardRefExoticComponent<CardHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CardHeader.d.ts.map

package/dist/components/CardHeader/CardHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,aAAa,EAAc,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC1F,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EACJ,YAAY,CAAC,WAAW,GAAG,eAAe,CAAC,GAC3C,YAAY,CAAC,WAAW,GAAG,eAAe,CAAC,EAAE,CAAC;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,eAAO,MAAM,UAAU,4GAkBrB,CAAC"}

package/dist/components/CardHeader/CardHeader.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { cloneElement, forwardRef } from "react";
+export const CardHeader = forwardRef((props, ref) => {
+    const { icon, title, subtitle, actions, className, styles, ...rest } = props;
+    return (_jsxs("div", { ref: ref, className: clsx("openui-header", className), style: styles, ...rest, children: [_jsxs("div", { className: "openui-header-top", children: [_jsxs("div", { className: "openui-header-top-left", children: [icon && _jsx("span", { className: "openui-header-top-left-icon", children: icon }), title] }), _jsx("div", { className: "openui-header-top-right", children: Array.isArray(actions)
+                            ? actions.map((action, index) => cloneElement(action, { key: index }))
+                            : actions })] }), subtitle && _jsx("div", { className: "openui-header-bottom", children: subtitle })] }));
+});
+CardHeader.displayName = "CardHeader";
+//# sourceMappingURL=CardHeader.js.map

package/dist/components/CardHeader/CardHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.js","sourceRoot":"","sources":["../../../src/components/CardHeader/CardHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,YAAY,EAAiB,UAAU,EAA2B,MAAM,OAAO,CAAC;AAezF,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAkC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACnF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC7E,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,KAAM,IAAI,aACjF,eAAK,SAAS,EAAC,mBAAmB,aAChC,eAAK,SAAS,EAAC,wBAAwB,aACpC,IAAI,IAAI,eAAM,SAAS,EAAC,6BAA6B,YAAE,IAAI,GAAQ,EACnE,KAAK,IACF,EACN,cAAK,SAAS,EAAC,yBAAyB,YACrC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;4BACrB,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;4BACtE,CAAC,CAAC,OAAO,GACP,IACF,EACL,QAAQ,IAAI,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,IAC/D,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/components/CardHeader/cardHeader.css

@@ -0,0 +1 @@
+.openui-header{display:flex;flex-direction:column;gap:var(--openui-space-xs, 6px);margin-bottom:var(--openui-space-2xs, 4px);overflow-wrap:break-word}.openui-header-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.openui-header-top-left{display:flex;flex-direction:row;align-items:center;gap:var(--openui-space-xs, 6px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));font:var(--openui-text-heading-sm);letter-spacing:var(--openui-text-heading-sm-letter-spacing)}.openui-header-top-left-icon{display:flex;align-items:center;justify-content:center;height:1em;width:1em}.openui-header-top-right{display:flex;flex-direction:row;align-items:center;gap:var(--openui-space-2xs, 4px)}.openui-header-bottom{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing)}

package/dist/components/CardHeader/dependencies.d.ts

@@ -0,0 +1,3 @@
+declare const dependencies: string[];
+export default dependencies;
+//# sourceMappingURL=dependencies.d.ts.map

package/dist/components/CardHeader/dependencies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.d.ts","sourceRoot":"","sources":["../../../src/components/CardHeader/dependencies.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,YAAY,UAAiB,CAAC;AACpC,eAAe,YAAY,CAAC"}

package/dist/components/CardHeader/dependencies.js

@@ -0,0 +1,3 @@
+const dependencies = ["CardHeader"];
+export default dependencies;
+//# sourceMappingURL=dependencies.js.map

package/dist/components/CardHeader/dependencies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dependencies.js","sourceRoot":"","sources":["../../../src/components/CardHeader/dependencies.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,YAAY,CAAC,CAAC;AACpC,eAAe,YAAY,CAAC"}

package/dist/components/CardHeader/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./CardHeader";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CardHeader/index.d.ts.map

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

package/dist/components/CardHeader/index.js

@@ -0,0 +1,2 @@
+export * from "./CardHeader";
+//# sourceMappingURL=index.js.map

package/dist/components/CardHeader/index.js.map

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

package/dist/components/CardHeader/stories/cardHeader.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { CardHeader } from "../CardHeader";
+declare const meta: Meta<typeof CardHeader>;
+export default meta;
+type Story = StoryObj<typeof CardHeader>;
+export declare const HeaderStory: Story;
+export declare const HeaderStoryWithMultipleActions: Story;
+export declare const DefaultVariant: Story;
+//# sourceMappingURL=cardHeader.stories.d.ts.map

package/dist/components/CardHeader/stories/cardHeader.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardHeader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CardHeader/stories/cardHeader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAqEjC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAGzC,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KAmB5C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAC"}

package/dist/components/CardHeader/stories/cardHeader.stories.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ArrowRight, Download } from "lucide-react";
+import { IconButton } from "../../IconButton";
+import { CardHeader } from "../CardHeader";
+const meta = {
+    title: "Components/CardHeader",
+    component: CardHeader,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { CardHeader } from '@openui-ui/react-ui';\n```",
+            },
+        },
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: { width: "350px" }, children: _jsx(Story, {}) })),
+    ],
+    argTypes: {
+        icon: {
+            control: false,
+            description: "The icon to display in the header beside the title",
+            table: {
+                category: "Content",
+                type: { summary: "ReactNode" },
+            },
+        },
+        title: {
+            control: "text",
+            description: "The title to display in the header",
+            table: {
+                category: "Content",
+                type: { summary: "ReactNode" },
+            },
+        },
+        subtitle: {
+            control: "text",
+            description: "The subtitle to display in the header",
+            table: {
+                category: "Content",
+                type: { summary: "ReactNode" },
+            },
+        },
+        actions: {
+            control: false,
+            description: "The actions to display in the header",
+            table: {
+                category: "Content",
+                type: { summary: "ReactElement<ButtonProps | IconButtonProps>[]" },
+            },
+        },
+        className: {
+            control: false,
+            description: "The class name to apply to the header",
+            table: {
+                category: "Styling",
+                type: { summary: "string" },
+            },
+        },
+        styles: {
+            control: false,
+            description: "Inline CSS styles for custom styling",
+            table: {
+                category: "Styling",
+                type: { summary: "CSSProperties" },
+            },
+        },
+    },
+    tags: ["autodocs", "!dev"],
+};
+export default meta;
+// Basic header stories
+export const HeaderStory = {
+    args: {
+        icon: _jsx(ArrowRight, {}),
+        title: "Thesys OpenUI",
+        subtitle: "OpenUI UI is a set of React components.",
+        actions: [_jsx(IconButton, { variant: "tertiary", size: "small", icon: _jsx(Download, {}) })],
+    },
+    render: (args) => _jsx(CardHeader, { ...args }),
+};
+export const HeaderStoryWithMultipleActions = {
+    parameters: {
+        docs: {
+            description: {
+                story: "Passing multiple actions to the header. The actions are displayed in the right corner of the header.",
+            },
+        },
+    },
+    args: {
+        icon: _jsx(ArrowRight, {}),
+        title: "Thesys OpenUI",
+        subtitle: "OpenUI UI is a set of React components.",
+        actions: [
+            _jsx(IconButton, { variant: "tertiary", size: "small", icon: _jsx(Download, {}) }),
+            _jsx(IconButton, { variant: "tertiary", size: "small", icon: _jsx(Download, {}) }),
+        ],
+    },
+    render: (args) => _jsx(CardHeader, { ...args }),
+};
+export const DefaultVariant = {
+    parameters: {
+        docs: {
+            description: {
+                story: "The default variant with larger text styling and 18px icon.",
+            },
+        },
+    },
+    args: {
+        title: "Default Variant Header",
+        subtitle: "This is the default variant with larger body text styling",
+        actions: [_jsx(IconButton, { variant: "tertiary", size: "small", icon: _jsx(Download, {}) })],
+    },
+    render: (args) => _jsx(CardHeader, { ...args }),
+};
+//# sourceMappingURL=cardHeader.stories.js.map

package/dist/components/CardHeader/stories/cardHeader.stories.js.map

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

package/dist/components/Carousel/Carousel.d.ts

@@ -0,0 +1,18 @@
+export interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
+    itemsToScroll?: number;
+    noSnap?: boolean;
+    showButtons?: boolean;
+    variant?: "card" | "sunk";
+    onScrollLeftEnabled?: (enabled: boolean) => void;
+    onScrollRightEnabled?: (enabled: boolean) => void;
+}
+export interface CarouselRef {
+    scroll: (direction: "left" | "right") => void;
+    scrollDivRef: React.RefObject<HTMLDivElement | null>;
+}
+export declare const Carousel: import("react").ForwardRefExoticComponent<CarouselProps & import("react").RefAttributes<CarouselRef>>;
+export declare const CarouselContent: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CarouselItem: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CarouselPrevious: import("react").ForwardRefExoticComponent<Omit<import("../IconButton").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const CarouselNext: import("react").ForwardRefExoticComponent<Omit<import("../IconButton").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Carousel.d.ts.map

package/dist/components/Carousel/Carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAiCA,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACtD;AAED,eAAO,MAAM,QAAQ,uGA4IpB,CAAC;AAEF,eAAO,MAAM,eAAe,2IA2B3B,CAAC;AAEF,eAAO,MAAM,YAAY,2IAMxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,uMAqB3B,CAAC;AAEH,eAAO,MAAM,YAAY,uMAoBxB,CAAC"}