@fragments-sdk/ui 0.13.0 → 0.15.1

package/dist/components/RadioGroup/index.js

@@ -1,32 +1,33 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
+import { Radio } from "@base-ui/react/radio";
+import { useFormFieldIds, mergeAriaIds } from "../../utils/aria.js";
 import styles from "./RadioGroup.module.scss.js";
-import { RadioRoot } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/radio/root/RadioRoot.js";
-import { RadioIndicator } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@19.2.9_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/@base-ui/react/esm/radio/indicator/RadioIndicator.js";
-function mergeAriaIds(...ids) {
-  const merged = ids.filter(Boolean).join(" ").trim();
-  return merged.length > 0 ? merged : void 0;
-}
 const RadioSizeContext = React.createContext("md");
 function RadioItem({
   value,
   label,
+  helperText,
   description,
   disabled = false,
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy,
   "aria-describedby": ariaDescribedBy,
-  className
+  className,
+  controlClassName,
+  contentClassName
 }) {
+  const resolvedHelperText = helperText ?? description;
   const size = React.useContext(RadioSizeContext);
   const id = React.useId();
   const labelId = label ? `radio-label-${id}` : void 0;
-  const descriptionId = description ? `radio-desc-${id}` : void 0;
+  const descriptionId = resolvedHelperText ? `radio-desc-${id}` : void 0;
   const radioClasses = [
     styles.radio,
     size === "sm" && styles.radioSm,
-    size === "lg" && styles.radioLg
+    size === "lg" && styles.radioLg,
+    controlClassName
   ].filter(Boolean).join(" ");
   const labelClasses = [
     styles.label,
@@ -34,9 +35,9 @@ function RadioItem({
     size === "lg" && styles.labelLg
   ].filter(Boolean).join(" ");
   const wrapperClasses = [styles.itemWrapper, className].filter(Boolean).join(" ");
-  if (!label && !description) {
+  if (!label && !resolvedHelperText) {
     return /* @__PURE__ */ jsx(
-      RadioRoot,
+      Radio.Root,
       {
         value,
         disabled,
@@ -44,7 +45,7 @@ function RadioItem({
         "aria-labelledby": ariaLabelledBy,
         "aria-describedby": ariaDescribedBy,
         className: [radioClasses, className].filter(Boolean).join(" "),
-        children: /* @__PURE__ */ jsx(RadioIndicator, { className: styles.indicator })
+        children: /* @__PURE__ */ jsx(Radio.Indicator, { className: styles.indicator })
       }
     );
   }
@@ -53,10 +54,10 @@ function RadioItem({
     {
       className: wrapperClasses,
       "data-disabled": disabled || void 0,
-      "data-has-description": description ? true : void 0,
+      "data-has-description": resolvedHelperText ? true : void 0,
       children: [
         /* @__PURE__ */ jsx(
-          RadioRoot,
+          Radio.Root,
           {
             value,
             disabled,
@@ -64,66 +65,70 @@ function RadioItem({
             "aria-labelledby": mergeAriaIds(ariaLabelledBy, labelId),
             "aria-describedby": mergeAriaIds(ariaDescribedBy, descriptionId),
             className: radioClasses,
-            children: /* @__PURE__ */ jsx(RadioIndicator, { className: styles.indicator })
+            children: /* @__PURE__ */ jsx(Radio.Indicator, { className: styles.indicator })
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: styles.content, children: [
+        /* @__PURE__ */ jsxs("div", { className: [styles.content, contentClassName].filter(Boolean).join(" "), children: [
           /* @__PURE__ */ jsx("span", { id: labelId, className: labelClasses, children: label }),
-          description && /* @__PURE__ */ jsx("span", { id: descriptionId, className: styles.description, children: description })
+          resolvedHelperText && /* @__PURE__ */ jsx("span", { id: descriptionId, className: styles.helper, children: resolvedHelperText })
         ] })
       ]
     }
   );
 }
-function RadioGroupRoot({
+const RadioGroupRoot = React.forwardRef(function RadioGroupRoot2({
   value,
   defaultValue,
   onValueChange,
+  onChange,
   orientation = "vertical",
   disabled = false,
   name,
   label,
+  helperText,
   error,
   size = "md",
+  wrapperClassName,
+  groupClassName,
   children,
   className,
   "aria-label": ariaLabel,
   "aria-labelledby": ariaLabelledBy,
   "aria-describedby": ariaDescribedBy,
   ...htmlProps
-}) {
-  const groupId = React.useId();
-  const labelId = label ? `radio-group-label-${groupId}` : void 0;
-  const errorId = error ? `radio-group-error-${groupId}` : void 0;
+}, ref) {
+  const { labelId, helperId, errorId, hasError, errorMessage } = useFormFieldIds("radio-group", { label, helperText, error });
   const groupClasses = [
     styles.group,
     styles[orientation],
-    className
+    className,
+    groupClassName
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(RadioSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxs("div", { ...htmlProps, className: styles.wrapper, children: [
+  const handleValueChange = onChange ?? onValueChange;
+  return /* @__PURE__ */ jsx(RadioSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxs("div", { ref, ...htmlProps, className: [styles.wrapper, wrapperClassName].filter(Boolean).join(" "), children: [
     label && /* @__PURE__ */ jsx("span", { id: labelId, className: styles.groupLabel, children: label }),
     /* @__PURE__ */ jsx(
       RadioGroup$1,
       {
         value,
         defaultValue,
-        onValueChange,
+        onValueChange: handleValueChange,
         disabled,
         name,
         "aria-label": ariaLabel,
         "aria-labelledby": mergeAriaIds(ariaLabelledBy, labelId),
-        "aria-describedby": mergeAriaIds(ariaDescribedBy, errorId),
+        "aria-describedby": mergeAriaIds(ariaDescribedBy, errorId, helperId),
         className: groupClasses,
         children
       }
     ),
-    error && /* @__PURE__ */ jsx("span", { id: errorId, className: styles.error, children: error })
+    helperText && /* @__PURE__ */ jsx("span", { id: helperId, className: hasError ? [styles.helper, styles.error].join(" ") : styles.helper, children: helperText }),
+    errorMessage && /* @__PURE__ */ jsx("span", { id: errorId, className: styles.error, children: errorMessage })
   ] }) });
-}
+});
 const RadioGroup = Object.assign(RadioGroupRoot, {
   Item: RadioItem
 });
 export {
   RadioGroup
 };
-//# sourceMappingURL=index.js.map

package/dist/components/ScrollArea/ScrollArea.module.scss.cjs

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const root = "_root_umvhi_1";
-const fadeMaskEnd = "_fadeMaskEnd_umvhi_6";
-const horizontal = "_horizontal_umvhi_6";
-const vertical = "_vertical_umvhi_9";
-const both = "_both_umvhi_12";
-const fadeMaskStart = "_fadeMaskStart_umvhi_16";
-const fadeMaskBoth = "_fadeMaskBoth_umvhi_26";
-const viewport = "_viewport_umvhi_36";
-const scrollbarAlways = "_scrollbarAlways_umvhi_72";
-const scrollbarHover = "_scrollbarHover_umvhi_76";
+const root = "_root_14141_1";
+const fadeMaskEnd = "_fadeMaskEnd_14141_6";
+const horizontal = "_horizontal_14141_6";
+const vertical = "_vertical_14141_9";
+const both = "_both_14141_12";
+const fadeMaskStart = "_fadeMaskStart_14141_16";
+const fadeMaskBoth = "_fadeMaskBoth_14141_26";
+const viewport = "_viewport_14141_36";
+const scrollbarAlways = "_scrollbarAlways_14141_72";
+const scrollbarHover = "_scrollbarHover_14141_76";
 const styles = {
   root,
   fadeMaskEnd,
@@ -33,4 +33,3 @@ exports.scrollbarAlways = scrollbarAlways;
 exports.scrollbarHover = scrollbarHover;
 exports.vertical = vertical;
 exports.viewport = viewport;
-//# sourceMappingURL=ScrollArea.module.scss.cjs.map

package/dist/components/ScrollArea/ScrollArea.module.scss.js

@@ -1,13 +1,13 @@
-const root = "_root_umvhi_1";
-const fadeMaskEnd = "_fadeMaskEnd_umvhi_6";
-const horizontal = "_horizontal_umvhi_6";
-const vertical = "_vertical_umvhi_9";
-const both = "_both_umvhi_12";
-const fadeMaskStart = "_fadeMaskStart_umvhi_16";
-const fadeMaskBoth = "_fadeMaskBoth_umvhi_26";
-const viewport = "_viewport_umvhi_36";
-const scrollbarAlways = "_scrollbarAlways_umvhi_72";
-const scrollbarHover = "_scrollbarHover_umvhi_76";
+const root = "_root_14141_1";
+const fadeMaskEnd = "_fadeMaskEnd_14141_6";
+const horizontal = "_horizontal_14141_6";
+const vertical = "_vertical_14141_9";
+const both = "_both_14141_12";
+const fadeMaskStart = "_fadeMaskStart_14141_16";
+const fadeMaskBoth = "_fadeMaskBoth_14141_26";
+const viewport = "_viewport_14141_36";
+const scrollbarAlways = "_scrollbarAlways_14141_72";
+const scrollbarHover = "_scrollbarHover_14141_76";
 const styles = {
   root,
   fadeMaskEnd,
@@ -33,4 +33,3 @@ export {
   vertical,
   viewport
 };
-//# sourceMappingURL=ScrollArea.module.scss.js.map

package/dist/components/ScrollArea/index.cjs

@@ -82,4 +82,3 @@ const ScrollArea = Object.assign(ScrollAreaRoot, {
   Root: ScrollAreaRoot
 });
 exports.ScrollArea = ScrollArea;
-//# sourceMappingURL=index.cjs.map

package/dist/components/ScrollArea/index.js

@@ -65,4 +65,3 @@ const ScrollArea = Object.assign(ScrollAreaRoot, {
 export {
   ScrollArea
 };
-//# sourceMappingURL=index.js.map

package/dist/components/Select/Select.module.scss.cjs

@@ -1,17 +1,31 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const trigger = "_trigger_19ioy_1";
-const value = "_value_19ioy_56";
-const placeholder = "_placeholder_19ioy_69";
-const icon = "_icon_19ioy_73";
-const positioner = "_positioner_19ioy_88";
-const popup = "_popup_19ioy_93";
-const item = "_item_19ioy_120";
-const itemIndicator = "_itemIndicator_19ioy_164";
-const group = "_group_19ioy_177";
-const groupLabel = "_groupLabel_19ioy_183";
+const wrapper = "_wrapper_u6t4o_1";
+const label = "_label_u6t4o_6";
+const helper = "_helper_u6t4o_19";
+const helperError = "_helperError_u6t4o_26";
+const errorMessage = "_errorMessage_u6t4o_30";
+const trigger = "_trigger_u6t4o_36";
+const triggerSm = "_triggerSm_u6t4o_91";
+const triggerLg = "_triggerLg_u6t4o_97";
+const value = "_value_u6t4o_103";
+const placeholder = "_placeholder_u6t4o_116";
+const icon = "_icon_u6t4o_120";
+const positioner = "_positioner_u6t4o_135";
+const popup = "_popup_u6t4o_140";
+const item = "_item_u6t4o_170";
+const itemIndicator = "_itemIndicator_u6t4o_214";
+const group = "_group_u6t4o_227";
+const groupLabel = "_groupLabel_u6t4o_233";
 const styles = {
+  wrapper,
+  label,
+  helper,
+  helperError,
+  errorMessage,
   trigger,
+  triggerSm,
+  triggerLg,
   value,
   placeholder,
   icon,
@@ -23,14 +37,20 @@ const styles = {
   groupLabel
 };
 exports.default = styles;
+exports.errorMessage = errorMessage;
 exports.group = group;
 exports.groupLabel = groupLabel;
+exports.helper = helper;
+exports.helperError = helperError;
 exports.icon = icon;
 exports.item = item;
 exports.itemIndicator = itemIndicator;
+exports.label = label;
 exports.placeholder = placeholder;
 exports.popup = popup;
 exports.positioner = positioner;
 exports.trigger = trigger;
+exports.triggerLg = triggerLg;
+exports.triggerSm = triggerSm;
 exports.value = value;
-//# sourceMappingURL=Select.module.scss.cjs.map
+exports.wrapper = wrapper;

package/dist/components/Select/Select.module.scss.js

@@ -1,15 +1,29 @@
-const trigger = "_trigger_19ioy_1";
-const value = "_value_19ioy_56";
-const placeholder = "_placeholder_19ioy_69";
-const icon = "_icon_19ioy_73";
-const positioner = "_positioner_19ioy_88";
-const popup = "_popup_19ioy_93";
-const item = "_item_19ioy_120";
-const itemIndicator = "_itemIndicator_19ioy_164";
-const group = "_group_19ioy_177";
-const groupLabel = "_groupLabel_19ioy_183";
+const wrapper = "_wrapper_u6t4o_1";
+const label = "_label_u6t4o_6";
+const helper = "_helper_u6t4o_19";
+const helperError = "_helperError_u6t4o_26";
+const errorMessage = "_errorMessage_u6t4o_30";
+const trigger = "_trigger_u6t4o_36";
+const triggerSm = "_triggerSm_u6t4o_91";
+const triggerLg = "_triggerLg_u6t4o_97";
+const value = "_value_u6t4o_103";
+const placeholder = "_placeholder_u6t4o_116";
+const icon = "_icon_u6t4o_120";
+const positioner = "_positioner_u6t4o_135";
+const popup = "_popup_u6t4o_140";
+const item = "_item_u6t4o_170";
+const itemIndicator = "_itemIndicator_u6t4o_214";
+const group = "_group_u6t4o_227";
+const groupLabel = "_groupLabel_u6t4o_233";
 const styles = {
+  wrapper,
+  label,
+  helper,
+  helperError,
+  errorMessage,
   trigger,
+  triggerSm,
+  triggerLg,
   value,
   placeholder,
   icon,
@@ -22,15 +36,21 @@ const styles = {
 };
 export {
   styles as default,
+  errorMessage,
   group,
   groupLabel,
+  helper,
+  helperError,
   icon,
   item,
   itemIndicator,
+  label,
   placeholder,
   popup,
   positioner,
   trigger,
-  value
+  triggerLg,
+  triggerSm,
+  value,
+  wrapper
 };
-//# sourceMappingURL=Select.module.scss.js.map

package/dist/components/Select/index.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const select = require("@base-ui/react/select");
+const aria = require("../../utils/aria.cjs");
 const Select_module = require("./Select.module.scss.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -58,31 +59,53 @@ function CheckIcon() {
   );
 }
 const SelectContext = React__namespace.createContext({
-  itemsRef: { current: /* @__PURE__ */ new Map() },
-  itemsVersion: 0,
-  incrementItemsVersion: () => {
-  }
+  items: /* @__PURE__ */ new Map(),
+  registerItem: () => {
+  },
+  unregisterItem: () => {
+  },
+  size: "md"
 });
-function SelectRoot({
+const SelectRoot = React__namespace.forwardRef(function SelectRoot2({
   children,
   value,
   defaultValue,
   onValueChange,
+  onChange,
   open,
   defaultOpen,
   onOpenChange,
   disabled,
   required,
   name,
-  placeholder
-}) {
+  placeholder,
+  options,
+  label,
+  helperText,
+  error,
+  size = "md",
+  className
+}, ref) {
   const [internalValue, setInternalValue] = React__namespace.useState(
     value ?? defaultValue ?? null
   );
-  const itemsRef = React__namespace.useRef(/* @__PURE__ */ new Map());
-  const [itemsVersion, setItemsVersion] = React__namespace.useState(0);
-  const incrementItemsVersion = React__namespace.useCallback(() => {
-    setItemsVersion((v) => v + 1);
+  const [items, setItems] = React__namespace.useState(
+    () => /* @__PURE__ */ new Map()
+  );
+  const registerItem = React__namespace.useCallback((itemValue, content) => {
+    setItems((prev) => {
+      const next = new Map(prev);
+      next.set(itemValue, content);
+      return next;
+    });
+  }, []);
+  const unregisterItem = React__namespace.useCallback((itemValue) => {
+    setItems((prev) => {
+      if (!prev.has(itemValue)) return prev;
+      const next = new Map(prev);
+      next.delete(itemValue);
+      return next;
+    });
   }, []);
   React__namespace.useEffect(() => {
     if (value !== void 0) {
@@ -91,24 +114,29 @@ function SelectRoot({
   }, [value]);
   const handleValueChange = React__namespace.useCallback(
     (newValue) => {
+      var _a;
       if (value === void 0) {
         setInternalValue(newValue);
       }
-      onValueChange == null ? void 0 : onValueChange(newValue);
+      (_a = onChange ?? onValueChange) == null ? void 0 : _a(newValue);
     },
-    [value, onValueChange]
+    [value, onChange, onValueChange]
   );
   const contextValue = React__namespace.useMemo(
     () => ({
       placeholder,
       value: value !== void 0 ? value : internalValue,
-      itemsRef,
-      itemsVersion,
-      incrementItemsVersion
+      items,
+      registerItem,
+      unregisterItem,
+      size
     }),
-    [placeholder, value, internalValue, itemsVersion, incrementItemsVersion]
+    [placeholder, value, internalValue, items, registerItem, unregisterItem, size]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
+  const { labelId, helperId, errorId, hasError, errorMessage } = aria.useFormFieldIds("select", { label, helperText, error });
+  const wrapperClasses = [Select_module.default.wrapper, className].filter(Boolean).join(" ");
+  const helperClasses = [Select_module.default.helper, hasError && Select_module.default.helperError].filter(Boolean).join(" ");
+  const selectContent = /* @__PURE__ */ jsxRuntime.jsx(
     select.Select.Root,
     {
       value,
@@ -120,16 +148,28 @@ function SelectRoot({
       disabled,
       required,
       name,
-      children
+      "aria-labelledby": labelId,
+      "aria-describedby": aria.mergeAriaIds(errorId, helperId),
+      children: children ?? (options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: option.value, disabled: option.disabled, children: option.label }, option.value)))
     }
-  ) });
-}
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(SelectContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: wrapperClasses, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("span", { id: labelId, className: Select_module.default.label, children: label }),
+    selectContent,
+    helperText && /* @__PURE__ */ jsxRuntime.jsx("span", { id: helperId, className: helperClasses, children: helperText }),
+    errorMessage && /* @__PURE__ */ jsxRuntime.jsx("span", { id: errorId, className: Select_module.default.errorMessage, children: errorMessage })
+  ] }) });
+});
 function SelectTrigger({ children, placeholder, className, ...htmlProps }) {
   const context = React__namespace.useContext(SelectContext);
   const placeholderText = placeholder ?? context.placeholder;
-  const classes = [Select_module.default.trigger, className].filter(Boolean).join(" ");
-  const selectedContent = context.value != null ? context.itemsRef.current.get(context.value) : null;
-  context.itemsVersion;
+  const classes = [
+    Select_module.default.trigger,
+    context.size === "sm" && Select_module.default.triggerSm,
+    context.size === "lg" && Select_module.default.triggerLg,
+    className
+  ].filter(Boolean).join(" ");
+  const selectedContent = context.value != null ? context.items.get(context.value) : null;
   const displayContent = selectedContent ?? (placeholderText ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: Select_module.default.placeholder, children: placeholderText }) : null);
   return /* @__PURE__ */ jsxRuntime.jsx(select.Select.Trigger, { ...htmlProps, className: classes, children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: Select_module.default.value, children: displayContent }),
@@ -157,17 +197,14 @@ function SelectContent({
   ) });
 }
 function SelectItem({ children, value, disabled, className, ...htmlProps }) {
-  const { itemsRef, incrementItemsVersion } = React__namespace.useContext(SelectContext);
+  const { registerItem, unregisterItem } = React__namespace.useContext(SelectContext);
   const classes = [Select_module.default.item, className].filter(Boolean).join(" ");
   React__namespace.useEffect(() => {
-    const items = itemsRef.current;
-    items.set(value, children);
-    incrementItemsVersion();
+    registerItem(value, children);
     return () => {
-      items.delete(value);
-      incrementItemsVersion();
+      unregisterItem(value);
     };
-  }, [itemsRef, incrementItemsVersion, value, children]);
+  }, [registerItem, unregisterItem, value, children]);
   return /* @__PURE__ */ jsxRuntime.jsxs(select.Select.Item, { ...htmlProps, value, disabled, className: classes, children: [
     /* @__PURE__ */ jsxRuntime.jsx(select.Select.ItemText, { children }),
     /* @__PURE__ */ jsxRuntime.jsx(select.Select.ItemIndicator, { className: Select_module.default.itemIndicator, children: /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, {}) })
@@ -195,4 +232,3 @@ exports.SelectGroupLabel = SelectGroupLabel;
 exports.SelectItem = SelectItem;
 exports.SelectRoot = SelectRoot;
 exports.SelectTrigger = SelectTrigger;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Select/index.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { type FormFieldProps } from '../../utils/aria';
 export type SelectValue = string;
 export interface SelectOption {
     value: SelectValue;
@@ -9,28 +10,35 @@ export interface SelectOption {
  * Select dropdown for choosing from a list of options.
  * @see https://usefragments.com/components/select
  */
-export interface SelectProps {
-    children: React.ReactNode;
+export interface SelectProps extends FormFieldProps {
+    children?: React.ReactNode;
     /** Controlled selected value */
     value?: SelectValue | null;
     /** Default value for uncontrolled usage */
     defaultValue?: SelectValue;
     /** Called when selection changes */
     onValueChange?: (value: SelectValue | null) => void;
+    /** Alias for onValueChange */
+    onChange?: (value: SelectValue | null) => void;
     /** Controlled open state */
     open?: boolean;
     /** Default open state */
     defaultOpen?: boolean;
     /** Called when open state changes */
     onOpenChange?: (open: boolean) => void;
-    /** Whether the select is non-interactive */
-    disabled?: boolean;
     /** Whether a selection is required */
     required?: boolean;
     /** Form field name */
     name?: string;
     /** Placeholder text when no value is selected */
     placeholder?: string;
+    /** Convenience API for simple selects (renders Select.Item entries when children are omitted) */
+    options?: SelectOption[];
+    /** Size variant.
+     * @default "md" */
+    size?: 'sm' | 'md' | 'lg';
+    /** Wrapper class name */
+    className?: string;
 }
 export interface SelectTriggerProps extends React.HTMLAttributes<HTMLButtonElement> {
     children?: React.ReactNode;
@@ -54,13 +62,13 @@ export interface SelectGroupProps extends React.HTMLAttributes<HTMLElement> {
 export interface SelectGroupLabelProps extends React.HTMLAttributes<HTMLElement> {
     children: React.ReactNode;
 }
-declare function SelectRoot({ children, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, disabled, required, name, placeholder, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+declare const SelectRoot: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
 declare function SelectTrigger({ children, placeholder, className, ...htmlProps }: SelectTriggerProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectContent({ children, className, sideOffset, align, maxVisibleItems, ...htmlProps }: SelectContentProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectItem({ children, value, disabled, className, ...htmlProps }: SelectItemProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectGroup({ children, className, ...htmlProps }: SelectGroupProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectGroupLabel({ children, className, ...htmlProps }: SelectGroupLabelProps): import("react/jsx-runtime").JSX.Element;
-export declare const Select: typeof SelectRoot & {
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>> & {
     Trigger: typeof SelectTrigger;
     Content: typeof SelectContent;
     Item: typeof SelectItem;

package/dist/components/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"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"}