@a-type/ui 4.1.7 → 5.0.0

package/dist/cjs/components/emojiPicker/EmojiPicker.d.ts

@@ -1,29 +0,0 @@
-import { EmojiPickerListCategoryHeaderProps, EmojiPickerListEmojiProps, EmojiPickerListProps, EmojiPickerRootProps, EmojiPickerViewportProps, useSkinTone } from 'frimousse';
-import { BoxProps } from '../box/Box.js';
-export declare const EmojiPickerRoot: import("react").FunctionComponent<Omit<EmojiPickerRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export declare const EmojiPickerSearch: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export declare const EmojiPickerViewport: ({ className, ...props }: EmojiPickerViewportProps) => import("react/jsx-runtime.js").JSX.Element;
-export declare const EmojiPickerLoading: import("react").FunctionComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;
-export declare const EmojiPickerEmpty: import("react").FunctionComponent<import("frimousse").EmojiPickerEmptyProps>;
-export declare const EmojiPickerCategoryHeader: (props: EmojiPickerListCategoryHeaderProps) => import("react/jsx-runtime.js").JSX.Element;
-export declare const EmojiPickerRow: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const EmojiPickerEmoji: import("react").FunctionComponent<Omit<EmojiPickerListEmojiProps, "color">>;
-export declare const EmojiPickerList: ({ className, components, }: EmojiPickerListProps) => import("react/jsx-runtime.js").JSX.Element;
-export declare const useEmojiSkinTone: () => readonly [import("frimousse").SkinTone | undefined, (value: import("frimousse").SkinTone | ((current: import("frimousse").SkinTone | undefined) => import("frimousse").SkinTone | undefined) | undefined) => void];
-export type SkinTone = ReturnType<typeof useSkinTone>[0];
-export declare const EmojiPickerSkinToneSelector: (props: BoxProps) => import("react/jsx-runtime.js").JSX.Element;
-export interface EmojiPickerProps extends Omit<EmojiPickerRootProps, 'emoji' | 'onEmojiSelect'> {
-    onValueChange: (value: string, label: string) => void;
-    onClear?: () => void;
-}
-export declare const EmojiPicker: (({ onValueChange, onClear, ...props }: EmojiPickerProps) => import("react/jsx-runtime.js").JSX.Element) & {
-    Root: import("react").FunctionComponent<Omit<EmojiPickerRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Search: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-    Viewport: ({ className, ...props }: EmojiPickerViewportProps) => import("react/jsx-runtime.js").JSX.Element;
-    List: ({ className, components, }: EmojiPickerListProps) => import("react/jsx-runtime.js").JSX.Element;
-    Loading: import("react").FunctionComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;
-    Empty: import("react").FunctionComponent<import("frimousse").EmojiPickerEmptyProps>;
-    CategoryHeader: (props: EmojiPickerListCategoryHeaderProps) => import("react/jsx-runtime.js").JSX.Element;
-    Row: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-    Emoji: import("react").FunctionComponent<Omit<EmojiPickerListEmojiProps, "color">>;
-};

package/dist/cjs/components/emojiPicker/EmojiPicker.js

@@ -1,80 +0,0 @@
-// @unocss-include
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmojiPicker = exports.EmojiPickerSkinToneSelector = exports.useEmojiSkinTone = exports.EmojiPickerList = exports.EmojiPickerEmoji = exports.EmojiPickerRow = exports.EmojiPickerCategoryHeader = exports.EmojiPickerEmpty = exports.EmojiPickerLoading = exports.EmojiPickerViewport = exports.EmojiPickerSearch = exports.EmojiPickerRoot = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const frimousse_1 = require("frimousse");
-const hooks_js_1 = require("../../hooks.js");
-const useStorage_js_1 = require("../../hooks/useStorage.js");
-const Box_js_1 = require("../box/Box.js");
-const Button_js_1 = require("../button/Button.js");
-const Icon_js_1 = require("../icon/Icon.js");
-const Input_js_1 = require("../input/Input.js");
-const Spinner_js_1 = require("../spinner/Spinner.js");
-exports.EmojiPickerRoot = (0, hooks_js_1.withClassName)(frimousse_1.EmojiPicker.Root, 'layer-components:isolate layer-components:flex layer-components:flex-col layer-components:w-fit layer-components:h-368px layer-components:gap-sm');
-exports.EmojiPickerSearch = (0, hooks_js_1.withClassName)(frimousse_1.EmojiPicker.Search, 'layer-components:z-10 layer-components:min-w-80px', Input_js_1.inputClassName);
-const EmojiPickerViewport = (_a) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return ((0, jsx_runtime_1.jsx)(Box_js_1.Box, { className: (0, clsx_1.default)('layer-components:min-h-0 layer-components:flex-1 layer-components:overflow-hidden layer-components:rounded-md layer-components:bg-white', className), children: (0, jsx_runtime_1.jsx)(frimousse_1.EmojiPicker.Viewport, Object.assign({ className: "layer-components:relative layer-components:outline-hidden" }, props)) }));
-};
-exports.EmojiPickerViewport = EmojiPickerViewport;
-exports.EmojiPickerLoading = (0, hooks_js_1.withClassName)((0, hooks_js_1.withProps)(frimousse_1.EmojiPicker.Loading, {
-    children: (0, jsx_runtime_1.jsx)(Spinner_js_1.Spinner, {}),
-}), 'layer-components:absolute layer-components:inset-0 layer-components:flex layer-components:items-center layer-components:justify-center layer-components:bg-inherit');
-exports.EmojiPickerEmpty = (0, hooks_js_1.withClassName)((0, hooks_js_1.withProps)(frimousse_1.EmojiPicker.Empty, {
-    children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "No emoji found" }),
-}), 'layer-components:absolute layer-components:inset-0 layer-components:flex layer-components:items-center layer-components:justify-center layer-components:bg-inherit layer-components:color-gray-dark layer-components:text-xs');
-const EmojiPickerCategoryHeader = (props) => ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('layer-components:sticky layer-components:top-0 layer-components:px-md layer-components:py-sm layer-components:text-xs layer-components:font-semibold layer-components:color-gray-dark layer-components:bg-inherit', props.className), children: props.category.label }));
-exports.EmojiPickerCategoryHeader = EmojiPickerCategoryHeader;
-exports.EmojiPickerRow = (0, hooks_js_1.withClassName)('div', 'layer-components:scroll-my-xs layer-components:px-xs');
-exports.EmojiPickerEmoji = (0, hooks_js_1.withClassName)((p) => ((0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, p, { emphasis: "ghost", toggled: p.emoji.isActive, toggleMode: "color", size: "small", "aria-label": p.emoji.label, className: "p-xs text-lg", children: (0, jsx_runtime_1.jsx)(Button_js_1.Button.Icon, { children: p.emoji.emoji }) }))), '');
-const defaultListComponents = {
-    CategoryHeader: exports.EmojiPickerCategoryHeader,
-    Row: exports.EmojiPickerRow,
-    Emoji: exports.EmojiPickerEmoji,
-};
-const EmojiPickerList = ({ className, components, }) => {
-    return ((0, jsx_runtime_1.jsx)(frimousse_1.EmojiPicker.List, { className: (0, clsx_1.default)('layer-components:select-none layer-components:pb-md', className), components: components
-            ? Object.assign(Object.assign({}, defaultListComponents), components) : defaultListComponents }));
-};
-exports.EmojiPickerList = EmojiPickerList;
-const useEmojiSkinTone = () => (0, useStorage_js_1.useLocalStorage)('emoji-skin-tone', undefined, false);
-exports.useEmojiSkinTone = useEmojiSkinTone;
-const EmojiPickerSkinToneSelector = (props) => {
-    const [_, __, options] = (0, frimousse_1.useSkinTone)();
-    const [skinTone, setSkinTone] = (0, exports.useEmojiSkinTone)();
-    return ((0, jsx_runtime_1.jsx)(Box_js_1.Box, Object.assign({ d: "row", gap: true }, props, { children: options.map((option) => ((0, jsx_runtime_1.jsx)(Button_js_1.Button, { emphasis: "ghost", toggled: option.skinTone === skinTone, toggleMode: "color", size: "small", "aria-label": `Skin tone ${option}`, className: "p-xs text-md", onClick: () => setSkinTone(option.skinTone), children: (0, jsx_runtime_1.jsx)(Button_js_1.Button.Icon, { children: option.emoji }) }, option.skinTone))) })));
-};
-exports.EmojiPickerSkinToneSelector = EmojiPickerSkinToneSelector;
-const EmojiPickerPrefab = (_a) => {
-    var { onValueChange, onClear } = _a, props = __rest(_a, ["onValueChange", "onClear"]);
-    const [skinTone] = (0, exports.useEmojiSkinTone)();
-    return ((0, jsx_runtime_1.jsxs)(exports.EmojiPickerRoot, Object.assign({}, props, { onEmojiSelect: (emoji) => onValueChange(emoji.emoji, emoji.label), skinTone: skinTone, children: [(0, jsx_runtime_1.jsxs)(Box_js_1.Box, { col: true, gap: true, items: "start", full: "width", children: [(0, jsx_runtime_1.jsx)(exports.EmojiPickerSearch, {}), onClear && ((0, jsx_runtime_1.jsxs)(Button_js_1.Button, { emphasis: "ghost", size: "small", onClick: () => onClear(), children: [(0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "x" }), "Clear selection"] }))] }), (0, jsx_runtime_1.jsxs)(exports.EmojiPickerViewport, { children: [(0, jsx_runtime_1.jsx)(exports.EmojiPickerList, {}), (0, jsx_runtime_1.jsx)(exports.EmojiPickerLoading, {}), (0, jsx_runtime_1.jsx)(exports.EmojiPickerEmpty, {})] }), (0, jsx_runtime_1.jsx)(exports.EmojiPickerSkinToneSelector, { className: "mr-auto" })] })));
-};
-exports.EmojiPicker = Object.assign(EmojiPickerPrefab, {
-    Root: exports.EmojiPickerRoot,
-    Search: exports.EmojiPickerSearch,
-    Viewport: exports.EmojiPickerViewport,
-    List: exports.EmojiPickerList,
-    Loading: exports.EmojiPickerLoading,
-    Empty: exports.EmojiPickerEmpty,
-    CategoryHeader: exports.EmojiPickerCategoryHeader,
-    Row: exports.EmojiPickerRow,
-    Emoji: exports.EmojiPickerEmoji,
-});
-//# sourceMappingURL=EmojiPicker.js.map

package/dist/cjs/components/emojiPicker/EmojiPicker.js.map

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

package/dist/cjs/components/emojiPicker/EmojiPicker.stories.d.ts

@@ -1,25 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { EmojiPicker } from './EmojiPicker.js';
-declare const meta: {
-    title: string;
-    component: (({ onValueChange, onClear, ...props }: import("./EmojiPicker.js").EmojiPickerProps) => import("react/jsx-runtime.js").JSX.Element) & {
-        Root: import("react").FunctionComponent<Omit<import("frimousse").EmojiPickerRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-        Search: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-        Viewport: ({ className, ...props }: import("frimousse").EmojiPickerViewportProps) => import("react/jsx-runtime.js").JSX.Element;
-        List: ({ className, components, }: import("frimousse").EmojiPickerListProps) => import("react/jsx-runtime.js").JSX.Element;
-        Loading: import("react").FunctionComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;
-        Empty: import("react").FunctionComponent<import("frimousse").EmojiPickerEmptyProps>;
-        CategoryHeader: (props: import("frimousse").EmojiPickerListCategoryHeaderProps) => import("react/jsx-runtime.js").JSX.Element;
-        Row: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-        Emoji: import("react").FunctionComponent<Omit<import("frimousse").EmojiPickerListEmojiProps, "color">>;
-    };
-    argTypes: {};
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof EmojiPicker>;
-export declare const Default: Story;

package/dist/cjs/components/emojiPicker/EmojiPicker.stories.js

@@ -1,21 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const EmojiPicker_js_1 = require("./EmojiPicker.js");
-const meta = {
-    title: 'Components/EmojiPicker',
-    component: EmojiPicker_js_1.EmojiPicker,
-    argTypes: {},
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-exports.default = meta;
-exports.Default = {
-    render(args) {
-        return (0, jsx_runtime_1.jsx)(EmojiPicker_js_1.EmojiPicker, Object.assign({}, args));
-    },
-};
-//# sourceMappingURL=EmojiPicker.stories.js.map

package/dist/cjs/components/emojiPicker/EmojiPicker.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmojiPicker.stories.js","sourceRoot":"","sources":["../../../../src/components/emojiPicker/EmojiPicker.stories.tsx"],"names":[],"mappings":";;;;AACA,qDAA+C;AAE/C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,4BAAW;IACtB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACkC,CAAC;AAErC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,uBAAC,4BAAW,oBAAK,IAAI,EAAI,CAAC;IAClC,CAAC;CACD,CAAC"}

package/dist/cjs/components/errorBoundary/ErrorBoundary.d.ts

@@ -1,18 +0,0 @@
-import { Component, ReactElement, ReactNode } from 'react';
-export declare class ErrorBoundary extends Component<{
-    children: ReactNode;
-    fallback?: ReactNode | ((props: {
-        error: Error;
-        clearError: () => void;
-    }) => ReactElement);
-}, {
-    error: Error | null;
-}> {
-    state: {
-        error: null;
-    };
-    static getDerivedStateFromError(error: Error): {
-        error: Error;
-    };
-    render(): ReactNode;
-}

package/dist/cjs/components/errorBoundary/ErrorBoundary.js

@@ -1,32 +0,0 @@
-// @unocss-include
-"use strict";
-'use client';
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ErrorBoundary = void 0;
-const react_1 = require("react");
-class ErrorBoundary extends react_1.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
-            error: null,
-        };
-    }
-    static getDerivedStateFromError(error) {
-        // Update state so the next render will show the fallback UI.
-        return { error };
-    }
-    render() {
-        if (this.state.error) {
-            if (typeof this.props.fallback === 'function') {
-                return this.props.fallback({
-                    error: this.state.error,
-                    clearError: () => this.setState({ error: null }),
-                });
-            }
-            return this.props.fallback || null;
-        }
-        return this.props.children;
-    }
-}
-exports.ErrorBoundary = ErrorBoundary;
-//# sourceMappingURL=ErrorBoundary.js.map

package/dist/cjs/components/errorBoundary/ErrorBoundary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../../../src/components/errorBoundary/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AACb,iCAA2D;AAE3D,MAAa,aAAc,SAAQ,iBAQlC;IARD;;QASC,UAAK,GAAG;YACP,KAAK,EAAE,IAAI;SACX,CAAC;IAmBH,CAAC;IAjBA,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC3C,6DAA6D;QAC7D,OAAO,EAAE,KAAK,EAAE,CAAC;IAClB,CAAC;IAED,MAAM;QACL,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACtB,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;gBAC/C,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;oBAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;oBACvB,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;iBAChD,CAAC,CAAC;YACJ,CAAC;YACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI,CAAC;QACpC,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC5B,CAAC;CACD;AA9BD,sCA8BC"}

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

@@ -1 +0,0 @@
-export * from './ErrorBoundary.js';

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

@@ -1,19 +0,0 @@
-// @unocss-include
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./ErrorBoundary.js"), exports);
-//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/forms/CheckboxField.d.ts

@@ -1,8 +0,0 @@
-export interface CheckboxFieldProps {
-    name: string;
-    label?: string;
-    required?: boolean;
-    className?: string;
-    id?: string;
-}
-export declare function CheckboxField({ name, label, className, required, id: providedId, ...rest }: CheckboxFieldProps): import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/forms/CheckboxField.js

@@ -1,30 +0,0 @@
-// @unocss-include
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CheckboxField = CheckboxField;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const formik_1 = require("formik");
-const useIdOrGenerated_js_1 = require("../../hooks/useIdOrGenerated.js");
-const Box_js_1 = require("../box/Box.js");
-const index_js_1 = require("../checkbox/index.js");
-const FieldLabel_js_1 = require("./FieldLabel.js");
-function CheckboxField(_a) {
-    var { name, label, className, required, id: providedId } = _a, rest = __rest(_a, ["name", "label", "className", "required", "id"]);
-    const [props, _, tools] = (0, formik_1.useField)({ name, required, type: 'checkbox' });
-    const id = (0, useIdOrGenerated_js_1.useIdOrGenerated)(providedId);
-    return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: "sm", className: className, children: [(0, jsx_runtime_1.jsx)(index_js_1.Checkbox, Object.assign({}, props, { checked: props.checked, onCheckedChange: (v) => {
-                    tools.setValue(!!v);
-                }, id: id }, rest)), label && ((0, jsx_runtime_1.jsx)(FieldLabel_js_1.HorizontalFieldLabel, { htmlFor: id, children: label }))] }));
-}
-//# sourceMappingURL=CheckboxField.js.map

package/dist/cjs/components/forms/CheckboxField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/components/forms/CheckboxField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAcA,sCA0BC;;AAxCD,mCAAkC;AAClC,yEAAmE;AACnE,0CAAoC;AACpC,mDAAgD;AAChD,mDAAuD;AAUvD,SAAgB,aAAa,CAAC,EAOT;QAPS,EAC7B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,UAAU,OAEM,EADjB,IAAI,cANsB,gDAO7B,CADO;IAEP,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IACzE,MAAM,EAAE,GAAG,IAAA,sCAAgB,EAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CACN,wBAAC,YAAG,IAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,aACjC,uBAAC,mBAAQ,oBACJ,KAAK,IACT,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE;oBACtB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACrB,CAAC,EACD,EAAE,EAAE,EAAE,IACF,IAAI,EACP,EACD,KAAK,IAAI,CACT,uBAAC,oCAAoB,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAwB,CACjE,IACI,CACN,CAAC;AACH,CAAC"}

package/dist/cjs/components/forms/EmojiField.d.ts

@@ -1,8 +0,0 @@
-import { ButtonProps } from '../button/Button.js';
-export type EmojiFieldProps = Omit<ButtonProps, 'className'> & {
-    name: string;
-    label?: string;
-    required?: string;
-    className?: string;
-};
-export declare function EmojiField({ name, label, className, required, id: providedId, ...rest }: EmojiFieldProps): import("react/jsx-runtime.js").JSX.Element;

package/dist/cjs/components/forms/EmojiField.js

@@ -1,45 +0,0 @@
-// @unocss-include
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmojiField = EmojiField;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const clsx_1 = __importDefault(require("clsx"));
-const formik_1 = require("formik");
-const react_1 = require("react");
-const useIdOrGenerated_js_1 = require("../../hooks/useIdOrGenerated.js");
-const Box_js_1 = require("../box/Box.js");
-const Button_js_1 = require("../button/Button.js");
-const EmojiPicker_js_1 = require("../emojiPicker/EmojiPicker.js");
-const Icon_js_1 = require("../icon/Icon.js");
-const Popover_js_1 = require("../popover/Popover.js");
-const FieldLabel_js_1 = require("./FieldLabel.js");
-function EmojiField(_a) {
-    var { name, label, className, required, id: providedId } = _a, rest = __rest(_a, ["name", "label", "className", "required", "id"]);
-    const [props, _, tools] = (0, formik_1.useField)({ name });
-    const id = (0, useIdOrGenerated_js_1.useIdOrGenerated)(providedId);
-    const [open, setOpen] = (0, react_1.useState)(false);
-    return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: "sm", className: className, children: [(0, jsx_runtime_1.jsxs)(Popover_js_1.Popover, { open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(Popover_js_1.Popover.Trigger, { render: (0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({ id: id, "aria-label": "Select emoji", size: "small", className: (0, clsx_1.default)('p-0 transition-color', className) }, rest, { children: (0, jsx_runtime_1.jsx)(Button_js_1.Button.Icon, { className: "h-touch w-touch flex items-center justify-center text-[19px]", children: props.value || (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "smile" }) }) })) }), (0, jsx_runtime_1.jsx)(Popover_js_1.Popover.Content, { children: (0, jsx_runtime_1.jsx)(EmojiPicker_js_1.EmojiPicker, { onValueChange: (v) => {
-                                tools.setValue(v);
-                                setOpen(false);
-                            }, onClear: required
-                                ? undefined
-                                : () => {
-                                    tools.setValue('');
-                                    setOpen(false);
-                                }, id: id }) })] }), label && ((0, jsx_runtime_1.jsx)(FieldLabel_js_1.HorizontalFieldLabel, { htmlFor: id, children: label }))] }));
-}
-//# sourceMappingURL=EmojiField.js.map

package/dist/cjs/components/forms/EmojiField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmojiField.js","sourceRoot":"","sources":["../../../../src/components/forms/EmojiField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAkBA,gCAoDC;;AAtED,gDAAwB;AACxB,mCAAkC;AAClC,iCAAiC;AACjC,yEAAmE;AACnE,0CAAoC;AACpC,mDAA0D;AAC1D,kEAA4D;AAC5D,6CAAuC;AACvC,sDAAgD;AAChD,mDAAuD;AASvD,SAAgB,UAAU,CAAC,EAOT;QAPS,EAC1B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,UAAU,OAEG,EADd,IAAI,cANmB,gDAO1B,CADO;IAEP,MAAM,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,MAAM,EAAE,GAAG,IAAA,sCAAgB,EAAC,UAAU,CAAC,CAAC;IACxC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,OAAO,CACN,wBAAC,YAAG,IAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,aACjC,wBAAC,oBAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACzC,uBAAC,oBAAO,CAAC,OAAO,IACf,MAAM,EACL,uBAAC,kBAAM,kBACN,EAAE,EAAE,EAAE,gBACK,cAAc,EACzB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,IAAA,cAAI,EAAC,sBAAsB,EAAE,SAAS,CAAC,IAC9C,IAAI,cAER,uBAAC,kBAAM,CAAC,IAAI,IAAC,SAAS,EAAC,8DAA8D,YACnF,KAAK,CAAC,KAAK,IAAI,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACxB,IACN,GAET,EACF,uBAAC,oBAAO,CAAC,OAAO,cACf,uBAAC,4BAAW,IACX,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;gCACpB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;gCAClB,OAAO,CAAC,KAAK,CAAC,CAAC;4BAChB,CAAC,EACD,OAAO,EACN,QAAQ;gCACP,CAAC,CAAC,SAAS;gCACX,CAAC,CAAC,GAAG,EAAE;oCACL,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;oCACnB,OAAO,CAAC,KAAK,CAAC,CAAC;gCACf,CAAC,EAEL,EAAE,EAAE,EAAE,GACL,GACe,IACT,EACT,KAAK,IAAI,CACT,uBAAC,oCAAoB,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAwB,CACjE,IACI,CACN,CAAC;AACH,CAAC"}

package/dist/cjs/components/forms/FieldLabel.d.ts

@@ -1,2 +0,0 @@
-export declare const FieldLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>;
-export declare const HorizontalFieldLabel: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>>;

package/dist/cjs/components/forms/FieldLabel.js

@@ -1,8 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HorizontalFieldLabel = exports.FieldLabel = void 0;
-const hooks_js_1 = require("../../hooks.js");
-exports.FieldLabel = (0, hooks_js_1.withClassName)('label', 'inline-flex flex-col gap-xs text-sm font-bold color-gray-ink ml-md');
-exports.HorizontalFieldLabel = (0, hooks_js_1.withClassName)('label', 'inline-flex flex-row items-center gap-sm text-sm color-gray-ink');
-//# sourceMappingURL=FieldLabel.js.map

package/dist/cjs/components/forms/FieldLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldLabel.js","sourceRoot":"","sources":["../../../../src/components/forms/FieldLabel.tsx"],"names":[],"mappings":";;;AAAA,6CAA+C;AAElC,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,OAAO,EACP,oEAAoE,CACpE,CAAC;AAEW,QAAA,oBAAoB,GAAG,IAAA,wBAAa,EAChD,OAAO,EACP,iEAAiE,CACjE,CAAC"}

package/dist/cjs/components/forms/Form.d.ts

@@ -1 +0,0 @@
-export declare const Form: import("react").FunctionComponent<Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & import("react").RefAttributes<HTMLFormElement>>;

package/dist/cjs/components/forms/Form.js

@@ -1,8 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = void 0;
-const formik_1 = require("formik");
-const withClassName_js_1 = require("../../hooks/withClassName.js");
-exports.Form = (0, withClassName_js_1.withClassName)(formik_1.Form, 'flex flex-col gap-md items-start');
-//# sourceMappingURL=Form.js.map

package/dist/cjs/components/forms/Form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/forms/Form.tsx"],"names":[],"mappings":";;;AAAA,mCAA4C;AAC5C,mEAA6D;AAEhD,QAAA,IAAI,GAAG,IAAA,gCAAa,EAChC,aAAU,EACV,kCAAkC,CAClC,CAAC"}

package/dist/cjs/components/forms/FormikForm.d.ts

@@ -1,26 +0,0 @@
-import { FormikConfig, FormikValues } from 'formik';
-import { CheckboxField } from './CheckboxField.js';
-import { EmojiField } from './EmojiField.js';
-import { NumberStepperField } from './NumberStepperField.js';
-import { SubmitButton } from './SubmitButton.js';
-import { SwitchField } from './SwitchField.js';
-import { TextAreaField } from './TextField.js';
-export interface FormikFormProps<T extends FormikValues = FormikValues> extends FormikConfig<T> {
-    className?: string;
-}
-export { FieldArray } from 'formik';
-export declare function FormikFormRoot<Values extends FormikValues>({ className, children, onSubmit, ...props }: FormikFormProps<Values>): import("react/jsx-runtime.js").JSX.Element;
-export declare const FormikForm: typeof FormikFormRoot & {
-    TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName, ...rest }: import("./TextField.js").TextFieldProps & {
-        ref?: React.Ref<HTMLDivElement>;
-    }) => import("react/jsx-runtime.js").JSX.Element;
-    TextAreaField: typeof TextAreaField;
-    NumberStepperField: typeof NumberStepperField;
-    SubmitButton: typeof SubmitButton;
-    CheckboxField: typeof CheckboxField;
-    SwitchField: typeof SwitchField;
-    ToggleGroupField: (({ name, label, required, className, type, id, ...props }: import("./ToggleGroupField.js").ToggleGroupFieldProps) => import("react/jsx-runtime.js").JSX.Element) & {
-        Item: import("react").FunctionComponent<import("@base-ui/react/toggle/Toggle.js").ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
-    };
-    EmojiField: typeof EmojiField;
-};

package/dist/cjs/components/forms/FormikForm.js

@@ -1,56 +0,0 @@
-// @unocss-include
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormikForm = exports.FieldArray = void 0;
-exports.FormikFormRoot = FormikFormRoot;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const formik_1 = require("formik");
-const react_1 = require("react");
-const CheckboxField_js_1 = require("./CheckboxField.js");
-const EmojiField_js_1 = require("./EmojiField.js");
-const Form_js_1 = require("./Form.js");
-const NumberStepperField_js_1 = require("./NumberStepperField.js");
-const SubmitButton_js_1 = require("./SubmitButton.js");
-const SwitchField_js_1 = require("./SwitchField.js");
-const TextField_js_1 = require("./TextField.js");
-const ToggleGroupField_js_1 = require("./ToggleGroupField.js");
-var formik_2 = require("formik");
-Object.defineProperty(exports, "FieldArray", { enumerable: true, get: function () { return formik_2.FieldArray; } });
-function FormikFormRoot(_a) {
-    var { className, children, onSubmit } = _a, props = __rest(_a, ["className", "children", "onSubmit"]);
-    const wrappedOnSubmit = (0, react_1.useCallback)(async (values, bag) => {
-        try {
-            bag.setSubmitting(true);
-            return await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(values, bag));
-        }
-        finally {
-            bag.setSubmitting(false);
-        }
-    }, [onSubmit]);
-    if (typeof children === 'function') {
-        return ((0, jsx_runtime_1.jsx)(formik_1.Formik, Object.assign({ onSubmit: wrappedOnSubmit }, props, { children: (formik) => (0, jsx_runtime_1.jsx)(Form_js_1.Form, { className: className, children: children(formik) }) })));
-    }
-    return ((0, jsx_runtime_1.jsx)(formik_1.Formik, Object.assign({ onSubmit: wrappedOnSubmit }, props, { children: (0, jsx_runtime_1.jsx)(Form_js_1.Form, { className: className, children: children }) })));
-}
-exports.FormikForm = Object.assign(FormikFormRoot, {
-    TextField: TextField_js_1.TextField,
-    TextAreaField: TextField_js_1.TextAreaField,
-    NumberStepperField: NumberStepperField_js_1.NumberStepperField,
-    SubmitButton: SubmitButton_js_1.SubmitButton,
-    CheckboxField: CheckboxField_js_1.CheckboxField,
-    SwitchField: SwitchField_js_1.SwitchField,
-    ToggleGroupField: ToggleGroupField_js_1.ToggleGroupField,
-    EmojiField: EmojiField_js_1.EmojiField,
-});
-//# sourceMappingURL=FormikForm.js.map

package/dist/cjs/components/forms/FormikForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormikForm.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAkBA,wCA+BC;;AAjDD,mCAA2E;AAC3E,iCAAoC;AACpC,yDAAmD;AACnD,mDAA6C;AAC7C,uCAAiC;AACjC,mEAA6D;AAC7D,uDAAiD;AACjD,qDAA+C;AAC/C,iDAA0D;AAC1D,+DAAyD;AAOzD,iCAAoC;AAA3B,oGAAA,UAAU,OAAA;AAEnB,SAAgB,cAAc,CAA8B,EAKlC;QALkC,EAC3D,SAAS,EACT,QAAQ,EACR,QAAQ,OAEiB,EADtB,KAAK,cAJmD,qCAK3D,CADQ;IAER,MAAM,eAAe,GAAG,IAAA,mBAAW,EAClC,KAAK,EAAE,MAAc,EAAE,GAA0B,EAAE,EAAE;QACpD,IAAI,CAAC;YACJ,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;YACxB,OAAO,MAAM,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,MAAM,EAAE,GAAG,CAAC,CAAA,CAAC;QACtC,CAAC;gBAAS,CAAC;YACV,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;IACF,CAAC,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACpC,OAAO,CACN,uBAAC,eAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cAClD,CAAC,MAAM,EAAE,EAAE,CAAC,uBAAC,cAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,CAAC,MAAM,CAAC,GAAQ,IAC1D,CACT,CAAC;IACH,CAAC;IAED,OAAO,CACN,uBAAC,eAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cACnD,uBAAC,cAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAQ,IACrC,CACT,CAAC;AACH,CAAC;AAEY,QAAA,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,SAAS,EAAT,wBAAS;IACT,aAAa,EAAb,4BAAa;IACb,kBAAkB,EAAlB,0CAAkB;IAClB,YAAY,EAAZ,8BAAY;IACZ,aAAa,EAAb,gCAAa;IACb,WAAW,EAAX,4BAAW;IACX,gBAAgB,EAAhB,sCAAgB;IAChB,UAAU,EAAV,0BAAU;CACV,CAAC,CAAC"}

package/dist/cjs/components/forms/FormikForm.stories.d.ts

@@ -1,33 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { CheckboxField } from './CheckboxField.js';
-import { EmojiField } from './EmojiField.js';
-import { FormikForm } from './FormikForm.js';
-import { NumberStepperField } from './NumberStepperField.js';
-import { SubmitButton } from './SubmitButton.js';
-import { SwitchField } from './SwitchField.js';
-declare const meta: {
-    title: string;
-    component: typeof import("./FormikForm.js").FormikFormRoot & {
-        TextField: ({ ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName, ...rest }: import("./TextField.js").TextFieldProps & {
-            ref?: React.Ref<HTMLDivElement>;
-        }) => import("react/jsx-runtime.js").JSX.Element;
-        TextAreaField: typeof import("./TextField.js").TextAreaField;
-        NumberStepperField: typeof NumberStepperField;
-        SubmitButton: typeof SubmitButton;
-        CheckboxField: typeof CheckboxField;
-        SwitchField: typeof SwitchField;
-        ToggleGroupField: (({ name, label, required, className, type, id, ...props }: import("./ToggleGroupField.js").ToggleGroupFieldProps) => import("react/jsx-runtime.js").JSX.Element) & {
-            Item: import("react").FunctionComponent<import("@base-ui/react/toggle/Toggle.js").ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
-        };
-        EmojiField: typeof EmojiField;
-    };
-    argTypes: {};
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof FormikForm>;
-export declare const Default: Story;

package/dist/cjs/components/forms/FormikForm.stories.js

@@ -1,53 +0,0 @@
-// @unocss-include
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const CheckboxField_js_1 = require("./CheckboxField.js");
-const EmojiField_js_1 = require("./EmojiField.js");
-const FormikForm_js_1 = require("./FormikForm.js");
-const NumberStepperField_js_1 = require("./NumberStepperField.js");
-const SubmitButton_js_1 = require("./SubmitButton.js");
-const SwitchField_js_1 = require("./SwitchField.js");
-const TextField_js_1 = require("./TextField.js");
-const ToggleGroupField_js_1 = require("./ToggleGroupField.js");
-const meta = {
-    title: 'Components/Form',
-    component: FormikForm_js_1.FormikForm,
-    argTypes: {},
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-exports.default = meta;
-exports.Default = {
-    args: {
-        onSubmit: (values) => {
-            alert(JSON.stringify(values, null, 2));
-        },
-    },
-    render(_a) {
-        var { initialValues: _ } = _a, args = __rest(_a, ["initialValues"]);
-        return ((0, jsx_runtime_1.jsxs)(FormikForm_js_1.FormikForm, Object.assign({ initialValues: {
-                email: '',
-                password: '',
-                age: 18,
-                tos: false,
-                newsletter: false,
-                plan: 'basic',
-                emoji: '',
-            } }, args, { children: [(0, jsx_runtime_1.jsx)(TextField_js_1.TextField, { name: "email", type: "email", label: "Email" }), (0, jsx_runtime_1.jsx)(TextField_js_1.TextField, { name: "password", type: "password", label: "Password" }), (0, jsx_runtime_1.jsx)(NumberStepperField_js_1.NumberStepperField, { name: "age", label: "Age", min: 13, max: 100 }), (0, jsx_runtime_1.jsx)(CheckboxField_js_1.CheckboxField, { name: "tos", label: "I agree" }), (0, jsx_runtime_1.jsx)(SwitchField_js_1.SwitchField, { name: "newsletter", label: "Subscribe to newsletter" }), (0, jsx_runtime_1.jsxs)(ToggleGroupField_js_1.ToggleGroupField, { type: "single", name: "plan", label: "Select your plan", required: true, children: [(0, jsx_runtime_1.jsx)(ToggleGroupField_js_1.ToggleGroupField.Item, { value: "basic", children: "Basic" }), (0, jsx_runtime_1.jsx)(ToggleGroupField_js_1.ToggleGroupField.Item, { value: "pro", children: "Pro" }), (0, jsx_runtime_1.jsx)(ToggleGroupField_js_1.ToggleGroupField.Item, { value: "enterprise", children: "Enterprise" })] }), (0, jsx_runtime_1.jsx)(EmojiField_js_1.EmojiField, { name: "emoji", label: "Favorite Emoji" }), (0, jsx_runtime_1.jsx)(SubmitButton_js_1.SubmitButton, { children: "Sign up" })] })));
-    },
-};
-//# sourceMappingURL=FormikForm.stories.js.map

package/dist/cjs/components/forms/FormikForm.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormikForm.stories.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,yDAAmD;AACnD,mDAA6C;AAC7C,mDAA6C;AAC7C,mEAA6D;AAC7D,uDAAiD;AACjD,qDAA+C;AAC/C,iDAA2C;AAC3C,+DAAyD;AAEzD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,0BAAU;IACrB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACiC,CAAC;AAEpC,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;QACxC,CAAC;KACD;IACD,MAAM,CAAC,EAA6B;YAA7B,EAAE,aAAa,EAAE,CAAC,OAAW,EAAN,IAAI,cAA3B,iBAA6B,CAAF;QACjC,OAAO,CACN,wBAAC,0BAAU,kBACV,aAAa,EAAE;gBACd,KAAK,EAAE,EAAE;gBACT,QAAQ,EAAE,EAAE;gBACZ,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,KAAK;gBACV,UAAU,EAAE,KAAK;gBACjB,IAAI,EAAE,OAAO;gBACb,KAAK,EAAE,EAAE;aACT,IACG,IAAI,eAER,uBAAC,wBAAS,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,GAAG,EACrD,uBAAC,wBAAS,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,GAAG,EAC9D,uBAAC,0CAAkB,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,GAAI,EAChE,uBAAC,gCAAa,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,GAAG,EAC5C,uBAAC,4BAAW,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,yBAAyB,GAAG,EACjE,wBAAC,sCAAgB,IAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,kBAAkB,EACxB,QAAQ,mBAER,uBAAC,sCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,sBAA8B,EAClE,uBAAC,sCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,oBAA4B,EAC9D,uBAAC,sCAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,YAAY,2BAEjB,IACN,EACnB,uBAAC,0BAAU,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,GAAG,EAClD,uBAAC,8BAAY,0BAAuB,KACxB,CACb,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/cjs/components/forms/NumberStepperField.d.ts

@@ -1,9 +0,0 @@
-import { NumberStepperProps } from '../numberStepper/NumberStepper.js';
-export interface NumberStepperFieldProps extends Omit<NumberStepperProps, 'value' | 'onChange'> {
-    name: string;
-    label?: string;
-    className?: string;
-    id?: string;
-    onChange?: (value: number) => void;
-}
-export declare function NumberStepperField({ name, label, className, id: providedId, onChange, ...rest }: NumberStepperFieldProps): import("react/jsx-runtime.js").JSX.Element;