@vinyasa/form 1.0.22 → 1.0.23

package/dist/esm/otp-input.js

@@ -1,52 +1,45 @@
 import "./otp-input.css";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { OTPInput, REGEXP_ONLY_DIGITS } from "input-otp";
-import { forwardRef, useId } from "react";
-import { field, describedByIds } from "./4557.js";
+import { forwardRef } from "react";
+import { useResolvedFieldProps } from "./2315.js";
 var fakeCaret = '_14kw5nt6';
 var group = '_14kw5nt0';
 var groupDisabled = '_14kw5nt1';
 var slot = '_14kw5nt2';
 var slotActive = '_14kw5nt3';
 var slotInvalid = '_14kw5nt4';
-const OtpInput = /*#__PURE__*/ forwardRef(({ label, description, error, length = 6, disabled, id: idProp, onChange, ...rest }, ref)=>{
-    const generatedId = useId();
-    const id = idProp ?? generatedId;
-    return /*#__PURE__*/ jsx(field, {
+const OtpInput = /*#__PURE__*/ forwardRef(({ length = 6, invalid, disabled, id: idProp, onChange, ...rest }, ref)=>{
+    const { id, invalid: isInvalid, describedBy } = useResolvedFieldProps({
+        id: idProp,
+        invalid
+    });
+    return /*#__PURE__*/ jsx(OTPInput, {
+        ref: ref,
         id: id,
-        label: label,
-        description: description,
-        error: error,
-        children: /*#__PURE__*/ jsx(OTPInput, {
-            ref: ref,
-            id: id,
-            maxLength: length,
-            pattern: REGEXP_ONLY_DIGITS,
-            disabled: disabled,
-            onChange: onChange,
-            "aria-invalid": error ? true : void 0,
-            "aria-describedby": describedByIds(id, {
-                description,
-                error
+        maxLength: length,
+        pattern: REGEXP_ONLY_DIGITS,
+        disabled: disabled,
+        onChange: onChange,
+        "aria-invalid": isInvalid,
+        "aria-describedby": describedBy,
+        containerClassName: `${group} ${disabled ? groupDisabled : ''}`.trim(),
+        render: ({ slots })=>/*#__PURE__*/ jsx(Fragment, {
+                children: slots.map((slotProps, index)=>/*#__PURE__*/ jsxs("div", {
+                        className: [
+                            slot,
+                            slotProps.isActive ? slotActive : '',
+                            isInvalid ? slotInvalid : ''
+                        ].filter(Boolean).join(' '),
+                        children: [
+                            slotProps.char,
+                            slotProps.hasFakeCaret ? /*#__PURE__*/ jsx("span", {
+                                className: fakeCaret
+                            }) : null
+                        ]
+                    }, index))
             }),
-            containerClassName: `${group} ${disabled ? groupDisabled : ''}`.trim(),
-            render: ({ slots })=>/*#__PURE__*/ jsx(Fragment, {
-                    children: slots.map((slotProps, index)=>/*#__PURE__*/ jsxs("div", {
-                            className: [
-                                slot,
-                                slotProps.isActive ? slotActive : '',
-                                error ? slotInvalid : ''
-                            ].filter(Boolean).join(' '),
-                            children: [
-                                slotProps.char,
-                                slotProps.hasFakeCaret ? /*#__PURE__*/ jsx("span", {
-                                    className: fakeCaret
-                                }) : null
-                            ]
-                        }, index))
-                }),
-            ...rest
-        })
+        ...rest
     });
 });
 OtpInput.displayName = 'OtpInput';

package/dist/esm/password-input.js

@@ -1,52 +1,43 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { EyeIcon, EyeOffIcon } from "@vinyasa/icons";
-import { forwardRef, useId, useState } from "react";
-import { fieldControl, fieldIconButton, fieldGroup, fieldControlWithTrailingIcon, fieldIconTrailing } from "./2995.js";
-import { field, describedByIds } from "./4557.js";
-const PasswordInput = /*#__PURE__*/ forwardRef(({ label, description, error, required, size, id: idProp, className, ...rest }, ref)=>{
-    const generatedId = useId();
-    const id = idProp ?? generatedId;
+import { forwardRef, useState } from "react";
+import { fieldControl, fieldIconButton, fieldGroup, fieldControlWithTrailingIcon, useResolvedFieldProps, fieldIconTrailing } from "./2315.js";
+const PasswordInput = /*#__PURE__*/ forwardRef(({ size, invalid, id: idProp, className, 'aria-describedby': ariaDescribedBy, ...rest }, ref)=>{
+    const { id, invalid: isInvalid, describedBy } = useResolvedFieldProps({
+        id: idProp,
+        invalid,
+        describedBy: ariaDescribedBy
+    });
     const [revealed, setRevealed] = useState(false);
     const classes = className ? `${fieldControl({
         size,
-        invalid: Boolean(error)
+        invalid: isInvalid
     })} ${fieldControlWithTrailingIcon} ${className}` : `${fieldControl({
         size,
-        invalid: Boolean(error)
+        invalid: isInvalid
     })} ${fieldControlWithTrailingIcon}`;
-    return /*#__PURE__*/ jsx(field, {
-        id: id,
-        label: label,
-        description: description,
-        error: error,
-        required: required,
-        children: /*#__PURE__*/ jsxs("div", {
-            className: fieldGroup,
-            children: [
-                /*#__PURE__*/ jsx("input", {
-                    ref: ref,
-                    id: id,
-                    type: revealed ? 'text' : 'password',
-                    className: classes,
-                    required: required,
-                    "aria-invalid": error ? true : void 0,
-                    "aria-describedby": describedByIds(id, {
-                        description,
-                        error
-                    }),
-                    ...rest
-                }),
-                /*#__PURE__*/ jsx("button", {
-                    type: "button",
-                    className: `${fieldIconTrailing} ${fieldIconButton}`,
-                    onClick: ()=>{
-                        setRevealed((value)=>!value);
-                    },
-                    "aria-label": revealed ? 'Hide password' : 'Show password',
-                    children: revealed ? /*#__PURE__*/ jsx(EyeOffIcon, {}) : /*#__PURE__*/ jsx(EyeIcon, {})
-                })
-            ]
-        })
+    return /*#__PURE__*/ jsxs("div", {
+        className: fieldGroup,
+        children: [
+            /*#__PURE__*/ jsx("input", {
+                ref: ref,
+                id: id,
+                type: revealed ? 'text' : 'password',
+                className: classes,
+                "aria-invalid": isInvalid,
+                "aria-describedby": describedBy,
+                ...rest
+            }),
+            /*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: `${fieldIconTrailing} ${fieldIconButton}`,
+                onClick: ()=>{
+                    setRevealed((value)=>!value);
+                },
+                "aria-label": revealed ? 'Hide password' : 'Show password',
+                children: revealed ? /*#__PURE__*/ jsx(EyeOffIcon, {}) : /*#__PURE__*/ jsx(EyeIcon, {})
+            })
+        ]
     });
 });
 PasswordInput.displayName = 'PasswordInput';

package/dist/esm/radio-group.js

@@ -1,44 +1 @@
-import "./radio-group.css";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useId } from "react";
-import { controlRow, controlLabel } from "./2995.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 = /*#__PURE__*/ forwardRef(({ options, className, ...rest }, ref)=>{
-    const generatedName = useId();
-    const classes = className ? `${root} ${className}` : root;
-    return /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_radio_group_e8f239af.Root, {
-        ref: ref,
-        className: classes,
-        ...rest,
-        children: options.map((option)=>{
-            const optionId = `${generatedName}-${option.value}`;
-            return /*#__PURE__*/ jsxs("div", {
-                className: controlRow,
-                children: [
-                    /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_radio_group_e8f239af.Item, {
-                        value: option.value,
-                        id: optionId,
-                        disabled: option.disabled,
-                        className: item,
-                        children: /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_radio_group_e8f239af.Indicator, {
-                            className: indicator
-                        })
-                    }),
-                    /*#__PURE__*/ jsx("label", {
-                        htmlFor: optionId,
-                        className: controlLabel,
-                        children: option.label
-                    })
-                ]
-            }, option.value);
-        })
-    });
-});
-RadioGroup.displayName = 'RadioGroup';
-const radio_group_RadioGroup = RadioGroup;
-const radio_group = radio_group_RadioGroup;
-export default radio_group;
-export { radio_group as RadioGroup };
+export { RadioGroup, RadioGroupIndicator, RadioGroupItem } from "./7580.js";

package/dist/esm/range-slider.js

@@ -1,19 +1,26 @@
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { slider_Slider } from "./27.js";
+import { SliderTrack, Slider, SliderThumb, SliderRange } from "./27.js";
 const RangeSlider = /*#__PURE__*/ forwardRef(({ value, defaultValue = [
     0,
     100
-], minLabel = 'Minimum', maxLabel = 'Maximum', minStepsBetweenThumbs = 1, ...rest }, ref)=>/*#__PURE__*/ jsx(slider_Slider, {
+], minLabel = 'Minimum', maxLabel = 'Maximum', minStepsBetweenThumbs = 1, ...rest }, ref)=>/*#__PURE__*/ jsxs(Slider, {
         ref: ref,
         value: value,
         defaultValue: defaultValue,
-        label: [
-            minLabel,
-            maxLabel
-        ],
         minStepsBetweenThumbs: minStepsBetweenThumbs,
-        ...rest
+        ...rest,
+        children: [
+            /*#__PURE__*/ jsx(SliderTrack, {
+                children: /*#__PURE__*/ jsx(SliderRange, {})
+            }),
+            /*#__PURE__*/ jsx(SliderThumb, {
+                "aria-label": minLabel
+            }),
+            /*#__PURE__*/ jsx(SliderThumb, {
+                "aria-label": maxLabel
+            })
+        ]
     }));
 RangeSlider.displayName = 'RangeSlider';
 const range_slider_RangeSlider = RangeSlider;

package/dist/esm/rich-text-editor.js

@@ -1,212 +1 @@
-import "./rich-text-editor.css";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { EditorContent, useEditor, useEditorState } from "@tiptap/react";
-import starter_kit from "@tiptap/starter-kit";
-import { BoldIcon, ItalicIcon, ListIcon, ListOrderedIcon, QuoteIcon, RedoIcon, StrikethroughIcon, UndoIcon } from "@vinyasa/icons";
-import { useEffect, useId } from "react";
-import { field, describedByIds } from "./4557.js";
-import { toggle_button_ToggleButton } from "./3876.js";
-var content = '_1lw5bep4';
-var divider = '_1lw5bep3';
-var toolbar = '_1lw5bep2';
-var wrapper = '_1lw5bep0';
-var wrapperInvalid = '_1lw5bep1';
-const selectToolbarState = (editor)=>{
-    if (!editor) return {
-        bold: false,
-        italic: false,
-        strike: false,
-        bulletList: false,
-        orderedList: false,
-        blockquote: false,
-        canUndo: false,
-        canRedo: false
-    };
-    return {
-        bold: editor.isActive('bold'),
-        italic: editor.isActive('italic'),
-        strike: editor.isActive('strike'),
-        bulletList: editor.isActive('bulletList'),
-        orderedList: editor.isActive('orderedList'),
-        blockquote: editor.isActive('blockquote'),
-        canUndo: editor.can().undo(),
-        canRedo: editor.can().redo()
-    };
-};
-const RichTextEditor = ({ value, defaultValue = '', onValueChange, label, description, error, required, disabled, id: idProp })=>{
-    const generatedId = useId();
-    const id = idProp ?? generatedId;
-    const describedBy = describedByIds(id, {
-        description,
-        error
-    });
-    const editor = useEditor({
-        extensions: [
-            starter_kit
-        ],
-        content: value ?? defaultValue,
-        editable: !disabled,
-        immediatelyRender: false,
-        onUpdate: ({ editor: currentEditor })=>{
-            onValueChange?.(currentEditor.getHTML());
-        },
-        editorProps: {
-            attributes: {
-                id,
-                class: content,
-                ...describedBy ? {
-                    'aria-describedby': describedBy
-                } : {}
-            }
-        }
-    });
-    useEffect(()=>{
-        if (void 0 === value || !editor || value === editor.getHTML()) return;
-        editor.commands.setContent(value, {
-            emitUpdate: false
-        });
-    }, [
-        value,
-        editor
-    ]);
-    useEffect(()=>{
-        editor?.setEditable(!disabled);
-    }, [
-        disabled,
-        editor
-    ]);
-    const toolbarState = useEditorState({
-        editor,
-        selector: ({ editor: snapshotEditor })=>selectToolbarState(snapshotEditor)
-    });
-    if (!editor || !toolbarState) return null;
-    return /*#__PURE__*/ jsx(field, {
-        id: id,
-        label: label,
-        description: description,
-        error: error,
-        required: required,
-        children: /*#__PURE__*/ jsxs("div", {
-            className: error ? `${wrapper} ${wrapperInvalid}` : wrapper,
-            children: [
-                /*#__PURE__*/ jsxs("div", {
-                    className: toolbar,
-                    children: [
-                        /*#__PURE__*/ jsx(toggle_button_ToggleButton, {
-                            size: "sm",
-                            unpressedVariant: "ghost",
-                            pressedVariant: "secondary",
-                            pressed: toolbarState.bold,
-                            onPressedChange: ()=>{
-                                editor.chain().focus().toggleBold().run();
-                            },
-                            disabled: disabled,
-                            "aria-label": "Bold",
-                            children: /*#__PURE__*/ jsx(BoldIcon, {})
-                        }),
-                        /*#__PURE__*/ jsx(toggle_button_ToggleButton, {
-                            size: "sm",
-                            unpressedVariant: "ghost",
-                            pressedVariant: "secondary",
-                            pressed: toolbarState.italic,
-                            onPressedChange: ()=>{
-                                editor.chain().focus().toggleItalic().run();
-                            },
-                            disabled: disabled,
-                            "aria-label": "Italic",
-                            children: /*#__PURE__*/ jsx(ItalicIcon, {})
-                        }),
-                        /*#__PURE__*/ jsx(toggle_button_ToggleButton, {
-                            size: "sm",
-                            unpressedVariant: "ghost",
-                            pressedVariant: "secondary",
-                            pressed: toolbarState.strike,
-                            onPressedChange: ()=>{
-                                editor.chain().focus().toggleStrike().run();
-                            },
-                            disabled: disabled,
-                            "aria-label": "Strikethrough",
-                            children: /*#__PURE__*/ jsx(StrikethroughIcon, {})
-                        }),
-                        /*#__PURE__*/ jsx("span", {
-                            className: divider,
-                            "aria-hidden": "true"
-                        }),
-                        /*#__PURE__*/ jsx(toggle_button_ToggleButton, {
-                            size: "sm",
-                            unpressedVariant: "ghost",
-                            pressedVariant: "secondary",
-                            pressed: toolbarState.bulletList,
-                            onPressedChange: ()=>{
-                                editor.chain().focus().toggleBulletList().run();
-                            },
-                            disabled: disabled,
-                            "aria-label": "Bullet list",
-                            children: /*#__PURE__*/ jsx(ListIcon, {})
-                        }),
-                        /*#__PURE__*/ jsx(toggle_button_ToggleButton, {
-                            size: "sm",
-                            unpressedVariant: "ghost",
-                            pressedVariant: "secondary",
-                            pressed: toolbarState.orderedList,
-                            onPressedChange: ()=>{
-                                editor.chain().focus().toggleOrderedList().run();
-                            },
-                            disabled: disabled,
-                            "aria-label": "Ordered list",
-                            children: /*#__PURE__*/ jsx(ListOrderedIcon, {})
-                        }),
-                        /*#__PURE__*/ jsx(toggle_button_ToggleButton, {
-                            size: "sm",
-                            unpressedVariant: "ghost",
-                            pressedVariant: "secondary",
-                            pressed: toolbarState.blockquote,
-                            onPressedChange: ()=>{
-                                editor.chain().focus().toggleBlockquote().run();
-                            },
-                            disabled: disabled,
-                            "aria-label": "Blockquote",
-                            children: /*#__PURE__*/ jsx(QuoteIcon, {})
-                        }),
-                        /*#__PURE__*/ jsx("span", {
-                            className: divider,
-                            "aria-hidden": "true"
-                        }),
-                        /*#__PURE__*/ jsx(toggle_button_ToggleButton, {
-                            size: "sm",
-                            unpressedVariant: "ghost",
-                            pressedVariant: "secondary",
-                            pressed: false,
-                            onPressedChange: ()=>{
-                                editor.chain().focus().undo().run();
-                            },
-                            disabled: disabled ?? !toolbarState.canUndo,
-                            "aria-label": "Undo",
-                            children: /*#__PURE__*/ jsx(UndoIcon, {})
-                        }),
-                        /*#__PURE__*/ jsx(toggle_button_ToggleButton, {
-                            size: "sm",
-                            unpressedVariant: "ghost",
-                            pressedVariant: "secondary",
-                            pressed: false,
-                            onPressedChange: ()=>{
-                                editor.chain().focus().redo().run();
-                            },
-                            disabled: disabled ?? !toolbarState.canRedo,
-                            "aria-label": "Redo",
-                            children: /*#__PURE__*/ jsx(RedoIcon, {})
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ jsx(EditorContent, {
-                    editor: editor
-                })
-            ]
-        })
-    });
-};
-RichTextEditor.displayName = 'RichTextEditor';
-const rich_text_editor_RichTextEditor = RichTextEditor;
-const rich_text_editor = rich_text_editor_RichTextEditor;
-export default rich_text_editor;
-export { rich_text_editor as RichTextEditor };
+export { RichTextEditor, RichTextEditorContent, RichTextEditorDivider, RichTextEditorToolbar, RichTextEditorToolbarButton, useRichTextEditorActive, useRichTextEditorContext, useRichTextEditorDisabled } from "./9545.js";

package/dist/esm/search-input.js

@@ -1,58 +1,49 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SearchIcon, XIcon } from "@vinyasa/icons";
-import { forwardRef, useId } from "react";
-import { fieldControl, fieldControlWithLeadingIcon, fieldIconLeading, fieldControlWithTrailingIcon, fieldGroup, fieldIconTrailing, fieldIconButton } from "./2995.js";
-import { field, describedByIds } from "./4557.js";
-const SearchInput = /*#__PURE__*/ forwardRef(({ label, description, error, required, size, onClear, value, id: idProp, className, ...rest }, ref)=>{
-    const generatedId = useId();
-    const id = idProp ?? generatedId;
+import { forwardRef } from "react";
+import { fieldControl, fieldControlWithLeadingIcon, fieldIconButton, fieldControlWithTrailingIcon, fieldGroup, useResolvedFieldProps, fieldIconTrailing, fieldIconLeading } from "./2315.js";
+const SearchInput = /*#__PURE__*/ forwardRef(({ size, invalid, onClear, value, id: idProp, className, 'aria-describedby': ariaDescribedBy, ...rest }, ref)=>{
+    const { id, invalid: isInvalid, describedBy } = useResolvedFieldProps({
+        id: idProp,
+        invalid,
+        describedBy: ariaDescribedBy
+    });
     const showClear = Boolean(onClear) && Boolean(value);
     const classes = [
         fieldControl({
             size,
-            invalid: Boolean(error)
+            invalid: isInvalid
         }),
         fieldControlWithLeadingIcon,
         showClear ? fieldControlWithTrailingIcon : '',
         className ?? ''
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ jsx(field, {
-        id: id,
-        label: label,
-        description: description,
-        error: error,
-        required: required,
-        children: /*#__PURE__*/ jsxs("div", {
-            className: fieldGroup,
-            children: [
-                /*#__PURE__*/ jsx("span", {
-                    className: fieldIconLeading,
-                    "aria-hidden": "true",
-                    children: /*#__PURE__*/ jsx(SearchIcon, {})
-                }),
-                /*#__PURE__*/ jsx("input", {
-                    ref: ref,
-                    id: id,
-                    type: "search",
-                    value: value,
-                    className: classes,
-                    required: required,
-                    "aria-invalid": error ? true : void 0,
-                    "aria-describedby": describedByIds(id, {
-                        description,
-                        error
-                    }),
-                    ...rest
-                }),
-                showClear ? /*#__PURE__*/ jsx("button", {
-                    type: "button",
-                    className: `${fieldIconTrailing} ${fieldIconButton}`,
-                    onClick: onClear,
-                    "aria-label": "Clear search",
-                    children: /*#__PURE__*/ jsx(XIcon, {})
-                }) : null
-            ]
-        })
+    return /*#__PURE__*/ jsxs("div", {
+        className: fieldGroup,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: fieldIconLeading,
+                "aria-hidden": "true",
+                children: /*#__PURE__*/ jsx(SearchIcon, {})
+            }),
+            /*#__PURE__*/ jsx("input", {
+                ref: ref,
+                id: id,
+                type: "search",
+                value: value,
+                className: classes,
+                "aria-invalid": isInvalid,
+                "aria-describedby": describedBy,
+                ...rest
+            }),
+            showClear ? /*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: `${fieldIconTrailing} ${fieldIconButton}`,
+                onClick: onClear,
+                "aria-label": "Clear search",
+                children: /*#__PURE__*/ jsx(XIcon, {})
+            }) : null
+        ]
     });
 });
 SearchInput.displayName = 'SearchInput';

package/dist/esm/select.js

@@ -1,87 +1 @@
-import "./select.css";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { CheckIcon, ChevronDownIcon } from "@vinyasa/icons";
-import { useId } from "react";
-import { field, describedByIds } from "./4557.js";
-import { fieldControl } from "./2995.js";
-import * as __rspack_external__radix_ui_react_select_36a82244 from "@radix-ui/react-select";
-var content = '_1lum7te4';
-var icon = '_1lum7te3';
-var item = '_1lum7te6';
-var itemIndicator = '_1lum7te7';
-var placeholder = '_1lum7te1';
-var Select_css_trigger = '_1lum7te0';
-var triggerText = '_1lum7te2';
-var viewport = '_1lum7te5';
-const Select = ({ options, placeholder: placeholderText, label, description, error, required, size, trigger, ...rest })=>{
-    const generatedId = useId();
-    const id = generatedId;
-    return /*#__PURE__*/ jsx(field, {
-        id: id,
-        label: label,
-        description: description,
-        error: error,
-        required: required,
-        children: /*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_select_36a82244.Root, {
-            ...rest,
-            children: [
-                /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_select_36a82244.Trigger, {
-                    asChild: void 0 !== trigger,
-                    ...void 0 === trigger ? {
-                        id,
-                        className: `${fieldControl({
-                            size,
-                            invalid: Boolean(error)
-                        })} ${Select_css_trigger}`,
-                        'aria-describedby': describedByIds(id, {
-                            description,
-                            error
-                        })
-                    } : {},
-                    children: trigger ?? /*#__PURE__*/ jsxs(Fragment, {
-                        children: [
-                            /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_select_36a82244.Value, {
-                                className: triggerText,
-                                placeholder: /*#__PURE__*/ jsx("span", {
-                                    className: placeholder,
-                                    children: placeholderText
-                                })
-                            }),
-                            /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_select_36a82244.Icon, {
-                                className: icon,
-                                children: /*#__PURE__*/ jsx(ChevronDownIcon, {})
-                            })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_select_36a82244.Content, {
-                    className: content,
-                    position: "popper",
-                    sideOffset: 4,
-                    children: /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_select_36a82244.Viewport, {
-                        className: viewport,
-                        children: options.map((option)=>/*#__PURE__*/ jsxs(__rspack_external__radix_ui_react_select_36a82244.Item, {
-                                value: option.value,
-                                disabled: option.disabled,
-                                className: item,
-                                children: [
-                                    /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_select_36a82244.ItemText, {
-                                        children: option.label
-                                    }),
-                                    /*#__PURE__*/ jsx(__rspack_external__radix_ui_react_select_36a82244.ItemIndicator, {
-                                        className: itemIndicator,
-                                        children: /*#__PURE__*/ jsx(CheckIcon, {})
-                                    })
-                                ]
-                            }, option.value))
-                    })
-                })
-            ]
-        })
-    });
-};
-Select.displayName = 'Select';
-const select_Select = Select;
-const components_select = select_Select;
-export default components_select;
-export { components_select as Select };
+export { Select, SelectContent, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectTrigger, SelectValue, SelectViewport } from "./5333.js";

package/dist/esm/slider.js

@@ -1,4 +1 @@
-import { slider_Slider } from "./27.js";
-const slider = slider_Slider;
-export default slider;
-export { slider as Slider };
+export { Slider, SliderRange, SliderThumb, SliderTrack } from "./27.js";