@forgedevstack/bear 1.3.2 → 1.3.4

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

@@ -0,0 +1,2 @@
+export { ThemeSwitcher } from './ThemeSwitcher';
+export type { ThemeSwitcherProps, ThemeSwitcherTranslations } from './ThemeSwitcher.types';

package/dist/components/ThinkingBlock/ThinkingBlock.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("react"),x=require("../../constants/generals.const.cjs"),b=require("../../utils/cn.cjs"),L=require("../../utils/generateBearId.utils.cjs"),K=require("../../utils/useBearId.cjs"),l=require("../Box/Box.cjs"),A=require("../Button/Button.cjs"),E=require("../Typography/Typography.cjs"),r=require("./ThinkingBlock.const.cjs"),S=d=>{const{id:u,testId:B,title:g,children:n,defaultOpen:T=r.THINKING_BLOCK_DEFAULT_OPEN,open:s,onOpenChange:t,isStreaming:I=r.THINKING_BLOCK_DEFAULT_STREAMING,translations:N,className:_}=d,h=K.useBearId(x.COMPONENT_NAME_THINKING_BLOCK),i=L.resolveBearId(u,h),[k,p]=q.useState(T),o=s??k,y={...r.THINKING_BLOCK_DEFAULT_TRANSLATIONS,...N},O=g??y.thinkingLabel,a=`${i}-body`,m=()=>{const c=!o;s===void 0&&p(c),t==null||t(c)};return e.jsxs(l.Box,{id:i,"data-testid":B,className:b.cn("Bear-ThinkingBlock",I&&"Bear-ThinkingBlock--streaming",_),children:[e.jsx(A.Button,{type:"button",variant:"ghost",className:"Bear-ThinkingBlock__trigger","aria-expanded":o,"aria-controls":a,onClick:m,children:O}),o&&e.jsx(l.Box,{id:a,className:"Bear-ThinkingBlock__body",children:typeof n=="string"?e.jsx(E.Typography,{variant:"body2",color:"muted",children:n}):n})]})};exports.ThinkingBlock=S;

package/dist/components/ThinkingBlock/ThinkingBlock.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("../../constants/generals.const.cjs"),_={thinkingLabel:N.LABEL_THINKING},L=N.BOOLEAN_FALSE,T=N.BOOLEAN_FALSE;exports.THINKING_BLOCK_DEFAULT_OPEN=L;exports.THINKING_BLOCK_DEFAULT_STREAMING=T;exports.THINKING_BLOCK_DEFAULT_TRANSLATIONS=_;

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

@@ -0,0 +1,4 @@
+import { ThinkingBlockTranslations } from './ThinkingBlock.types';
+export declare const THINKING_BLOCK_DEFAULT_TRANSLATIONS: ThinkingBlockTranslations;
+export declare const THINKING_BLOCK_DEFAULT_OPEN = false;
+export declare const THINKING_BLOCK_DEFAULT_STREAMING = false;

package/dist/components/ThinkingBlock/ThinkingBlock.const.js

@@ -0,0 +1,9 @@
+import { BOOLEAN_FALSE as N, LABEL_THINKING as L } from "../../constants/generals.const.js";
+const I = {
+  thinkingLabel: L
+}, T = N, A = N;
+export {
+  T as THINKING_BLOCK_DEFAULT_OPEN,
+  A as THINKING_BLOCK_DEFAULT_STREAMING,
+  I as THINKING_BLOCK_DEFAULT_TRANSLATIONS
+};

package/dist/components/ThinkingBlock/ThinkingBlock.d.ts

@@ -0,0 +1,2 @@
+import { ThinkingBlockProps } from './ThinkingBlock.types';
+export declare const ThinkingBlock: (props: ThinkingBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ThinkingBlock/ThinkingBlock.js

@@ -0,0 +1,45 @@
+import { jsxs as L, jsx as r } from "react/jsx-runtime";
+import { useState as y } from "react";
+import { COMPONENT_NAME_THINKING_BLOCK as K } from "../../constants/generals.const.js";
+import { cn as b } from "../../utils/cn.js";
+import { resolveBearId as u } from "../../utils/generateBearId.utils.js";
+import { useBearId as A } from "../../utils/useBearId.js";
+import { Box as c } from "../Box/Box.js";
+import { Button as E } from "../Button/Button.js";
+import { Typography as x } from "../Typography/Typography.js";
+import { THINKING_BLOCK_DEFAULT_OPEN as C, THINKING_BLOCK_DEFAULT_STREAMING as G, THINKING_BLOCK_DEFAULT_TRANSLATIONS as S } from "./ThinkingBlock.const.js";
+const q = (d) => {
+  const {
+    id: m,
+    testId: l,
+    title: p,
+    children: o,
+    defaultOpen: N = C,
+    open: e,
+    onOpenChange: t,
+    isStreaming: T = G,
+    translations: B,
+    className: I
+  } = d, g = A(K), i = u(m, g), [_, f] = y(N), n = e ?? _, h = { ...S, ...B }, k = p ?? h.thinkingLabel, a = `${i}-body`, O = () => {
+    const s = !n;
+    e === void 0 && f(s), t == null || t(s);
+  };
+  return /* @__PURE__ */ L(c, { id: i, "data-testid": l, className: b("Bear-ThinkingBlock", T && "Bear-ThinkingBlock--streaming", I), children: [
+    /* @__PURE__ */ r(
+      E,
+      {
+        type: "button",
+        variant: "ghost",
+        className: "Bear-ThinkingBlock__trigger",
+        "aria-expanded": n,
+        "aria-controls": a,
+        onClick: O,
+        children: k
+      }
+    ),
+    n && /* @__PURE__ */ r(c, { id: a, className: "Bear-ThinkingBlock__body", children: typeof o == "string" ? /* @__PURE__ */ r(x, { variant: "body2", color: "muted", children: o }) : o })
+  ] });
+};
+export {
+  q as ThinkingBlock
+};

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

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export interface ThinkingBlockTranslations {
+    thinkingLabel: string;
+}
+export interface ThinkingBlockProps {
+    id?: string;
+    testId?: string;
+    title?: string;
+    children?: ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    isStreaming?: boolean;
+    translations?: Partial<ThinkingBlockTranslations>;
+    className?: string;
+}

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

@@ -0,0 +1,2 @@
+export { ThinkingBlock } from './ThinkingBlock';
+export type { ThinkingBlockProps, ThinkingBlockTranslations } from './ThinkingBlock.types';

package/dist/components/Toast/Toast.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),x=require("./Toast.const.cjs"),I=require("../../utils/cn.cjs"),R=require("../../utils/generateBearId.utils.cjs"),A=require("../../utils/liveRegion.utils.cjs"),P={success:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),e.jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]}),info:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"16",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"8",x2:"12.01",y2:"8"})]}),warning:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),e.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),e.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),error:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"15",y1:"9",x2:"9",y2:"15"}),e.jsx("line",{x1:"9",y1:"9",x2:"15",y2:"15"})]})},L=()=>e.jsxs("svg",{width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),M=x.TOAST_SEVERITY_MODIFIER,N=x.TOAST_POSITION_CLASSES,y=s.createContext(null),B=()=>{const l=s.useContext(y);if(!l)throw new Error("useToast must be used within a ToastProvider");return l},q=({id:l,testId:b,message:h,title:u,severity:a="info",duration:i=5e3,closable:n=!0,icon:o,action:f,onClose:c,onRemove:T,className:j,autoScroll:v=!1,pauseOnHover:_=!1})=>{const[m,t]=s.useState(!1),[r,d]=s.useState(!1),S=s.useRef(null),g=s.useRef(i),k=s.useRef(0);s.useEffect(()=>{v&&S.current&&S.current.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})},[v]),s.useEffect(()=>{if(i<=0||r)return;k.current=Date.now();const O=setTimeout(()=>{t(!0),setTimeout(()=>{T(),c==null||c()},x.TOAST_EXIT_MS)},g.current);return()=>{clearTimeout(O),g.current=Math.max(0,g.current-(Date.now()-k.current))}},[i,r,T,c]);const E=()=>{t(!0),setTimeout(()=>{T(),c==null||c()},x.TOAST_EXIT_MS)},w=()=>o===!1?null:o||P[a],p=A.getBearLiveRegionProps(a);return e.jsxs("div",{ref:S,id:l,"data-testid":b,...p,"aria-atomic":"true",onMouseEnter:_?()=>d(!0):void 0,onMouseLeave:_?()=>d(!1):void 0,className:I.cn(x.T_O_A_S_T_ROOT_CLASS,x.TOAST_ITEM_CLASSES,m?"bear-opacity-0 bear-translate-x-2":"bear-opacity-100 bear-translate-x-0",M[a],j),children:[w()&&e.jsx("span",{className:"bear-flex-shrink-0 bear-mt-0.5",children:w()}),e.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[u&&e.jsx("div",{className:"bear-font-semibold bear-mb-0.5",children:u}),e.jsx("div",{className:"bear-text-sm bear-opacity-90",children:h})]}),f&&e.jsx("div",{className:"bear-flex-shrink-0",children:f}),n&&e.jsx("button",{type:"button",onClick:E,className:"bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-black/10 dark:hover:bear-bg-white/20 bear-transition-colors bear-bg-transparent bear-border-none bear-cursor-pointer","aria-label":"Close",children:e.jsx(L,{})})]})},C=({position:l="top-right",maxToasts:b=5,className:h})=>{const u=s.useContext(y);if(!u)return null;const{_toasts:a,_removeToast:i}=u,n=a.slice(0,b);return e.jsx("div",{className:I.cn(`${x.T_O_A_S_T_ROOT_CLASS}__container`,"bear-fixed bear-z-[11000] bear-flex bear-flex-col bear-gap-2",N[l],h),"aria-relevant":"additions",children:n.map(o=>e.jsx(q,{...o,onRemove:()=>i(o.id)},o.id))})},V=({children:l,position:b="top-right",maxToasts:h})=>{const[u,a]=s.useState([]),i=s.useCallback(t=>{a(r=>r.filter(d=>d.id!==t))},[]),n=s.useCallback(t=>{const r=t.id||R.generateBearId("Toast");return a(d=>[...d,{...t,id:r}]),r},[]),o=s.useCallback(t=>n(t),[n]),f=s.useCallback((t,r)=>n({message:t,severity:"success",...r}),[n]),c=s.useCallback((t,r)=>n({message:t,severity:"info",...r}),[n]),T=s.useCallback((t,r)=>n({message:t,severity:"warning",...r}),[n]),j=s.useCallback((t,r)=>n({message:t,severity:"error",...r}),[n]),v=s.useCallback(t=>i(t),[i]),_=s.useCallback(()=>a([]),[]),m={toast:o,success:f,info:c,warning:T,error:j,dismiss:v,dismissAll:_,_toasts:u,_removeToast:i};return e.jsxs(y.Provider,{value:m,children:[l,e.jsx(C,{position:b,maxToasts:h})]})};exports.ToastContainer=C;exports.ToastProvider=V;exports.useToast=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),o=require("react"),y=require("./Toast.const.cjs"),i=require("./Toast.context.cjs"),u=require("./ToastContainer.cjs"),P=require("../../utils/generateBearId.utils.cjs"),f=({children:l,position:T="top-right",maxToasts:d})=>{const[C,a]=o.useState([]),r=o.useCallback(s=>{a(e=>e.filter(n=>n.id!==s))},[]),t=o.useCallback(s=>{const e=s.id||P.generateBearId(y.COMPONENT_NAME_TOAST);return a(n=>[...n,{...s,id:e}]),e},[]),b=o.useCallback(s=>t(s),[t]),v=o.useCallback((s,e)=>t({message:s,severity:"success",...e}),[t]),k=o.useCallback((s,e)=>t({message:s,severity:"info",...e}),[t]),g=o.useCallback((s,e)=>t({message:s,severity:"warning",...e}),[t]),_=o.useCallback((s,e)=>t({message:s,severity:"error",...e}),[t]),m=o.useCallback(s=>r(s),[r]),q=o.useCallback(()=>a([]),[]),x={toast:b,success:v,info:k,warning:g,error:_,dismiss:m,dismissAll:q,_toasts:C,_removeToast:r};return c.jsxs(i.ToastContext.Provider,{value:x,children:[l,c.jsx(u.ToastContainer,{position:T,maxToasts:d})]})};exports.useToast=i.useToast;exports.ToastContainer=u.ToastContainer;exports.ToastProvider=f;

package/dist/components/Toast/Toast.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../utils/liveRegion.const.cjs"),e="Bear-Toast";r.BEAR_ARIA_LIVE_BY_SEVERITY.success,r.BEAR_ARIA_LIVE_BY_SEVERITY.info,r.BEAR_ARIA_LIVE_BY_SEVERITY.warning,r.BEAR_ARIA_LIVE_BY_SEVERITY.error;r.BEAR_ARIA_ROLE_BY_SEVERITY.success,r.BEAR_ARIA_ROLE_BY_SEVERITY.info,r.BEAR_ARIA_ROLE_BY_SEVERITY.warning,r.BEAR_ARIA_ROLE_BY_SEVERITY.error;const _=200,t={success:`${e}--success`,info:`${e}--info`,warning:`${e}--warning`,error:`${e}--error`},a={"top-left":"bear-top-4 bear-left-4","top-center":"bear-top-4 bear-left-1/2 bear-transform bear--translate-x-1/2","top-right":"bear-top-4 bear-right-4","bottom-left":"bear-bottom-4 bear-left-4","bottom-center":"bear-bottom-4 bear-left-1/2 bear-transform bear--translate-x-1/2","bottom-right":"bear-bottom-4 bear-right-4"},o="bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg bear-shadow-lg bear-min-w-[300px] bear-max-w-[400px] bear-transition-all bear-duration-200";exports.TOAST_EXIT_MS=_;exports.TOAST_ITEM_CLASSES=o;exports.TOAST_POSITION_CLASSES=a;exports.TOAST_SEVERITY_MODIFIER=t;exports.T_O_A_S_T_ROOT_CLASS=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../utils/liveRegion.const.cjs"),e=require("../../constants/numbers.const.cjs"),_="Bear-Toast",t="Toast";r.BEAR_ARIA_LIVE_BY_SEVERITY.success,r.BEAR_ARIA_LIVE_BY_SEVERITY.info,r.BEAR_ARIA_LIVE_BY_SEVERITY.warning,r.BEAR_ARIA_LIVE_BY_SEVERITY.error;r.BEAR_ARIA_ROLE_BY_SEVERITY.success,r.BEAR_ARIA_ROLE_BY_SEVERITY.info,r.BEAR_ARIA_ROLE_BY_SEVERITY.warning,r.BEAR_ARIA_ROLE_BY_SEVERITY.error;const T=e.TWO_HUNDRED,o=e.FIVE_THOUSAND,E={success:`${_}--success`,info:`${_}--info`,warning:`${_}--warning`,error:`${_}--error`},A={"top-left":"bear-top-4 bear-left-4","top-center":"bear-top-4 bear-left-1/2 bear-transform bear--translate-x-1/2","top-right":"bear-top-4 bear-right-4","bottom-left":"bear-bottom-4 bear-left-4","bottom-center":"bear-bottom-4 bear-left-1/2 bear-transform bear--translate-x-1/2","bottom-right":"bear-bottom-4 bear-right-4"},a="bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg bear-shadow-lg bear-min-w-[300px] bear-max-w-[400px] bear-transition-all bear-duration-200";exports.COMPONENT_NAME_TOAST=t;exports.TOAST_DEFAULT_DURATION=o;exports.TOAST_EXIT_MS=T;exports.TOAST_ITEM_CLASSES=a;exports.TOAST_POSITION_CLASSES=A;exports.TOAST_SEVERITY_MODIFIER=E;exports.T_O_A_S_T_ROOT_CLASS=_;

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

@@ -1,8 +1,10 @@
 import { ToastSeverity, ToastPosition } from './Toast.types';
 export declare const T_O_A_S_T_ROOT_CLASS = "Bear-Toast";
+export declare const COMPONENT_NAME_TOAST = "Toast";
 export declare const TOAST_ARIA_LIVE: Record<ToastSeverity, 'polite' | 'assertive'>;
 export declare const TOAST_ARIA_ROLE: Record<ToastSeverity, 'status' | 'alert'>;
 export declare const TOAST_EXIT_MS = 200;
+export declare const TOAST_DEFAULT_DURATION = 5000;
 export declare const TOAST_SEVERITY_MODIFIER: Record<ToastSeverity, string>;
 export declare const TOAST_POSITION_CLASSES: Record<ToastPosition, string>;
 export declare const TOAST_ITEM_CLASSES = "bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg bear-shadow-lg bear-min-w-[300px] bear-max-w-[400px] bear-transition-all bear-duration-200";

package/dist/components/Toast/Toast.const.js

@@ -1,24 +1,27 @@
 import { BEAR_ARIA_LIVE_BY_SEVERITY as r, BEAR_ARIA_ROLE_BY_SEVERITY as e } from "../../utils/liveRegion.const.js";
-const t = "Bear-Toast";
+import { FIVE_THOUSAND as o, TWO_HUNDRED as a } from "../../constants/numbers.const.js";
+const t = "Bear-Toast", b = "Toast";
 r.success, r.info, r.warning, r.error;
 e.success, e.info, e.warning, e.error;
-const o = 200, n = {
+const T = a, _ = o, i = {
   success: `${t}--success`,
   info: `${t}--info`,
   warning: `${t}--warning`,
   error: `${t}--error`
-}, b = {
+}, c = {
   "top-left": "bear-top-4 bear-left-4",
   "top-center": "bear-top-4 bear-left-1/2 bear-transform bear--translate-x-1/2",
   "top-right": "bear-top-4 bear-right-4",
   "bottom-left": "bear-bottom-4 bear-left-4",
   "bottom-center": "bear-bottom-4 bear-left-1/2 bear-transform bear--translate-x-1/2",
   "bottom-right": "bear-bottom-4 bear-right-4"
-}, s = "bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg bear-shadow-lg bear-min-w-[300px] bear-max-w-[400px] bear-transition-all bear-duration-200";
+}, S = "bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg bear-shadow-lg bear-min-w-[300px] bear-max-w-[400px] bear-transition-all bear-duration-200";
 export {
-  o as TOAST_EXIT_MS,
-  s as TOAST_ITEM_CLASSES,
-  b as TOAST_POSITION_CLASSES,
-  n as TOAST_SEVERITY_MODIFIER,
+  b as COMPONENT_NAME_TOAST,
+  _ as TOAST_DEFAULT_DURATION,
+  T as TOAST_EXIT_MS,
+  S as TOAST_ITEM_CLASSES,
+  c as TOAST_POSITION_CLASSES,
+  i as TOAST_SEVERITY_MODIFIER,
   t as T_O_A_S_T_ROOT_CLASS
 };

package/dist/components/Toast/Toast.context.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=e.createContext(null),s=()=>{const t=e.useContext(o);if(!t)throw new Error("useToast must be used within a ToastProvider");return t};exports.ToastContext=o;exports.useToast=s;

package/dist/components/Toast/Toast.context.d.ts

@@ -0,0 +1,3 @@
+import { ToastContextValue } from './Toast.types';
+export declare const ToastContext: import('react').Context<ToastContextValue | null>;
+export declare const useToast: () => ToastContextValue;

package/dist/components/Toast/Toast.context.js

@@ -0,0 +1,11 @@
+import { createContext as o, useContext as e } from "react";
+const r = o(null), n = () => {
+  const t = e(r);
+  if (!t)
+    throw new Error("useToast must be used within a ToastProvider");
+  return t;
+};
+export {
+  r as ToastContext,
+  n as useToast
+};

package/dist/components/Toast/Toast.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
-import { ToastContainerProps, ToastContextValue, ToastProviderProps } from './Toast.types';
-export declare const useToast: () => ToastContextValue;
-export declare const ToastContainer: FC<ToastContainerProps>;
+import { ToastProviderProps } from './Toast.types';
+export { useToast } from './Toast.context';
+export { ToastContainer } from './ToastContainer';
+export { ToastItem } from './ToastItem';
 export declare const ToastProvider: FC<ToastProviderProps>;

package/dist/components/Toast/Toast.icons.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s={success:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("path",{d:"M22 11.08V12a10 10 0 1 1-5.93-9.14"}),e.jsx("polyline",{points:"22 4 12 14.01 9 11.01"})]}),info:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"12",y1:"16",x2:"12",y2:"12"}),e.jsx("line",{x1:"12",y1:"8",x2:"12.01",y2:"8"})]}),warning:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("path",{d:"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"}),e.jsx("line",{x1:"12",y1:"9",x2:"12",y2:"13"}),e.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),error:e.jsxs("svg",{width:20,height:20,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("line",{x1:"15",y1:"9",x2:"9",y2:"15"}),e.jsx("line",{x1:"9",y1:"9",x2:"15",y2:"15"})]})},i=()=>e.jsxs("svg",{width:16,height:16,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,children:[e.jsx("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.jsx("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]});exports.CloseIcon=i;exports.ToastIcons=s;

package/dist/components/Toast/Toast.icons.d.ts

@@ -0,0 +1,4 @@
+import { FC, ReactNode } from 'react';
+import { ToastSeverity } from './Toast.types';
+export declare const ToastIcons: Record<ToastSeverity, ReactNode>;
+export declare const CloseIcon: FC;

package/dist/components/Toast/Toast.icons.js

@@ -0,0 +1,29 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+const r = {
+  success: /* @__PURE__ */ i("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+    /* @__PURE__ */ e("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
+    /* @__PURE__ */ e("polyline", { points: "22 4 12 14.01 9 11.01" })
+  ] }),
+  info: /* @__PURE__ */ i("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+    /* @__PURE__ */ e("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+  ] }),
+  warning: /* @__PURE__ */ i("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+    /* @__PURE__ */ e("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
+    /* @__PURE__ */ e("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
+    /* @__PURE__ */ e("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
+  ] }),
+  error: /* @__PURE__ */ i("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ e("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
+    /* @__PURE__ */ e("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
+  ] })
+}, t = () => /* @__PURE__ */ i("svg", { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+  /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+] });
+export {
+  t as CloseIcon,
+  r as ToastIcons
+};

package/dist/components/Toast/Toast.js

@@ -1,166 +1,38 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { createContext as C, useContext as N, useState as w, useCallback as c, useRef as _, useEffect as O } from "react";
-import { TOAST_POSITION_CLASSES as V, T_O_A_S_T_ROOT_CLASS as L, TOAST_EXIT_MS as A, TOAST_SEVERITY_MODIFIER as W, TOAST_ITEM_CLASSES as Y } from "./Toast.const.js";
-import { cn as P } from "../../utils/cn.js";
-import { generateBearId as D } from "../../utils/generateBearId.utils.js";
-import { getBearLiveRegionProps as j } from "../../utils/liveRegion.utils.js";
-const z = {
-  success: /* @__PURE__ */ d("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
-    /* @__PURE__ */ e("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }),
-    /* @__PURE__ */ e("polyline", { points: "22 4 12 14.01 9 11.01" })
-  ] }),
-  info: /* @__PURE__ */ d("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
-    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ e("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
-    /* @__PURE__ */ e("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
-  ] }),
-  warning: /* @__PURE__ */ d("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
-    /* @__PURE__ */ e("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }),
-    /* @__PURE__ */ e("line", { x1: "12", y1: "9", x2: "12", y2: "13" }),
-    /* @__PURE__ */ e("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })
-  ] }),
-  error: /* @__PURE__ */ d("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
-    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ e("line", { x1: "15", y1: "9", x2: "9", y2: "15" }),
-    /* @__PURE__ */ e("line", { x1: "9", y1: "9", x2: "15", y2: "15" })
-  ] })
-}, F = () => /* @__PURE__ */ d("svg", { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
-  /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-  /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-] }), X = W, $ = V, k = C(null), ee = () => {
-  const l = N(k);
-  if (!l)
-    throw new Error("useToast must be used within a ToastProvider");
-  return l;
-}, q = ({
-  id: l,
-  testId: x,
-  message: f,
-  title: u,
-  severity: n = "info",
-  duration: o = 5e3,
-  closable: s = !0,
-  icon: i,
-  action: m,
-  onClose: a,
-  onRemove: b,
-  className: g,
-  autoScroll: T = !1,
-  pauseOnHover: v = !1
+import { jsxs as y, jsx as C } from "react/jsx-runtime";
+import { useState as _, useCallback as r } from "react";
+import { COMPONENT_NAME_TOAST as A } from "./Toast.const.js";
+import { ToastContext as N } from "./Toast.context.js";
+import { useToast as I } from "./Toast.context.js";
+import { ToastContainer as O } from "./ToastContainer.js";
+import { generateBearId as P } from "../../utils/generateBearId.utils.js";
+const b = ({
+  children: a,
+  position: c = "top-right",
+  maxToasts: m
 }) => {
-  const [y, t] = w(!1), [r, h] = w(!1), p = _(null), S = _(o), I = _(0);
-  O(() => {
-    T && p.current && p.current.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
-  }, [T]), O(() => {
-    if (o <= 0 || r) return;
-    I.current = Date.now();
-    const B = setTimeout(() => {
-      t(!0), setTimeout(() => {
-        b(), a == null || a();
-      }, A);
-    }, S.current);
-    return () => {
-      clearTimeout(B), S.current = Math.max(0, S.current - (Date.now() - I.current));
-    };
-  }, [o, r, b, a]);
-  const R = () => {
-    t(!0), setTimeout(() => {
-      b(), a == null || a();
-    }, A);
-  }, E = () => i === !1 ? null : i || z[n], M = j(n);
-  return /* @__PURE__ */ d(
-    "div",
-    {
-      ref: p,
-      id: l,
-      "data-testid": x,
-      ...M,
-      "aria-atomic": "true",
-      onMouseEnter: v ? () => h(!0) : void 0,
-      onMouseLeave: v ? () => h(!1) : void 0,
-      className: P(
-        L,
-        Y,
-        y ? "bear-opacity-0 bear-translate-x-2" : "bear-opacity-100 bear-translate-x-0",
-        X[n],
-        g
-      ),
-      children: [
-        E() && /* @__PURE__ */ e("span", { className: "bear-flex-shrink-0 bear-mt-0.5", children: E() }),
-        /* @__PURE__ */ d("div", { className: "bear-flex-1 bear-min-w-0", children: [
-          u && /* @__PURE__ */ e("div", { className: "bear-font-semibold bear-mb-0.5", children: u }),
-          /* @__PURE__ */ e("div", { className: "bear-text-sm bear-opacity-90", children: f })
-        ] }),
-        m && /* @__PURE__ */ e("div", { className: "bear-flex-shrink-0", children: m }),
-        s && /* @__PURE__ */ e(
-          "button",
-          {
-            type: "button",
-            onClick: R,
-            className: "bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-black/10 dark:hover:bear-bg-white/20 bear-transition-colors bear-bg-transparent bear-border-none bear-cursor-pointer",
-            "aria-label": "Close",
-            children: /* @__PURE__ */ e(F, {})
-          }
-        )
-      ]
-    }
-  );
-}, G = ({
-  position: l = "top-right",
-  maxToasts: x = 5,
-  className: f
-}) => {
-  const u = N(k);
-  if (!u) return null;
-  const { _toasts: n, _removeToast: o } = u, s = n.slice(0, x);
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: P(
-        `${L}__container`,
-        "bear-fixed bear-z-[11000] bear-flex bear-flex-col bear-gap-2",
-        $[l],
-        f
-      ),
-      "aria-relevant": "additions",
-      children: s.map((i) => /* @__PURE__ */ e(
-        q,
-        {
-          ...i,
-          onRemove: () => o(i.id)
-        },
-        i.id
-      ))
-    }
-  );
-}, te = ({
-  children: l,
-  position: x = "top-right",
-  maxToasts: f
-}) => {
-  const [u, n] = w([]), o = c((t) => {
-    n((r) => r.filter((h) => h.id !== t));
-  }, []), s = c((t) => {
-    const r = t.id || D("Toast");
-    return n((h) => [...h, { ...t, id: r }]), r;
-  }, []), i = c((t) => s(t), [s]), m = c((t, r) => s({ message: t, severity: "success", ...r }), [s]), a = c((t, r) => s({ message: t, severity: "info", ...r }), [s]), b = c((t, r) => s({ message: t, severity: "warning", ...r }), [s]), g = c((t, r) => s({ message: t, severity: "error", ...r }), [s]), T = c((t) => o(t), [o]), v = c(() => n([]), []), y = {
-    toast: i,
-    success: m,
-    info: a,
-    warning: b,
-    error: g,
-    dismiss: T,
-    dismissAll: v,
-    _toasts: u,
-    _removeToast: o
+  const [d, e] = _([]), i = r((t) => {
+    e((o) => o.filter((n) => n.id !== t));
+  }, []), s = r((t) => {
+    const o = t.id || P(A);
+    return e((n) => [...n, { ...t, id: o }]), o;
+  }, []), T = r((t) => s(t), [s]), f = r((t, o) => s({ message: t, severity: "success", ...o }), [s]), u = r((t, o) => s({ message: t, severity: "info", ...o }), [s]), v = r((t, o) => s({ message: t, severity: "warning", ...o }), [s]), l = r((t, o) => s({ message: t, severity: "error", ...o }), [s]), p = r((t) => i(t), [i]), x = r(() => e([]), []), g = {
+    toast: T,
+    success: f,
+    info: u,
+    warning: v,
+    error: l,
+    dismiss: p,
+    dismissAll: x,
+    _toasts: d,
+    _removeToast: i
   };
-  return /* @__PURE__ */ d(k.Provider, { value: y, children: [
-    l,
-    /* @__PURE__ */ e(G, { position: x, maxToasts: f })
+  return /* @__PURE__ */ y(N.Provider, { value: g, children: [
+    a,
+    /* @__PURE__ */ C(O, { position: c, maxToasts: m })
   ] });
 };
 export {
-  G as ToastContainer,
-  te as ToastProvider,
-  ee as useToast
+  O as ToastContainer,
+  b as ToastProvider,
+  I as useToast
 };

package/dist/components/Toast/ToastContainer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),T=require("react"),n=require("./Toast.const.cjs"),_=require("./Toast.context.cjs"),l=require("./ToastItem.cjs"),x=require("../../utils/cn.cjs"),S=require("../../constants/numbers.const.cjs"),b=({position:r="top-right",maxToasts:s=S.FIVE,className:a})=>{const t=T.useContext(_.ToastContext);if(!t)return null;const{_toasts:i,_removeToast:c}=t,u=i.slice(0,s);return o.jsx("div",{className:x.cn(`${n.T_O_A_S_T_ROOT_CLASS}__container`,"bear-fixed bear-z-[11000] bear-flex bear-flex-col bear-gap-2",n.TOAST_POSITION_CLASSES[r],a),"aria-relevant":"additions",children:u.map(e=>o.jsx(l.ToastItem,{...e,onRemove:()=>c(e.id)},e.id))})};exports.ToastContainer=b;

package/dist/components/Toast/ToastContainer.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ToastContainerProps } from './Toast.types';
+export declare const ToastContainer: FC<ToastContainerProps>;

package/dist/components/Toast/ToastContainer.js

@@ -0,0 +1,39 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useContext as _ } from "react";
+import { TOAST_POSITION_CLASSES as c, T_O_A_S_T_ROOT_CLASS as f } from "./Toast.const.js";
+import { ToastContext as p } from "./Toast.context.js";
+import { ToastItem as T } from "./ToastItem.js";
+import { cn as l } from "../../utils/cn.js";
+import { FIVE as x } from "../../constants/numbers.const.js";
+const A = ({
+  position: e = "top-right",
+  maxToasts: i = x,
+  className: a
+}) => {
+  const r = _(p);
+  if (!r) return null;
+  const { _toasts: m, _removeToast: n } = r, s = m.slice(0, i);
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: l(
+        `${f}__container`,
+        "bear-fixed bear-z-[11000] bear-flex bear-flex-col bear-gap-2",
+        c[e],
+        a
+      ),
+      "aria-relevant": "additions",
+      children: s.map((o) => /* @__PURE__ */ t(
+        T,
+        {
+          ...o,
+          onRemove: () => n(o.id)
+        },
+        o.id
+      ))
+    }
+  );
+};
+export {
+  A as ToastContainer
+};

package/dist/components/Toast/ToastItem.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./Toast.const.cjs"),S=require("./Toast.icons.cjs"),k=require("../../utils/cn.cjs"),P=require("../../utils/generateBearId.utils.cjs"),w=require("../../utils/useBearId.cjs"),B=require("../../utils/liveRegion.utils.cjs"),l=require("../../constants/numbers.const.cjs"),D=({id:h,testId:O,message:R,title:b,severity:a="info",duration:n=s.TOAST_DEFAULT_DURATION,closable:g=!0,icon:i,action:d,onClose:r,onRemove:c,className:A,autoScroll:T=!1,pauseOnHover:f=!1})=>{const[v,m]=t.useState(!1),[_,I]=t.useState(!1),o=t.useRef(null),u=t.useRef(n),x=t.useRef(l.ZERO),N=w.useBearId(s.COMPONENT_NAME_TOAST),j=P.resolveBearId(h,N);t.useEffect(()=>{T&&o.current&&o.current.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})},[T]),t.useEffect(()=>{if(n<=l.ZERO||_)return;x.current=Date.now();const q=setTimeout(()=>{m(!0),setTimeout(()=>{c(),r==null||r()},s.TOAST_EXIT_MS)},u.current);return()=>{clearTimeout(q),u.current=Math.max(l.ZERO,u.current-(Date.now()-x.current))}},[n,_,c,r]);const p=()=>{m(!0),setTimeout(()=>{c(),r==null||r()},s.TOAST_EXIT_MS)},E=()=>i===!1?null:i||S.ToastIcons[a],M=B.getBearLiveRegionProps(a);return e.jsxs("div",{ref:o,id:j,"data-testid":O,...M,"aria-atomic":"true",onMouseEnter:f?()=>I(!0):void 0,onMouseLeave:f?()=>I(!1):void 0,className:k.cn(s.T_O_A_S_T_ROOT_CLASS,s.TOAST_ITEM_CLASSES,v?"bear-opacity-0 bear-translate-x-2":"bear-opacity-100 bear-translate-x-0",s.TOAST_SEVERITY_MODIFIER[a],A),children:[E()&&e.jsx("span",{className:"bear-flex-shrink-0 bear-mt-0.5",children:E()}),e.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[b&&e.jsx("div",{className:"bear-font-semibold bear-mb-0.5",children:b}),e.jsx("div",{className:"bear-text-sm bear-opacity-90",children:R})]}),d&&e.jsx("div",{className:"bear-flex-shrink-0",children:d}),g&&e.jsx("button",{type:"button",onClick:p,className:"bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-black/10 dark:hover:bear-bg-white/20 bear-transition-colors bear-bg-transparent bear-border-none bear-cursor-pointer","aria-label":"Close",children:e.jsx(S.CloseIcon,{})})]})};exports.ToastItem=D;

package/dist/components/Toast/ToastItem.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ToastProps } from './Toast.types';
+export declare const ToastItem: FC<ToastProps & {
+    onRemove: () => void;
+}>;

package/dist/components/Toast/ToastItem.js

@@ -0,0 +1,86 @@
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
+import { useState as E, useRef as c, useEffect as x } from "react";
+import { TOAST_DEFAULT_DURATION as P, COMPONENT_NAME_TOAST as B, TOAST_EXIT_MS as S, TOAST_SEVERITY_MODIFIER as j, TOAST_ITEM_CLASSES as y, T_O_A_S_T_ROOT_CLASS as F } from "./Toast.const.js";
+import { CloseIcon as U, ToastIcons as V } from "./Toast.icons.js";
+import { cn as X } from "../../utils/cn.js";
+import { resolveBearId as Y } from "../../utils/generateBearId.utils.js";
+import { useBearId as Z } from "../../utils/useBearId.js";
+import { getBearLiveRegionProps as q } from "../../utils/liveRegion.utils.js";
+import { ZERO as m } from "../../constants/numbers.const.js";
+const ee = ({
+  id: A,
+  testId: O,
+  message: N,
+  title: b,
+  severity: t = "info",
+  duration: a = P,
+  closable: g = !0,
+  icon: s,
+  action: l,
+  onClose: e,
+  onRemove: i,
+  className: v,
+  autoScroll: f = !1,
+  pauseOnHover: u = !1
+}) => {
+  const [R, d] = E(!1), [T, p] = E(!1), n = c(null), o = c(a), h = c(m), M = Z(B), k = Y(A, M);
+  x(() => {
+    f && n.current && n.current.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
+  }, [f]), x(() => {
+    if (a <= m || T) return;
+    h.current = Date.now();
+    const L = setTimeout(() => {
+      d(!0), setTimeout(() => {
+        i(), e == null || e();
+      }, S);
+    }, o.current);
+    return () => {
+      clearTimeout(L), o.current = Math.max(m, o.current - (Date.now() - h.current));
+    };
+  }, [a, T, i, e]);
+  const w = () => {
+    d(!0), setTimeout(() => {
+      i(), e == null || e();
+    }, S);
+  }, I = () => s === !1 ? null : s || V[t], D = q(t);
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      ref: n,
+      id: k,
+      "data-testid": O,
+      ...D,
+      "aria-atomic": "true",
+      onMouseEnter: u ? () => p(!0) : void 0,
+      onMouseLeave: u ? () => p(!1) : void 0,
+      className: X(
+        F,
+        y,
+        R ? "bear-opacity-0 bear-translate-x-2" : "bear-opacity-100 bear-translate-x-0",
+        j[t],
+        v
+      ),
+      children: [
+        I() && /* @__PURE__ */ r("span", { className: "bear-flex-shrink-0 bear-mt-0.5", children: I() }),
+        /* @__PURE__ */ _("div", { className: "bear-flex-1 bear-min-w-0", children: [
+          b && /* @__PURE__ */ r("div", { className: "bear-font-semibold bear-mb-0.5", children: b }),
+          /* @__PURE__ */ r("div", { className: "bear-text-sm bear-opacity-90", children: N })
+        ] }),
+        l && /* @__PURE__ */ r("div", { className: "bear-flex-shrink-0", children: l }),
+        g && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            onClick: w,
+            className: "bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-black/10 dark:hover:bear-bg-white/20 bear-transition-colors bear-bg-transparent bear-border-none bear-cursor-pointer",
+            "aria-label": "Close",
+            children: /* @__PURE__ */ r(U, {})
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  ee as ToastItem
+};

package/dist/components/ToggleGroup/ToggleGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),O=require("react"),v=require("../../utils/cn.cjs"),H=require("../../utils/generateBearId.utils.cjs"),Z=require("../../utils/useBearId.cjs"),F=require("./ToggleGroup.context.cjs"),t=require("./ToggleGroup.const.cjs"),T=require("../../constants/numbers.const.cjs"),E=require("../../constants/generals.const.cjs"),z=R=>{const{type:n=t.TOGGLE_GROUP_TYPE_SINGLE,value:g,defaultValue:I,onChange:s,onValueChange:l,orientation:G=t.TOGGLE_GROUP_ORIENTATION_HORIZONTAL,size:f=t.TOGGLE_GROUP_DEFAULT_SIZE,variant:L=t.TOGGLE_GROUP_DEFAULT_VARIANT,disabled:a=!1,fullWidth:A=!1,className:y,children:S,id:p,testId:U,...b}=R,x=Z.useBearId(t.COMPONENT_NAME_TOGGLE_GROUP),w=H.resolveBearId(p,x),[M,q]=O.useState(()=>n===t.TOGGLE_GROUP_TYPE_SINGLE?I??E.EMPTY_STRING:E.EMPTY_STRING),[m,Y]=O.useState(()=>n===t.TOGGLE_GROUP_TYPE_MULTIPLE?I??[]:[]),_=g!==void 0,c=_?g:n===t.TOGGLE_GROUP_TYPE_SINGLE?M:m,k=e=>{if(!a)if(n===t.TOGGLE_GROUP_TYPE_SINGLE){const r=c===e?E.EMPTY_STRING:e;_||q(r),s==null||s(r),l==null||l(r)}else{const r=Array.isArray(c)?c:[],o=r.includes(e)?r.filter(i=>i!==e):[...r,e];_||Y(o),s==null||s(o),l==null||l(o)}},B=O.useMemo(()=>({type:n,value:c,onItemToggle:k,size:f,variant:L,disabled:a}),[n,c,f,L,a]),D=e=>{var N;const r=e.target;if(!r||r.getAttribute("role")!=="radio")return;const o=Array.from(e.currentTarget.querySelectorAll('button[role="radio"]:not([disabled])')),i=o.indexOf(r);if(i===-1)return;const d=G===t.TOGGLE_GROUP_ORIENTATION_HORIZONTAL,h=d&&e.key==="ArrowRight"||!d&&e.key==="ArrowDown",j=d&&e.key==="ArrowLeft"||!d&&e.key==="ArrowUp";let u=i;if(h)u=(i+T.ONE)%o.length;else if(j)u=(i-T.ONE+o.length)%o.length;else if(e.key==="Home")u=T.ZERO;else if(e.key==="End")u=o.length-T.ONE;else return;e.preventDefault(),(N=o[u])==null||N.focus()};return P.jsx(F.ToggleGroupContext.Provider,{value:B,children:P.jsx("div",{id:w,"data-testid":U,role:"group","aria-orientation":G,onKeyDown:D,className:v.cn("Bear-ToggleGroup","inline-flex items-center gap-1 rounded-lg border border-[var(--bear-border-subtle)] bg-[var(--bear-surface-base)] p-1",t.ORIENTATION_CLASS_MAP[G],A&&"w-full justify-stretch",a&&"opacity-60 cursor-not-allowed",y),...b,children:S})})};exports.ToggleGroup=z;

package/dist/components/ToggleGroup/ToggleGroup.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r="single",e="multiple",t="horizontal",a="md",_="subtle",O="ToggleGroup",T="ToggleGroupItem",G={sm:"h-8 px-2.5 text-xs",md:"h-9 px-3 text-sm",lg:"h-10 px-4 text-base"},b={subtle:{base:"text-[var(--bear-text-secondary)] hover:bg-[var(--bear-bg-subtle)] hover:text-[var(--bear-text-primary)]",active:"bg-[var(--bear-bg-subtle)] text-[var(--bear-text-primary)] font-medium"},outline:{base:"text-[var(--bear-text-secondary)] hover:bg-[var(--bear-bg-subtle)] hover:text-[var(--bear-text-primary)] border border-transparent",active:"border-[var(--bear-primary-500)] text-[var(--bear-primary-600)] dark:text-[var(--bear-primary-400)] bg-[var(--bear-primary-50)] dark:bg-[var(--bear-primary-950)] font-medium"},filled:{base:"text-[var(--bear-text-secondary)] hover:bg-[var(--bear-bg-subtle)]",active:"bg-[var(--bear-primary-500)] text-white hover:bg-[var(--bear-primary-600)] font-medium"}},E={horizontal:"flex-row",vertical:"flex-col"};exports.COMPONENT_NAME_TOGGLE_GROUP=O;exports.COMPONENT_NAME_TOGGLE_GROUP_ITEM=T;exports.ORIENTATION_CLASS_MAP=E;exports.SIZE_CLASS_MAP=G;exports.TOGGLE_GROUP_DEFAULT_SIZE=a;exports.TOGGLE_GROUP_DEFAULT_VARIANT=_;exports.TOGGLE_GROUP_ORIENTATION_HORIZONTAL=t;exports.TOGGLE_GROUP_TYPE_MULTIPLE=e;exports.TOGGLE_GROUP_TYPE_SINGLE=r;exports.VARIANT_CLASS_MAP=b;