@a-type/ui 5.0.21 → 6.0.0

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.d.ts

@@ -1,24 +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").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) => import("react/jsx-runtime").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").JSX.Element) & {
-        Item: import("react").FunctionComponent<import("@base-ui/react/toggle").ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
-    };
-    EmojiField: typeof EmojiField;
-};

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, id, ...props }: import("./ToggleGroupField.js").ToggleGroupFieldProps) => import("react/jsx-runtime").JSX.Element) & {
-            Item: import("react").FunctionComponent<import("@base-ui/react/toggle").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/esm/components/forms/FormikForm.stories.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 { 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';
-import { TextField } from './TextField.js';
-import { ToggleGroupField } from './ToggleGroupField.js';
-const meta = {
-    title: 'Components/Form',
-    component: FormikForm,
-    argTypes: {},
-    parameters: {
-        controls: { expanded: true },
-    },
-};
-export default meta;
-export const Default = {
-    args: {
-        onSubmit: (values) => {
-            alert(JSON.stringify(values, null, 2));
-        },
-    },
-    render(_a) {
-        var { initialValues: _ } = _a, args = __rest(_a, ["initialValues"]);
-        return (_jsxs(FormikForm, Object.assign({ initialValues: {
-                email: '',
-                password: '',
-                age: 18,
-                tos: false,
-                newsletter: false,
-                plan: 'basic',
-                emoji: '',
-            } }, args, { children: [_jsx(TextField, { name: "email", type: "email", label: "Email", placeholder: "you@example.com" }), _jsx(TextField, { name: "password", type: "password", label: "Password" }), _jsx(NumberStepperField, { name: "age", label: "Age", min: 13, max: 100 }), _jsx(CheckboxField, { name: "tos", label: "I agree" }), _jsx(SwitchField, { name: "newsletter", label: "Subscribe to newsletter" }), _jsxs(ToggleGroupField, { type: "single", name: "plan", label: "Select your plan", required: true, children: [_jsx(ToggleGroupField.Item, { value: "basic", children: "Basic" }), _jsx(ToggleGroupField.Item, { value: "pro", children: "Pro" }), _jsx(ToggleGroupField.Item, { value: "enterprise", children: "Enterprise" })] }), _jsx(EmojiField, { name: "emoji", label: "Favorite Emoji" }), _jsx(SubmitButton, { children: "Sign up" })] })));
-    },
-};
-//# sourceMappingURL=FormikForm.stories.js.map

package/dist/esm/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,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,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,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACiC,CAAC;AAEpC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,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,MAAC,UAAU,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,KAAC,SAAS,IACT,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,iBAAiB,GAC5B,EACF,KAAC,SAAS,IAAC,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,UAAU,GAAG,EAC9D,KAAC,kBAAkB,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,GAAI,EAChE,KAAC,aAAa,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,GAAG,EAC5C,KAAC,WAAW,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,yBAAyB,GAAG,EACjE,MAAC,gBAAgB,IAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,kBAAkB,EACxB,QAAQ,mBAER,KAAC,gBAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,sBAA8B,EAClE,KAAC,gBAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,oBAA4B,EAC9D,KAAC,gBAAgB,CAAC,IAAI,IAAC,KAAK,EAAC,YAAY,2BAEjB,IACN,EACnB,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,GAAG,EAClD,KAAC,YAAY,0BAAuB,KACxB,CACb,CAAC;IACH,CAAC;CACD,CAAC"}

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

@@ -1,29 +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 { withClassName } from '../../hooks.js';
-import { useIdOrGenerated } from '../../hooks/useIdOrGenerated.js';
-import { NumberStepper, } from '../numberStepper/NumberStepper.js';
-import { FieldLabel } from './FieldLabel.js';
-export function NumberStepperField(_a) {
-    var { name, label, className, id: providedId, onChange } = _a, rest = __rest(_a, ["name", "label", "className", "id", "onChange"]);
-    const [_, field, tools] = useField({ name });
-    const id = useIdOrGenerated(providedId);
-    return (_jsxs(FieldRoot, { className: className, children: [label && _jsx(FieldLabel, { htmlFor: id, children: label }), _jsx(NumberStepper, Object.assign({ value: field.value, onChange: (v) => {
-                    tools.setValue(v);
-                    onChange === null || onChange === void 0 ? void 0 : onChange(v);
-                }, id: id }, rest))] }));
-}
-const FieldRoot = withClassName('div', 'layer-components:flex layer-components:flex-col layer-components:gap-2');
-//# sourceMappingURL=NumberStepperField.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NumberStepperField.js","sourceRoot":"","sources":["../../../../src/components/forms/NumberStepperField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EACN,aAAa,GAEb,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAW7C,MAAM,UAAU,kBAAkB,CAAC,EAOT;QAPS,EAClC,IAAI,EACJ,KAAK,EACL,SAAS,EACT,EAAE,EAAE,UAAU,EACd,QAAQ,OAEiB,EADtB,IAAI,cAN2B,gDAOlC,CADO;IAEP,MAAM,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7C,MAAM,EAAE,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,OAAO,CACN,MAAC,SAAS,IAAC,SAAS,EAAE,SAAS,aAC7B,KAAK,IAAI,KAAC,UAAU,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAc,EACvD,KAAC,aAAa,kBACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;oBACf,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;oBAClB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;gBACf,CAAC,EACD,EAAE,EAAE,EAAE,IACF,IAAI,EACP,IACS,CACZ,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,aAAa,CAC9B,KAAK,EACL,wCAAwC,CACxC,CAAC"}

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

@@ -1,9 +0,0 @@
-// @unocss-include
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useFormikContext } from 'formik';
-import { Button } from '../button/Button.js';
-export function SubmitButton(props) {
-    const { isSubmitting, isValid } = useFormikContext();
-    return (_jsx(Button, Object.assign({ loading: isSubmitting, disabled: !isValid, emphasis: "primary" }, props, { type: "submit" })));
-}
-//# sourceMappingURL=SubmitButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../../../src/components/forms/SubmitButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAE1D,MAAM,UAAU,YAAY,CAAC,KAAkB;IAC9C,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACrD,OAAO,CACN,KAAC,MAAM,kBACN,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,OAAO,EAClB,QAAQ,EAAC,SAAS,IACd,KAAK,IACT,IAAI,EAAC,QAAQ,IACZ,CACF,CAAC;AACH,CAAC"}

package/dist/esm/components/forms/SwitchField.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 { Switch } from '../switch/Switch.js';
-import { HorizontalFieldLabel } from './FieldLabel.js';
-export function SwitchField(_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(Switch, Object.assign({}, props, { checked: props.checked, onCheckedChange: (v) => {
-                    tools.setValue(!!v);
-                }, id: id }, rest)), label && (_jsx(HorizontalFieldLabel, { htmlFor: id, children: label }))] }));
-}
-//# sourceMappingURL=SwitchField.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SwitchField.js","sourceRoot":"","sources":["../../../../src/components/forms/SwitchField.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,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAUvD,MAAM,UAAU,WAAW,CAAC,EAOT;QAPS,EAC3B,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,EAAE,EAAE,UAAU,OAEI,EADf,IAAI,cANoB,gDAO3B,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,MAAM,oBACF,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/TextField.js

@@ -1,60 +0,0 @@
-// @unocss-include
-'use client';
-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, useFormikContext } from 'formik';
-import { useCallback, useEffect, useRef, } from 'react';
-import { withClassName } from '../../hooks.js';
-import { useIdOrGenerated } from '../../hooks/useIdOrGenerated.js';
-import useMergedRef from '../../hooks/useMergedRef.js';
-import { Input } from '../input/Input.js';
-import { TextArea } from '../textArea/TextArea.js';
-import { FieldLabel } from './FieldLabel.js';
-const emptyRef = (() => { });
-export const TextField = function TextField(_a) {
-    var { ref, name, label, className, autoFocusDelay, autoFocus, inputRef, onChange, onFocus, onBlur, id: providedId, inputClassName } = _a, rest = __rest(_a, ["ref", "name", "label", "className", "autoFocusDelay", "autoFocus", "inputRef", "onChange", "onFocus", "onBlur", "id", "inputClassName"]);
-    const [props] = useField({
-        name,
-        onChange,
-        onFocus,
-        onBlur,
-    });
-    const innerInputRef = useRef(null);
-    const id = useIdOrGenerated(providedId);
-    useEffect(() => {
-        if (autoFocusDelay) {
-            setTimeout(() => {
-                if (innerInputRef.current)
-                    innerInputRef.current.focus();
-            }, autoFocusDelay);
-        }
-    }, [autoFocusDelay]);
-    return (_jsxs(FieldRoot, { className: className, ref: ref, children: [label && _jsx(FieldLabel, { htmlFor: id, children: label }), _jsx(Input, Object.assign({}, props, rest, { id: id, autoFocus: autoFocus, className: clsx('layer-composed:w-full', inputClassName), ref: useMergedRef(innerInputRef, inputRef || emptyRef) }))] }));
-};
-export function TextAreaField(_a) {
-    var { name, label, className, inputRef, onKeyDown, submitOnEnter, id: providedId, textAreaClassName } = _a, rest = __rest(_a, ["name", "label", "className", "inputRef", "onKeyDown", "submitOnEnter", "id", "textAreaClassName"]);
-    const [props] = useField(name);
-    const { submitForm } = useFormikContext();
-    const onKeyDownInner = useCallback((e) => {
-        if (submitOnEnter && e.key === 'Enter' && !e.shiftKey) {
-            e.preventDefault();
-            submitForm();
-        }
-        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
-    }, [submitOnEnter, onKeyDown, submitForm]);
-    const id = useIdOrGenerated(providedId);
-    return (_jsxs(FieldRoot, { className: className, children: [label && _jsx(FieldLabel, { htmlFor: id, children: label }), _jsx(TextArea, Object.assign({ ref: inputRef }, props, rest, { className: clsx('layer-composed:w-full', textAreaClassName), id: id, onKeyDown: onKeyDownInner }))] }));
-}
-export const FieldRoot = withClassName('div', 'layer-components:flex layer-components:flex-col layer-components:items-stretch layer-components:self-stretch layer-components:gap-xs');
-//# sourceMappingURL=TextField.js.map

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

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

package/dist/esm/components/forms/ToggleGroupField.d.ts

@@ -1,14 +0,0 @@
-import { ToggleGroupProps } from '../toggleGroup/toggleGroup.js';
-export type ToggleGroupFieldProps = ToggleGroupProps & {
-    name: string;
-    label?: string;
-    required?: boolean;
-    className?: string;
-    id?: string;
-    type?: 'single' | 'multiple';
-};
-declare function ToggleGroupFieldDefault({ name, label, required, className, type, id, ...props }: ToggleGroupFieldProps): import("react/jsx-runtime").JSX.Element;
-export declare const ToggleGroupField: typeof ToggleGroupFieldDefault & {
-    Item: import("react").FunctionComponent<import("@base-ui/react/toggle").ToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
-};
-export {};

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

@@ -1,33 +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 { ToggleGroup } from '../toggleGroup/toggleGroup.js';
-import { FieldLabel } from './FieldLabel.js';
-import { FieldRoot } from './TextField.js';
-function ToggleGroupFieldDefault(_a) {
-    var { name, label, required, className, type = 'single', id } = _a, props = __rest(_a, ["name", "label", "required", "className", "type", "id"]);
-    const [fieldProps, _, tools] = useField(Object.assign({ name, required }, props));
-    return (_jsxs(FieldRoot, { children: [label && _jsx(FieldLabel, { htmlFor: id, children: label }), _jsx(ToggleGroup, Object.assign({}, fieldProps, { onValueChange: (v) => {
-                    if (type === 'multiple') {
-                        tools.setValue(v);
-                    }
-                    else {
-                        tools.setValue(v[0]);
-                    }
-                } }, props, { id: id, className: className }))] }));
-}
-export const ToggleGroupField = Object.assign(ToggleGroupFieldDefault, {
-    Item: ToggleGroup.Item,
-});
-//# sourceMappingURL=ToggleGroupField.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleGroupField.js","sourceRoot":"","sources":["../../../../src/components/forms/ToggleGroupField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,WAAW,EAAoB,MAAM,+BAA+B,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAW3C,SAAS,uBAAuB,CAAC,EAQT;QARS,EAChC,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,EAAE,OAEqB,EADpB,KAAK,cAPwB,wDAQhC,CADQ;IAER,MAAM,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,QAAQ,iBAAG,IAAI,EAAE,QAAQ,IAAK,KAAK,EAAG,CAAC;IAEtE,OAAO,CACN,MAAC,SAAS,eACR,KAAK,IAAI,KAAC,UAAU,IAAC,OAAO,EAAE,EAAE,YAAG,KAAK,GAAc,EACvD,KAAC,WAAW,oBACP,UAAU,IACd,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;oBACpB,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;wBACzB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;oBACnB,CAAC;yBAAM,CAAC;wBACP,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACtB,CAAC;gBACF,CAAC,IACG,KAAK,IACT,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IACnB,IACS,CACZ,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,EAAE;IACtE,IAAI,EAAE,WAAW,CAAC,IAAI;CACtB,CAAC,CAAC"}

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

@@ -1,12 +0,0 @@
-// @unocss-include
-import { useFormikContext } from 'formik';
-export { useField } from 'formik';
-export function useSubmit() {
-    const { submitForm, isSubmitting } = useFormikContext();
-    return [submitForm, isSubmitting];
-}
-export function useValues() {
-    const { values } = useFormikContext();
-    return values;
-}
-//# sourceMappingURL=hooks.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../../../src/components/forms/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAE1C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,UAAU,SAAS;IACxB,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAExD,OAAO,CAAC,UAAU,EAAE,YAAY,CAAU,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,SAAS;IACxB,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEtC,OAAO,MAAM,CAAC;AACf,CAAC"}

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

@@ -1,10 +0,0 @@
-// @unocss-include
-export * from './CheckboxField.js';
-export * from './FieldLabel.js';
-export * from './Form.js';
-export * from './FormikForm.js';
-export * from './hooks.js';
-export * from './NumberStepperField.js';
-export * from './SubmitButton.js';
-export * from './TextField.js';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC"}

package/dist/esm/components/horizontalList/HorizontalList.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-export interface HorizontalListProps {
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    children: ReactNode;
-    className?: string;
-    contentClassName?: string;
-    onCanOpenChange?: (canOpen: boolean) => void;
-    openDirection?: 'up' | 'down';
-    disableInternalOpenToggle?: boolean;
-}
-export declare function HorizontalList({ open: externalOpen, onOpenChange, children, className, contentClassName, onCanOpenChange, openDirection, disableInternalOpenToggle, ...rest }: HorizontalListProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/horizontalList/HorizontalList.js

@@ -1,120 +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 { Button } from '../button/index.js';
-import { CollapsibleSimple } from '../collapsible/Collapsible.js';
-import { Icon } from '../icon/index.js';
-import { ScrollArea } from '../scrollArea/ScrollArea.js';
-export function HorizontalList(_a) {
-    var { open: externalOpen, onOpenChange, children, className, contentClassName, onCanOpenChange, openDirection = 'down', disableInternalOpenToggle } = _a, rest = __rest(_a, ["open", "onOpenChange", "children", "className", "contentClassName", "onCanOpenChange", "openDirection", "disableInternalOpenToggle"]);
-    const contentRef = useRef(null);
-    const containerRef = useRef(null);
-    const rememberedWidth = useRef(0);
-    const lastCanOpenChangeEmitted = useRef(undefined);
-    const [internalOpen, setInternalOpen] = useState(false);
-    const open = externalOpen !== null && externalOpen !== void 0 ? externalOpen : internalOpen;
-    const toggleOpen = useCallback(() => {
-        if (externalOpen === undefined) {
-            setInternalOpen((prev) => !prev);
-        }
-        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(!open);
-    }, [externalOpen, onOpenChange, open]);
-    const [internalCanOpen, setInternalCanOpen] = useState(false);
-    const emitCanOpenChange = useCallback((canOpen) => {
-        if (canOpen !== lastCanOpenChangeEmitted.current) {
-            lastCanOpenChangeEmitted.current = canOpen;
-            onCanOpenChange === null || onCanOpenChange === void 0 ? void 0 : onCanOpenChange(canOpen);
-            setInternalCanOpen(canOpen);
-        }
-    }, [onCanOpenChange]);
-    useEffect(() => {
-        const content = contentRef.current;
-        const container = containerRef.current;
-        if (!content || !container) {
-            return;
-        }
-        const contentWidth = content.scrollWidth;
-        const containerHeight = container.offsetHeight;
-        const containerWidth = container.offsetWidth;
-        if (open && contentWidth > containerWidth) {
-            // measure content width and animate to container width
-            rememberedWidth.current = contentWidth;
-            content.style.setProperty('width', `${containerWidth}px`);
-            content.style.setProperty('flex-wrap', 'wrap');
-            // force measure to get the new height
-            const contentHeight = content.offsetHeight;
-            container
-                .animate([
-                { height: `${containerHeight}px` },
-                { height: `${contentHeight}px` },
-            ], {
-                easing: 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-                duration: 200,
-            })
-                .finished.then(() => {
-                emitCanOpenChange(true);
-            });
-        }
-        else {
-            content.style.setProperty('width', `auto`);
-            content.style.setProperty('flex-wrap', 'nowrap');
-            // force measure to get new height
-            const contentHeight = content.offsetHeight;
-            container
-                .animate([
-                {
-                    height: `${containerHeight}px`,
-                },
-                {
-                    height: `${contentHeight}px`,
-                },
-            ], {
-                easing: 'cubic-bezier(0.64, -0.25, 0.1, 1.4)',
-                duration: 200,
-            })
-                .finished.then(() => {
-                requestAnimationFrame(() => {
-                    const canOpen = container.scrollWidth > container.offsetWidth;
-                    emitCanOpenChange(canOpen);
-                });
-            });
-        }
-    }, [open, contentRef, containerRef]);
-    useEffect(() => {
-        if (!containerRef.current || !contentRef.current) {
-            return;
-        }
-        if (open)
-            return;
-        const resizeObserver = new ResizeObserver(() => {
-            const content = contentRef.current;
-            const container = containerRef.current;
-            if (!content || !container) {
-                return;
-            }
-            const canOpen = container.scrollWidth > container.offsetWidth;
-            emitCanOpenChange(canOpen);
-        });
-        resizeObserver.observe(containerRef.current);
-        resizeObserver.observe(contentRef.current);
-        return () => {
-            resizeObserver.disconnect();
-        };
-    }, [contentRef, containerRef, open]);
-    const chevronFlip = openDirection === 'down' ? open : !open;
-    return (_jsxs(ScrollArea.Root, Object.assign({ className: clsx('layer-components:w-full layer-components:flex layer-components:flex-col', 'layer-components:max-h-300px', className), "data-state": open ? 'open' : 'closed' }, rest, { children: [_jsx(ScrollArea.Viewport, { ref: containerRef, children: _jsxs("div", { className: clsx('layer-components:gap-2 layer-components:px-3 layer-components:pb-4 layer-components:pt-3', 'w-max-content flex flex-shrink-0 flex-row items-center gap-2', contentClassName), ref: contentRef, children: [_jsx(CollapsibleSimple, { horizontal: true, open: internalCanOpen && !disableInternalOpenToggle, "data-can-open": internalCanOpen, "data-disabled": disableInternalOpenToggle ? '' : undefined, children: _jsx(Button, { onClick: toggleOpen, emphasis: "ghost", className: clsx('layer-variants:sticky layer-variants:left-0 layer-variants:top-2 layer-variants:z-1 layer-variants:flex-shrink-0', 'ring-inset foc', !open &&
-                                    'layer-variants:h-full layer-variants:border-r layer-variants:rounded-l-sm layer-variants:rounded-r-none layer-variants:border-r-solid layer-variants:border-r-gray'), children: _jsx(Icon, { name: "chevron", className: clsx('transition-transform', chevronFlip && 'rotate-180') }) }) }), children] }) }), _jsx(ScrollArea.Scrollbar, {}), _jsx(ScrollArea.Scrollbar, { orientation: "horizontal" })] })));
-}
-//# sourceMappingURL=HorizontalList.js.map