frosted-ui 0.0.1-canary.9 → 0.0.1-canary.91

package/dist/cjs/components/text-area/text-area.stories.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Color = exports.Variant = exports.Size = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const __1 = require("..");
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Controls/TextArea',
+    component: __1.TextArea,
+    args: {
+        size: __1.textAreaPropDefs.size.default,
+        variant: __1.textAreaPropDefs.variant.default,
+        color: __1.textAreaPropDefs.color.default,
+        disabled: false,
+    },
+    parameters: {
+        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+        layout: 'centered',
+    },
+    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+    tags: ['autodocs'],
+};
+exports.default = meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+exports.Default = {
+    render: (args) => (react_1.default.createElement("div", { style: { width: 300 } },
+        react_1.default.createElement(__1.TextArea, { placeholder: "Reply to comment\u2026", ...args }))),
+};
+exports.Size = {
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', maxWidth: 500 } },
+        react_1.default.createElement(__1.TextArea, { placeholder: "Reply to comment\u2026", ...args, size: "1" }),
+        react_1.default.createElement(__1.TextArea, { placeholder: "Reply to comment\u2026", ...args, size: "2" }),
+        react_1.default.createElement(__1.TextArea, { placeholder: "Reply to comment\u2026", ...args, size: "3" }),
+        react_1.default.createElement(__1.TextArea, { placeholder: "Reply to comment\u2026", ...args, size: "4" }))),
+};
+exports.Variant = {
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', maxWidth: 500 } },
+        react_1.default.createElement(__1.TextArea, { placeholder: "Reply to comment\u2026", ...args, variant: "surface" }),
+        react_1.default.createElement(__1.TextArea, { placeholder: "Reply to comment\u2026", ...args, variant: "soft" }))),
+};
+exports.Color = {
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', maxWidth: 500 } },
+        react_1.default.createElement(__1.TextArea, { variant: "soft", placeholder: "Reply to comment\u2026", ...args, color: "blue" }),
+        react_1.default.createElement(__1.TextArea, { variant: "soft", placeholder: "Reply to comment\u2026", ...args, color: "green" }),
+        react_1.default.createElement(__1.TextArea, { variant: "soft", placeholder: "Reply to comment\u2026", ...args, color: "red" }))),
+};
+//# sourceMappingURL=text-area.stories.js.map

package/dist/cjs/components/text-area/text-area.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.stories.js","sourceRoot":"","sources":["../../../../src/components/text-area/text-area.stories.tsx"],"names":[],"mappings":";;;;AAEA,0DAA0B;AAC1B,0BAAgD;AAEhD,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,YAAQ;IACnB,IAAI,EAAE;QACJ,IAAI,EAAE,oBAAgB,CAAC,IAAI,CAAC,OAAO;QACnC,OAAO,EAAE,oBAAgB,CAAC,OAAO,CAAC,OAAO;QACzC,KAAK,EAAE,oBAAgB,CAAC,KAAK,CAAC,OAAO;QACrC,QAAQ,EAAE,KAAK;KAChB;IACD,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IACD,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACa,CAAC;AAElC,kBAAe,IAAI,CAAC;AAGpB,8FAA8F;AACjF,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,uCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;QACxB,8BAAC,YAAQ,IAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,GAAI,CAClD,CACP;CACF,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,EAAE;QAC5F,8BAAC,YAAQ,IAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG;QAC/D,8BAAC,YAAQ,IAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG;QAC/D,8BAAC,YAAQ,IAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG;QAC/D,8BAAC,YAAQ,IAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG,CAC3D,CACP;CACF,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,EAAE;QAC5F,8BAAC,YAAQ,IAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,OAAO,EAAC,SAAS,GAAG;QACxE,8BAAC,YAAQ,IAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,OAAO,EAAC,MAAM,GAAG,CACjE,CACP;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,EAAE;QAC5F,8BAAC,YAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,KAAK,EAAC,MAAM,GAAG;QAClF,8BAAC,YAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,KAAK,EAAC,OAAO,GAAG;QACnF,8BAAC,YAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,KAAK,EAAC,KAAK,GAAG,CAC7E,CACP;CACF,CAAC"}

package/dist/cjs/components/text-field/index.d.ts

@@ -0,0 +1,2 @@
+export * as TextField from './text-field';
+export * from './text-field.props';

package/dist/cjs/components/text-field/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextField = void 0;
+const tslib_1 = require("tslib");
+exports.TextField = tslib_1.__importStar(require("./text-field"));
+tslib_1.__exportStar(require("./text-field.props"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/text-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/text-field/index.ts"],"names":[],"mappings":";;;;AAAA,kEAA0C;AAC1C,6DAAmC"}

package/dist/cjs/components/text-field/text-field.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { textFieldPropDefs, textFieldSlotPropDefs } from './text-field.props';
+import type { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
+type TextFieldContextValue = GetPropDefTypes<typeof textFieldPropDefs>;
+interface TextFieldRootProps extends PropsWithoutColor<'div'>, TextFieldContextValue {
+}
+declare const TextFieldRoot: {
+    (props: TextFieldRootProps): React.JSX.Element;
+    displayName: string;
+};
+type TextFieldSlotOwnProps = GetPropDefTypes<typeof textFieldSlotPropDefs>;
+interface TextFieldSlotProps extends PropsWithoutColor<'div'>, TextFieldSlotOwnProps {
+}
+declare const TextFieldSlot: React.ForwardRefExoticComponent<Omit<TextFieldSlotProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type TextFieldInputOwnProps = GetPropDefTypes<typeof textFieldPropDefs>;
+interface TextFieldInputProps extends Omit<PropsWithoutColor<'input'>, 'size'>, TextFieldInputOwnProps {
+}
+declare const TextFieldInput: React.ForwardRefExoticComponent<Omit<TextFieldInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { TextFieldInput as Input, TextFieldRoot as Root, TextFieldSlot as Slot };
+export type { TextFieldInputProps as InputProps, TextFieldRootProps as RootProps, TextFieldSlotProps as SlotProps };

package/dist/cjs/components/text-field/text-field.js

@@ -0,0 +1,51 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slot = exports.Root = exports.Input = void 0;
+const tslib_1 = require("tslib");
+const primitive_1 = require("@radix-ui/primitive");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const text_field_props_1 = require("./text-field.props");
+const TextFieldContext = React.createContext(undefined);
+const TextFieldRoot = (props) => {
+    const { children, className, size = text_field_props_1.textFieldPropDefs.size.default, variant = text_field_props_1.textFieldPropDefs.variant.default, color = text_field_props_1.textFieldPropDefs.color.default, ...rootProps } = props;
+    return (React.createElement("div", { ...rootProps, className: (0, classnames_1.default)('fui-TextFieldRoot', className), onPointerDown: (0, primitive_1.composeEventHandlers)(rootProps.onPointerDown, (event) => {
+            const target = event.target;
+            if (target.closest('input, button, a'))
+                return;
+            const input = event.currentTarget.querySelector('.fui-TextFieldInput');
+            if (!input)
+                return;
+            const position = input.compareDocumentPosition(target);
+            const targetIsBeforeInput = (position & Node.DOCUMENT_POSITION_PRECEDING) !== 0;
+            const cursorPosition = targetIsBeforeInput ? 0 : input.value.length;
+            requestAnimationFrame(() => {
+                input.setSelectionRange(cursorPosition, cursorPosition);
+                input.focus();
+            });
+        }) },
+        React.createElement(TextFieldContext.Provider, { value: { size, variant, color } }, children)));
+};
+exports.Root = TextFieldRoot;
+TextFieldRoot.displayName = 'TextFieldRoot';
+const TextFieldSlot = React.forwardRef((props, forwardedRef) => {
+    const { className, color = text_field_props_1.textFieldSlotPropDefs.color.default, ...slotProps } = props;
+    const context = React.useContext(TextFieldContext);
+    return (React.createElement("div", { "data-accent-color": color, ...slotProps, ref: forwardedRef, className: (0, classnames_1.default)('fui-TextFieldSlot', className, `fui-r-size-${context === null || context === void 0 ? void 0 : context.size}`) }));
+});
+exports.Slot = TextFieldSlot;
+TextFieldSlot.displayName = 'TextFieldSlot';
+const TextFieldInput = React.forwardRef((props, forwardedRef) => {
+    var _a, _b, _c;
+    const context = React.useContext(TextFieldContext);
+    const hasRoot = context !== undefined;
+    const { className, size = (_a = context === null || context === void 0 ? void 0 : context.size) !== null && _a !== void 0 ? _a : text_field_props_1.textFieldPropDefs.size.default, variant = (_b = context === null || context === void 0 ? void 0 : context.variant) !== null && _b !== void 0 ? _b : text_field_props_1.textFieldPropDefs.variant.default, color = (_c = context === null || context === void 0 ? void 0 : context.color) !== null && _c !== void 0 ? _c : text_field_props_1.textFieldPropDefs.color.default, ...inputProps } = props;
+    const input = (React.createElement(React.Fragment, null,
+        React.createElement("input", { "data-accent-color": color, spellCheck: "false", ...inputProps, ref: forwardedRef, className: (0, classnames_1.default)('fui-TextFieldInput', className, `fui-r-size-${size}`, `fui-variant-${variant}`) }),
+        React.createElement("div", { "data-accent-color": color, className: "fui-TextFieldChrome" })));
+    return hasRoot ? (input) : (React.createElement(TextFieldRoot, { size: size, variant: variant, color: color }, input));
+});
+exports.Input = TextFieldInput;
+TextFieldInput.displayName = 'TextFieldInput';
+//# sourceMappingURL=text-field.js.map

package/dist/cjs/components/text-field/text-field.js.map

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

package/dist/cjs/components/text-field/text-field.props.d.ts

@@ -0,0 +1,25 @@
+declare const textFieldPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["1", "2", "3", "4"];
+        default: "2";
+    };
+    variant: {
+        type: "enum";
+        values: readonly ["surface", "soft"];
+        default: "surface";
+    };
+    color: {
+        default: "gray";
+        type: "enum";
+        values: ("ruby" | "tomato" | "red" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "cyan" | "teal" | "jade" | "green" | "grass" | "brown" | "blue" | "orange" | "indigo" | "sky" | "mint" | "yellow" | "amber" | "lime" | "lemon" | "magenta" | "gold" | "bronze" | "gray" | "danger" | "warning" | "success" | "info")[];
+    };
+};
+declare const textFieldSlotPropDefs: {
+    color: {
+        type: "enum";
+        values: ("ruby" | "tomato" | "red" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "cyan" | "teal" | "jade" | "green" | "grass" | "brown" | "blue" | "orange" | "indigo" | "sky" | "mint" | "yellow" | "amber" | "lime" | "lemon" | "magenta" | "gold" | "bronze" | "gray" | "danger" | "warning" | "success" | "info")[];
+        default: ("ruby" | "tomato" | "red" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "cyan" | "teal" | "jade" | "green" | "grass" | "brown" | "blue" | "orange" | "indigo" | "sky" | "mint" | "yellow" | "amber" | "lime" | "lemon" | "magenta" | "gold" | "bronze" | "gray" | "danger" | "warning" | "success" | "info") | undefined;
+    };
+};
+export { textFieldPropDefs, textFieldSlotPropDefs };

package/dist/cjs/components/text-field/text-field.props.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textFieldSlotPropDefs = exports.textFieldPropDefs = void 0;
+const helpers_1 = require("../../helpers");
+const sizes = ['1', '2', '3', '4'];
+const variants = ['surface', 'soft'];
+const textFieldPropDefs = {
+    size: { type: 'enum', values: sizes, default: '2' },
+    variant: { type: 'enum', values: variants, default: 'surface' },
+    color: { ...helpers_1.colorProp, default: 'gray' },
+};
+exports.textFieldPropDefs = textFieldPropDefs;
+const textFieldSlotPropDefs = {
+    color: helpers_1.colorProp,
+};
+exports.textFieldSlotPropDefs = textFieldSlotPropDefs;
+//# sourceMappingURL=text-field.props.js.map

package/dist/cjs/components/text-field/text-field.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field.props.js","sourceRoot":"","sources":["../../../../src/components/text-field/text-field.props.ts"],"names":[],"mappings":";;;AAAA,2CAAmD;AAEnD,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAC5C,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,MAAM,CAAU,CAAC;AAE9C,MAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;IACnD,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE;IAC/D,KAAK,EAAE,EAAE,GAAG,mBAAS,EAAE,OAAO,EAAE,MAAM,EAAE;CAKzC,CAAC;AAQO,8CAAiB;AAN1B,MAAM,qBAAqB,GAAG;IAC5B,KAAK,EAAE,mBAAS;CAGjB,CAAC;AAE0B,sDAAqB"}

package/dist/cjs/components/text-field/text-field.stories.d.ts

@@ -0,0 +1,25 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { TextField } from '..';
+declare const meta: {
+    title: string;
+    component: {
+        (props: TextField.RootProps): React.JSX.Element;
+        displayName: string;
+    };
+    args: {
+        size: "2";
+        variant: "surface";
+        color: "gray";
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Size: Story;
+export declare const Variant: Story;
+export declare const Color: Story;

package/dist/cjs/components/text-field/text-field.stories.js

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Color = exports.Variant = exports.Size = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const icons_1 = require("@frosted-ui/icons");
+const react_1 = tslib_1.__importDefault(require("react"));
+const __1 = require("..");
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Controls/TextField',
+    component: __1.TextField.Root,
+    args: {
+        size: __1.textFieldPropDefs.size.default,
+        variant: __1.textFieldPropDefs.variant.default,
+        color: __1.textFieldPropDefs.color.default,
+    },
+    parameters: {
+        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+        layout: 'centered',
+    },
+    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+    tags: ['autodocs'],
+};
+exports.default = meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+exports.Default = {
+    render: (args) => (react_1.default.createElement("div", { style: { width: 300 } },
+        react_1.default.createElement(__1.TextField.Root, { ...args },
+            react_1.default.createElement(__1.TextField.Slot, null,
+                react_1.default.createElement(icons_1.MagnifyingGlass16, null)),
+            react_1.default.createElement(__1.TextField.Input, { placeholder: "Search the docs\u2026" })))),
+};
+exports.Size = {
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', maxWidth: 400 } },
+        react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-2)' } },
+            react_1.default.createElement(__1.TextField.Root, { ...args, size: "1" },
+                react_1.default.createElement(__1.TextField.Slot, null,
+                    react_1.default.createElement(icons_1.MagnifyingGlass12, null)),
+                react_1.default.createElement(__1.TextField.Input, { placeholder: "Search the docs\u2026" })),
+            react_1.default.createElement(__1.Button, { size: "1", variant: args.variant }, "Search")),
+        react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-2)' } },
+            react_1.default.createElement(__1.TextField.Root, { ...args, size: "2" },
+                react_1.default.createElement(__1.TextField.Slot, null,
+                    react_1.default.createElement(icons_1.MagnifyingGlass16, null)),
+                react_1.default.createElement(__1.TextField.Input, { placeholder: "Search the docs\u2026" }),
+                react_1.default.createElement(__1.TextField.Slot, null,
+                    react_1.default.createElement(__1.IconButton, { color: "gray", size: "1", variant: "ghost" },
+                        react_1.default.createElement(icons_1.ThreeDotsHorizontal16, null)))),
+            react_1.default.createElement(__1.Button, { size: "2", variant: args.variant }, "Search")),
+        react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-2)' } },
+            react_1.default.createElement(__1.TextField.Root, { ...args, size: "3" },
+                react_1.default.createElement(__1.TextField.Slot, null,
+                    react_1.default.createElement(icons_1.MagnifyingGlass20, null)),
+                react_1.default.createElement(__1.TextField.Input, { placeholder: "Search the docs\u2026" }),
+                react_1.default.createElement(__1.TextField.Slot, { style: { paddingRight: 'var(--space-3)' } },
+                    react_1.default.createElement(__1.IconButton, { color: "gray", size: "2", variant: "ghost" },
+                        react_1.default.createElement(icons_1.ThreeDotsHorizontal20, null)))),
+            react_1.default.createElement(__1.Button, { size: "3", variant: args.variant }, "Search")),
+        react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-2)' } },
+            react_1.default.createElement(__1.TextField.Root, { ...args, size: "4" },
+                react_1.default.createElement(__1.TextField.Slot, null,
+                    react_1.default.createElement(icons_1.MagnifyingGlass24, null)),
+                react_1.default.createElement(__1.TextField.Input, { placeholder: "Search the docs\u2026" }),
+                react_1.default.createElement(__1.TextField.Slot, { style: { paddingRight: 'var(--space-3)' } },
+                    react_1.default.createElement(__1.IconButton, { color: "gray", size: "2", variant: "ghost" },
+                        react_1.default.createElement(icons_1.ThreeDotsHorizontal20, null)))),
+            react_1.default.createElement(__1.Button, { size: "4", variant: args.variant }, "Search")))),
+};
+exports.Variant = {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    render: ({ ref, ...args }) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'row', gap: 'var(--space-5)' } },
+        react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', maxWidth: 400 } },
+            react_1.default.createElement(__1.TextField.Input, { placeholder: "Search the docs\u2026", ...args, variant: "surface" }),
+            react_1.default.createElement(__1.TextField.Input, { placeholder: "Search the docs\u2026", ...args, variant: "soft" })),
+        react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', maxWidth: 400 } },
+            react_1.default.createElement(__1.TextField.Input, { disabled: true, placeholder: "Search the docs\u2026", ...args, variant: "surface" }),
+            react_1.default.createElement(__1.TextField.Input, { disabled: true, placeholder: "Search the docs\u2026", ...args, variant: "soft" })))),
+};
+exports.Color = {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    render: ({ ref, ...args }) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', maxWidth: 400 } },
+        react_1.default.createElement(__1.TextField.Input, { ...args, placeholder: "Search the docs\u2026", color: "indigo" }),
+        react_1.default.createElement(__1.TextField.Input, { ...args, placeholder: "Search the docs\u2026", color: "green" }),
+        react_1.default.createElement(__1.TextField.Input, { ...args, placeholder: "Search the docs\u2026", color: "red" }))),
+};
+//# sourceMappingURL=text-field.stories.js.map

package/dist/cjs/components/text-field/text-field.stories.js.map

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

package/dist/cjs/components/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tooltip';
+export * from './tooltip.props';

package/dist/cjs/components/tooltip/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./tooltip"), exports);
+tslib_1.__exportStar(require("./tooltip.props"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tooltip/index.ts"],"names":[],"mappings":";;;AAAA,oDAA0B;AAC1B,0DAAgC"}

package/dist/cjs/components/tooltip/tooltip.d.ts

@@ -0,0 +1,15 @@
+import { Tooltip as TooltipPrimitive } from 'radix-ui';
+import * as React from 'react';
+import { tooltipPropDefs } from './tooltip.props';
+import type { GetPropDefTypes } from '../../helpers';
+type TooltipOwnProps = GetPropDefTypes<typeof tooltipPropDefs>;
+interface TooltipProps extends React.ComponentProps<typeof TooltipPrimitive.Root>, Omit<React.ComponentProps<typeof TooltipPrimitive.Content>, 'content'>, TooltipOwnProps {
+    content: NonNullable<TooltipOwnProps['content']>;
+    container?: React.ComponentProps<typeof TooltipPrimitive.Portal>['container'];
+}
+declare const Tooltip: {
+    (props: TooltipProps): React.JSX.Element;
+    displayName: string;
+};
+export { Tooltip };
+export type { TooltipProps };

package/dist/cjs/components/tooltip/tooltip.js

@@ -0,0 +1,30 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const theme_1 = require("../../theme");
+const text_1 = require("../text");
+const Tooltip = (props) => {
+    const { children, className, open, defaultOpen, onOpenChange, delayDuration = 400, disableHoverableContent, content, container, forceMount, ...tooltipContentProps } = props;
+    const rootProps = {
+        open,
+        defaultOpen,
+        onOpenChange,
+        delayDuration,
+        disableHoverableContent,
+    };
+    return (React.createElement(radix_ui_1.Tooltip.Root, { ...rootProps },
+        React.createElement(radix_ui_1.Tooltip.Trigger, { asChild: true }, children),
+        React.createElement(radix_ui_1.Tooltip.Portal, { container: container, forceMount: forceMount },
+            React.createElement(theme_1.ReversedTheme, { asChild: true },
+                React.createElement(radix_ui_1.Tooltip.Content, { sideOffset: 4, collisionPadding: 10, ...tooltipContentProps, className: (0, classnames_1.default)('fui-TooltipContent', className) },
+                    React.createElement(text_1.Text, { as: "p", className: "fui-TooltipText", size: "2" }, content),
+                    React.createElement(radix_ui_1.Tooltip.Arrow, { className: "fui-TooltipArrow" }))))));
+};
+exports.Tooltip = Tooltip;
+Tooltip.displayName = 'Tooltip';
+//# sourceMappingURL=tooltip.js.map

package/dist/cjs/components/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,oEAAoC;AACpC,uCAAuD;AACvD,qDAA+B;AAC/B,uCAA4C;AAC5C,kCAA+B;AAe/B,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,aAAa,GAAG,GAAG,EACnB,uBAAuB,EACvB,OAAO,EACP,SAAS,EACT,UAAU,EACV,GAAG,mBAAmB,EACvB,GAAG,KAAK,CAAC;IACV,MAAM,SAAS,GAAG;QAChB,IAAI;QACJ,WAAW;QACX,YAAY;QACZ,aAAa;QACb,uBAAuB;KACxB,CAAC;IACF,OAAO,CACL,oBAAC,kBAAgB,CAAC,IAAI,OAAK,SAAS;QAClC,oBAAC,kBAAgB,CAAC,OAAO,IAAC,OAAO,UAAE,QAAQ,CAA4B;QACvE,oBAAC,kBAAgB,CAAC,MAAM,IAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU;YACnE,oBAAC,qBAAa,IAAC,OAAO;gBACpB,oBAAC,kBAAgB,CAAC,OAAO,IACvB,UAAU,EAAE,CAAC,EACb,gBAAgB,EAAE,EAAE,KAChB,mBAAmB,EACvB,SAAS,EAAE,IAAA,oBAAU,EAAC,oBAAoB,EAAE,SAAS,CAAC;oBAEtD,oBAAC,WAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAC,iBAAiB,EAAC,IAAI,EAAC,GAAG,IAC9C,OAAO,CACH;oBACP,oBAAC,kBAAgB,CAAC,KAAK,IAAC,SAAS,EAAC,kBAAkB,GAAG,CAC9B,CACb,CACQ,CACJ,CACzB,CAAC;AACJ,CAAC,CAAC;AAGO,0BAAO;AAFhB,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/cjs/components/tooltip/tooltip.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.props.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.props.ts"],"names":[],"mappings":";;;AAEA,MAAM,eAAe,GAAG;IACtB,OAAO,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE;CAGnE,CAAC;AAEO,0CAAe"}

package/dist/cjs/components/tooltip/tooltip.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: {
+        (props: import("./tooltip").TooltipProps): React.JSX.Element;
+        displayName: string;
+    };
+    args: {};
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/cjs/components/tooltip/tooltip.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const __1 = require("..");
+const ExampleIcon = ({ size }) => (react_1.default.createElement("svg", { width: size, height: size, viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("path", { d: "M3 2.5C3 2.22386 3.22386 2 3.5 2H11.5C11.7761 2 12 2.22386 12 2.5V13.5C12 13.6818 11.9014 13.8492 11.7424 13.9373C11.5834 14.0254 11.3891 14.0203 11.235 13.924L7.5 11.5896L3.765 13.924C3.61087 14.0203 3.41659 14.0254 3.25762 13.9373C3.09864 13.8492 3 13.6818 3 13.5V2.5ZM4 3V12.5979L6.97 10.7416C7.29427 10.539 7.70573 10.539 8.03 10.7416L11 12.5979V3H4Z", fill: "currentColor", fillRule: "evenodd", clipRule: "evenodd" })));
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Components/Tooltip',
+    component: __1.Tooltip,
+    args: {},
+    parameters: {
+        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+        layout: 'centered',
+    },
+    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+    tags: ['autodocs'],
+};
+exports.default = meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+exports.Default = {
+    args: {
+        content: 'Add to library',
+    },
+    render: (args) => (react_1.default.createElement(__1.Tooltip, { ...args },
+        react_1.default.createElement(__1.IconButton, null,
+            react_1.default.createElement(ExampleIcon, { size: 16 })))),
+};
+//# sourceMappingURL=tooltip.stories.js.map

package/dist/cjs/components/tooltip/tooltip.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.stories.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.stories.tsx"],"names":[],"mappings":";;;;AAEA,0DAA0B;AAC1B,0BAAyC;AAEzC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAoB,EAAE,EAAE,CAAC,CAClD,uCAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;IAChG,wCACE,CAAC,EAAC,oWAAoW,EACtW,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,GACZ,CACJ,CACP,CAAC;AACF,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,WAAO;IAClB,IAAI,EAAE,EAAE;IACR,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IACD,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACY,CAAC;AAEjC,kBAAe,IAAI,CAAC;AAGpB,8FAA8F;AACjF,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,gBAAgB;KAC1B;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,8BAAC,WAAO,OAAK,IAAI;QACf,8BAAC,cAAU;YACT,8BAAC,WAAW,IAAC,IAAI,EAAE,EAAE,GAAI,CACd,CACL,CACX;CACF,CAAC"}

package/dist/cjs/components/visually-hidden/index.d.ts

@@ -0,0 +1 @@
+export * from './visually-hidden';

package/dist/cjs/components/visually-hidden/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./visually-hidden"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/visually-hidden/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/visually-hidden/index.ts"],"names":[],"mappings":";;;AAAA,4DAAkC"}

package/dist/cjs/components/visually-hidden/visually-hidden.d.ts

@@ -0,0 +1 @@
+export { VisuallyHidden } from 'radix-ui';

package/dist/cjs/components/visually-hidden/visually-hidden.js

@@ -0,0 +1,7 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisuallyHidden = void 0;
+var radix_ui_1 = require("radix-ui");
+Object.defineProperty(exports, "VisuallyHidden", { enumerable: true, get: function () { return radix_ui_1.VisuallyHidden; } });
+//# sourceMappingURL=visually-hidden.js.map

package/dist/cjs/components/visually-hidden/visually-hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.js","sourceRoot":"","sources":["../../../../src/components/visually-hidden/visually-hidden.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,qCAA0C;AAAjC,0GAAA,cAAc,OAAA"}

package/dist/cjs/components/visually-hidden/visually-hidden.stories.d.ts

@@ -0,0 +1,14 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { VisuallyHidden } from '..';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<VisuallyHidden.VisuallyHiddenProps & React.RefAttributes<HTMLSpanElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/cjs/components/visually-hidden/visually-hidden.stories.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const __1 = require("..");
+const CrossIcon = () => (react_1.default.createElement("svg", { viewBox: "0 0 32 32", width: 24, height: 24, fill: "none", stroke: "currentColor" },
+    react_1.default.createElement("path", { d: "M2 30 L30 2 M30 30 L2 2" })));
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Utilities/VisuallyHidden',
+    component: __1.VisuallyHidden.Root,
+    parameters: {
+        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+        layout: 'centered',
+    },
+    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+    tags: ['autodocs'],
+};
+exports.default = meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+exports.Default = {
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-4)' } },
+        react_1.default.createElement(__1.Text, null,
+            "Anything you put inside this component will be hidden visually but will be announced by screen readers. See",
+            ' ',
+            react_1.default.createElement(__1.Link, { href: "https://www.radix-ui.com/primitives/docs/utilities/visually-hidden" }, "Radix UI docs"),
+            "."),
+        react_1.default.createElement(__1.Text, null,
+            "This is useful in certain scenarios as an alternative to traditional labelling with ",
+            react_1.default.createElement(__1.Code, null, "aria-label"),
+            " or",
+            ' ',
+            react_1.default.createElement(__1.Code, null, "aria-labelledby"),
+            "."),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(__1.Button, { size: "4" },
+                react_1.default.createElement(CrossIcon, null),
+                react_1.default.createElement(__1.VisuallyHidden.Root, { ...args }, "Close"))))),
+};
+//# sourceMappingURL=visually-hidden.stories.js.map

package/dist/cjs/components/visually-hidden/visually-hidden.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.stories.js","sourceRoot":"","sources":["../../../../src/components/visually-hidden/visually-hidden.stories.tsx"],"names":[],"mappings":";;;;AAEA,0DAA0B;AAC1B,0BAA8D;AAE9D,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CACtB,uCAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc;IAC/E,wCAAM,CAAC,EAAC,yBAAyB,GAAG,CAChC,CACP,CAAC;AAEF,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,kBAAc,CAAC,IAAI;IAC9B,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IACD,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACwB,CAAC;AAE7C,kBAAe,IAAI,CAAC;AAGpB,8FAA8F;AACjF,QAAA,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAAgB,EAAE;QAC7E,8BAAC,QAAI;;YACyG,GAAG;YAC/G,8BAAC,QAAI,IAAC,IAAI,EAAC,oEAAoE,oBAAqB;gBAC/F;QACP,8BAAC,QAAI;;YACiF,8BAAC,QAAI,qBAAkB;;YAAI,GAAG;YAClH,8BAAC,QAAI,0BAAuB;gBACvB;QACP;YACE,8BAAC,UAAM,IAAC,IAAI,EAAC,GAAG;gBACd,8BAAC,SAAS,OAAG;gBACb,8BAAC,kBAAc,CAAC,IAAI,OAAK,IAAI,YAA6B,CACnD,CACL,CACF,CACP;CACF,CAAC"}

package/dist/cjs/components/widget-stack/index.d.ts

@@ -0,0 +1,2 @@
+export * as WidgetStack from './widget-stack';
+export * from './widget-stack.props';

package/dist/cjs/components/widget-stack/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetStack = void 0;
+const tslib_1 = require("tslib");
+exports.WidgetStack = tslib_1.__importStar(require("./widget-stack"));
+tslib_1.__exportStar(require("./widget-stack.props"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/widget-stack/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/widget-stack/index.ts"],"names":[],"mappings":";;;;AAAA,sEAA8C;AAC9C,+DAAqC"}