@forgedevstack/bear 1.2.3 → 1.2.5

package/dist/components/MessageList/MessageList.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./MessageList.const.cjs"),n=(e,s)=>e.getFullYear()===s.getFullYear()&&e.getMonth()===s.getMonth()&&e.getDate()===s.getDate(),u=e=>`${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`,c=(e,s)=>{const o=new Date;if(n(e,o))return s.today;const g=new Date(o.getTime()-y.MESSAGE_LIST_MS_PER_DAY);return n(e,g)?s.yesterday:e.toLocaleDateString([],{year:"numeric",month:"long",day:"numeric"})},d=e=>e.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}),D=(e,s,o,g)=>{const i=[];let r=null;for(const t of e){const m=r===null||!n(r,t.timestamp);g&&m&&i.push({kind:"day",key:`day-${u(t.timestamp)}`,date:t.timestamp});const a=i[i.length-1],l=a!==void 0&&a.kind==="group"&&a.author.id===t.author.id&&t.timestamp.getTime()-a.messages[a.messages.length-1].timestamp.getTime()<=o;a!==void 0&&a.kind==="group"&&l?a.messages.push(t):i.push({kind:"group",key:`group-${t.id}`,author:t.author,isOwn:t.author.id===s,messages:[t]}),r=t.timestamp}return i};exports.buildMessageListItems=D;exports.getDayKey=u;exports.getDefaultDayLabel=c;exports.getDefaultTimestamp=d;exports.isSameDay=n;

package/dist/components/MessageList/MessageList.utils.d.ts

@@ -0,0 +1,6 @@
+import { MessageListItem, MessageListMessage, MessageListTranslations } from './MessageList.types';
+export declare const isSameDay: (a: Date, b: Date) => boolean;
+export declare const getDayKey: (date: Date) => string;
+export declare const getDefaultDayLabel: (date: Date, translations: MessageListTranslations) => string;
+export declare const getDefaultTimestamp: (date: Date) => string;
+export declare const buildMessageListItems: (messages: MessageListMessage[], currentUserId: string | undefined, groupWindowMs: number, showDaySeparators: boolean) => MessageListItem[];

package/dist/components/MessageList/MessageList.utils.js

@@ -0,0 +1,35 @@
+import { MESSAGE_LIST_MS_PER_DAY as l } from "./MessageList.const.js";
+const g = (t, s) => t.getFullYear() === s.getFullYear() && t.getMonth() === s.getMonth() && t.getDate() === s.getDate(), c = (t) => `${t.getFullYear()}-${t.getMonth()}-${t.getDate()}`, d = (t, s) => {
+  const i = /* @__PURE__ */ new Date();
+  if (g(t, i))
+    return s.today;
+  const n = new Date(i.getTime() - l);
+  return g(t, n) ? s.yesterday : t.toLocaleDateString([], { year: "numeric", month: "long", day: "numeric" });
+}, y = (t) => t.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }), h = (t, s, i, n) => {
+  const o = [];
+  let r = null;
+  for (const e of t) {
+    const m = r === null || !g(r, e.timestamp);
+    n && m && o.push({
+      kind: "day",
+      key: `day-${c(e.timestamp)}`,
+      date: e.timestamp
+    });
+    const a = o[o.length - 1], u = a !== void 0 && a.kind === "group" && a.author.id === e.author.id && e.timestamp.getTime() - a.messages[a.messages.length - 1].timestamp.getTime() <= i;
+    a !== void 0 && a.kind === "group" && u ? a.messages.push(e) : o.push({
+      kind: "group",
+      key: `group-${e.id}`,
+      author: e.author,
+      isOwn: e.author.id === s,
+      messages: [e]
+    }), r = e.timestamp;
+  }
+  return o;
+};
+export {
+  h as buildMessageListItems,
+  c as getDayKey,
+  d as getDefaultDayLabel,
+  y as getDefaultTimestamp,
+  g as isSameDay
+};

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

@@ -0,0 +1,2 @@
+export { MessageList } from './MessageList';
+export type { MessageListProps, MessageListMessage, MessageListAuthor, MessageListTranslations, MessageListItem, MessageListDayItem, MessageListGroupItem, } from './MessageList.types';

package/dist/components/Modal/Modal.cjs

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

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";