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

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { GetPropDefTypes } from '../../helpers';
+import { kbdPropDefs } from './kbd.props';
+type KbdOwnProps = GetPropDefTypes<typeof kbdPropDefs>;
+interface KbdProps extends React.ComponentProps<'kbd'>, KbdOwnProps {
+}
+declare const Kbd: {
+    (props: KbdProps): React.JSX.Element;
+    displayName: string;
+};
+export { Kbd };
+export type { KbdProps };

package/dist/cjs/components/kbd/kbd.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Kbd = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const kbd_props_1 = require("./kbd.props");
+const Kbd = (props) => {
+    const { className, size = kbd_props_1.kbdPropDefs.size.default, ...kbdProps } = props;
+    return React.createElement("kbd", { ...kbdProps, className: (0, classnames_1.default)('fui-Kbd', className, `fui-r-size-${size}`) });
+};
+exports.Kbd = Kbd;
+Kbd.displayName = 'Kbd';
+//# sourceMappingURL=kbd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.js","sourceRoot":"","sources":["../../../../src/components/kbd/kbd.tsx"],"names":[],"mappings":";;;;AAAA,oEAAoC;AACpC,qDAA+B;AAE/B,2CAA0C;AAK1C,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IAC9B,MAAM,EAAE,SAAS,EAAE,IAAI,GAAG,uBAAW,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC1E,OAAO,gCAAS,QAAQ,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE,cAAc,IAAI,EAAE,CAAC,GAAI,CAAC;AAClG,CAAC,CAAC;AAGO,kBAAG;AAFZ,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}

package/dist/cjs/components/kbd/kbd.props.d.ts

@@ -0,0 +1,8 @@
+declare const kbdPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+        default: undefined;
+    };
+};
+export { kbdPropDefs };

package/dist/cjs/components/kbd/kbd.props.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.kbdPropDefs = void 0;
+const sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
+const kbdPropDefs = {
+    size: { type: 'enum', values: sizes, default: undefined },
+};
+exports.kbdPropDefs = kbdPropDefs;
+//# sourceMappingURL=kbd.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.props.js","sourceRoot":"","sources":["../../../../src/components/kbd/kbd.props.ts"],"names":[],"mappings":";;;AAEA,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAErE,MAAM,WAAW,GAAG;IAClB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE;CAG1D,CAAC;AAEO,kCAAW"}

package/dist/cjs/components/kbd/kbd.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("./kbd").KbdProps): React.JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Size: Story;

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

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Size = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("../../../src/components/");
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Typography/Kbd',
+    component: components_1.Kbd,
+    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: {
+        children: 'Shift + Tab',
+        size: components_1.kbdPropDefs.size.default,
+    },
+};
+exports.Size = {
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)' } },
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(components_1.Kbd, { ...args, size: "1" }, "Shift + Tab")),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(components_1.Kbd, { ...args, size: "2" }, "Shift + Tab")),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(components_1.Kbd, { ...args, size: "3" }, "Shift + Tab")),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(components_1.Kbd, { ...args, size: "4" }, "Shift + Tab")),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(components_1.Kbd, { ...args, size: "5" }, "Shift + Tab")),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(components_1.Kbd, { ...args, size: "6" }, "Shift + Tab")),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(components_1.Kbd, { ...args, size: "7" }, "Shift + Tab")),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(components_1.Kbd, { ...args, size: "8" }, "Shift + Tab")),
+        react_1.default.createElement("div", null,
+            react_1.default.createElement(components_1.Kbd, { ...args, size: "9" }, "Shift + Tab")))),
+};
+//# sourceMappingURL=kbd.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.stories.js","sourceRoot":"","sources":["../../../../src/components/kbd/kbd.stories.tsx"],"names":[],"mappings":";;;;AAEA,0DAA0B;AAC1B,yDAA4D;AAE5D,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,gBAAG;IAEd,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IACD,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACQ,CAAC;AAE7B,kBAAe,IAAI,CAAC;AAGpB,8FAA8F;AACjF,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa;QACvB,IAAI,EAAE,wBAAW,CAAC,IAAI,CAAC,OAAO;KAC/B;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;QAC7E;YACE,8BAAC,gBAAG,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,kBAEjB,CACF;QACN;YACE,8BAAC,gBAAG,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,kBAEjB,CACF;QACN;YACE,8BAAC,gBAAG,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,kBAEjB,CACF;QACN;YACE,8BAAC,gBAAG,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,kBAEjB,CACF;QACN;YACE,8BAAC,gBAAG,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,kBAEjB,CACF;QACN;YACE,8BAAC,gBAAG,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,kBAEjB,CACF;QACN;YACE,8BAAC,gBAAG,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,kBAEjB,CACF;QACN;YACE,8BAAC,gBAAG,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,kBAEjB,CACF;QACN;YACE,8BAAC,gBAAG,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,kBAEjB,CACF,CACF,CACP;CACF,CAAC"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/link/index.ts"],"names":[],"mappings":";;;AAAA,iDAAuB;AACvB,uDAA6B"}

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { linkPropDefs } from './link.props';
+import type { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
+type LinkOwnProps = GetPropDefTypes<typeof linkPropDefs>;
+interface LinkProps extends PropsWithoutColor<'a'>, LinkOwnProps {
+    asChild?: boolean;
+}
+declare const Link: {
+    (props: LinkProps): React.JSX.Element;
+    displayName: string;
+};
+export { Link };
+export type { LinkProps };

package/dist/cjs/components/link/link.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Link = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const text_1 = require("../text");
+const link_props_1 = require("./link.props");
+const Link = (props) => {
+    const { children, className, asChild = false, underline = link_props_1.linkPropDefs.underline.default, ...linkProps } = props;
+    return (React.createElement(text_1.Text, { ...linkProps, asChild: true, className: (0, classnames_1.default)('fui-reset', 'fui-Link', className, `fui-underline-${underline}`) }, asChild ? children : React.createElement("a", null, children)));
+};
+exports.Link = Link;
+Link.displayName = 'Link';
+//# sourceMappingURL=link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/link/link.tsx"],"names":[],"mappings":";;;;AAAA,oEAAoC;AACpC,qDAA+B;AAC/B,kCAA+B;AAC/B,6CAA4C;AAS5C,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IAChC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,GAAG,yBAAY,CAAC,SAAS,CAAC,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IACjH,OAAO,CACL,oBAAC,WAAI,OACC,SAAS,EACb,OAAO,QACP,SAAS,EAAE,IAAA,oBAAU,EAAC,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,SAAS,EAAE,CAAC,IAEtF,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,+BAAI,QAAQ,CAAK,CAClC,CACR,CAAC;AACJ,CAAC,CAAC;AAGO,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/cjs/components/link/link.props.d.ts

@@ -0,0 +1,32 @@
+declare const linkPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+        default: undefined;
+    };
+    weight: {
+        type: "enum";
+        values: readonly ["light", "regular", "medium", "semi-bold", "bold"];
+        default: undefined;
+    };
+    trim: {
+        type: "enum";
+        values: readonly ["normal", "start", "end", "both"];
+        default: undefined;
+    };
+    underline: {
+        type: "enum";
+        values: readonly ["auto", "hover", "always"];
+        default: "auto";
+    };
+    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;
+    };
+    highContrast: {
+        type: "boolean";
+        default: undefined;
+    };
+};
+export { linkPropDefs };

package/dist/cjs/components/link/link.props.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.linkPropDefs = void 0;
+const text_props_1 = require("../text/text.props");
+const underline = ['auto', 'hover', 'always'];
+const linkPropDefs = {
+    size: text_props_1.textPropDefs.size,
+    weight: text_props_1.textPropDefs.weight,
+    trim: text_props_1.textPropDefs.trim,
+    underline: { type: 'enum', values: underline, default: 'auto' },
+    color: text_props_1.textPropDefs.color,
+    highContrast: text_props_1.textPropDefs.highContrast,
+};
+exports.linkPropDefs = linkPropDefs;
+//# sourceMappingURL=link.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.props.js","sourceRoot":"","sources":["../../../../src/components/link/link.props.ts"],"names":[],"mappings":";;;AACA,mDAAkD;AAElD,MAAM,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,CAAU,CAAC;AAEvD,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,yBAAY,CAAC,IAAI;IACvB,MAAM,EAAE,yBAAY,CAAC,MAAM;IAC3B,IAAI,EAAE,yBAAY,CAAC,IAAI;IACvB,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE;IAC/D,KAAK,EAAE,yBAAY,CAAC,KAAK;IACzB,YAAY,EAAE,yBAAY,CAAC,YAAY;CAQxC,CAAC;AAEO,oCAAY"}

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

@@ -0,0 +1,27 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: {
+        (props: import("./link").LinkProps): React.JSX.Element;
+        displayName: string;
+    };
+    args: {
+        children: string;
+        href: string;
+        target: "_blank";
+        color: "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;
+        size: undefined;
+    };
+    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 Color: Story;
+export declare const Underline: Story;
+export declare const HighContrast: Story;

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

@@ -0,0 +1,84 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HighContrast = exports.Underline = exports.Color = 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: 'Typography/Link',
+    component: __1.Link,
+    args: {
+        children: 'Frosted-UI',
+        href: 'https://storybook.whop.dev/',
+        target: '_blank',
+        color: __1.linkPropDefs.color.default,
+        size: __1.linkPropDefs.size.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 = {};
+exports.Size = {
+    args: {
+        children: 'Frosted-UI',
+        href: 'https://storybook.whop.dev/',
+        target: '_blank',
+        color: __1.linkPropDefs.color.default,
+    },
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)' } },
+        react_1.default.createElement(__1.Link, { ...args, size: "0" }),
+        react_1.default.createElement(__1.Link, { ...args, size: "1" }),
+        react_1.default.createElement(__1.Link, { ...args, size: "2" }),
+        react_1.default.createElement(__1.Link, { ...args, size: "3" }),
+        react_1.default.createElement(__1.Link, { ...args, size: "4" }),
+        react_1.default.createElement(__1.Link, { ...args, size: "5" }),
+        react_1.default.createElement(__1.Link, { ...args, size: "6" }),
+        react_1.default.createElement(__1.Link, { ...args, size: "7" }),
+        react_1.default.createElement(__1.Link, { ...args, size: "8" }),
+        react_1.default.createElement(__1.Link, { ...args, size: "9" }))),
+};
+exports.Color = {
+    args: {
+        children: 'Frosted-UI',
+        href: 'https://storybook.whop.dev/',
+        target: '_blank',
+        color: __1.linkPropDefs.color.default,
+    },
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'start', gap: 'var(--space-2)' } },
+        react_1.default.createElement(__1.Link, { ...args, color: "indigo" }),
+        react_1.default.createElement(__1.Link, { ...args, color: "cyan" }),
+        react_1.default.createElement(__1.Link, { ...args, color: "orange" }),
+        react_1.default.createElement(__1.Link, { ...args, color: "crimson" }))),
+};
+exports.Underline = {
+    args: {
+        children: 'Frosted-UI',
+        href: 'https://storybook.whop.dev/',
+        target: '_blank',
+        color: __1.linkPropDefs.color.default,
+    },
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'start', gap: 'var(--space-2)' } },
+        react_1.default.createElement(__1.Link, { ...args, underline: "auto" }),
+        react_1.default.createElement(__1.Link, { ...args, underline: "hover" }),
+        react_1.default.createElement(__1.Link, { ...args, underline: "always" }))),
+};
+exports.HighContrast = {
+    name: 'High Contrast',
+    args: {
+        children: 'Frosted-UI',
+        href: 'https://storybook.whop.dev/',
+        target: '_blank',
+        color: __1.linkPropDefs.color.default,
+    },
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column' } },
+        react_1.default.createElement(__1.Link, { ...args }),
+        react_1.default.createElement(__1.Link, { ...args, highContrast: true }))),
+};
+//# sourceMappingURL=link.stories.js.map

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

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

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

@@ -0,0 +1 @@
+export * as OTPField from './otp-field';

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { OTPInput, SlotProps } from 'input-otp';
+import * as React from 'react';
+type OTPFieldRootProps = React.ComponentProps<typeof OTPInput>;
+declare const OTPFieldRoot: {
+    ({ className, ...props }: OTPFieldRootProps): React.JSX.Element;
+    displayName: string;
+};
+type OTPFieldGroupProps = React.ComponentProps<'div'>;
+declare const OTPFieldGroup: {
+    ({ className, ...props }: OTPFieldGroupProps): React.JSX.Element;
+    displayName: string;
+};
+type OTPFieldSlotProps = SlotProps & React.ComponentProps<'div'>;
+declare const OTPFieldSlot: {
+    ({ char, hasFakeCaret, isActive, className, ...props }: OTPFieldSlotProps): React.JSX.Element;
+    displayName: string;
+};
+type OTPFieldSeparatorProps = React.ComponentProps<'div'>;
+declare const OTPFieldSeparator: {
+    ({ ...props }: OTPFieldSeparatorProps): React.JSX.Element;
+    displayName: string;
+};
+export { OTPFieldGroup as Group, OTPFieldRoot as Root, OTPFieldSeparator as Separator, OTPFieldSlot as Slot };

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

@@ -0,0 +1,25 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slot = exports.Separator = exports.Root = exports.Group = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const input_otp_1 = require("input-otp");
+const React = tslib_1.__importStar(require("react"));
+const OTPFieldRoot = ({ className, ...props }) => (React.createElement(input_otp_1.OTPInput, { containerClassName: (0, classnames_1.default)('fui-OTPFieldRoot', className), ...props }));
+exports.Root = OTPFieldRoot;
+OTPFieldRoot.displayName = 'OTPFieldRoot';
+const OTPFieldGroup = ({ className, ...props }) => (React.createElement("div", { "data-accent-color": true, className: (0, classnames_1.default)('fui-OTPFieldGroup', className), ...props }));
+exports.Group = OTPFieldGroup;
+OTPFieldGroup.displayName = 'OTPFieldGroup';
+const OTPFieldSlot = ({ char, hasFakeCaret, isActive, className, ...props }) => {
+    return (React.createElement("div", { className: (0, classnames_1.default)('fui-OTPFieldSlot ', className), "data-otp-active": isActive, ...props },
+        char,
+        hasFakeCaret && React.createElement("div", { className: "fui-OTPFieldCaret" })));
+};
+exports.Slot = OTPFieldSlot;
+OTPFieldSlot.displayName = 'OTPFieldSlot';
+const OTPFieldSeparator = ({ ...props }) => (React.createElement("div", { role: "separator", className: "fui-OTPFieldSeparator", ...props }));
+exports.Separator = OTPFieldSeparator;
+OTPFieldSeparator.displayName = 'OTPFieldSeparator';
+//# sourceMappingURL=otp-field.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"otp-field.js","sourceRoot":"","sources":["../../../../src/components/otp-field/otp-field.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,oEAAoC;AACpC,yCAAgD;AAChD,qDAA+B;AAM/B,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAqB,EAAE,EAAE,CAAC,CACnE,oBAAC,oBAAQ,IAAC,kBAAkB,EAAE,IAAA,oBAAU,EAAC,kBAAkB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACvF,CAAC;AA8B+C,4BAAI;AA5BrD,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAI1C,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsB,EAAE,EAAE,CAAC,CACrE,wDAAuB,SAAS,EAAE,IAAA,oBAAU,EAAC,mBAAmB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5F,CAAC;AAsBwB,8BAAK;AArB/B,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAI5C,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAqB,EAAE,EAAE;IAChG,OAAO,CACL,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,mBAAmB,EAAE,SAAS,CAAC,qBAAmB,QAAQ,KAAM,KAAK;QAC7F,IAAI;QACJ,YAAY,IAAI,6BAAK,SAAS,EAAC,mBAAmB,GAAG,CAClD,CACP,CAAC;AACJ,CAAC,CAAC;AAUqG,4BAAI;AAT3G,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAI1C,MAAM,iBAAiB,GAAG,CAAC,EAAE,GAAG,KAAK,EAA0B,EAAE,EAAE,CAAC,CAClE,6BAAK,IAAI,EAAC,WAAW,EAAC,SAAS,EAAC,uBAAuB,KAAK,KAAK,GAAQ,CAC1E,CAAC;AAG0E,sCAAS;AAFrF,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

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

@@ -0,0 +1,21 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { OTPField } from '..';
+declare const meta: {
+    title: string;
+    component: {
+        ({ className, ...props }: import("input-otp").OTPInputProps & React.RefAttributes<HTMLInputElement>): React.JSX.Element;
+        displayName: string;
+    };
+    args: React.ComponentProps<typeof OTPField.Root>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Pattern: Story;
+export declare const Separator: Story;
+export declare const Controlled: Story;

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

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Controlled = exports.Separator = exports.Pattern = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const input_otp_1 = require("input-otp");
+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/OTPField',
+    component: __1.OTPField.Root,
+    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 = {
+    render: (args) => {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { children, ...otherArgs } = args;
+        return (react_1.default.createElement("div", null,
+            react_1.default.createElement(__1.OTPField.Root, { ...otherArgs, maxLength: 6, render: ({ slots }) => (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(__1.OTPField.Group, null,
+                        slots.slice(0, 3).map((slot, index) => (react_1.default.createElement(__1.OTPField.Slot, { key: index, ...slot }))),
+                        ' '),
+                    react_1.default.createElement(__1.OTPField.Separator, null),
+                    react_1.default.createElement(__1.OTPField.Group, null, slots.slice(3).map((slot, index) => (react_1.default.createElement(__1.OTPField.Slot, { key: index, ...slot })))))) })));
+    },
+};
+exports.Pattern = {
+    render: (args) => {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { children, ...otherArgs } = args;
+        return (react_1.default.createElement("div", null,
+            react_1.default.createElement(__1.OTPField.Root, { ...otherArgs, maxLength: 6, pattern: input_otp_1.REGEXP_ONLY_DIGITS_AND_CHARS, render: ({ slots }) => (react_1.default.createElement(__1.OTPField.Group, null,
+                    slots.map((slot, index) => (react_1.default.createElement(__1.OTPField.Slot, { key: index, ...slot }))),
+                    ' ')) })));
+    },
+};
+exports.Separator = {
+    render: (args) => {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { children, ...otherArgs } = args;
+        return (react_1.default.createElement("div", null,
+            react_1.default.createElement(__1.OTPField.Root, { ...otherArgs, maxLength: 6, render: ({ slots }) => (react_1.default.createElement(__1.OTPField.Group, { style: { gap: 4 } },
+                    slots.map((slot, index) => (react_1.default.createElement(react_1.default.Fragment, { key: index },
+                        react_1.default.createElement(__1.OTPField.Slot, { style: { borderRadius: 10 }, ...slot }),
+                        index !== slots.length - 1 && react_1.default.createElement(__1.OTPField.Separator, null)))),
+                    ' ')) })));
+    },
+};
+exports.Controlled = {
+    render: (args) => {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { children, ...otherArgs } = args;
+        const [value, setValue] = react_1.default.useState('');
+        return (react_1.default.createElement("div", null,
+            react_1.default.createElement("div", { style: { marginBottom: 16 } },
+                react_1.default.createElement(__1.OTPField.Root, { ...otherArgs, maxLength: 6, value: value, onChange: (value) => setValue(value), render: ({ slots }) => (react_1.default.createElement(__1.OTPField.Group, null,
+                        slots.map((slot, index) => (react_1.default.createElement(__1.OTPField.Slot, { key: index, ...slot }))),
+                        ' ')) })),
+            react_1.default.createElement(__1.Text, { align: "center", color: "gray", size: "2", as: "div" }, value === '' ? react_1.default.createElement(react_1.default.Fragment, null, "Enter your one-time password.") : react_1.default.createElement(react_1.default.Fragment, null,
+                "You entered: ",
+                value))));
+    },
+};
+//# sourceMappingURL=otp-field.stories.js.map

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

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

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

@@ -0,0 +1,2 @@
+export * as Popover from './popover';
+export * from './popover.props';

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

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

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

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

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

@@ -0,0 +1,29 @@
+import { Popover as PopoverPrimitive } from 'radix-ui';
+import * as React from 'react';
+import { popoverContentPropDefs } from './popover.props';
+import type { GetPropDefTypes } from '../../helpers';
+interface PopoverRootProps extends React.ComponentProps<typeof PopoverPrimitive.Root> {
+}
+declare const PopoverRoot: React.FC<PopoverRootProps>;
+interface PopoverTriggerProps extends Omit<React.ComponentProps<typeof PopoverPrimitive.Trigger>, 'asChild'> {
+}
+declare const PopoverTrigger: {
+    (props: PopoverTriggerProps): React.JSX.Element;
+    displayName: string;
+};
+type PopoverContentOwnProps = GetPropDefTypes<typeof popoverContentPropDefs>;
+interface PopoverContentProps extends Omit<React.ComponentProps<typeof PopoverPrimitive.Content>, 'asChild'>, PopoverContentOwnProps {
+    container?: React.ComponentProps<typeof PopoverPrimitive.Portal>['container'];
+}
+declare const PopoverContent: {
+    (props: PopoverContentProps): React.JSX.Element;
+    displayName: string;
+};
+interface PopoverCloseProps extends Omit<React.ComponentProps<typeof PopoverPrimitive.Close>, 'asChild'> {
+}
+declare const PopoverClose: {
+    (props: PopoverCloseProps): React.JSX.Element;
+    displayName: string;
+};
+export { PopoverClose as Close, PopoverContent as Content, PopoverRoot as Root, PopoverTrigger as Trigger };
+export type { PopoverCloseProps as CloseProps, PopoverContentProps as ContentProps, PopoverRootProps as RootProps, PopoverTriggerProps as TriggerProps, };

package/dist/cjs/components/popover/popover.js

@@ -0,0 +1,28 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Trigger = exports.Root = exports.Content = exports.Close = 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 popover_props_1 = require("./popover.props");
+const PopoverRoot = (props) => React.createElement(radix_ui_1.Popover.Root, { ...props });
+exports.Root = PopoverRoot;
+PopoverRoot.displayName = 'PopoverRoot';
+const PopoverTrigger = (props) => React.createElement(radix_ui_1.Popover.Trigger, { ...props, asChild: true });
+exports.Trigger = PopoverTrigger;
+PopoverTrigger.displayName = 'PopoverTrigger';
+const PopoverContent = (props) => {
+    const { className, forceMount, container, size = popover_props_1.popoverContentPropDefs.size.default, variant = popover_props_1.popoverContentPropDefs.variant.default, ...contentProps } = props;
+    return (React.createElement(radix_ui_1.Popover.Portal, { container: container, forceMount: forceMount },
+        React.createElement(theme_1.Theme, { asChild: true },
+            React.createElement(radix_ui_1.Popover.Content, { align: "start", sideOffset: 8, collisionPadding: 10, ...contentProps, className: (0, classnames_1.default)('fui-PopperContent', 'fui-PopoverContent', `fui-variant-${variant}`, className, `fui-r-size-${size}`) }))));
+};
+exports.Content = PopoverContent;
+PopoverContent.displayName = 'PopoverContent';
+const PopoverClose = (props) => React.createElement(radix_ui_1.Popover.Close, { ...props, asChild: true });
+exports.Close = PopoverClose;
+PopoverClose.displayName = 'PopoverClose';
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../../src/components/popover/popover.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,oEAAoC;AACpC,uCAAuD;AACvD,qDAA+B;AAC/B,uCAAoC;AACpC,mDAAyD;AAKzD,MAAM,WAAW,GAA+B,CAAC,KAAuB,EAAE,EAAE,CAAC,oBAAC,kBAAgB,CAAC,IAAI,OAAK,KAAK,GAAI,CAAC;AAmDxC,2BAAI;AAlD9E,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAIxC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,oBAAC,kBAAgB,CAAC,OAAO,OAAK,KAAK,EAAE,OAAO,SAAG,CAAC;AA8CL,iCAAO;AA7CzG,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAS9C,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IACpD,MAAM,EACJ,SAAS,EACT,UAAU,EACV,SAAS,EACT,IAAI,GAAG,sCAAsB,CAAC,IAAI,CAAC,OAAO,EAC1C,OAAO,GAAG,sCAAsB,CAAC,OAAO,CAAC,OAAO,EAChD,GAAG,YAAY,EAChB,GAAG,KAAK,CAAC;IACV,OAAO,CACL,oBAAC,kBAAgB,CAAC,MAAM,IAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU;QACnE,oBAAC,aAAK,IAAC,OAAO;YACZ,oBAAC,kBAAgB,CAAC,OAAO,IACvB,KAAK,EAAC,OAAO,EACb,UAAU,EAAE,CAAC,EACb,gBAAgB,EAAE,EAAE,KAChB,YAAY,EAChB,SAAS,EAAE,IAAA,oBAAU,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,OAAO,EAAE,EACxB,SAAS,EACT,cAAc,IAAI,EAAE,CACrB,GACD,CACI,CACgB,CAC3B,CAAC;AACJ,CAAC,CAAC;AAQgD,iCAAO;AAPzD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAI9C,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE,CAAC,oBAAC,kBAAgB,CAAC,KAAK,OAAK,KAAK,EAAE,OAAO,SAAG,CAAC;AAGxE,6BAAK;AAF9B,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}