@fragments-sdk/ui 0.14.0 → 0.15.1

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

@@ -1,13 +1,13 @@
-const positioner = "_positioner_1wp7z_1";
-const popup = "_popup_1wp7z_6";
-const sm = "_sm_1wp7z_47";
-const lg = "_lg_1wp7z_52";
-const title = "_title_1wp7z_57";
-const description = "_description_1wp7z_65";
-const close = "_close_1wp7z_72";
-const arrow = "_arrow_1wp7z_119";
-const body = "_body_1wp7z_143";
-const footer = "_footer_1wp7z_147";
+const positioner = "_positioner_nqmpy_1";
+const popup = "_popup_nqmpy_6";
+const sm = "_sm_nqmpy_47";
+const lg = "_lg_nqmpy_52";
+const title = "_title_nqmpy_57";
+const description = "_description_nqmpy_65";
+const close = "_close_nqmpy_72";
+const arrow = "_arrow_nqmpy_119";
+const body = "_body_nqmpy_143";
+const footer = "_footer_nqmpy_147";
 const styles = {
   positioner,
   popup,
@@ -33,4 +33,3 @@ export {
   sm,
   title
 };
-//# sourceMappingURL=Popover.module.scss.js.map

package/dist/components/Popover/index.cjs

@@ -169,4 +169,3 @@ exports.PopoverFooter = PopoverFooter;
 exports.PopoverRoot = PopoverRoot;
 exports.PopoverTitle = PopoverTitle;
 exports.PopoverTrigger = PopoverTrigger;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Popover/index.js

@@ -152,4 +152,3 @@ export {
   PopoverTitle,
   PopoverTrigger
 };
-//# sourceMappingURL=index.js.map

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

@@ -78,4 +78,3 @@ exports.trackLg = trackLg;
 exports.trackMd = trackMd;
 exports.trackSm = trackSm;
 exports.value = value;
-//# sourceMappingURL=Progress.module.scss.cjs.map

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

@@ -78,4 +78,3 @@ export {
   trackSm,
   value
 };
-//# sourceMappingURL=Progress.module.scss.js.map

package/dist/components/Progress/index.cjs

@@ -164,4 +164,3 @@ const Progress = Object.assign(ProgressRoot, {
 });
 exports.CircularProgress = CircularProgress;
 exports.Progress = Progress;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Progress/index.js

@@ -164,4 +164,3 @@ export {
   CircularProgress,
   Progress
 };
-//# sourceMappingURL=index.js.map

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

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const prompt = "_prompt_fu84g_1";
-const fixed = "_fixed_fu84g_15";
-const sticky = "_sticky_fu84g_26";
-const textarea = "_textarea_fu84g_41";
-const toolbar = "_toolbar_fu84g_83";
-const actions = "_actions_fu84g_93";
-const info = "_info_fu84g_99";
-const actionButton = "_actionButton_fu84g_106";
-const modeButton = "_modeButton_fu84g_152";
-const modeButtonActive = "_modeButtonActive_fu84g_195";
-const usage = "_usage_fu84g_200";
-const submit = "_submit_fu84g_207";
-const submitLoading = "_submitLoading_fu84g_256";
-const submitSpinner = "_submitSpinner_fu84g_260";
+const prompt = "_prompt_1y1s8_1";
+const fixed = "_fixed_1y1s8_15";
+const sticky = "_sticky_1y1s8_26";
+const textarea = "_textarea_1y1s8_41";
+const toolbar = "_toolbar_1y1s8_83";
+const actions = "_actions_1y1s8_93";
+const info = "_info_1y1s8_99";
+const actionButton = "_actionButton_1y1s8_106";
+const modeButton = "_modeButton_1y1s8_152";
+const modeButtonActive = "_modeButtonActive_1y1s8_195";
+const usage = "_usage_1y1s8_200";
+const submit = "_submit_1y1s8_207";
+const submitLoading = "_submitLoading_1y1s8_256";
+const submitSpinner = "_submitSpinner_1y1s8_260";
 const styles = {
   prompt,
   fixed,
@@ -45,4 +45,3 @@ exports.submitSpinner = submitSpinner;
 exports.textarea = textarea;
 exports.toolbar = toolbar;
 exports.usage = usage;
-//# sourceMappingURL=Prompt.module.scss.cjs.map

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

@@ -1,17 +1,17 @@
-const prompt = "_prompt_fu84g_1";
-const fixed = "_fixed_fu84g_15";
-const sticky = "_sticky_fu84g_26";
-const textarea = "_textarea_fu84g_41";
-const toolbar = "_toolbar_fu84g_83";
-const actions = "_actions_fu84g_93";
-const info = "_info_fu84g_99";
-const actionButton = "_actionButton_fu84g_106";
-const modeButton = "_modeButton_fu84g_152";
-const modeButtonActive = "_modeButtonActive_fu84g_195";
-const usage = "_usage_fu84g_200";
-const submit = "_submit_fu84g_207";
-const submitLoading = "_submitLoading_fu84g_256";
-const submitSpinner = "_submitSpinner_fu84g_260";
+const prompt = "_prompt_1y1s8_1";
+const fixed = "_fixed_1y1s8_15";
+const sticky = "_sticky_1y1s8_26";
+const textarea = "_textarea_1y1s8_41";
+const toolbar = "_toolbar_1y1s8_83";
+const actions = "_actions_1y1s8_93";
+const info = "_info_1y1s8_99";
+const actionButton = "_actionButton_1y1s8_106";
+const modeButton = "_modeButton_1y1s8_152";
+const modeButtonActive = "_modeButtonActive_1y1s8_195";
+const usage = "_usage_1y1s8_200";
+const submit = "_submit_1y1s8_207";
+const submitLoading = "_submitLoading_1y1s8_256";
+const submitSpinner = "_submitSpinner_1y1s8_260";
 const styles = {
   prompt,
   fixed,
@@ -45,4 +45,3 @@ export {
   toolbar,
   usage
 };
-//# sourceMappingURL=Prompt.module.scss.js.map

package/dist/components/Prompt/index.cjs

@@ -304,4 +304,3 @@ exports.PromptTextarea = PromptTextarea;
 exports.PromptToolbar = PromptToolbar;
 exports.PromptUsage = PromptUsage;
 exports.usePromptContext = usePromptContext;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Prompt/index.js

@@ -287,4 +287,3 @@ export {
   PromptUsage,
   usePromptContext
 };
-//# sourceMappingURL=index.js.map

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

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_1i43w_1";
-const groupLabel = "_groupLabel_1i43w_7";
-const group = "_group_1i43w_7";
-const vertical = "_vertical_1i43w_19";
-const horizontal = "_horizontal_1i43w_23";
-const itemWrapper = "_itemWrapper_1i43w_28";
-const radio = "_radio_1i43w_43";
-const radioSm = "_radioSm_1i43w_84";
-const radioLg = "_radioLg_1i43w_89";
-const indicator = "_indicator_1i43w_94";
-const content = "_content_1i43w_121";
-const label = "_label_1i43w_127";
-const labelSm = "_labelSm_1i43w_135";
-const labelLg = "_labelLg_1i43w_139";
-const description = "_description_1i43w_143";
-const error = "_error_1i43w_149";
+const wrapper = "_wrapper_1l8gp_1";
+const groupLabel = "_groupLabel_1l8gp_7";
+const group = "_group_1l8gp_7";
+const vertical = "_vertical_1l8gp_19";
+const horizontal = "_horizontal_1l8gp_23";
+const itemWrapper = "_itemWrapper_1l8gp_28";
+const radio = "_radio_1l8gp_43";
+const radioSm = "_radioSm_1l8gp_84";
+const radioLg = "_radioLg_1l8gp_89";
+const indicator = "_indicator_1l8gp_94";
+const content = "_content_1l8gp_121";
+const label = "_label_1l8gp_127";
+const labelSm = "_labelSm_1l8gp_135";
+const labelLg = "_labelLg_1l8gp_139";
+const helper = "_helper_1l8gp_143";
+const error = "_error_1l8gp_149";
 const styles = {
   wrapper,
   groupLabel,
@@ -31,15 +31,15 @@ const styles = {
   label,
   labelSm,
   labelLg,
-  description,
+  helper,
   error
 };
 exports.content = content;
 exports.default = styles;
-exports.description = description;
 exports.error = error;
 exports.group = group;
 exports.groupLabel = groupLabel;
+exports.helper = helper;
 exports.horizontal = horizontal;
 exports.indicator = indicator;
 exports.itemWrapper = itemWrapper;
@@ -51,4 +51,3 @@ exports.radioLg = radioLg;
 exports.radioSm = radioSm;
 exports.vertical = vertical;
 exports.wrapper = wrapper;
-//# sourceMappingURL=RadioGroup.module.scss.cjs.map

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

@@ -1,19 +1,19 @@
-const wrapper = "_wrapper_1i43w_1";
-const groupLabel = "_groupLabel_1i43w_7";
-const group = "_group_1i43w_7";
-const vertical = "_vertical_1i43w_19";
-const horizontal = "_horizontal_1i43w_23";
-const itemWrapper = "_itemWrapper_1i43w_28";
-const radio = "_radio_1i43w_43";
-const radioSm = "_radioSm_1i43w_84";
-const radioLg = "_radioLg_1i43w_89";
-const indicator = "_indicator_1i43w_94";
-const content = "_content_1i43w_121";
-const label = "_label_1i43w_127";
-const labelSm = "_labelSm_1i43w_135";
-const labelLg = "_labelLg_1i43w_139";
-const description = "_description_1i43w_143";
-const error = "_error_1i43w_149";
+const wrapper = "_wrapper_1l8gp_1";
+const groupLabel = "_groupLabel_1l8gp_7";
+const group = "_group_1l8gp_7";
+const vertical = "_vertical_1l8gp_19";
+const horizontal = "_horizontal_1l8gp_23";
+const itemWrapper = "_itemWrapper_1l8gp_28";
+const radio = "_radio_1l8gp_43";
+const radioSm = "_radioSm_1l8gp_84";
+const radioLg = "_radioLg_1l8gp_89";
+const indicator = "_indicator_1l8gp_94";
+const content = "_content_1l8gp_121";
+const label = "_label_1l8gp_127";
+const labelSm = "_labelSm_1l8gp_135";
+const labelLg = "_labelLg_1l8gp_139";
+const helper = "_helper_1l8gp_143";
+const error = "_error_1l8gp_149";
 const styles = {
   wrapper,
   groupLabel,
@@ -29,16 +29,16 @@ const styles = {
   label,
   labelSm,
   labelLg,
-  description,
+  helper,
   error
 };
 export {
   content,
   styles as default,
-  description,
   error,
   group,
   groupLabel,
+  helper,
   horizontal,
   indicator,
   itemWrapper,
@@ -51,4 +51,3 @@ export {
   vertical,
   wrapper
 };
-//# sourceMappingURL=RadioGroup.module.scss.js.map

package/dist/components/RadioGroup/index.cjs

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const radioGroup = require("@base-ui/react/radio-group");
+const radio = require("@base-ui/react/radio");
+const aria = require("../../utils/aria.cjs");
 const RadioGroup_module = require("./RadioGroup.module.scss.cjs");
-const RadioRoot = require("../../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.cjs");
-const RadioIndicator = require("../../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.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -23,14 +23,11 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-function mergeAriaIds(...ids) {
-  const merged = ids.filter(Boolean).join(" ").trim();
-  return merged.length > 0 ? merged : void 0;
-}
 const RadioSizeContext = React__namespace.createContext("md");
 function RadioItem({
   value,
   label,
+  helperText,
   description,
   disabled = false,
   "aria-label": ariaLabel,
@@ -40,10 +37,11 @@ function RadioItem({
   controlClassName,
   contentClassName
 }) {
+  const resolvedHelperText = helperText ?? description;
   const size = React__namespace.useContext(RadioSizeContext);
   const id = React__namespace.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 = [
     RadioGroup_module.default.radio,
     size === "sm" && RadioGroup_module.default.radioSm,
@@ -56,9 +54,9 @@ function RadioItem({
     size === "lg" && RadioGroup_module.default.labelLg
   ].filter(Boolean).join(" ");
   const wrapperClasses = [RadioGroup_module.default.itemWrapper, className].filter(Boolean).join(" ");
-  if (!label && !description) {
+  if (!label && !resolvedHelperText) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      RadioRoot.RadioRoot,
+      radio.Radio.Root,
       {
         value,
         disabled,
@@ -66,7 +64,7 @@ function RadioItem({
         "aria-labelledby": ariaLabelledBy,
         "aria-describedby": ariaDescribedBy,
         className: [radioClasses, className].filter(Boolean).join(" "),
-        children: /* @__PURE__ */ jsxRuntime.jsx(RadioIndicator.RadioIndicator, { className: RadioGroup_module.default.indicator })
+        children: /* @__PURE__ */ jsxRuntime.jsx(radio.Radio.Indicator, { className: RadioGroup_module.default.indicator })
       }
     );
   }
@@ -75,29 +73,29 @@ 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__ */ jsxRuntime.jsx(
-          RadioRoot.RadioRoot,
+          radio.Radio.Root,
           {
             value,
             disabled,
             "aria-label": ariaLabel,
-            "aria-labelledby": mergeAriaIds(ariaLabelledBy, labelId),
-            "aria-describedby": mergeAriaIds(ariaDescribedBy, descriptionId),
+            "aria-labelledby": aria.mergeAriaIds(ariaLabelledBy, labelId),
+            "aria-describedby": aria.mergeAriaIds(ariaDescribedBy, descriptionId),
             className: radioClasses,
-            children: /* @__PURE__ */ jsxRuntime.jsx(RadioIndicator.RadioIndicator, { className: RadioGroup_module.default.indicator })
+            children: /* @__PURE__ */ jsxRuntime.jsx(radio.Radio.Indicator, { className: RadioGroup_module.default.indicator })
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [RadioGroup_module.default.content, contentClassName].filter(Boolean).join(" "), children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { id: labelId, className: labelClasses, children: label }),
-          description && /* @__PURE__ */ jsxRuntime.jsx("span", { id: descriptionId, className: RadioGroup_module.default.description, children: description })
+          resolvedHelperText && /* @__PURE__ */ jsxRuntime.jsx("span", { id: descriptionId, className: RadioGroup_module.default.helper, children: resolvedHelperText })
         ] })
       ]
     }
   );
 }
-function RadioGroupRoot({
+const RadioGroupRoot = React__namespace.forwardRef(function RadioGroupRoot2({
   value,
   defaultValue,
   onValueChange,
@@ -106,6 +104,7 @@ function RadioGroupRoot({
   disabled = false,
   name,
   label,
+  helperText,
   error,
   size = "md",
   wrapperClassName,
@@ -116,10 +115,8 @@ function RadioGroupRoot({
   "aria-labelledby": ariaLabelledBy,
   "aria-describedby": ariaDescribedBy,
   ...htmlProps
-}) {
-  const groupId = React__namespace.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 } = aria.useFormFieldIds("radio-group", { label, helperText, error });
   const groupClasses = [
     RadioGroup_module.default.group,
     RadioGroup_module.default[orientation],
@@ -127,7 +124,7 @@ function RadioGroupRoot({
     groupClassName
   ].filter(Boolean).join(" ");
   const handleValueChange = onChange ?? onValueChange;
-  return /* @__PURE__ */ jsxRuntime.jsx(RadioSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ...htmlProps, className: [RadioGroup_module.default.wrapper, wrapperClassName].filter(Boolean).join(" "), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(RadioSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, ...htmlProps, className: [RadioGroup_module.default.wrapper, wrapperClassName].filter(Boolean).join(" "), children: [
     label && /* @__PURE__ */ jsxRuntime.jsx("span", { id: labelId, className: RadioGroup_module.default.groupLabel, children: label }),
     /* @__PURE__ */ jsxRuntime.jsx(
       radioGroup.RadioGroup,
@@ -138,17 +135,17 @@ function RadioGroupRoot({
         disabled,
         name,
         "aria-label": ariaLabel,
-        "aria-labelledby": mergeAriaIds(ariaLabelledBy, labelId),
-        "aria-describedby": mergeAriaIds(ariaDescribedBy, errorId),
+        "aria-labelledby": aria.mergeAriaIds(ariaLabelledBy, labelId),
+        "aria-describedby": aria.mergeAriaIds(ariaDescribedBy, errorId, helperId),
         className: groupClasses,
         children
       }
     ),
-    error && /* @__PURE__ */ jsxRuntime.jsx("span", { id: errorId, className: RadioGroup_module.default.error, children: error })
+    helperText && /* @__PURE__ */ jsxRuntime.jsx("span", { id: helperId, className: hasError ? [RadioGroup_module.default.helper, RadioGroup_module.default.error].join(" ") : RadioGroup_module.default.helper, children: helperText }),
+    errorMessage && /* @__PURE__ */ jsxRuntime.jsx("span", { id: errorId, className: RadioGroup_module.default.error, children: errorMessage })
   ] }) });
-}
+});
 const RadioGroup = Object.assign(RadioGroupRoot, {
   Item: RadioItem
 });
 exports.RadioGroup = RadioGroup;
-//# sourceMappingURL=index.cjs.map

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

@@ -20,8 +20,10 @@ export interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElemen
     name?: string;
     /** Label for the group */
     label?: string;
-    /** Error message */
-    error?: string;
+    /** Helper text shown below the group */
+    helperText?: string;
+    /** Show error styling. When a string is provided, it is displayed as an error message. */
+    error?: boolean | string;
     /** Size variant */
     size?: 'sm' | 'md' | 'lg';
     /** Class applied to the outer wrapper (label + group + error) */
@@ -36,7 +38,9 @@ export interface RadioItemProps {
     value: string;
     /** Label text */
     label?: string;
-    /** Description text below the label */
+    /** Helper text shown below the label */
+    helperText?: string;
+    /** @deprecated Use helperText instead. Description text below the label. */
     description?: string;
     /** Whether this item is disabled */
     disabled?: boolean;
@@ -53,9 +57,8 @@ export interface RadioItemProps {
     /** Class applied to the item text content wrapper */
     contentClassName?: string;
 }
-declare function RadioItem({ value, label, description, disabled, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, className, controlClassName, contentClassName, }: RadioItemProps): import("react/jsx-runtime").JSX.Element;
-declare function RadioGroupRoot({ value, defaultValue, onValueChange, onChange, orientation, disabled, name, label, error, size, wrapperClassName, groupClassName, children, className, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, ...htmlProps }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
-export declare const RadioGroup: typeof RadioGroupRoot & {
+declare function RadioItem({ value, label, helperText, description, disabled, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, className, controlClassName, contentClassName, }: RadioItemProps): import("react/jsx-runtime").JSX.Element;
+export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>> & {
     Item: typeof RadioItem;
 };
 export type { RadioGroupProps as RadioGroupRootProps };

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IAC9G,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,qCAAqC;IACrC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uCAAuC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAiBD,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,EACnC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,cAAc,2CA6DhB;AAMD,iBAAS,cAAc,CAAC,EACtB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,WAAwB,EACxB,QAAgB,EAChB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,IAAW,EACX,gBAAgB,EAChB,cAAc,EACd,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,EACnC,GAAG,SAAS,EACb,EAAE,eAAe,2CAmCjB;AAMD,eAAO,MAAM,UAAU;;CAErB,CAAC;AAEH,YAAY,EAAE,eAAe,IAAI,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC;IAC9G,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,qCAAqC;IACrC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0FAA0F;IAC1F,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,iEAAiE;IACjE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uCAAuC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,cAAc;IAC7B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2CAA2C;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qDAAqD;IACrD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAYD,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,EACnC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,GACjB,EAAE,cAAc,2CA8DhB;AAsED,eAAO,MAAM,UAAU;;CAErB,CAAC;AAEH,YAAY,EAAE,eAAe,IAAI,mBAAmB,EAAE,CAAC"}

package/dist/components/RadioGroup/index.js

@@ -1,17 +1,14 @@
 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,
@@ -21,10 +18,11 @@ function RadioItem({
   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,
@@ -37,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,
@@ -47,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 })
       }
     );
   }
@@ -56,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,
@@ -67,18 +65,18 @@ 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, 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,
@@ -87,6 +85,7 @@ function RadioGroupRoot({
   disabled = false,
   name,
   label,
+  helperText,
   error,
   size = "md",
   wrapperClassName,
@@ -97,10 +96,8 @@ function RadioGroupRoot({
   "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],
@@ -108,7 +105,7 @@ function RadioGroupRoot({
     groupClassName
   ].filter(Boolean).join(" ");
   const handleValueChange = onChange ?? onValueChange;
-  return /* @__PURE__ */ jsx(RadioSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxs("div", { ...htmlProps, className: [styles.wrapper, wrapperClassName].filter(Boolean).join(" "), children: [
+  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,
@@ -120,18 +117,18 @@ function RadioGroupRoot({
         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