@a-type/ui 5.0.22 → 6.0.0

package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js

@@ -1,24 +0,0 @@
-// @unocss-include
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box } from '../box/Box.js';
-import { Button } from '../button/Button.js';
-import { Icon } from '../icon/index.js';
-import { DropdownMenu } from './DropdownMenu.js';
-const meta = {
-    title: 'Components/DropdownMenu',
-    component: DropdownMenu,
-    argTypes: {},
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-export default meta;
-export const Default = {
-    args: {
-        children: (_jsxs(_Fragment, { children: [_jsx(DropdownMenu.Trigger, { render: _jsx(Button, {}), children: "Open" }), _jsxs(DropdownMenu.Content, { children: [_jsxs(DropdownMenu.Item, { color: "attention", children: [_jsx(DropdownMenu.Label, { children: "Item 1" }), _jsx(DropdownMenu.ItemRightSlot, { children: _jsx(Icon, { name: "flag" }) })] }), _jsxs(DropdownMenu.Item, { children: [_jsx(DropdownMenu.Label, { children: "Item 2" }), _jsx(DropdownMenu.ItemRightSlot, { children: _jsx(Icon, { name: "add_person" }) })] })] })] })),
-    },
-};
-export const Sides = {
-    render: (args) => (_jsxs(Box, { col: true, gap: "xl", items: "center", justify: "center", full: true, p: "xl", className: "mt-200px", children: [_jsxs(DropdownMenu, { open: args.open, children: [_jsx(DropdownMenu.Trigger, { render: _jsx(Button, {}), children: "Top" }), _jsxs(DropdownMenu.Content, { side: "top", children: [_jsx(DropdownMenu.Item, { children: _jsx(DropdownMenu.Label, { children: "Item 1" }) }), _jsx(DropdownMenu.Item, { children: _jsx(DropdownMenu.Label, { children: "Item 2" }) })] })] }), _jsxs(DropdownMenu, { open: args.open, children: [_jsx(DropdownMenu.Trigger, { render: _jsx(Button, {}), children: "Right" }), _jsxs(DropdownMenu.Content, { side: "right", children: [_jsx(DropdownMenu.Item, { children: _jsx(DropdownMenu.Label, { children: "Item 1" }) }), _jsx(DropdownMenu.Item, { children: _jsx(DropdownMenu.Label, { children: "Item 2" }) })] })] }), _jsxs(DropdownMenu, { open: args.open, children: [_jsx(DropdownMenu.Trigger, { render: _jsx(Button, {}), children: "Left" }), _jsxs(DropdownMenu.Content, { side: "left", sideOffset: 8, children: [_jsx(DropdownMenu.Item, { children: _jsx(DropdownMenu.Label, { children: "Item 1" }) }), _jsx(DropdownMenu.Item, { children: _jsx(DropdownMenu.Label, { children: "Item 2" }) })] })] }), _jsxs(DropdownMenu, { open: args.open, children: [_jsx(DropdownMenu.Trigger, { render: _jsx(Button, {}), children: "Bottom" }), _jsxs(DropdownMenu.Content, { side: "bottom", sideOffset: 8, children: [_jsx(DropdownMenu.Item, { children: _jsx(DropdownMenu.Label, { children: "Item 1" }) }), _jsx(DropdownMenu.Item, { children: _jsx(DropdownMenu.Label, { children: "Item 2" }) })] })] })] })),
-};
-//# sourceMappingURL=DropdownMenu.stories.js.map

package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js.map

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

package/dist/esm/components/dropdownMenu/DropdownTriggerContext.js

@@ -1,11 +0,0 @@
-// @unocss-include
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext } from 'react';
-const DropdownTriggerContext = createContext(false);
-export function DropdownTriggerProvider({ children, }) {
-    return (_jsx(DropdownTriggerContext.Provider, { value: true, children: children }));
-}
-export function useIsDropdownTrigger() {
-    return useContext(DropdownTriggerContext);
-}
-//# sourceMappingURL=DropdownTriggerContext.js.map

package/dist/esm/components/dropdownMenu/DropdownTriggerContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownTriggerContext.js","sourceRoot":"","sources":["../../../../src/components/dropdownMenu/DropdownTriggerContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAa,UAAU,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,sBAAsB,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;AAEpD,MAAM,UAAU,uBAAuB,CAAC,EACvC,QAAQ,GAGR;IACA,OAAO,CACN,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI,YAC1C,QAAQ,GACwB,CAClC,CAAC;AACH,CAAC;AAED,MAAM,UAAU,oBAAoB;IACnC,OAAO,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAC3C,CAAC"}

package/dist/esm/components/dropdownMenu/index.js

@@ -1,3 +0,0 @@
-// @unocss-include
-export * from './DropdownMenu.js';
-//# sourceMappingURL=index.js.map

package/dist/esm/components/dropdownMenu/index.js.map

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

package/dist/esm/components/editableText/EditableText.d.ts

@@ -1,17 +0,0 @@
-import { ChangeEvent, FocusEvent, KeyboardEvent } from 'react';
-export interface EditableTextProps {
-    value: string;
-    onValueChange: (value: string) => void;
-    editing?: boolean;
-    onEditingChange?: (editing: boolean) => void;
-    className?: string;
-    id?: string;
-    autoSelect?: boolean;
-    autoFocus?: boolean;
-    onFocus?: (ev: FocusEvent) => void;
-    onBlur?: (ev: FocusEvent) => void;
-    onChange?: (ev: ChangeEvent<HTMLInputElement>) => void;
-    onKeyDown?: (ev: KeyboardEvent) => void;
-    onKeyUp?: (ev: KeyboardEvent) => void;
-}
-export declare function EditableText({ value, onValueChange, editing, onEditingChange, className, id, autoSelect, autoFocus, onBlur, onChange, onKeyDown, ...rest }: EditableTextProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/editableText/EditableText.js

@@ -1,50 +0,0 @@
-// @unocss-include
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { useCallback, useEffect, useRef, useState, } from 'react';
-import { Icon } from '../icon/index.js';
-import { Input, inputClassName } from '../input/index.js';
-export function EditableText(_a) {
-    var { value, onValueChange, editing, onEditingChange, className, id, autoSelect, autoFocus, onBlur, onChange, onKeyDown } = _a, rest = __rest(_a, ["value", "onValueChange", "editing", "onEditingChange", "className", "id", "autoSelect", "autoFocus", "onBlur", "onChange", "onKeyDown"]);
-    const [editingInternal, setEditingInternal] = useState(editing || autoFocus);
-    const editingFinal = editing !== null && editing !== void 0 ? editing : editingInternal;
-    const setEditingFinal = onEditingChange !== null && onEditingChange !== void 0 ? onEditingChange : setEditingInternal;
-    const handleChange = useCallback((ev) => {
-        onValueChange(ev.target.value);
-        onChange === null || onChange === void 0 ? void 0 : onChange(ev);
-    }, [onValueChange, onChange]);
-    const handleKeyDown = useCallback((ev) => {
-        if (ev.key === 'Enter') {
-            setEditingFinal(false);
-        }
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(ev);
-    }, [setEditingFinal, onKeyDown]);
-    const inputRef = useRef(null);
-    useEffect(() => {
-        if (editingFinal && inputRef.current) {
-            // -10... roughly estimated based on default font.
-            inputRef.current.size = Math.max(1, value.length - 5);
-            inputRef.current.focus();
-        }
-    }, [editingFinal, inputRef]);
-    const handleBlur = useCallback((ev) => {
-        setEditingFinal(false);
-        onBlur === null || onBlur === void 0 ? void 0 : onBlur(ev);
-    }, [setEditingFinal, onBlur]);
-    if (editingFinal) {
-        return (_jsx(Input, Object.assign({ ref: inputRef, value: value, onChange: handleChange, onBlur: handleBlur, className: clsx('layer-variants:[&_input]:font-size-inherit', className), id: id, autoSelect: autoSelect, onKeyDown: handleKeyDown }, rest)));
-    }
-    return (_jsxs("button", Object.assign({ onClick: () => setEditingFinal(true), className: clsx(inputClassName, 'layer-variants:w-auto layer-variants:inline-flex layer-variants:items-center layer-variants:gap-sm layer-variants:rounded-md layer-variants:px-md layer-variants:text-left layer-variants:font-size-inherit layer-variants:color-inherit layer-variants:bg-transparent layer-variants:border-transparent layer-variants:shadow-none', 'layer-variants:hover:bg-main-light/80', 'foc-effect', 'layer-variants:focus-visible:bg-main-light/80', 'cursor-pointer', className), id: id }, rest, { children: [value, _jsx(Icon, { name: "pencil", className: "stroke-main-dark opacity-80" })] })));
-}
-//# sourceMappingURL=EditableText.js.map

package/dist/esm/components/editableText/EditableText.js.map

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

package/dist/esm/components/editableText/EditableText.stories.d.ts

@@ -1,19 +0,0 @@
-import type { StoryObj } from '@storybook/react';
-import { EditableText } from './EditableText.js';
-declare const meta: {
-    title: string;
-    component: typeof EditableText;
-    argTypes: {};
-    args: {
-        value: string;
-    };
-    parameters: {
-        controls: {
-            expanded: boolean;
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof EditableText>;
-export declare const Default: Story;
-export declare const Title: Story;

package/dist/esm/components/editableText/EditableText.stories.js

@@ -1,31 +0,0 @@
-// @unocss-include
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { EditableText } from './EditableText.js';
-const meta = {
-    title: 'Components/EditableText',
-    component: EditableText,
-    argTypes: {},
-    args: {
-        value: 'Hello, world!',
-    },
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-export default meta;
-export const Default = {
-    render: (args) => {
-        const [value, setValue] = useState(args.value);
-        const [editable, setEditable] = useState(false);
-        return (_jsx(EditableText, Object.assign({}, args, { value: value, onValueChange: setValue, editing: editable, onEditingChange: setEditable })));
-    },
-};
-export const Title = {
-    render: (args) => {
-        const [value, setValue] = useState(args.value);
-        const [editable, setEditable] = useState(false);
-        return (_jsx(EditableText, Object.assign({}, args, { value: value, onValueChange: setValue, editing: editable, onEditingChange: setEditable, className: "text-2xl" })));
-    },
-};
-//# sourceMappingURL=EditableText.stories.js.map

package/dist/esm/components/editableText/EditableText.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditableText.stories.js","sourceRoot":"","sources":["../../../../src/components/editableText/EditableText.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACL,KAAK,EAAE,eAAe;KACtB;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACmC,CAAC;AAEtC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChD,OAAO,CACN,KAAC,YAAY,oBACR,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,OAAO,EAAE,QAAQ,EACjB,eAAe,EAAE,WAAW,IAC3B,CACF,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC3B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChD,OAAO,CACN,KAAC,YAAY,oBACR,IAAI,IACR,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,EACvB,OAAO,EAAE,QAAQ,EACjB,eAAe,EAAE,WAAW,EAC5B,SAAS,EAAC,UAAU,IACnB,CACF,CAAC;IACH,CAAC;CACD,CAAC"}

package/dist/esm/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").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").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").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").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").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").JSX.Element;
-    List: ({ className, components, }: EmojiPickerListProps) => import("react/jsx-runtime").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").JSX.Element;
-    Row: import("react").FunctionComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-    Emoji: import("react").FunctionComponent<Omit<EmojiPickerListEmojiProps, "color">>;
-};

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

@@ -1,69 +0,0 @@
-// @unocss-include
-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;
-};
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { EmojiPicker as Core, useSkinTone, } from 'frimousse';
-import { withClassName, withProps } from '../../hooks.js';
-import { useLocalStorage } from '../../hooks/useStorage.js';
-import { Box } from '../box/Box.js';
-import { Button } from '../button/Button.js';
-import { Icon } from '../icon/Icon.js';
-import { inputClassName } from '../input/Input.js';
-import { Spinner } from '../spinner/Spinner.js';
-export const EmojiPickerRoot = withClassName(Core.Root, 'layer-components:isolate layer-components:flex layer-components:flex-col layer-components:w-fit layer-components:h-368px layer-components:gap-sm');
-export const EmojiPickerSearch = withClassName(Core.Search, 'layer-components:z-10 layer-components:min-w-80px', inputClassName);
-export const EmojiPickerViewport = (_a) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx(Box, { className: clsx('layer-components:min-h-0 layer-components:flex-1 layer-components:overflow-hidden layer-components:rounded-md layer-components:bg-white', className), children: _jsx(Core.Viewport, Object.assign({ className: "layer-components:relative layer-components:outline-hidden" }, props)) }));
-};
-export const EmojiPickerLoading = withClassName(withProps(Core.Loading, {
-    children: _jsx(Spinner, {}),
-}), 'layer-components:absolute layer-components:inset-0 layer-components:flex layer-components:items-center layer-components:justify-center layer-components:bg-inherit');
-export const EmojiPickerEmpty = withClassName(withProps(Core.Empty, {
-    children: _jsx(_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');
-export const EmojiPickerCategoryHeader = (props) => (_jsx("div", { className: clsx('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 }));
-export const EmojiPickerRow = withClassName('div', 'layer-components:scroll-my-xs layer-components:px-xs');
-export const EmojiPickerEmoji = withClassName((p) => (_jsx(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: _jsx(Button.Icon, { children: p.emoji.emoji }) }))), '');
-const defaultListComponents = {
-    CategoryHeader: EmojiPickerCategoryHeader,
-    Row: EmojiPickerRow,
-    Emoji: EmojiPickerEmoji,
-};
-export const EmojiPickerList = ({ className, components, }) => {
-    return (_jsx(Core.List, { className: clsx('layer-components:select-none layer-components:pb-md', className), components: components
-            ? Object.assign(Object.assign({}, defaultListComponents), components) : defaultListComponents }));
-};
-export const useEmojiSkinTone = () => useLocalStorage('emoji-skin-tone', undefined, false);
-export const EmojiPickerSkinToneSelector = (props) => {
-    const [_, __, options] = useSkinTone();
-    const [skinTone, setSkinTone] = useEmojiSkinTone();
-    return (_jsx(Box, Object.assign({ d: "row", gap: true }, props, { children: options.map((option) => (_jsx(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: _jsx(Button.Icon, { children: option.emoji }) }, option.skinTone))) })));
-};
-const EmojiPickerPrefab = (_a) => {
-    var { onValueChange, onClear } = _a, props = __rest(_a, ["onValueChange", "onClear"]);
-    const [skinTone] = useEmojiSkinTone();
-    return (_jsxs(EmojiPickerRoot, Object.assign({}, props, { onEmojiSelect: (emoji) => onValueChange(emoji.emoji, emoji.label), skinTone: skinTone, children: [_jsxs(Box, { col: true, gap: true, items: "start", full: "width", children: [_jsx(EmojiPickerSearch, {}), onClear && (_jsxs(Button, { emphasis: "ghost", size: "small", onClick: () => onClear(), children: [_jsx(Icon, { name: "x" }), "Clear selection"] }))] }), _jsxs(EmojiPickerViewport, { children: [_jsx(EmojiPickerList, {}), _jsx(EmojiPickerLoading, {}), _jsx(EmojiPickerEmpty, {})] }), _jsx(EmojiPickerSkinToneSelector, { className: "mr-auto" })] })));
-};
-export const EmojiPicker = Object.assign(EmojiPickerPrefab, {
-    Root: EmojiPickerRoot,
-    Search: EmojiPickerSearch,
-    Viewport: EmojiPickerViewport,
-    List: EmojiPickerList,
-    Loading: EmojiPickerLoading,
-    Empty: EmojiPickerEmpty,
-    CategoryHeader: EmojiPickerCategoryHeader,
-    Row: EmojiPickerRow,
-    Emoji: EmojiPickerEmoji,
-});
-//# sourceMappingURL=EmojiPicker.js.map

package/dist/esm/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/esm/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").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").JSX.Element;
-        List: ({ className, components, }: import("frimousse").EmojiPickerListProps) => import("react/jsx-runtime").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").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/esm/components/emojiPicker/EmojiPicker.stories.js

@@ -1,18 +0,0 @@
-// @unocss-include
-import { jsx as _jsx } from "react/jsx-runtime";
-import { EmojiPicker } from './EmojiPicker.js';
-const meta = {
-    title: 'Components/EmojiPicker',
-    component: EmojiPicker,
-    argTypes: {},
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-export default meta;
-export const Default = {
-    render(args) {
-        return _jsx(EmojiPicker, Object.assign({}, args));
-    },
-};
-//# sourceMappingURL=EmojiPicker.stories.js.map

package/dist/esm/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,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACkC,CAAC;AAErC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,KAAC,WAAW,oBAAK,IAAI,EAAI,CAAC;IAClC,CAAC;CACD,CAAC"}

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

@@ -1,28 +0,0 @@
-// @unocss-include
-'use client';
-import { Component } from 'react';
-export class ErrorBoundary extends 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;
-    }
-}
-//# sourceMappingURL=ErrorBoundary.js.map

package/dist/esm/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,OAAO,EAAE,SAAS,EAA2B,MAAM,OAAO,CAAC;AAE3D,MAAM,OAAO,aAAc,SAAQ,SAQlC;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"}

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

@@ -1,3 +0,0 @@
-// @unocss-include
-export * from './ErrorBoundary.js';
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,27 +0,0 @@
-// @unocss-include
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useField } from 'formik';
-import { useIdOrGenerated } from '../../hooks/useIdOrGenerated.js';
-import { Box } from '../box/Box.js';
-import { Checkbox } from '../checkbox/index.js';
-import { HorizontalFieldLabel } from './FieldLabel.js';
-export function CheckboxField(_a) {
-    var { name, label, className, required, id: providedId } = _a, rest = __rest(_a, ["name", "label", "className", "required", "id"]);
-    const [props, _, tools] = useField({ name, required, type: 'checkbox' });
-    const id = useIdOrGenerated(providedId);
-    return (_jsxs(Box, { gap: "sm", className: className, children: [_jsx(Checkbox, Object.assign({}, props, { checked: props.checked, onCheckedChange: (v) => {
-                    tools.setValue(!!v);
-                }, id: id }, rest)), label && (_jsx(HorizontalFieldLabel, { htmlFor: id, children: label }))] }));
-}
-//# sourceMappingURL=CheckboxField.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/components/forms/CheckboxField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,UAAU,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,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IACzE,MAAM,EAAE,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CACN,MAAC,GAAG,IAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,aACjC,KAAC,QAAQ,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,KAAC,oBAAoB,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAwB,CACjE,IACI,CACN,CAAC;AACH,CAAC"}

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

@@ -1,39 +0,0 @@
-// @unocss-include
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { useField } from 'formik';
-import { useState } from 'react';
-import { useIdOrGenerated } from '../../hooks/useIdOrGenerated.js';
-import { Box } from '../box/Box.js';
-import { Button } from '../button/Button.js';
-import { EmojiPicker } from '../emojiPicker/EmojiPicker.js';
-import { Icon } from '../icon/Icon.js';
-import { Popover } from '../popover/Popover.js';
-import { HorizontalFieldLabel } from './FieldLabel.js';
-export function EmojiField(_a) {
-    var { name, label, className, required, id: providedId } = _a, rest = __rest(_a, ["name", "label", "className", "required", "id"]);
-    const [props, _, tools] = useField({ name });
-    const id = useIdOrGenerated(providedId);
-    const [open, setOpen] = useState(false);
-    return (_jsxs(Box, { gap: "sm", className: className, children: [_jsxs(Popover, { open: open, onOpenChange: setOpen, children: [_jsx(Popover.Trigger, { render: _jsx(Button, Object.assign({ id: id, "aria-label": "Select emoji", size: "small", className: clsx('p-0 transition-color', className) }, rest, { children: _jsx(Button.Icon, { className: "h-touch w-touch flex items-center justify-center text-[19px]", children: props.value || _jsx(Icon, { name: "smile" }) }) })) }), _jsx(Popover.Content, { children: _jsx(EmojiPicker, { onValueChange: (v) => {
-                                tools.setValue(v);
-                                setOpen(false);
-                            }, onClear: required
-                                ? undefined
-                                : () => {
-                                    tools.setValue('');
-                                    setOpen(false);
-                                }, id: id }) })] }), label && (_jsx(HorizontalFieldLabel, { htmlFor: id, children: label }))] }));
-}
-//# sourceMappingURL=EmojiField.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EmojiField.js","sourceRoot":"","sources":["../../../../src/components/forms/EmojiField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AASvD,MAAM,UAAU,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,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,MAAM,EAAE,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,OAAO,CACN,MAAC,GAAG,IAAC,GAAG,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,aACjC,MAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aACzC,KAAC,OAAO,CAAC,OAAO,IACf,MAAM,EACL,KAAC,MAAM,kBACN,EAAE,EAAE,EAAE,gBACK,cAAc,EACzB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAC9C,IAAI,cAER,KAAC,MAAM,CAAC,IAAI,IAAC,SAAS,EAAC,8DAA8D,YACnF,KAAK,CAAC,KAAK,IAAI,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACxB,IACN,GAET,EACF,KAAC,OAAO,CAAC,OAAO,cACf,KAAC,WAAW,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,KAAC,oBAAoB,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAwB,CACjE,IACI,CACN,CAAC;AACH,CAAC"}

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

@@ -1,5 +0,0 @@
-// @unocss-include
-import { withClassName } from '../../hooks.js';
-export const FieldLabel = withClassName('label', 'inline-flex flex-col gap-xs text-sm font-bold color-gray-ink ml-md');
-export const HorizontalFieldLabel = withClassName('label', 'inline-flex flex-row items-center gap-sm text-sm color-gray-ink');
-//# sourceMappingURL=FieldLabel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FieldLabel.js","sourceRoot":"","sources":["../../../../src/components/forms/FieldLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,OAAO,EACP,oEAAoE,CACpE,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,aAAa,CAChD,OAAO,EACP,iEAAiE,CACjE,CAAC"}

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

@@ -1,5 +0,0 @@
-// @unocss-include
-import { Form as FormikForm } from 'formik';
-import { withClassName } from '../../hooks/withClassName.js';
-export const Form = withClassName(FormikForm, 'flex flex-col gap-md items-start');
-//# sourceMappingURL=Form.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/forms/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAE7D,MAAM,CAAC,MAAM,IAAI,GAAG,aAAa,CAChC,UAAU,EACV,kCAAkC,CAClC,CAAC"}

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

@@ -1,51 +0,0 @@
-// @unocss-include
-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;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Formik } from 'formik';
-import { useCallback } from 'react';
-import { CheckboxField } from './CheckboxField.js';
-import { EmojiField } from './EmojiField.js';
-import { Form } from './Form.js';
-import { NumberStepperField } from './NumberStepperField.js';
-import { SubmitButton } from './SubmitButton.js';
-import { SwitchField } from './SwitchField.js';
-import { TextAreaField, TextField } from './TextField.js';
-import { ToggleGroupField } from './ToggleGroupField.js';
-export { FieldArray } from 'formik';
-export function FormikFormRoot(_a) {
-    var { className, children, onSubmit } = _a, props = __rest(_a, ["className", "children", "onSubmit"]);
-    const wrappedOnSubmit = 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 (_jsx(Formik, Object.assign({ onSubmit: wrappedOnSubmit }, props, { children: (formik) => _jsx(Form, { className: className, children: children(formik) }) })));
-    }
-    return (_jsx(Formik, Object.assign({ onSubmit: wrappedOnSubmit }, props, { children: _jsx(Form, { className: className, children: children }) })));
-}
-export const FormikForm = Object.assign(FormikFormRoot, {
-    TextField,
-    TextAreaField,
-    NumberStepperField,
-    SubmitButton,
-    CheckboxField,
-    SwitchField,
-    ToggleGroupField,
-    EmojiField,
-});
-//# sourceMappingURL=FormikForm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormikForm.js","sourceRoot":"","sources":["../../../../src/components/forms/FormikForm.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAA6C,MAAM,QAAQ,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAOzD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,MAAM,UAAU,cAAc,CAA8B,EAKlC;QALkC,EAC3D,SAAS,EACT,QAAQ,EACR,QAAQ,OAEiB,EADtB,KAAK,cAJmD,qCAK3D,CADQ;IAER,MAAM,eAAe,GAAG,WAAW,CAClC,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,KAAC,MAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cAClD,CAAC,MAAM,EAAE,EAAE,CAAC,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,CAAC,MAAM,CAAC,GAAQ,IAC1D,CACT,CAAC;IACH,CAAC;IAED,OAAO,CACN,KAAC,MAAM,kBAAS,QAAQ,EAAE,eAAe,IAAM,KAAK,cACnD,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAQ,IACrC,CACT,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,EAAE;IACvD,SAAS;IACT,aAAa;IACb,kBAAkB;IAClB,YAAY;IACZ,aAAa;IACb,WAAW;IACX,gBAAgB;IAChB,UAAU;CACV,CAAC,CAAC"}

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

@@ -1,31 +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) => import("react/jsx-runtime").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, multiple, id, ...props }: import("./ToggleGroupField.js").ToggleGroupFieldProps<string>) => import("react/jsx-runtime").JSX.Element) & {
-            Item: import("react").FunctionComponent<import("@base-ui/react").Toggle.Props<string> & 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;