@openuidev/react-ui 0.9.16

package/dist/components/DatePicker/stories/DatePicker.stories.js

@@ -0,0 +1,193 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { DatePicker } from "../DatePicker";
+const meta = {
+    title: "Components/DatePicker",
+    component: DatePicker,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { DatePicker } from '@openui-ui/react-ui';\n```",
+            },
+        },
+    },
+    decorators: [
+        (Story) => (_jsx("div", { style: {
+                width: "400px",
+            }, children: _jsx(Story, {}) })),
+    ],
+    argTypes: {
+        mode: {
+            control: "radio",
+            options: ["single", "range"],
+            description: "The mode of date selection - either single date or date range",
+            table: {
+                category: "Behavior",
+                type: {
+                    summary: "'single' | 'range'",
+                },
+                defaultValue: { summary: "single" },
+            },
+        },
+        selectedSingleDate: {
+            control: false,
+            description: "The currently selected date (for single mode)",
+            table: {
+                category: "State",
+                type: {
+                    summary: "Date | undefined",
+                },
+            },
+        },
+        setSelectedSingleDate: {
+            control: false,
+            description: "Callback function to update the selected date (for single mode)",
+            table: {
+                category: "Callbacks",
+                type: {
+                    summary: "(date: Date | undefined) => void",
+                },
+            },
+        },
+        selectedRangeDates: {
+            control: false,
+            description: "The currently selected date range (for range mode), use type DateRange from react-day-picker",
+            table: {
+                category: "State",
+                type: {
+                    summary: "DateRange | undefined",
+                },
+            },
+        },
+        setSelectedRangeDates: {
+            control: false,
+            description: "Callback function to update the selected date range (for range mode), use type DateRange from react-day-picker",
+            table: {
+                category: "Callbacks",
+                type: {
+                    summary: "(range: DateRange | undefined) => void",
+                },
+            },
+        },
+        className: {
+            control: false,
+            description: "Additional CSS class name for custom styling",
+            table: {
+                category: "Styling",
+                type: {
+                    summary: "string",
+                },
+            },
+        },
+        style: {
+            control: false,
+            description: "Inline CSS styles for custom styling",
+            table: {
+                category: "Styling",
+                type: {
+                    summary: "CSSProperties",
+                },
+            },
+        },
+    },
+    tags: ["!dev", "autodocs"],
+};
+export default meta;
+// Basic single date picker with docked variant
+export const SinglePicker = {
+    render: (args) => _jsx(DatePicker, { ...args, style: { width: "400px" } }),
+    args: {
+        mode: "single",
+    },
+};
+// Range date picker with docked variant
+export const RangePicker = {
+    args: {
+        mode: "range",
+    },
+    parameters: {
+        docs: {
+            description: {
+                story: "Range picker with docked variant. Select dates by dragging across the calendar",
+            },
+        },
+    },
+};
+// Single date picker with floating variant
+export const FloatingPicker = {
+    render: (args) => _jsx(DatePicker, { ...args, style: { width: "350px" } }),
+    args: {
+        mode: "single",
+    },
+};
+export const ControlledSingle = {
+    render: (args) => {
+        const [selectedDate, setSelectedDate] = useState();
+        return (_jsxs("div", { children: [_jsx(DatePicker, { mode: args["mode"], selectedSingleDate: selectedDate, setSelectedSingleDate: setSelectedDate }), _jsxs("div", { style: { marginTop: "1rem" }, children: ["Selected date: ", selectedDate?.toLocaleDateString()] })] }));
+    },
+    args: {
+        mode: "single",
+    },
+    parameters: {
+        docs: {
+            source: {
+                code: `
+const ControlledDatePickerExample = () => {
+  const [selectedDate, setSelectedDate] = useState<Date>();
+
+  return (
+    <div>
+      <DatePicker
+        mode="single"
+        selectedSingleDate={selectedDate}
+        setSelectedSingleDate={setSelectedDate}
+      />
+      <div style={{ marginTop: "1rem" }}>
+        Selected date: {selectedDate?.toLocaleDateString()}
+      </div>
+    </div>
+  );
+};`,
+                language: "tsx",
+                type: "code",
+            },
+        },
+    },
+};
+// Controlled range date picker
+const ControlledRangePicker = () => {
+    const [dateRange, setDateRange] = useState();
+    return (_jsxs("div", { children: [_jsx(DatePicker, { mode: "range", selectedRangeDates: dateRange, setSelectedRangeDates: setDateRange }), _jsxs("div", { style: { marginTop: "1rem" }, children: ["Selected range: ", dateRange?.from?.toLocaleDateString(), " -", " ", dateRange?.to?.toLocaleDateString()] })] }));
+};
+export const ControlledRange = {
+    render: () => _jsx(ControlledRangePicker, {}),
+    parameters: {
+        docs: {
+            source: {
+                code: `
+import { DateRange } from "react-day-picker";
+
+const ControlledRangePicker = () => {
+  const [dateRange, setDateRange] = useState<DateRange>();
+
+  return (
+    <div>
+      <DatePicker
+        mode="range"
+        selectedRangeDates={dateRange}
+        setSelectedRangeDates={setDateRange}
+      />
+      <div style={{ marginTop: "1rem" }}>
+        Selected range: {dateRange?.from?.toLocaleDateString()} - {dateRange?.to?.toLocaleDateString()}
+      </div>
+    </div>
+  );
+};`,
+                language: "tsx",
+                type: "code",
+            },
+        },
+    },
+};
+//# sourceMappingURL=DatePicker.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/stories/DatePicker.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,gEAAgE;aAC5E;SACF;KACF;IACD,UAAU,EAAE;QACV,CAAC,KAAK,EAAE,EAAE,CAAC,CACT,cACE,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;aACf,YAED,KAAC,KAAK,KAAG,GACL,CACP;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;YAC5B,WAAW,EAAE,+DAA+D;YAC5E,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE;oBACJ,OAAO,EAAE,oBAAoB;iBAC9B;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aACpC;SACF;QACD,kBAAkB,EAAE;YAClB,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,+CAA+C;YAC5D,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,IAAI,EAAE;oBACJ,OAAO,EAAE,kBAAkB;iBAC5B;aACF;SACF;QACD,qBAAqB,EAAE;YACrB,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,iEAAiE;YAC9E,KAAK,EAAE;gBACL,QAAQ,EAAE,WAAW;gBACrB,IAAI,EAAE;oBACJ,OAAO,EAAE,kCAAkC;iBAC5C;aACF;SACF;QACD,kBAAkB,EAAE;YAClB,OAAO,EAAE,KAAK;YACd,WAAW,EACT,8FAA8F;YAChG,KAAK,EAAE;gBACL,QAAQ,EAAE,OAAO;gBACjB,IAAI,EAAE;oBACJ,OAAO,EAAE,uBAAuB;iBACjC;aACF;SACF;QACD,qBAAqB,EAAE;YACrB,OAAO,EAAE,KAAK;YACd,WAAW,EACT,gHAAgH;YAClH,KAAK,EAAE;gBACL,QAAQ,EAAE,WAAW;gBACrB,IAAI,EAAE;oBACJ,OAAO,EAAE,wCAAwC;iBAClD;aACF;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,8CAA8C;YAC3D,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;aACF;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,sCAAsC;YACnD,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE;oBACJ,OAAO,EAAE,eAAe;iBACzB;aACF;SACF;KACF;IACD,IAAI,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;CACO,CAAC;AAEpC,eAAe,IAAI,CAAC;AAGpB,+CAA+C;AAC/C,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,UAAU,OAAK,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAI;IACrE,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,wCAAwC;AACxC,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;KACd;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,gFAAgF;aACxF;SACF;KACF;CACF,CAAC;AAEF,2CAA2C;AAC3C,MAAM,CAAC,MAAM,cAAc,GAAU;IACnC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,KAAC,UAAU,OAAK,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAI;IACrE,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU;IACrC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAQ,CAAC;QACzD,OAAO,CACL,0BACE,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,EAClB,kBAAkB,EAAE,YAAY,EAChC,qBAAqB,EAAE,eAAe,GACtC,EACF,eAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,gCAAkB,YAAY,EAAE,kBAAkB,EAAE,IAAO,IACxF,CACP,CAAC;IACJ,CAAC;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;KACf;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE;;;;;;;;;;;;;;;;GAgBX;gBACK,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;CACF,CAAC;AAEF,+BAA+B;AAC/B,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,EAAa,CAAC;IAExD,OAAO,CACL,0BACE,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,kBAAkB,EAAE,SAAS,EAC7B,qBAAqB,EAAE,YAAY,GACnC,EACF,eAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,iCACd,SAAS,EAAE,IAAI,EAAE,kBAAkB,EAAE,QAAI,GAAG,EAC5D,SAAS,EAAE,EAAE,EAAE,kBAAkB,EAAE,IAChC,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,MAAM,EAAE,GAAG,EAAE,CAAC,KAAC,qBAAqB,KAAG;IACvC,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE;;;;;;;;;;;;;;;;;;GAkBX;gBACK,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE,MAAM;aACb;SACF;KACF;CACF,CAAC"}

package/dist/components/FollowUpBlock/FollowUpBlock.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties, ReactElement } from "react";
+import { FollowUpItemProps } from "../FollowUpItem";
+export interface FollowUpBlockProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: ReactElement<FollowUpItemProps> | ReactElement<FollowUpItemProps>[];
+    className?: string;
+    style?: CSSProperties;
+}
+declare const FollowUpBlock: import("react").ForwardRefExoticComponent<FollowUpBlockProps & import("react").RefAttributes<HTMLDivElement>>;
+export { FollowUpBlock };
+//# sourceMappingURL=FollowUpBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FollowUpBlock.d.ts","sourceRoot":"","sources":["../../../src/components/FollowUpBlock/FollowUpBlock.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAc,YAAY,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,QAAQ,EAAE,YAAY,CAAC,iBAAiB,CAAC,GAAG,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,QAAA,MAAM,aAAa,+GAOjB,CAAC;AAIH,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/FollowUpBlock/FollowUpBlock.js

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

package/dist/components/FollowUpBlock/FollowUpBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FollowUpBlock.js","sourceRoot":"","sources":["../../../src/components/FollowUpBlock/FollowUpBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAiB,UAAU,EAAgB,MAAM,OAAO,CAAC;AAShE,MAAM,aAAa,GAAG,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClF,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACtD,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,KAAM,IAAI,YACxF,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

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

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

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

package/dist/components/FollowUpBlock/dependencies.js

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

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

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

package/dist/components/FollowUpBlock/followUpBlock.css

@@ -0,0 +1 @@
+.openui-follow-up-block{box-sizing:border-box;display:flex;flex-direction:column}

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

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

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

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

package/dist/components/FollowUpBlock/index.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FollowUpBlock.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/FollowUpBlock/stories/FollowUpBlock.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CA2CpC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,sBAAsB,EAAE,KAWpC,CAAC"}

package/dist/components/FollowUpBlock/stories/FollowUpBlock.stories.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Plus } from "lucide-react";
+import { FollowUpItem } from "../../FollowUpItem";
+import { FollowUpBlock } from "../FollowUpBlock";
+const meta = {
+    title: "Components/FollowUpBlock",
+    component: FollowUpBlock,
+    subcomponents: { FollowUpItem },
+    tags: ["!dev", "autodocs"],
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { FollowUpBlock, FollowUpItem } from '@openui-ui/react-ui';\n```",
+            },
+        },
+    },
+    argTypes: {
+        children: {
+            control: false,
+            description: "The child elements of the follow up block that accept FollowUpItem components",
+            table: {
+                category: "Content",
+                type: { summary: "ReactNode[] | ReactNode" },
+                expanded: false,
+            },
+        },
+        className: {
+            control: false,
+            description: "Additional CSS class name for custom styling",
+            table: {
+                category: "Styling",
+                type: { summary: "string" },
+                expanded: false,
+            },
+        },
+        style: {
+            control: false,
+            description: "Inline CSS styles for custom styling",
+            table: {
+                category: "Styling",
+                type: { summary: "CSSProperties" },
+                expanded: false,
+            },
+        },
+    },
+};
+export default meta;
+export const FollowUpBlockWithItems = {
+    render: (args) => (_jsxs(FollowUpBlock, { children: [_jsx(FollowUpItem, { text: "What is machine learning?", icon: _jsx(Plus, { size: 16 }) }), _jsx(FollowUpItem, { text: "what is the weather in tokyo?", icon: _jsx(Plus, { size: 16 }) }), _jsx(FollowUpItem, { text: "How to leverage AI to improve customer service?", icon: _jsx(Plus, { size: 16 }) })] })),
+};
+//# sourceMappingURL=FollowUpBlock.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FollowUpBlock.stories.js","sourceRoot":"","sources":["../../../../src/components/FollowUpBlock/stories/FollowUpBlock.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,IAAI,GAA+B;IACvC,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,aAAa;IACxB,aAAa,EAAE,EAAE,YAAY,EAAS;IACtC,IAAI,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;IAC1B,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EACP,iFAAiF;aACpF;SACF;KACF;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,+EAA+E;YAC5F,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,yBAAyB,EAAE;gBAC5C,QAAQ,EAAE,KAAK;aAChB;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;gBAC3B,QAAQ,EAAE,KAAK;aAChB;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,sCAAsC;YACnD,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE;gBAClC,QAAQ,EAAE,KAAK;aAChB;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC3C,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,MAAC,aAAa,eACZ,KAAC,YAAY,IAAC,IAAI,EAAC,2BAA2B,EAAC,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GAAI,EAC3E,KAAC,YAAY,IAAC,IAAI,EAAC,+BAA+B,EAAC,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GAAI,EAC/E,KAAC,YAAY,IACX,IAAI,EAAC,iDAAiD,EACtD,IAAI,EAAE,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GACxB,IACY,CACjB;CACF,CAAC"}

package/dist/components/FollowUpItem/FollowUpItem.d.ts

@@ -0,0 +1,9 @@
+import { ButtonHTMLAttributes, ReactNode } from "react";
+export interface FollowUpItemProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    text: ReactNode;
+    icon?: ReactNode;
+    className?: string;
+}
+declare const FollowUpItem: import("react").ForwardRefExoticComponent<FollowUpItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { FollowUpItem };
+//# sourceMappingURL=FollowUpItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FollowUpItem.d.ts","sourceRoot":"","sources":["../../../src/components/FollowUpItem/FollowUpItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,iHAQhB,CAAC;AAIH,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/FollowUpItem/FollowUpItem.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+const FollowUpItem = forwardRef((props, ref) => {
+    const { className, text, icon, ...rest } = props;
+    return (_jsxs("button", { ref: ref, className: clsx("openui-follow-up-item", className), ...rest, children: [text && _jsx("span", { className: "openui-follow-up-item-text", children: text }), icon && _jsx("span", { className: "openui-follow-up-item-icon", children: icon })] }));
+});
+FollowUpItem.displayName = "FollowUpItem";
+export { FollowUpItem };
+//# sourceMappingURL=FollowUpItem.js.map

package/dist/components/FollowUpItem/FollowUpItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FollowUpItem.js","sourceRoot":"","sources":["../../../src/components/FollowUpItem/FollowUpItem.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAwB,UAAU,EAAa,MAAM,OAAO,CAAC;AAQpE,MAAM,YAAY,GAAG,UAAU,CAAuC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACnF,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IACjD,OAAO,CACL,kBAAQ,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAAM,IAAI,aAC5E,IAAI,IAAI,eAAM,SAAS,EAAC,4BAA4B,YAAE,IAAI,GAAQ,EAClE,IAAI,IAAI,eAAM,SAAS,EAAC,4BAA4B,YAAE,IAAI,GAAQ,IAC5D,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

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

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

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

package/dist/components/FollowUpItem/dependencies.js

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

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

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

package/dist/components/FollowUpItem/followUpItem.css

@@ -0,0 +1 @@
+.openui-follow-up-item{padding:0;border:0;background:rgba(0,0,0,0);box-sizing:border-box;padding:var(--openui-space-s, 8px) var(--openui-space-000, 0);border-bottom:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));background-color:rgba(0,0,0,0);gap:var(--openui-space-s, 8px);display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));cursor:pointer;text-align:left}.openui-follow-up-item-icon{size:16px}.openui-follow-up-item-text{flex:1;white-space:break-spaces;word-break:break-word;max-width:100%;text-align:left;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-follow-up-item:last-child{border-bottom:none}

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

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

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

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

package/dist/components/FollowUpItem/index.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FollowUpItem.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/FollowUpItem/stories/FollowUpItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAsCnC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}

package/dist/components/FollowUpItem/stories/FollowUpItem.stories.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ArrowRight } from "lucide-react";
+import { FollowUpItem } from "../FollowUpItem";
+const meta = {
+    title: "Components/FollowUpItem",
+    component: FollowUpItem,
+    parameters: {
+        layout: "centered",
+        docs: {
+            description: {
+                component: "```tsx\nimport { FollowUpItem } from '@openui-ui/react-ui';\n```",
+            },
+        },
+    },
+    tags: ["!dev", "!autodocs"],
+    argTypes: {
+        text: {
+            control: "text",
+            description: "The text content of the follow-up item",
+            table: {
+                category: "Content",
+                type: { summary: "string" },
+            },
+        },
+        icon: {
+            control: false,
+            description: "",
+            table: {
+                category: "Content",
+                type: { summary: "ReactNode" },
+            },
+        },
+        className: {
+            control: false,
+            description: "Additional CSS class names",
+            table: {
+                category: "Styling",
+                type: { summary: "string" },
+            },
+        },
+    },
+};
+export default meta;
+export const Default = {
+    args: {
+        text: "Continue with this topic",
+        icon: _jsx(ArrowRight, { size: 16 }),
+    },
+};
+//# sourceMappingURL=FollowUpItem.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FollowUpItem.stories.js","sourceRoot":"","sources":["../../../../src/components/FollowUpItem/stories/FollowUpItem.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,YAAY;IACvB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE,kEAAkE;aAC9E;SACF;KACF;IACD,IAAI,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC;IAC3B,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,wCAAwC;YACrD,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,EAAE;YACf,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE;aAC/B;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,4BAA4B;YACzC,KAAK,EAAE;gBACL,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;aAC5B;SACF;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,0BAA0B;QAChC,IAAI,EAAE,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI;KAC/B;CACF,CAAC"}

package/dist/components/FormControl/FormControl.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface FormControlProps {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    hasError?: boolean;
+}
+declare const FormControl: React.ForwardRefExoticComponent<FormControlProps & React.RefAttributes<HTMLDivElement>>;
+export { FormControl };
+//# sourceMappingURL=FormControl.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../../src/components/FormControl/FormControl.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,WAAW,yFAQf,CAAC;AAIH,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/FormControl/FormControl.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef, useMemo } from "react";
+import { FormControlProvider } from "./context";
+const FormControl = forwardRef((props, ref) => {
+    const { children, className, style, hasError = false } = props;
+    const formControlContextValue = useMemo(() => ({ hasError }), [hasError]);
+    return (_jsx("div", { ref: ref, className: clsx("openui-form-control", className), style: style, children: _jsx(FormControlProvider, { value: formControlContextValue, children: children }) }));
+});
+FormControl.displayName = "FormControl";
+export { FormControl };
+//# sourceMappingURL=FormControl.js.map

package/dist/components/FormControl/FormControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormControl.js","sourceRoot":"","sources":["../../../src/components/FormControl/FormControl.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAc,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAQhD,MAAM,WAAW,GAAG,UAAU,CAAmC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9E,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,uBAAuB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC1E,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,YAC5E,KAAC,mBAAmB,IAAC,KAAK,EAAE,uBAAuB,YAAG,QAAQ,GAAuB,GACjF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/FormControl/Hint/Hint.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface HintProps extends React.ComponentPropsWithoutRef<"div"> {
+    children: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    hasError?: boolean;
+}
+declare const Hint: React.ForwardRefExoticComponent<HintProps & React.RefAttributes<HTMLDivElement>>;
+export { Hint };
+//# sourceMappingURL=Hint.d.ts.map

package/dist/components/FormControl/Hint/Hint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.d.ts","sourceRoot":"","sources":["../../../../src/components/FormControl/Hint/Hint.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,kFAiBT,CAAC;AAIF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/FormControl/Hint/Hint.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import { useFormControlContext } from "../context";
+const Hint = forwardRef(({ children, className, style, hasError, ...props }, ref) => {
+    const ctx = useFormControlContext();
+    const resolvedHasError = hasError ?? ctx?.hasError ?? false;
+    return (_jsx("div", { ref: ref, className: clsx("openui-hint", className, {
+            "openui-hint-error": resolvedHasError,
+        }), style: style, ...props, children: children }));
+});
+Hint.displayName = "Hint";
+export { Hint };
+//# sourceMappingURL=Hint.js.map

package/dist/components/FormControl/Hint/Hint.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.js","sourceRoot":"","sources":["../../../../src/components/FormControl/Hint/Hint.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AASnD,MAAM,IAAI,GAAG,UAAU,CACrB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC1D,MAAM,GAAG,GAAG,qBAAqB,EAAE,CAAC;IACpC,MAAM,gBAAgB,GAAG,QAAQ,IAAI,GAAG,EAAE,QAAQ,IAAI,KAAK,CAAC;IAC5D,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,EAAE;YACxC,mBAAmB,EAAE,gBAAgB;SACtC,CAAC,EACF,KAAK,EAAE,KAAK,KACR,KAAK,YAER,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/FormControl/Hint/hint.css

@@ -0,0 +1 @@
+.openui-hint{box-sizing:border-box;font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));display:flex;align-items:center;gap:var(--openui-space-xs, 6px)}.openui-hint-error{color:var(--openui-text-danger-primary, oklch(50.5% 0.19 27.518deg))}

package/dist/components/FormControl/Hint/index.d.ts

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

package/dist/components/FormControl/Hint/index.d.ts.map

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

package/dist/components/FormControl/Hint/index.js

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

package/dist/components/FormControl/Hint/index.js.map

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

package/dist/components/FormControl/context.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface FormControlContextValue {
+    hasError: boolean;
+}
+export declare function useFormControlContext(): FormControlContextValue | null;
+export declare function FormControlProvider(props: React.PropsWithChildren<{
+    value: FormControlContextValue;
+}>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=context.d.ts.map

package/dist/components/FormControl/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/FormControl/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,OAAO,CAAC;CACnB;AAID,wBAAgB,qBAAqB,IAAI,uBAAuB,GAAG,IAAI,CAEtE;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,KAAK,EAAE,uBAAuB,CAAA;CAAE,CAAC,2CAInE"}

package/dist/components/FormControl/context.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+const FormControlContext = createContext(null);
+export function useFormControlContext() {
+    return useContext(FormControlContext);
+}
+export function FormControlProvider(props) {
+    const { value, children } = props;
+    return _jsx(FormControlContext.Provider, { value: value, children: children });
+}
+//# sourceMappingURL=context.js.map

package/dist/components/FormControl/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/FormControl/context.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAMzD,MAAM,kBAAkB,GAAG,aAAa,CAAiC,IAAI,CAAC,CAAC;AAE/E,MAAM,UAAU,qBAAqB;IACnC,OAAO,UAAU,CAAC,kBAAkB,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,KAAkE;IAElE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClC,OAAO,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA+B,CAAC;AAC7F,CAAC"}

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

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

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

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

package/dist/components/FormControl/dependencies.js

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

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

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

package/dist/components/FormControl/formControl.css

@@ -0,0 +1 @@
+.openui-hint{box-sizing:border-box;font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));display:flex;align-items:center;gap:var(--openui-space-xs, 6px)}.openui-hint-error{color:var(--openui-text-danger-primary, oklch(50.5% 0.19 27.518deg))}.openui-form-control{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--openui-space-s, 8px)}