@forgedevstack/bear 1.2.3 → 1.2.4

package/dist/components/Modal/Modal.js

@@ -1,50 +1,53 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { useCallback as h, useEffect as p } from "react";
-import { createPortal as v } from "react-dom";
+import { useCallback as y, useEffect as D } from "react";
+import { createPortal as N } from "react-dom";
 import { cn as e } from "../../utils/cn.js";
-import { CloseIcon as k } from "../Icon/icons/navigation.js";
-import { MODAL_BACKDROP_CLASSES as y, MODAL_TITLE_CLASSES as N, MODAL_CLOSE_CLASSES as D, MODAL_HEADER_CLASSES as w, MODAL_BODY_CLASSES as x, MODAL_FOOTER_CLASSES as I, MODAL_SIZE_CLASSES as R, MODAL_CONTAINER_CLASSES as T } from "./Modal.const.js";
-const K = (_) => {
+import { CloseIcon as w } from "../Icon/icons/navigation.js";
+import { MODAL_BACKDROP_CLASSES as x, MODAL_TITLE_CLASSES as I, MODAL_CLOSE_CLASSES as R, MODAL_HEADER_CLASSES as T, MODAL_BODY_CLASSES as j, MODAL_FOOTER_CLASSES as P, MODAL_SIZE_CLASSES as g, MODAL_CONTAINER_CLASSES as z } from "./Modal.const.js";
+const G = (_) => {
   const {
-    isOpen: l,
+    isOpen: r,
     onClose: a,
-    title: r,
+    title: l,
     children: S,
     size: u = "md",
-    showCloseButton: c = !0,
-    closeOnEscape: s = !0,
+    showCloseButton: s = !0,
+    closeOnEscape: f = !0,
+    disableEscapeKeyDown: E = !1,
     lockBodyScroll: C = !0,
-    cancelPreventScroll: E = !1,
+    cancelPreventScroll: b = !1,
     closeOnBackdrop: L = !0,
-    isCancelBackgroundClick: i,
-    className: f,
+    hideBackdrop: p = !1,
+    keepMounted: A = !1,
+    isCancelBackgroundClick: c,
+    className: M,
     footer: n,
-    testId: b,
-    id: A
-  } = _, m = C && !E, M = i !== void 0 ? i : L, d = h(
-    (B) => {
-      s && B.key === "Escape" && a();
+    testId: B,
+    id: O
+  } = _, i = C && !b, h = c !== void 0 ? c : L, m = f && !E, d = y(
+    (v) => {
+      m && v.key === "Escape" && a();
     },
-    [s, a]
+    [m, a]
   );
-  if (p(() => {
-    if (l)
-      return document.addEventListener("keydown", d), m && (document.body.style.overflow = "hidden"), () => {
+  if (D(() => {
+    if (r)
+      return document.addEventListener("keydown", d), i && (document.body.style.overflow = "hidden"), () => {
         document.removeEventListener("keydown", d), document.body.style.overflow = "";
       };
-  }, [l, d, m]), !l) return null;
-  const O = /* @__PURE__ */ t(
+  }, [r, d, i]), !r && !A) return null;
+  const k = /* @__PURE__ */ t(
     "div",
     {
       className: "Bear-Modal bear-fixed bear-inset-0 bear-z-[11000] bear-flex bear-items-center bear-justify-center bear-p-4",
-      id: A,
-      "data-testid": b,
+      "data-testid": B,
+      id: O,
       children: [
-        /* @__PURE__ */ o(
+        !p && /* @__PURE__ */ o(
           "div",
           {
-            className: e("Bear-Modal__backdrop", y),
-            onClick: M ? a : void 0,
+            className: e("Bear-Modal__backdrop", x),
+            onClick: h ? a : void 0,
             "aria-hidden": "true"
           }
         ),
@@ -53,43 +56,43 @@ const K = (_) => {
           {
             role: "dialog",
             "aria-modal": "true",
-            "aria-labelledby": r ? "modal-title" : void 0,
+            "aria-labelledby": l ? "modal-title" : void 0,
             className: e(
               "Bear-Modal__container",
-              T,
-              R[u],
-              f
+              z,
+              g[u],
+              M
             ),
             children: [
-              (r || c) && /* @__PURE__ */ t("div", { className: e("Bear-Modal__header", w), children: [
-                r && /* @__PURE__ */ o(
+              (l || s) && /* @__PURE__ */ t("div", { className: e("Bear-Modal__header", T), children: [
+                l && /* @__PURE__ */ o(
                   "h2",
                   {
                     id: "modal-title",
-                    className: e("Bear-Modal__title", N),
-                    children: r
+                    className: e("Bear-Modal__title", I),
+                    children: l
                   }
                 ),
-                c && /* @__PURE__ */ o(
+                s && /* @__PURE__ */ o(
                   "button",
                   {
                     onClick: a,
-                    className: e("Bear-Modal__close", D),
+                    className: e("Bear-Modal__close", R),
                     "aria-label": "Close modal",
-                    children: /* @__PURE__ */ o(k, { className: "bear-w-5 bear-h-5" })
+                    children: /* @__PURE__ */ o(w, { className: "bear-w-5 bear-h-5" })
                   }
                 )
               ] }),
-              /* @__PURE__ */ o("div", { className: e("Bear-Modal__body", x), children: S }),
-              n && /* @__PURE__ */ o("div", { className: e("Bear-Modal__footer", I), children: n })
+              /* @__PURE__ */ o("div", { className: e("Bear-Modal__body", j), children: S }),
+              n && /* @__PURE__ */ o("div", { className: e("Bear-Modal__footer", P), children: n })
             ]
           }
         )
       ]
     }
   );
-  return v(O, document.body);
+  return N(k, document.body);
 };
 export {
-  K as Modal
+  G as Modal
 };

package/dist/components/Modal/Modal.types.d.ts

@@ -17,7 +17,9 @@ export interface ModalProps {
     closeOnBackdrop?: boolean;
     /** Whether pressing Escape closes modal */
     closeOnEscape?: boolean;
-    /** When false, the document body scroll is not locked while open */
+    disableEscapeKeyDown?: boolean;
+    hideBackdrop?: boolean;
+    keepMounted?: boolean;
     lockBodyScroll?: boolean;
     /** When true, the page behind the modal stays scrollable (same as lockBodyScroll: false) */
     cancelPreventScroll?: boolean;

package/dist/components/MultiSelect/MultiSelect.const.d.ts

@@ -0,0 +1 @@
+export declare const M_U_L_T_I_S_E_L_E_C_T_ROOT_CLASS = "Bear-MultiSelect";

package/dist/components/MultiSelect/MultiSelect.types.d.ts

@@ -4,6 +4,7 @@ export interface MultiSelectOption {
     disabled?: boolean;
 }
 export interface MultiSelectProps {
+    id?: string;
     /** Available options */
     options: MultiSelectOption[];
     /** Selected values */

package/dist/components/NavigableSelect/NavigableSelect.types.d.ts

@@ -15,6 +15,7 @@ export interface NavigableSelectOption {
     group?: string;
 }
 export interface NavigableSelectProps {
+    id?: string;
     /** Available options */
     options: NavigableSelectOption[];
     /** Selected value(s) — string for single, string[] for multiple */

package/dist/components/NotificationCenter/NotificationCenter.types.d.ts

@@ -72,6 +72,7 @@ export interface NotificationCenterTranslations {
  * NotificationCenter component props
  */
 export interface NotificationCenterProps {
+    id?: string;
     /** List of notifications */
     notifications: NotificationItem[];
     /** Callback when notification is clicked */

package/dist/components/NumberFormatter/NumberFormatter.types.d.ts

@@ -1,6 +1,7 @@
 import { HTMLAttributes } from 'react';
 export type NumberFormatStyle = 'decimal' | 'currency' | 'percent' | 'compact' | 'unit';
 export interface NumberFormatterProps extends HTMLAttributes<HTMLSpanElement> {
+    id?: string;
     value: number;
     formatStyle?: NumberFormatStyle;
     locale?: string;

package/dist/components/NumberInput/NumberInput.const.d.ts

@@ -0,0 +1 @@
+export declare const N_U_M_B_E_R_I_N_P_U_T_ROOT_CLASS = "Bear-NumberInput";

package/dist/components/NumberInput/NumberInput.types.d.ts

@@ -1,4 +1,6 @@
 export interface NumberInputProps {
+    testId?: string;
+    id?: string;
     value?: number;
     onChange?: (value: number) => void;
     min?: number;

package/dist/components/OTPInput/OTPInput.types.d.ts

@@ -1,6 +1,8 @@
 export type OTPInputVariant = 'boxed' | 'outline' | 'underline' | 'circle';
 export type OTPInputLayout = 'horizontal' | 'vertical';
 export interface OTPInputProps {
+    testId?: string;
+    id?: string;
     length?: number;
     value?: string;
     onChange?: (value: string) => void;

package/dist/components/Overlay/Overlay.const.d.ts

@@ -0,0 +1 @@
+export declare const O_V_E_R_L_A_Y_ROOT_CLASS = "Bear-Overlay";

package/dist/components/Overlay/Overlay.types.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
 export interface OverlayProps {
+    id?: string;
     /** Whether the overlay is visible */
     visible?: boolean;
     /** Overlay opacity (0–1) */

package/dist/components/PageNav/PageNav.types.d.ts

@@ -7,6 +7,7 @@ export interface PageNavItem {
     icon?: ReactNode;
 }
 export interface PageNavProps {
+    id?: string;
     prev?: PageNavItem | null;
     next?: PageNavItem | null;
     size?: BearSize;

package/dist/components/Pagination/Pagination.const.d.ts

@@ -0,0 +1 @@
+export declare const P_A_G_I_N_A_T_I_O_N_ROOT_CLASS = "Bear-Pagination";

package/dist/components/Pagination/Pagination.types.d.ts

@@ -1,6 +1,7 @@
 import { HTMLAttributes } from 'react';
 import { BearSize, BearVariant } from '../../types';
 export interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
+    id?: string;
     /** Total number of pages */
     count: number;
     /** Current page (1-indexed) */

package/dist/components/Paper/Paper.const.d.ts

@@ -0,0 +1 @@
+export declare const P_A_P_E_R_ROOT_CLASS = "Bear-Paper";

package/dist/components/Paper/Paper.types.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, ReactNode } from 'react';
 export interface PaperProps extends HTMLAttributes<HTMLDivElement> {
+    id?: string;
     /** Elevation level (shadow depth) */
     elevation?: 0 | 1 | 2 | 3 | 4 | 5;
     /** Border radius variant */

package/dist/components/PasswordInput/PasswordInput.const.d.ts

@@ -0,0 +1 @@
+export declare const P_A_S_S_W_O_R_D_I_N_P_U_T_ROOT_CLASS = "Bear-PasswordInput";

package/dist/components/PasswordInput/PasswordInput.types.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
 import { InputProps } from '../Input/Input.types';
 export interface PasswordInputProps extends Omit<InputProps, 'type' | 'rightAddon'> {
+    testId?: string;
+    id?: string;
     /** Whether password is currently visible */
     visible?: boolean;
     /** Controlled visibility toggle */

package/dist/components/PhoneInput/PhoneInput.types.d.ts

@@ -49,6 +49,7 @@ export interface PhoneInputTranslations {
  * PhoneInput component props
  */
 export interface PhoneInputProps {
+    id?: string;
     /** Current phone value */
     value?: PhoneValue;
     /** Callback when value changes */

package/dist/components/Popconfirm/Popconfirm.types.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 export type PopconfirmPlacement = 'top' | 'bottom' | 'left' | 'right';
 export interface PopconfirmProps {
+    id?: string;
     title: string;
     description?: string;
     onConfirm?: () => void;

package/dist/components/Popover/Popover.const.d.ts

@@ -0,0 +1 @@
+export declare const P_O_P_O_V_E_R_ROOT_CLASS = "Bear-Popover";

package/dist/components/Popover/Popover.types.d.ts

@@ -1,6 +1,8 @@
 import { ReactNode } from 'react';
 export type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
 export interface PopoverProps {
+    testId?: string;
+    id?: string;
     children: ReactNode;
     content: ReactNode;
     placement?: PopoverPlacement;

package/dist/components/Portal/Portal.const.d.ts

@@ -0,0 +1 @@
+export declare const P_O_R_T_A_L_ROOT_CLASS = "Bear-Portal";

package/dist/components/Progress/Progress.const.d.ts

@@ -0,0 +1 @@
+export declare const P_R_O_G_R_E_S_S_ROOT_CLASS = "Bear-Progress";

package/dist/components/Progress/Progress.types.d.ts

@@ -1,4 +1,5 @@
 export interface ProgressProps {
+    id?: string;
     /** Progress value (0-100) */
     value: number;
     /** Maximum value */

package/dist/components/PropsPlayground/PropsPlayground.types.d.ts

@@ -17,6 +17,7 @@ export interface PropControlConfig {
 export type PropsConfig = Record<string, PropControlConfig>;
 export type PropValues = Record<string, string | number | boolean>;
 export interface PropsPlaygroundProps {
+    id?: string;
     config: PropsConfig;
     render: (values: PropValues) => ReactNode;
     title?: string;

package/dist/components/QRCode/QRCode.types.d.ts

@@ -1,5 +1,6 @@
 import { CSSProperties } from 'react';
 export interface QRCodeProps {
+    id?: string;
     /** The value to encode in the QR code */
     value: string;
     /** Size in pixels */

package/dist/components/Radio/Radio.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),r=require("../../utils/cn.cjs"),L={xs:"bear-w-3 bear-h-3",sm:"bear-w-4 bear-h-4",md:"bear-w-5 bear-h-5",lg:"bear-w-6 bear-h-6",xl:"bear-w-7 bear-h-7"},V={xs:"bear-text-xs",sm:"bear-text-sm",md:"bear-text-base",lg:"bear-text-lg",xl:"bear-text-xl"},_={primary:"var(--bear-primary-500, #ec4899)",secondary:"#6b7280",success:"#22c55e",danger:"#ef4444",warning:"#f59e0b",info:"#3b82f6",ghost:"#9ca3af",outline:"#374151",error:"#ef4444"},A=i.createContext(null),E=i.forwardRef(({label:o,size:f="md",variant:v="primary",color:l,disabled:h=!1,error:s=!1,helperText:x,className:j,testId:g,value:t,name:n,checked:m,onChange:c,...N},S)=>{const e=i.useContext(A),p=i.useId(),d=(e==null?void 0:e.size)??f,R=(e==null?void 0:e.variant)??v,b=(e==null?void 0:e.disabled)??h,u=(e==null?void 0:e.name)??n,y=e?e.value===t:m,k=l??_[R],I=i.useCallback(()=>{if(b)return;const w=typeof t=="string"?t:String(t);e&&w&&e.onChange(w),c==null||c({target:{value:w}})},[e,t,c,b]);return a.jsxs("div",{className:r.cn("bear-flex bear-flex-col",j),children:[a.jsxs("label",{className:r.cn("bear-inline-flex bear-items-center bear-gap-2 bear-cursor-pointer",b&&"bear-opacity-50 bear-cursor-not-allowed"),children:[a.jsxs("div",{className:"bear-relative bear-flex bear-items-center bear-justify-center",children:[a.jsx("input",{ref:S,type:"radio",name:u,value:t,checked:y,disabled:b,onChange:I,className:"bear-sr-only",id:p,"data-testid":g,...N}),a.jsx("div",{className:r.cn(L[d],"bear-rounded-full bear-border-2 bear-transition-all bear-flex bear-items-center bear-justify-center",s?"bear-border-red-500":"bear-border-gray-300 dark:bear-border-gray-600",y&&!s&&"bear-border-current",!b&&"hover:bear-border-gray-400"),style:{borderColor:y&&!s?k:void 0},children:a.jsx("div",{className:r.cn("bear-rounded-full bear-transition-all bear-scale-0",y&&"bear-scale-100"),style:{width:"50%",height:"50%",backgroundColor:s?"#ef4444":k}})})]}),o&&a.jsx("span",{className:r.cn(V[d],"bear-text-gray-700 dark:bear-text-gray-300",s&&"bear-text-red-500"),children:o})]}),x&&a.jsx("span",{className:r.cn("bear-text-xs bear-mt-1 bear-ml-7",s?"bear-text-red-500":"bear-text-gray-500"),children:x})]})});E.displayName="Radio";const q=({name:o,value:f,defaultValue:v="",onChange:l,children:h,direction:s="column",size:x,variant:j,disabled:g=!1,gap:t=2,label:n,error:m=!1,helperText:c,className:N,testId:S})=>{const[e,p]=i.useState(v),d=f!==void 0,R=d?f:e,b=i.useCallback(u=>{d||p(u),l==null||l(u)},[d,l]);return a.jsxs("div",{className:r.cn("bear-flex bear-flex-col",N),role:"radiogroup","aria-label":typeof n=="string"?n:void 0,"data-testid":S,children:[n&&a.jsx("span",{className:r.cn("bear-text-sm bear-font-medium bear-mb-2 bear-text-gray-700 dark:bear-text-gray-300",m&&"bear-text-red-500"),children:n}),a.jsx(A.Provider,{value:{name:o,value:R,onChange:b,size:x,variant:j,disabled:g},children:a.jsx("div",{className:r.cn("bear-flex",s==="column"?"bear-flex-col":"bear-flex-row bear-flex-wrap"),style:{gap:`${t*.25}rem`},children:h})}),c&&a.jsx("span",{className:r.cn("bear-text-xs bear-mt-2",m?"bear-text-red-500":"bear-text-gray-500"),children:c})]})};exports.Radio=E;exports.RadioGroup=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("react"),s=require("../../utils/cn.cjs"),L=require("../../utils/generateBearId.utils.cjs"),_=require("../../utils/useBearId.cjs"),V={xs:"bear-w-3 bear-h-3",sm:"bear-w-4 bear-h-4",md:"bear-w-5 bear-h-5",lg:"bear-w-6 bear-h-6",xl:"bear-w-7 bear-h-7"},G={xs:"bear-text-xs",sm:"bear-text-sm",md:"bear-text-base",lg:"bear-text-lg",xl:"bear-text-xl"},O={primary:"var(--bear-primary-500, #ec4899)",secondary:"#6b7280",success:"#22c55e",danger:"#ef4444",warning:"#f59e0b",info:"#3b82f6",ghost:"#9ca3af",outline:"#374151",error:"#ef4444"},q=l.createContext(null),A=l.forwardRef(({label:d,size:o="md",variant:g="primary",color:c,disabled:h=!1,error:t=!1,helperText:f,className:j,id:N,testId:S,value:r,name:x,checked:m,onChange:i,...p},R)=>{const e=l.useContext(q),n=_.useBearId("Radio"),w=L.resolveBearId(N,n),u=(e==null?void 0:e.size)??o,y=(e==null?void 0:e.variant)??g,b=(e==null?void 0:e.disabled)??h,B=(e==null?void 0:e.name)??x,v=e?e.value===r:m,k=c??O[y],E=l.useCallback(()=>{if(b)return;const I=typeof r=="string"?r:String(r);e&&I&&e.onChange(I),i==null||i({target:{value:I}})},[e,r,i,b]);return a.jsxs("div",{className:s.cn("bear-flex bear-flex-col",j),children:[a.jsxs("label",{className:s.cn("bear-inline-flex bear-items-center bear-gap-2 bear-cursor-pointer",b&&"bear-opacity-50 bear-cursor-not-allowed"),children:[a.jsxs("div",{className:"bear-relative bear-flex bear-items-center bear-justify-center",children:[a.jsx("input",{ref:R,id:w,type:"radio",name:B,value:r,checked:v,disabled:b,onChange:E,className:"bear-sr-only","data-testid":S,...p}),a.jsx("div",{className:s.cn(V[u],"bear-rounded-full bear-border-2 bear-transition-all bear-flex bear-items-center bear-justify-center",t?"bear-border-red-500":"bear-border-gray-300 dark:bear-border-gray-600",v&&!t&&"bear-border-current",!b&&"hover:bear-border-gray-400"),style:{borderColor:v&&!t?k:void 0},children:a.jsx("div",{className:s.cn("bear-rounded-full bear-transition-all bear-scale-0",v&&"bear-scale-100"),style:{width:"50%",height:"50%",backgroundColor:t?"#ef4444":k}})})]}),d&&a.jsx("span",{className:s.cn(G[u],"bear-text-gray-700 dark:bear-text-gray-300",t&&"bear-text-red-500"),children:d})]}),f&&a.jsx("span",{className:s.cn("bear-text-xs bear-mt-1 bear-ml-7",t?"bear-text-red-500":"bear-text-gray-500"),children:f})]})});A.displayName="Radio";const z=({name:d,value:o,defaultValue:g="",onChange:c,children:h,direction:t="column",size:f,variant:j,disabled:N=!1,gap:S=2,label:r,error:x=!1,helperText:m,className:i,testId:p})=>{const[R,e]=l.useState(g),n=o!==void 0,w=n?o:R,u=l.useCallback(y=>{n||e(y),c==null||c(y)},[n,c]);return a.jsxs("div",{className:s.cn("bear-flex bear-flex-col",i),role:"radiogroup","aria-label":typeof r=="string"?r:void 0,"data-testid":p,children:[r&&a.jsx("span",{className:s.cn("bear-text-sm bear-font-medium bear-mb-2 bear-text-gray-700 dark:bear-text-gray-300",x&&"bear-text-red-500"),children:r}),a.jsx(q.Provider,{value:{name:d,value:w,onChange:u,size:f,variant:j,disabled:N},children:a.jsx("div",{className:s.cn("bear-flex",t==="column"?"bear-flex-col":"bear-flex-row bear-flex-wrap"),style:{gap:`${S*.25}rem`},children:h})}),m&&a.jsx("span",{className:s.cn("bear-text-xs bear-mt-2",x?"bear-text-red-500":"bear-text-gray-500"),children:m})]})};exports.Radio=A;exports.RadioGroup=z;

package/dist/components/Radio/Radio.const.d.ts

@@ -0,0 +1 @@
+export declare const R_A_D_I_O_ROOT_CLASS = "Bear-Radio";

package/dist/components/Radio/Radio.js

@@ -1,19 +1,21 @@
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
-import { createContext as j, forwardRef as V, useContext as _, useId as z, useCallback as E, useState as G } from "react";
-import { cn as a } from "../../utils/cn.js";
-const O = {
+import { jsxs as v, jsx as t } from "react/jsx-runtime";
+import { createContext as _, forwardRef as B, useContext as z, useCallback as E, useState as G } from "react";
+import { cn as r } from "../../utils/cn.js";
+import { resolveBearId as O } from "../../utils/generateBearId.utils.js";
+import { useBearId as Z } from "../../utils/useBearId.js";
+const D = {
   xs: "bear-w-3 bear-h-3",
   sm: "bear-w-4 bear-h-4",
   md: "bear-w-5 bear-h-5",
   lg: "bear-w-6 bear-h-6",
   xl: "bear-w-7 bear-h-7"
-}, Z = {
+}, P = {
   xs: "bear-text-xs",
   sm: "bear-text-sm",
   md: "bear-text-base",
   lg: "bear-text-lg",
   xl: "bear-text-xl"
-}, B = {
+}, $ = {
   primary: "var(--bear-primary-500, #ec4899)",
   secondary: "#6b7280",
   success: "#22c55e",
@@ -23,150 +25,151 @@ const O = {
   ghost: "#9ca3af",
   outline: "#374151",
   error: "#ef4444"
-}, I = j(null), D = V(({
-  label: n,
-  size: o = "md",
-  variant: v = "primary",
-  color: i,
-  disabled: h = !1,
-  error: t = !1,
-  helperText: f,
-  className: p,
-  testId: N,
-  value: s,
-  name: c,
+}, L = _(null), q = B(({
+  label: d,
+  size: n = "md",
+  variant: h = "primary",
+  color: b,
+  disabled: p = !1,
+  error: s = !1,
+  helperText: o,
+  className: N,
+  id: g,
+  testId: S,
+  value: a,
+  name: f,
   checked: m,
-  onChange: b,
-  ...g
-}, S) => {
-  const e = _(I), w = z(), d = (e == null ? void 0 : e.size) ?? o, k = (e == null ? void 0 : e.variant) ?? v, l = (e == null ? void 0 : e.disabled) ?? h, x = (e == null ? void 0 : e.name) ?? c, y = e ? e.value === s : m, A = i ?? B[k], L = E(() => {
-    if (l) return;
-    const R = typeof s == "string" ? s : String(s);
-    e && R && e.onChange(R), b == null || b({ target: { value: R } });
-  }, [e, s, b, l]);
-  return /* @__PURE__ */ u("div", { className: a("bear-flex bear-flex-col", p), children: [
-    /* @__PURE__ */ u(
+  onChange: i,
+  ...w
+}, I) => {
+  const e = z(L), l = Z("Radio"), R = O(g, l), x = (e == null ? void 0 : e.size) ?? n, y = (e == null ? void 0 : e.variant) ?? h, c = (e == null ? void 0 : e.disabled) ?? p, j = (e == null ? void 0 : e.name) ?? f, u = e ? e.value === a : m, A = b ?? $[y], V = E(() => {
+    if (c) return;
+    const k = typeof a == "string" ? a : String(a);
+    e && k && e.onChange(k), i == null || i({ target: { value: k } });
+  }, [e, a, i, c]);
+  return /* @__PURE__ */ v("div", { className: r("bear-flex bear-flex-col", N), children: [
+    /* @__PURE__ */ v(
       "label",
       {
-        className: a(
+        className: r(
           "bear-inline-flex bear-items-center bear-gap-2 bear-cursor-pointer",
-          l && "bear-opacity-50 bear-cursor-not-allowed"
+          c && "bear-opacity-50 bear-cursor-not-allowed"
         ),
         children: [
-          /* @__PURE__ */ u("div", { className: "bear-relative bear-flex bear-items-center bear-justify-center", children: [
-            /* @__PURE__ */ r(
+          /* @__PURE__ */ v("div", { className: "bear-relative bear-flex bear-items-center bear-justify-center", children: [
+            /* @__PURE__ */ t(
               "input",
               {
-                ref: S,
+                ref: I,
+                id: R,
                 type: "radio",
-                name: x,
-                value: s,
-                checked: y,
-                disabled: l,
-                onChange: L,
+                name: j,
+                value: a,
+                checked: u,
+                disabled: c,
+                onChange: V,
                 className: "bear-sr-only",
-                id: w,
-                "data-testid": N,
-                ...g
+                "data-testid": S,
+                ...w
               }
             ),
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ t(
               "div",
               {
-                className: a(
-                  O[d],
+                className: r(
+                  D[x],
                   "bear-rounded-full bear-border-2 bear-transition-all bear-flex bear-items-center bear-justify-center",
-                  t ? "bear-border-red-500" : "bear-border-gray-300 dark:bear-border-gray-600",
-                  y && !t && "bear-border-current",
-                  !l && "hover:bear-border-gray-400"
+                  s ? "bear-border-red-500" : "bear-border-gray-300 dark:bear-border-gray-600",
+                  u && !s && "bear-border-current",
+                  !c && "hover:bear-border-gray-400"
                 ),
                 style: {
-                  borderColor: y && !t ? A : void 0
+                  borderColor: u && !s ? A : void 0
                 },
-                children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ t(
                   "div",
                   {
-                    className: a(
+                    className: r(
                       "bear-rounded-full bear-transition-all bear-scale-0",
-                      y && "bear-scale-100"
+                      u && "bear-scale-100"
                     ),
                     style: {
                       width: "50%",
                       height: "50%",
-                      backgroundColor: t ? "#ef4444" : A
+                      backgroundColor: s ? "#ef4444" : A
                     }
                   }
                 )
               }
             )
           ] }),
-          n && /* @__PURE__ */ r("span", { className: a(
-            Z[d],
+          d && /* @__PURE__ */ t("span", { className: r(
+            P[x],
             "bear-text-gray-700 dark:bear-text-gray-300",
-            t && "bear-text-red-500"
-          ), children: n })
+            s && "bear-text-red-500"
+          ), children: d })
         ]
       }
     ),
-    f && /* @__PURE__ */ r("span", { className: a(
+    o && /* @__PURE__ */ t("span", { className: r(
       "bear-text-xs bear-mt-1 bear-ml-7",
-      t ? "bear-text-red-500" : "bear-text-gray-500"
-    ), children: f })
+      s ? "bear-text-red-500" : "bear-text-gray-500"
+    ), children: o })
   ] });
 });
-D.displayName = "Radio";
-const C = ({
-  name: n,
-  value: o,
-  defaultValue: v = "",
-  onChange: i,
-  children: h,
-  direction: t = "column",
-  size: f,
-  variant: p,
-  disabled: N = !1,
-  gap: s = 2,
-  label: c,
-  error: m = !1,
-  helperText: b,
-  className: g,
-  testId: S
+q.displayName = "Radio";
+const M = ({
+  name: d,
+  value: n,
+  defaultValue: h = "",
+  onChange: b,
+  children: p,
+  direction: s = "column",
+  size: o,
+  variant: N,
+  disabled: g = !1,
+  gap: S = 2,
+  label: a,
+  error: f = !1,
+  helperText: m,
+  className: i,
+  testId: w
 }) => {
-  const [e, w] = G(v), d = o !== void 0, k = d ? o : e, l = E((x) => {
-    d || w(x), i == null || i(x);
-  }, [d, i]);
-  return /* @__PURE__ */ u(
+  const [I, e] = G(h), l = n !== void 0, R = l ? n : I, x = E((y) => {
+    l || e(y), b == null || b(y);
+  }, [l, b]);
+  return /* @__PURE__ */ v(
     "div",
     {
-      className: a("bear-flex bear-flex-col", g),
+      className: r("bear-flex bear-flex-col", i),
       role: "radiogroup",
-      "aria-label": typeof c == "string" ? c : void 0,
-      "data-testid": S,
+      "aria-label": typeof a == "string" ? a : void 0,
+      "data-testid": w,
       children: [
-        c && /* @__PURE__ */ r("span", { className: a(
+        a && /* @__PURE__ */ t("span", { className: r(
           "bear-text-sm bear-font-medium bear-mb-2 bear-text-gray-700 dark:bear-text-gray-300",
-          m && "bear-text-red-500"
-        ), children: c }),
-        /* @__PURE__ */ r(I.Provider, { value: { name: n, value: k, onChange: l, size: f, variant: p, disabled: N }, children: /* @__PURE__ */ r(
+          f && "bear-text-red-500"
+        ), children: a }),
+        /* @__PURE__ */ t(L.Provider, { value: { name: d, value: R, onChange: x, size: o, variant: N, disabled: g }, children: /* @__PURE__ */ t(
           "div",
           {
-            className: a(
+            className: r(
               "bear-flex",
-              t === "column" ? "bear-flex-col" : "bear-flex-row bear-flex-wrap"
+              s === "column" ? "bear-flex-col" : "bear-flex-row bear-flex-wrap"
             ),
-            style: { gap: `${s * 0.25}rem` },
-            children: h
+            style: { gap: `${S * 0.25}rem` },
+            children: p
           }
         ) }),
-        b && /* @__PURE__ */ r("span", { className: a(
+        m && /* @__PURE__ */ t("span", { className: r(
           "bear-text-xs bear-mt-2",
-          m ? "bear-text-red-500" : "bear-text-gray-500"
-        ), children: b })
+          f ? "bear-text-red-500" : "bear-text-gray-500"
+        ), children: m })
       ]
     }
   );
 };
 export {
-  D as Radio,
-  C as RadioGroup
+  q as Radio,
+  M as RadioGroup
 };