@vinyasa/form 1.0.22 → 1.0.23

package/dist/esm/6982.js

@@ -0,0 +1,35 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { UploadIcon } from "@vinyasa/icons";
+import { useDropzoneContext, trigger, Dropzone } from "./9559.js";
+const FileUpload = Dropzone;
+const FileUploadTrigger = ({ className, children, ...rest })=>{
+    const context = useDropzoneContext();
+    return /*#__PURE__*/ jsxs("button", {
+        type: "button",
+        ...context?.getRootProps({
+            id: context.id,
+            role: 'button',
+            'data-disabled': context.disabled,
+            disabled: context.disabled
+        }),
+        "aria-invalid": context?.invalid,
+        "aria-describedby": context?.describedBy,
+        className: className ? `${trigger} ${className}` : trigger,
+        ...rest,
+        children: [
+            /*#__PURE__*/ jsx("input", {
+                ...context?.getInputProps()
+            }),
+            children ?? /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(UploadIcon, {
+                        "aria-hidden": "true"
+                    }),
+                    "Choose files"
+                ]
+            })
+        ]
+    });
+};
+FileUploadTrigger.displayName = 'FileUploadTrigger';
+export { FileUpload, FileUploadTrigger };

package/dist/esm/7580.js

@@ -0,0 +1,34 @@
+import "./7580.css";
+import { jsx } from "react/jsx-runtime";
+import { useFieldContext, useResolvedFieldProps } from "./2315.js";
+import * as __rspack_external__radix_ui_react_radio_group_e8f239af from "@radix-ui/react-radio-group";
+var indicator = 'n31tav2';
+var item = 'n31tav1';
+var root = 'n31tav0';
+const RadioGroup = ({ className, invalid, id: idProp, ...rest })=>{
+    const { id, invalid: isInvalid, describedBy } = useResolvedFieldProps({
+        id: idProp,
+        invalid
+    });
+    const labelId = useFieldContext()?.labelId;
+    return /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_radio_group_e8f239af.Root, {
+        id: id,
+        "aria-labelledby": labelId,
+        "aria-invalid": isInvalid,
+        "aria-describedby": describedBy,
+        className: className ? `${root} ${className}` : root,
+        ...rest
+    });
+};
+RadioGroup.displayName = 'RadioGroup';
+const RadioGroupItem = ({ className, ...rest })=>/*#__PURE__*/ jsx(__rspack_external__radix_ui_react_radio_group_e8f239af.Item, {
+        className: className ? `${item} ${className}` : item,
+        ...rest
+    });
+RadioGroupItem.displayName = 'RadioGroupItem';
+const RadioGroupIndicator = ({ className, ...rest })=>/*#__PURE__*/ jsx(__rspack_external__radix_ui_react_radio_group_e8f239af.Indicator, {
+        className: className ? `${indicator} ${className}` : indicator,
+        ...rest
+    });
+RadioGroupIndicator.displayName = 'RadioGroupIndicator';
+export { RadioGroup, RadioGroupIndicator, RadioGroupItem };

package/dist/esm/7678.js

@@ -0,0 +1,101 @@
+import "./7678.css";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { HexColorInput, HexColorPicker } from "react-colorful";
+import { fieldControl, useResolvedFieldProps } from "./2315.js";
+import * as __rspack_external__radix_ui_react_popover_e2827c9f from "@radix-ui/react-popover";
+var content = '_1o9um0f3';
+var hexInput = '_1o9um0f7';
+var hexRow = '_1o9um0f6';
+var pickerCard = '_1o9um0f4';
+var pickerWrapper = '_1o9um0f5';
+var presetSwatch = '_1o9um0fa';
+var presetsLabel = '_1o9um0f8';
+var presetsRow = '_1o9um0f9';
+var swatch = '_1o9um0f2';
+var trigger = '_1o9um0f0';
+var triggerText = '_1o9um0f1';
+const ColorPicker = __rspack_external__radix_ui_react_popover_e2827c9f.Root;
+const ColorPickerTrigger = ({ invalid, size, id: idProp, className, ...rest })=>{
+    const { id, invalid: isInvalid, describedBy } = useResolvedFieldProps({
+        id: idProp,
+        invalid
+    });
+    const base = `${fieldControl({
+        size,
+        invalid: isInvalid
+    })} ${trigger}`;
+    return /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_popover_e2827c9f.Trigger, {
+        id: id,
+        className: className ? `${base} ${className}` : base,
+        "aria-invalid": isInvalid,
+        "aria-describedby": describedBy,
+        ...rest
+    });
+};
+ColorPickerTrigger.displayName = 'ColorPickerTrigger';
+const ColorPickerSwatch = ({ className, ...rest })=>/*#__PURE__*/ jsx("span", {
+        className: className ? `${swatch} ${className}` : swatch,
+        "aria-hidden": "true",
+        ...rest
+    });
+ColorPickerSwatch.displayName = 'ColorPickerSwatch';
+const ColorPickerValue = ({ className, ...rest })=>/*#__PURE__*/ jsx("span", {
+        className: className ? `${triggerText} ${className}` : triggerText,
+        ...rest
+    });
+ColorPickerValue.displayName = 'ColorPickerValue';
+const ColorPickerContent = ({ value = '#000000', onValueChange, presets })=>/*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_popover_e2827c9f.Content, {
+        className: content,
+        align: "start",
+        sideOffset: 4,
+        onOpenAutoFocus: (event)=>{
+            event.preventDefault();
+        },
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: pickerCard,
+                children: [
+                    /*#__PURE__*/ jsx("div", {
+                        className: pickerWrapper,
+                        children: /*#__PURE__*/ jsx(HexColorPicker, {
+                            color: value,
+                            onChange: onValueChange
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: hexRow,
+                        children: /*#__PURE__*/ jsx(HexColorInput, {
+                            color: value,
+                            onChange: onValueChange,
+                            prefixed: true,
+                            className: hexInput
+                        })
+                    })
+                ]
+            }),
+            presets && presets.length > 0 ? /*#__PURE__*/ jsxs("div", {
+                children: [
+                    /*#__PURE__*/ jsx("p", {
+                        className: presetsLabel,
+                        children: "Presets"
+                    }),
+                    /*#__PURE__*/ jsx("div", {
+                        className: presetsRow,
+                        children: presets.map((preset)=>/*#__PURE__*/ jsx("button", {
+                                type: "button",
+                                className: presetSwatch,
+                                style: {
+                                    backgroundColor: preset
+                                },
+                                "aria-label": preset,
+                                onClick: ()=>{
+                                    onValueChange?.(preset);
+                                }
+                            }, preset))
+                    })
+                ]
+            }) : null
+        ]
+    });
+ColorPickerContent.displayName = 'ColorPickerContent';
+export { ColorPicker, ColorPickerContent, ColorPickerSwatch, ColorPickerTrigger, ColorPickerValue };

package/dist/esm/7800.js

@@ -0,0 +1,131 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ClockIcon, SearchIcon } from "@vinyasa/icons";
+import { Command } from "cmdk";
+import { format, parse } from "date-fns";
+import { createContext, useContext, useMemo, useState } from "react";
+import { fieldControl, useResolvedFieldProps } from "./2315.js";
+import { triggerText, empty, triggerIcon, content, searchIcon, item, searchInput, itemIndicator, searchWrapper, trigger, list } from "./6720.js";
+import * as __rspack_external__radix_ui_react_popover_e2827c9f from "@radix-ui/react-popover";
+const REFERENCE_DATE = new Date(2000, 0, 1);
+const parseTime = (time)=>parse(time, 'HH:mm', REFERENCE_DATE);
+const generateTimeOptions = (stepMinutes)=>{
+    const options = [];
+    for(let minutes = 0; minutes < 1440; minutes += stepMinutes){
+        const hours = Math.floor(minutes / 60);
+        const mins = minutes % 60;
+        options.push(`${String(hours).padStart(2, '0')}:${String(mins).padStart(2, '0')}`);
+    }
+    return options;
+};
+const TimePickerOpenContext = /*#__PURE__*/ createContext(null);
+const TimePicker = ({ open, defaultOpen, onOpenChange, children, ...rest })=>{
+    const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);
+    const isControlled = void 0 !== open;
+    const currentOpen = isControlled ? open : internalOpen;
+    const handleOpenChange = (next)=>{
+        if (!isControlled) setInternalOpen(next);
+        onOpenChange?.(next);
+    };
+    return /*#__PURE__*/ jsx(TimePickerOpenContext.Provider, {
+        value: handleOpenChange,
+        children: /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_popover_e2827c9f.Root, {
+            open: currentOpen,
+            onOpenChange: handleOpenChange,
+            ...rest,
+            children: children
+        })
+    });
+};
+TimePicker.displayName = 'TimePicker';
+const TimePickerTrigger = ({ invalid, size, id: idProp, className, ...rest })=>{
+    const { id, invalid: isInvalid, describedBy } = useResolvedFieldProps({
+        id: idProp,
+        invalid
+    });
+    const base = `${fieldControl({
+        size,
+        invalid: isInvalid
+    })} ${trigger}`;
+    return /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_popover_e2827c9f.Trigger, {
+        id: id,
+        className: className ? `${base} ${className}` : base,
+        "aria-invalid": isInvalid,
+        "aria-describedby": describedBy,
+        ...rest
+    });
+};
+TimePickerTrigger.displayName = 'TimePickerTrigger';
+const TimePickerValue = ({ className, ...rest })=>/*#__PURE__*/ jsx("span", {
+        className: className ? `${triggerText} ${className}` : triggerText,
+        ...rest
+    });
+TimePickerValue.displayName = 'TimePickerValue';
+const TimePickerIcon = ({ className, children, ...rest })=>/*#__PURE__*/ jsx("span", {
+        className: className ? `${triggerIcon} ${className}` : triggerIcon,
+        "aria-hidden": "true",
+        ...rest,
+        children: children ?? /*#__PURE__*/ jsx(ClockIcon, {})
+    });
+TimePickerIcon.displayName = 'TimePickerIcon';
+const TimePickerContent = ({ value, onValueChange, timeFormat = 'h:mm a', stepMinutes = 30 })=>{
+    const [search, setSearch] = useState('');
+    const setOpen = useContext(TimePickerOpenContext);
+    const options = useMemo(()=>generateTimeOptions(stepMinutes), [
+        stepMinutes
+    ]);
+    return /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_popover_e2827c9f.Content, {
+        className: content,
+        align: "start",
+        sideOffset: 4,
+        children: /*#__PURE__*/ jsxs(Command, {
+            loop: true,
+            label: "Search times",
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: searchWrapper,
+                    children: [
+                        /*#__PURE__*/ jsx("span", {
+                            className: searchIcon,
+                            "aria-hidden": "true",
+                            children: /*#__PURE__*/ jsx(SearchIcon, {})
+                        }),
+                        /*#__PURE__*/ jsx(Command.Input, {
+                            autoFocus: true,
+                            value: search,
+                            onValueChange: setSearch,
+                            placeholder: "Search…",
+                            className: searchInput
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs(Command.List, {
+                    className: list,
+                    children: [
+                        /*#__PURE__*/ jsx(Command.Empty, {
+                            className: empty,
+                            children: "No matching times."
+                        }),
+                        options.map((time)=>/*#__PURE__*/ jsxs(Command.Item, {
+                                value: format(parseTime(time), timeFormat),
+                                onSelect: ()=>{
+                                    onValueChange?.(time);
+                                    setOpen?.(false);
+                                },
+                                className: item,
+                                "data-selected": time === value,
+                                children: [
+                                    format(parseTime(time), timeFormat),
+                                    time === value ? /*#__PURE__*/ jsx("span", {
+                                        className: itemIndicator,
+                                        children: /*#__PURE__*/ jsx(CheckIcon, {})
+                                    }) : null
+                                ]
+                            }, time))
+                    ]
+                })
+            ]
+        })
+    });
+};
+TimePickerContent.displayName = 'TimePickerContent';
+export { TimePicker, TimePickerContent, TimePickerIcon, TimePickerTrigger, TimePickerValue };

package/dist/esm/8479.js

@@ -0,0 +1,115 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon, ChevronDownIcon, SearchIcon } from "@vinyasa/icons";
+import { Command } from "cmdk";
+import { createContext, useContext, useState } from "react";
+import { fieldControl, useResolvedFieldProps } from "./2315.js";
+import { triggerText, triggerIcon, item, content, searchIcon, empty, searchInput, itemIndicator, searchWrapper, trigger, list } from "./6720.js";
+import * as __rspack_external__radix_ui_react_popover_e2827c9f from "@radix-ui/react-popover";
+const ComboboxOpenContext = /*#__PURE__*/ createContext(null);
+const Combobox = ({ open, defaultOpen, onOpenChange, children, ...rest })=>{
+    const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);
+    const isControlled = void 0 !== open;
+    const currentOpen = isControlled ? open : internalOpen;
+    const handleOpenChange = (next)=>{
+        if (!isControlled) setInternalOpen(next);
+        onOpenChange?.(next);
+    };
+    return /*#__PURE__*/ jsx(ComboboxOpenContext.Provider, {
+        value: handleOpenChange,
+        children: /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_popover_e2827c9f.Root, {
+            open: currentOpen,
+            onOpenChange: handleOpenChange,
+            ...rest,
+            children: children
+        })
+    });
+};
+Combobox.displayName = 'Combobox';
+const ComboboxTrigger = ({ invalid, size, id: idProp, className, ...rest })=>{
+    const { id, invalid: isInvalid, describedBy } = useResolvedFieldProps({
+        id: idProp,
+        invalid
+    });
+    const base = `${fieldControl({
+        size,
+        invalid: isInvalid
+    })} ${trigger}`;
+    return /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_popover_e2827c9f.Trigger, {
+        id: id,
+        className: className ? `${base} ${className}` : base,
+        "aria-invalid": isInvalid,
+        "aria-describedby": describedBy,
+        ...rest
+    });
+};
+ComboboxTrigger.displayName = 'ComboboxTrigger';
+const ComboboxValue = ({ className, ...rest })=>/*#__PURE__*/ jsx("span", {
+        className: className ? `${triggerText} ${className}` : triggerText,
+        ...rest
+    });
+ComboboxValue.displayName = 'ComboboxValue';
+const ComboboxIcon = ({ className, children, ...rest })=>/*#__PURE__*/ jsx("span", {
+        className: className ? `${triggerIcon} ${className}` : triggerIcon,
+        "aria-hidden": "true",
+        ...rest,
+        children: children ?? /*#__PURE__*/ jsx(ChevronDownIcon, {})
+    });
+ComboboxIcon.displayName = 'ComboboxIcon';
+const ComboboxContent = ({ className, children, ...rest })=>/*#__PURE__*/ jsx(__rspack_external__radix_ui_react_popover_e2827c9f.Content, {
+        className: className ? `${content} ${className}` : content,
+        align: "start",
+        sideOffset: 4,
+        ...rest,
+        children: /*#__PURE__*/ jsx(Command, {
+            loop: true,
+            label: "Search options",
+            children: children
+        })
+    });
+ComboboxContent.displayName = 'ComboboxContent';
+const ComboboxInput = ({ className, ...rest })=>/*#__PURE__*/ jsxs("div", {
+        className: searchWrapper,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: searchIcon,
+                "aria-hidden": "true",
+                children: /*#__PURE__*/ jsx(SearchIcon, {})
+            }),
+            /*#__PURE__*/ jsx(Command.Input, {
+                autoFocus: true,
+                placeholder: "Search…",
+                className: className ? `${searchInput} ${className}` : searchInput,
+                ...rest
+            })
+        ]
+    });
+ComboboxInput.displayName = 'ComboboxInput';
+const ComboboxList = ({ className, ...rest })=>/*#__PURE__*/ jsx(Command.List, {
+        className: className ? `${list} ${className}` : list,
+        ...rest
+    });
+ComboboxList.displayName = 'ComboboxList';
+const ComboboxItem = ({ className, onSelect, ...rest })=>{
+    const setOpen = useContext(ComboboxOpenContext);
+    return /*#__PURE__*/ jsx(Command.Item, {
+        className: className ? `${item} ${className}` : item,
+        onSelect: (value)=>{
+            onSelect?.(value);
+            setOpen?.(false);
+        },
+        ...rest
+    });
+};
+ComboboxItem.displayName = 'ComboboxItem';
+const ComboboxItemIndicator = ({ className, children, ...rest })=>/*#__PURE__*/ jsx("span", {
+        className: className ? `${itemIndicator} ${className}` : itemIndicator,
+        ...rest,
+        children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
+    });
+ComboboxItemIndicator.displayName = 'ComboboxItemIndicator';
+const ComboboxEmpty = ({ className, ...rest })=>/*#__PURE__*/ jsx(Command.Empty, {
+        className: className ? `${empty} ${className}` : empty,
+        ...rest
+    });
+ComboboxEmpty.displayName = 'ComboboxEmpty';
+export { Combobox, ComboboxContent, ComboboxEmpty as AutocompleteEmpty, ComboboxIcon, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxList as AutocompleteList, ComboboxTrigger, ComboboxValue };

package/dist/esm/{checkbox.css → 9167.css}

@@ -28,6 +28,10 @@
   cursor: not-allowed;
 }
 
+._7ele600[aria-invalid="true"] {
+  border-color: var(--vinyasa-error);
+}
+
 ._7ele601 {
   color: var(--vinyasa-on-primary);
   font-size: .75rem;

package/dist/esm/9167.js

@@ -0,0 +1,30 @@
+import "./9167.css";
+import { jsx } from "react/jsx-runtime";
+import { CheckIcon } from "@vinyasa/icons";
+import { forwardRef } from "react";
+import { useResolvedFieldProps } from "./2315.js";
+import * as __rspack_external__radix_ui_react_checkbox_76684228 from "@radix-ui/react-checkbox";
+var indicator = '_7ele601';
+var root = '_7ele600';
+const Checkbox = /*#__PURE__*/ forwardRef(({ className, invalid, id: idProp, ...rest }, ref)=>{
+    const { id, invalid: isInvalid, describedBy } = useResolvedFieldProps({
+        id: idProp,
+        invalid
+    });
+    return /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_checkbox_76684228.Root, {
+        ref: ref,
+        id: id,
+        "aria-invalid": isInvalid,
+        "aria-describedby": describedBy,
+        className: className ? `${root} ${className}` : root,
+        ...rest
+    });
+});
+Checkbox.displayName = 'Checkbox';
+const CheckboxIndicator = ({ className, children, ...rest })=>/*#__PURE__*/ jsx(__rspack_external__radix_ui_react_checkbox_76684228.Indicator, {
+        className: className ? `${indicator} ${className}` : indicator,
+        ...rest,
+        children: children ?? /*#__PURE__*/ jsx(CheckIcon, {})
+    });
+CheckboxIndicator.displayName = 'CheckboxIndicator';
+export { Checkbox, CheckboxIndicator };

package/dist/esm/9545.js

@@ -0,0 +1,118 @@
+import "./9545.css";
+import { jsx } from "react/jsx-runtime";
+import { EditorContent, useEditor, useEditorState } from "@tiptap/react";
+import starter_kit from "@tiptap/starter-kit";
+import { createContext, useContext, useEffect } from "react";
+import { useFieldContext, useResolvedFieldProps } from "./2315.js";
+import { toggle_button_ToggleButton } from "./3876.js";
+var content = '_1lw5bep4';
+var divider = '_1lw5bep3';
+var toolbar = '_1lw5bep2';
+var wrapper = '_1lw5bep0';
+var wrapperInvalid = '_1lw5bep1';
+const buildEditorAttributes = (params)=>({
+        id: params.id,
+        class: content,
+        'aria-invalid': String(params.invalid),
+        ...params.describedBy ? {
+            'aria-describedby': params.describedBy
+        } : {},
+        ...params.labelId ? {
+            'aria-labelledby': params.labelId
+        } : {}
+    });
+const RichTextEditorContext = /*#__PURE__*/ createContext(null);
+const useRichTextEditorContext = ()=>useContext(RichTextEditorContext)?.editor ?? null;
+const useRichTextEditorActive = (name, attributes)=>{
+    const editor = useRichTextEditorContext();
+    const isActive = useEditorState({
+        editor,
+        selector: ({ editor: snapshotEditor })=>snapshotEditor?.isActive(name, attributes) ?? false
+    });
+    return isActive ?? false;
+};
+const useRichTextEditorDisabled = ()=>{
+    const editor = useRichTextEditorContext();
+    const disabled = useEditorState({
+        editor,
+        selector: ({ editor: snapshotEditor })=>!(snapshotEditor?.isEditable ?? true)
+    });
+    return disabled ?? false;
+};
+const RichTextEditor = ({ value, defaultValue = '', onValueChange, invalid, disabled, id: idProp, children })=>{
+    const { id, invalid: isInvalid, describedBy } = useResolvedFieldProps({
+        id: idProp,
+        invalid
+    });
+    const labelId = useFieldContext()?.labelId;
+    const editor = useEditor({
+        extensions: [
+            starter_kit
+        ],
+        content: value ?? defaultValue,
+        editable: !disabled,
+        immediatelyRender: false,
+        onUpdate: ({ editor: currentEditor })=>{
+            onValueChange?.(currentEditor.getHTML());
+        },
+        editorProps: {
+            attributes: buildEditorAttributes({
+                id,
+                invalid: isInvalid,
+                describedBy,
+                labelId
+            })
+        }
+    });
+    useEffect(()=>{
+        if (void 0 === value || !editor || value === editor.getHTML()) return;
+        editor.commands.setContent(value, {
+            emitUpdate: false
+        });
+    }, [
+        value,
+        editor
+    ]);
+    useEffect(()=>{
+        editor?.setEditable(!disabled);
+    }, [
+        disabled,
+        editor
+    ]);
+    return /*#__PURE__*/ jsx(RichTextEditorContext.Provider, {
+        value: {
+            editor
+        },
+        children: /*#__PURE__*/ jsx("div", {
+            className: isInvalid ? `${wrapper} ${wrapperInvalid}` : wrapper,
+            children: children
+        })
+    });
+};
+RichTextEditor.displayName = 'RichTextEditor';
+const RichTextEditorToolbar = ({ children })=>/*#__PURE__*/ jsx("div", {
+        className: toolbar,
+        children: children
+    });
+RichTextEditorToolbar.displayName = 'RichTextEditorToolbar';
+const RichTextEditorDivider = ()=>/*#__PURE__*/ jsx("span", {
+        className: divider,
+        "aria-hidden": "true"
+    });
+RichTextEditorDivider.displayName = 'RichTextEditorDivider';
+const RichTextEditorToolbarButton = (props)=>/*#__PURE__*/ jsx(toggle_button_ToggleButton, {
+        size: "sm",
+        unpressedVariant: "ghost",
+        pressedVariant: "secondary",
+        ...props
+    });
+RichTextEditorToolbarButton.displayName = 'RichTextEditorToolbarButton';
+const RichTextEditorContent = ()=>{
+    const editor = useRichTextEditorContext();
+    if (!editor) return null;
+    return /*#__PURE__*/ jsx(EditorContent, {
+        editor: editor
+    });
+};
+RichTextEditorContent.displayName = 'RichTextEditorContent';
+export { RichTextEditor, RichTextEditorContent, RichTextEditorDivider, RichTextEditorToolbar, RichTextEditorToolbarButton, useRichTextEditorActive, useRichTextEditorContext, useRichTextEditorDisabled };

package/dist/esm/{2942.css → 9559.css}

@@ -109,3 +109,46 @@
   margin-top: var(--vinyasa-space1);
 }
 
+.rnivxt0 {
+  justify-content: center;
+  align-items: center;
+  gap: var(--vinyasa-space2);
+  width: 100%;
+  padding: var(--vinyasa-space6);
+  border: 2px dashed var(--vinyasa-border-color-default);
+  border-radius: var(--vinyasa-radius-md);
+  color: var(--vinyasa-text-muted);
+  font-family: var(--vinyasa-font-family-sans);
+  font-size: var(--vinyasa-font-size-sm);
+  text-align: center;
+  cursor: pointer;
+  transition: border-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard), background-color var(--vinyasa-motion-duration-fast) var(--vinyasa-motion-easing-standard);
+  background-color: #0000;
+  flex-direction: column;
+  display: flex;
+}
+
+.rnivxt0:focus-visible {
+  border-color: var(--vinyasa-focus);
+  box-shadow: 0 0 0 1px var(--vinyasa-focus), 0 0 0 4px color-mix(in srgb, var(--vinyasa-focus) 16%, transparent);
+  outline: none;
+}
+
+.rnivxt0[data-disabled="true"] {
+  opacity: var(--vinyasa-opacity-disabled);
+  cursor: not-allowed;
+}
+
+.rnivxt1 {
+  border-color: var(--vinyasa-focus);
+  background-color: var(--vinyasa-secondary);
+}
+
+.rnivxt2 {
+  font-size: 1.5rem;
+}
+
+.rnivxt3 {
+  font-size: var(--vinyasa-font-size-xs);
+}
+