@openuidev/react-ui 0.9.16

package/dist/components/Tag/stories/Tag.stories.js

@@ -0,0 +1,127 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AlertCircle, AlertTriangle, CheckCircle, User } from "lucide-react";
+import { Tag } from "../Tag";
+const meta = {
+    title: "Components/Tag",
+    component: Tag,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { Tag } from '@openui-ui/react-ui';\n```",
+            },
+        },
+    },
+    argTypes: {
+        text: {
+            control: "text",
+            description: "The text content of the tag",
+            table: {
+                category: "Content",
+                type: { summary: "string" },
+            },
+        },
+        icon: {
+            control: false,
+            description: "The icon to display in the tag",
+            table: {
+                category: "Content",
+                type: { summary: "ReactNode" },
+            },
+        },
+        size: {
+            control: "select",
+            options: ["sm", "md", "lg"],
+            description: "The size of the tag",
+            table: {
+                category: "Appearance",
+                type: { summary: "sm | md | lg" },
+                defaultValue: { summary: "md" },
+            },
+        },
+        variant: {
+            control: "select",
+            options: ["neutral", "info", "success", "warning", "danger"],
+            description: "The variant of the tag",
+            table: {
+                category: "Appearance",
+                type: { summary: "neutral | info | success | warning | danger" },
+                defaultValue: { summary: "neutral" },
+            },
+        },
+        className: {
+            control: false,
+            description: "Additional CSS class name for custom styling",
+            table: {
+                category: "Styling",
+                type: { summary: "string" },
+            },
+        },
+        styles: {
+            control: false,
+            description: "Additional CSS styles for custom styling",
+            table: {
+                category: "Styling",
+                type: { summary: "CSSProperties" },
+            },
+        },
+    },
+    tags: ["!dev", "!autodocs"],
+};
+export default meta;
+// Basic Tag
+export const Default = {
+    args: {
+        text: "User Tag",
+        icon: _jsx(User, { size: 16 }),
+    },
+};
+// Size Variants
+export const Medium = {
+    args: {
+        text: "Medium Tag",
+        size: "md",
+    },
+};
+export const Large = {
+    args: {
+        text: "Large Tag",
+        size: "lg",
+    },
+};
+// Color Variants
+export const Neutral = {
+    args: {
+        text: "Neutral Tag",
+        variant: "neutral",
+    },
+};
+export const Info = {
+    args: {
+        text: "Info Tag",
+        variant: "info",
+        icon: _jsx(AlertCircle, { size: 16 }),
+    },
+};
+export const Success = {
+    args: {
+        text: "Success Tag",
+        variant: "success",
+        icon: _jsx(CheckCircle, { size: 16 }),
+    },
+};
+export const Warning = {
+    args: {
+        text: "Warning Tag",
+        variant: "warning",
+        icon: _jsx(AlertTriangle, { size: 16 }),
+    },
+};
+export const Danger = {
+    args: {
+        text: "Danger Tag",
+        variant: "danger",
+        icon: _jsx(AlertCircle, { size: 16 }),
+    },
+};
+//# sourceMappingURL=Tag.stories.js.map

package/dist/components/Tag/stories/Tag.stories.js.map

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

package/dist/components/Tag/tag.css

@@ -0,0 +1 @@
+.openui-tag{box-sizing:border-box;display:flex;align-items:center;overflow:hidden;max-width:100%;gap:var(--openui-space-2xs, 4px);font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing)}.openui-tag-icon{display:flex;align-items:center}.openui-tag-icon svg{stroke-width:2.5;width:14px;height:14px}.openui-tag-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.openui-tag-sm{padding:var(--openui-space-2xs, 4px) var(--openui-space-xs, 6px);border-radius:var(--openui-radius-s, 6px);height:24px}.openui-tag-md{padding:var(--openui-space-xs, 6px) var(--openui-space-s, 8px);border-radius:var(--openui-radius-s, 6px);gap:var(--openui-space-xs, 6px);height:32px}.openui-tag-lg{padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);border-radius:var(--openui-radius-m, 8px);gap:var(--openui-space-xs, 6px);height:36px}.openui-tag-neutral{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-tag-info{background-color:var(--openui-info-background, oklch(62.3% 0.188 259.815deg / 0.12));color:var(--openui-text-info-primary, oklch(42.4% 0.181 265.638deg))}.openui-tag-success{background-color:var(--openui-success-background, oklch(62.7% 0.17 149.214deg / 0.12));color:var(--openui-text-success-primary, oklch(44.8% 0.108 151.328deg))}.openui-tag-warning{background-color:var(--openui-alert-background, oklch(79.5% 0.162 86.047deg / 0.16));color:var(--openui-text-alert-primary, oklch(47.6% 0.103 61.907deg))}.openui-tag-danger{background-color:var(--openui-danger-background, oklch(57.7% 0.215 27.325deg / 0.12));color:var(--openui-text-danger-primary, oklch(50.5% 0.19 27.518deg))}

package/dist/components/TagBlock/TagBlock.d.ts

@@ -0,0 +1,9 @@
+import { CSSProperties, ReactElement } from "react";
+import { Tag } from "../Tag";
+export interface TagBlockProps {
+    children: ReactElement<typeof Tag> | ReactElement<typeof Tag>[];
+    styles?: CSSProperties;
+    className?: string;
+}
+export declare const TagBlock: import("react").ForwardRefExoticComponent<TagBlockProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TagBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagBlock.d.ts","sourceRoot":"","sources":["../../../src/components/TagBlock/TagBlock.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAE7B,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,YAAY,CAAC,OAAO,GAAG,CAAC,GAAG,YAAY,CAAC,OAAO,GAAG,CAAC,EAAE,CAAC;IAChE,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,0GAMnB,CAAC"}

package/dist/components/TagBlock/TagBlock.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+export const TagBlock = forwardRef((props, ref) => {
+    return (_jsx("div", { ref: ref, className: clsx("openui-tag-block", props.className), style: props.styles, children: props.children }));
+});
+TagBlock.displayName = "TagBlock";
+//# sourceMappingURL=TagBlock.js.map

package/dist/components/TagBlock/TagBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagBlock.js","sourceRoot":"","sources":["../../../src/components/TagBlock/TagBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAiB,UAAU,EAAgB,MAAM,OAAO,CAAC;AAShE,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAgC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/E,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,YACrF,KAAK,CAAC,QAAQ,GACX,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

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

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

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

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

package/dist/components/TagBlock/dependencies.js

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

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

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

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

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

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

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

package/dist/components/TagBlock/index.js

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

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

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

package/dist/components/TagBlock/stories/TagBlock.stories.d.ts

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

package/dist/components/TagBlock/stories/TagBlock.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagBlock.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/TagBlock/stories/TagBlock.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAyC/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC"}

package/dist/components/TagBlock/stories/TagBlock.stories.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Heart, Info, Star, User } from "lucide-react";
+import { Tag } from "../../Tag";
+import { TagBlock } from "../TagBlock";
+const meta = {
+    title: "Components/TagBlock",
+    component: TagBlock,
+    subcomponents: {
+        Tag: Tag,
+    },
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { TagBlock, Tag } from '@openui-ui/react-ui';\n```",
+            },
+        },
+    },
+    argTypes: {
+        children: {
+            control: false,
+            description: "Accepts Tag components as children",
+            table: {
+                category: "Content",
+                type: { summary: "ReactElement<typeof Tag> | ReactElement<typeof Tag>[]" },
+            },
+        },
+        className: {
+            control: false,
+            description: "Additional CSS class name for custom styling",
+            table: {
+                category: "Styling",
+                type: { summary: "string" },
+            },
+        },
+        styles: {
+            control: false,
+            description: "Additional CSS styles for custom styling",
+            table: {
+                category: "Styling",
+                type: { summary: "CSSProperties" },
+            },
+        },
+    },
+    tags: ["!dev", "autodocs"],
+};
+export default meta;
+export const Default = {
+    render: (args) => (_jsxs(TagBlock, { ...args, children: [_jsx(Tag, { variant: "info", icon: _jsx(Info, { size: 16 }), size: "sm", text: "Info" }), _jsx(Tag, { variant: "success", icon: _jsx(Star, { size: 16 }), size: "sm", text: "Star" }), _jsx(Tag, { variant: "info", icon: _jsx(Info, { size: 16 }), size: "md", text: "Info" }), _jsx(Tag, { variant: "success", icon: _jsx(Star, { size: 16 }), size: "md", text: "Star" }), _jsx(Tag, { variant: "warning", icon: _jsx(Heart, { size: 16 }), size: "lg", text: "Heart" }), _jsx(Tag, { variant: "danger", icon: _jsx(User, { size: 16 }), size: "lg", text: "User" })] })),
+};
+//# sourceMappingURL=TagBlock.stories.js.map

package/dist/components/TagBlock/stories/TagBlock.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagBlock.stories.js","sourceRoot":"","sources":["../../../../src/components/TagBlock/stories/TagBlock.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,aAAa,EAAE;QACb,GAAG,EAAE,GAAU;KAChB;IACD,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,mEAAmE;aAC/E;SACF;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,oCAAoC;YACjD,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,uDAAuD,EAAE;aAC3E;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,8CAA8C;YAC3D,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF;QACD,MAAM,EAAE;YACN,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,0CAA0C;YACvD,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE;aACnC;SACF;KACF;IACD,IAAI,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;CAC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,MAAC,QAAQ,OAAK,IAAI,aAChB,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,GAAG,EACtE,KAAC,GAAG,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,GAAG,EACzE,KAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,GAAG,EACtE,KAAC,GAAG,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,GAAG,EACzE,KAAC,GAAG,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAE,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,EAC3E,KAAC,GAAG,IAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,GAAG,IAC/D,CACZ;CACF,CAAC"}

package/dist/components/TagBlock/tagBlock.css

@@ -0,0 +1 @@
+.openui-tag-block{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:var(--openui-space-s, 8px);max-width:100%}

package/dist/components/TextArea/TextArea.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> {
+    className?: string;
+    placeholder?: string;
+    rows?: number;
+    hasError?: boolean;
+}
+declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { TextArea };
+//# sourceMappingURL=TextArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,2FAeZ,CAAC;AAIH,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/TextArea/TextArea.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import { useFormControlContext } from "../FormControl/context";
+const TextArea = forwardRef((props, ref) => {
+    const { className, rows = 3, hasError, ...rest } = props;
+    const ctx = useFormControlContext();
+    const resolvedHasError = hasError ?? ctx?.hasError ?? false;
+    return (_jsx("textarea", { ref: ref, className: clsx("openui-textarea", className, {
+            "openui-textarea-error": resolvedHasError,
+        }), ...rest, rows: rows }));
+});
+TextArea.displayName = "TextArea";
+export { TextArea };
+//# sourceMappingURL=TextArea.js.map

package/dist/components/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAU/D,MAAM,QAAQ,GAAG,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC7E,MAAM,EAAE,SAAS,EAAE,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACzD,MAAM,GAAG,GAAG,qBAAqB,EAAE,CAAC;IACpC,MAAM,gBAAgB,GAAG,QAAQ,IAAI,GAAG,EAAE,QAAQ,IAAI,KAAK,CAAC;IAE5D,OAAO,CACL,mBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,SAAS,EAAE;YAC5C,uBAAuB,EAAE,gBAAgB;SAC1C,CAAC,KACE,IAAI,EACR,IAAI,EAAE,IAAI,GACV,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

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

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

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

package/dist/components/TextArea/dependencies.js

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

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

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

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

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

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

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

package/dist/components/TextArea/index.js

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

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

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

package/dist/components/TextArea/stories/TextArea.stories.d.ts

@@ -0,0 +1,77 @@
+import { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<import("..").TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        placeholder: {
+            control: "text";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        rows: {
+            control: "number";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            control: false;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        style: {
+            control: false;
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        hasError: {
+            control: "boolean";
+            description: string;
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ErrorState: Story;
+//# sourceMappingURL=TextArea.stories.d.ts.map

package/dist/components/TextArea/stories/TextArea.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/stories/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGlD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC"}

package/dist/components/TextArea/stories/TextArea.stories.js

@@ -0,0 +1,73 @@
+import { TextArea } from "../TextArea";
+const meta = {
+    title: "Components/TextArea",
+    component: TextArea,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { TextArea } from '@openui-ui/react-ui';\n```",
+            },
+        },
+    },
+    argTypes: {
+        placeholder: {
+            control: "text",
+            description: "The placeholder text of the text area",
+            table: {
+                category: "Content",
+                type: { summary: "string" },
+            },
+        },
+        rows: {
+            control: "number",
+            description: "The number of rows of the text area",
+            table: {
+                category: "Appearance",
+                type: { summary: "number" },
+                defaultValue: { summary: "3" },
+            },
+        },
+        className: {
+            control: false,
+            description: "Additional CSS class name for custom styling",
+            table: {
+                category: "Styling",
+                type: { summary: "string" },
+            },
+        },
+        style: {
+            control: false,
+            description: "Additional CSS style for custom styling",
+            table: {
+                category: "Styling",
+                type: { summary: "CSSProperties" },
+            },
+        },
+        hasError: {
+            control: "boolean",
+            description: "Whether the text area is in an error state",
+            table: {
+                category: "Behavior",
+                type: { summary: "boolean" },
+                defaultValue: { summary: "false" },
+            },
+        },
+    },
+    tags: ["!dev", "autodocs"],
+};
+export default meta;
+export const Default = {
+    args: {
+        placeholder: "Enter your text here",
+        rows: 3,
+    },
+};
+export const ErrorState = {
+    args: {
+        placeholder: "Enter your text here",
+        rows: 3,
+        hasError: true,
+    },
+};
+//# sourceMappingURL=TextArea.stories.js.map

package/dist/components/TextArea/stories/TextArea.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../src/components/TextArea/stories/TextArea.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,8DAA8D;aAC1E;SACF;KACF;IACD,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,uCAAuC;YACpD,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,qCAAqC;YAClD,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;gBACtB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;gBAC3B,YAAY,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;aAC/B;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,8CAA8C;YAC3D,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,yCAAyC;YACtD,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE;aACnC;SACF;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,4CAA4C;YACzD,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;gBAC5B,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;aACnC;SACF;KACF;IACD,IAAI,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;CACK,CAAC;AAElC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,WAAW,EAAE,sBAAsB;QACnC,IAAI,EAAE,CAAC;KACR;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,WAAW,EAAE,sBAAsB;QACnC,IAAI,EAAE,CAAC;QACP,QAAQ,EAAE,IAAI;KACf;CACF,CAAC"}

package/dist/components/TextArea/textArea.css

@@ -0,0 +1 @@
+.openui-textarea{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);box-sizing:border-box;width:100%;border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-xl, 12px);padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);gap:var(--openui-space-xs, 6px);background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));outline:none;resize:none;transition:box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.openui-textarea::placeholder{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-textarea:focus{box-shadow:0 0 0 2.5px var(--openui-border-default, oklch(9.7% 0 0deg / 0.06))}.openui-textarea:not(.openui-textarea-error):focus{border-color:var(--openui-border-interactive-emphasis, oklch(9.7% 0 0deg / 0.3))}.openui-textarea:disabled{background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));cursor:not-allowed;color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-textarea:not(:focus):not(:disabled):not(.openui-textarea-error):hover{border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}.openui-textarea-error{border-color:var(--openui-border-danger-emphasis, oklch(57.7% 0.215 27.325deg))}

package/dist/components/TextCallout/TextCallout.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+type TextCalloutVariant = "neutral" | "info" | "warning" | "success" | "danger";
+export interface TextCalloutProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    variant?: TextCalloutVariant;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+}
+export declare const TextCallout: React.ForwardRefExoticComponent<TextCalloutProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=TextCallout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextCallout.d.ts","sourceRoot":"","sources":["../../../src/components/TextCallout/TextCallout.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,kBAAkB,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEhF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3F,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAUD,eAAO,MAAM,WAAW,yFAiBtB,CAAC"}

package/dist/components/TextCallout/TextCallout.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import React from "react";
+const variantMap = {
+    neutral: "openui-text-callout-neutral",
+    info: "openui-text-callout-info",
+    warning: "openui-text-callout-warning",
+    success: "openui-text-callout-success",
+    danger: "openui-text-callout-danger",
+};
+export const TextCallout = React.forwardRef((props, ref) => {
+    const { className, variant = "neutral", title, description, ...rest } = props;
+    return (_jsx("div", { ref: ref, className: clsx("openui-text-callout", variantMap[variant], className), ...rest, children: _jsxs("div", { className: "openui-text-callout-content", children: [title && _jsx("span", { className: "openui-text-callout-content-title", children: title }), description && (_jsx("span", { className: "openui-text-callout-content-description", children: description }))] }) }));
+});
+//# sourceMappingURL=TextCallout.js.map

package/dist/components/TextCallout/TextCallout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextCallout.js","sourceRoot":"","sources":["../../../src/components/TextCallout/TextCallout.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,UAAU,GAAuC;IACrD,OAAO,EAAE,6BAA6B;IACtC,IAAI,EAAE,0BAA0B;IAChC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtC,MAAM,EAAE,4BAA4B;CACrC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3F,MAAM,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE9E,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,KAClE,IAAI,YAER,eAAK,SAAS,EAAC,6BAA6B,aACzC,KAAK,IAAI,eAAM,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAQ,EAC3E,WAAW,IAAI,CACd,eAAM,SAAS,EAAC,yCAAyC,YAAE,WAAW,GAAQ,CAC/E,IACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

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

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

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

package/dist/components/TextCallout/dependencies.js

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

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

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

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

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

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

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

package/dist/components/TextCallout/index.js

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

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

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

package/dist/components/TextCallout/stories/TextCallout.stories.d.ts

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

package/dist/components/TextCallout/stories/TextCallout.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextCallout.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/TextCallout/stories/TextCallout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAe,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAE/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,gBAAgB,CA0CG,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC"}