@forgedevstack/bear 1.2.3 → 1.2.4

package/dist/components/SignPad/SignPad.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),r=require("react"),S=require("../../utils/cn.cjs"),y=require("../Button/Button.cjs"),s=require("./SignPad.const.cjs"),V=B=>{const{onChange:o,width:p,height:D=s.SIGN_PAD_DEFAULT_HEIGHT,strokeColor:O,strokeWidth:T=s.SIGN_PAD_DEFAULT_STROKE_WIDTH,backgroundColor:M,placeholder:U=s.SIGN_PAD_DEFAULT_PLACEHOLDER,disabled:a=!1,readOnly:c=!1,showClear:N=!0,showSave:m=!1,clearText:j="Clear",saveText:F="Save",outputFormat:P=s.SIGN_PAD_DEFAULT_OUTPUT_FORMAT,outputQuality:v=s.SIGN_PAD_DEFAULT_OUTPUT_QUALITY,className:H,testId:K,id:q,...W}=B,i=r.useRef(null),w=r.useRef(null),A=r.useRef(null),g=r.useRef(!1),[h,L]=r.useState(!1),[E,z]=r.useState(!1);r.useEffect(()=>{const e=()=>{z(document.documentElement.classList.contains("dark"))};e();const t=new MutationObserver(e);return t.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),()=>t.disconnect()},[]);const k=O||(E?s.SIGN_PAD_STROKE_DARK:s.SIGN_PAD_STROKE_LIGHT),C=M||(E?s.SIGN_PAD_BG_DARK:s.SIGN_PAD_BG_LIGHT),_=r.useCallback(()=>{const e=i.current,t=e==null?void 0:e.getContext("2d");!e||!t||(t.fillStyle=C==="transparent"?"rgba(0,0,0,0)":C,t.fillRect(0,0,e.width,e.height))},[C]);r.useEffect(()=>{const e=i.current,t=w.current;if(!e||!t)return;const n=()=>{const d=t.getBoundingClientRect(),f=p??Math.round(d.width),G=D;(e.width!==f||e.height!==G)&&(e.width=f,e.height=G,_())};n();const l=new ResizeObserver(n);return l.observe(t),()=>l.disconnect()},[p,D,_]),r.useEffect(()=>{_()},[_,E]),r.useEffect(()=>{const e=i.current;if(!e||a||c)return;const t=n=>n.preventDefault();return e.addEventListener("touchstart",t,{passive:!1}),e.addEventListener("touchmove",t,{passive:!1}),()=>{e.removeEventListener("touchstart",t),e.removeEventListener("touchmove",t)}},[a,c]);const b=r.useCallback(e=>{const t=i.current;if(!t)return{x:0,y:0};const n=t.getBoundingClientRect(),l=t.width/n.width,d=t.height/n.height;if("touches"in e){const f=e.touches[0];return{x:(f.clientX-n.left)*l,y:(f.clientY-n.top)*d}}return{x:(e.clientX-n.left)*l,y:(e.clientY-n.top)*d}},[]),I=r.useCallback(e=>{if(a||c)return;const t=b(e);g.current=!0,A.current=t},[a,c,b]),x=r.useCallback(e=>{if(!g.current||a||c)return;const t=i.current,n=t==null?void 0:t.getContext("2d"),l=A.current;if(!t||!n||!l)return;const d=b(e);n.beginPath(),n.moveTo(l.x,l.y),n.lineTo(d.x,d.y),n.strokeStyle=k,n.lineWidth=T,n.lineCap="round",n.lineJoin="round",n.stroke(),A.current=d,L(!0)},[a,c,k,T,b]),R=r.useCallback(()=>{if(g.current){const e=i.current;if(e&&o){const t=e.toDataURL(P,v);o(t)}}g.current=!1,A.current=null},[o,P,v]),X=r.useCallback(()=>{const e=i.current,t=e==null?void 0:e.getContext("2d");!e||!t||(t.clearRect(0,0,e.width,e.height),_(),L(!1),o==null||o(null))},[_,o]),Y=r.useCallback(()=>{const e=i.current;if(!e||!h)return;const t=e.toDataURL(P,v);o==null||o(t)},[h,o,P,v]);return u.jsxs("div",{id:q,"data-testid":K,className:S.cn("Bear-SignPad bear-w-full",s.SIGN_PAD_ROOT_CLASSES,a&&"Bear-SignPad--disabled bear-opacity-50",c&&"Bear-SignPad--readonly",H),...W,children:[u.jsxs("div",{ref:w,className:S.cn("Bear-SignPad__canvas-wrapper bear-w-full bear-overflow-hidden","bear-touch-none",s.SIGN_PAD_CANVAS_WRAPPER_CLASSES,!a&&!c&&s.SIGN_PAD_CANVAS_WRAPPER_HOVER,a&&"bear-cursor-not-allowed",!a&&!c&&"bear-cursor-crosshair"),children:[u.jsx("canvas",{ref:i,className:"Bear-SignPad__canvas bear-block bear-rounded-lg bear-w-full bear-touch-none",style:{height:D},onMouseDown:I,onMouseMove:x,onMouseUp:R,onMouseLeave:R,onTouchStart:I,onTouchMove:x,onTouchEnd:R}),!h&&u.jsx("div",{className:S.cn("Bear-SignPad__placeholder",s.SIGN_PAD_PLACEHOLDER_CLASSES),children:U}),u.jsx("div",{className:S.cn("Bear-SignPad__line",s.SIGN_PAD_LINE_CLASSES)}),u.jsx("span",{className:S.cn("Bear-SignPad__x-mark",s.SIGN_PAD_X_MARK_CLASSES),children:"×"})]}),(N||m)&&u.jsxs("div",{className:S.cn("Bear-SignPad__actions",s.SIGN_PAD_ACTIONS_CLASSES),children:[N&&u.jsx(y.Button,{size:"sm",variant:"ghost",onClick:X,disabled:a||!h,children:j}),m&&u.jsx(y.Button,{size:"sm",variant:"primary",onClick:Y,disabled:a||!h,children:F})]})]})};exports.SignPad=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),r=require("react"),S=require("../../utils/cn.cjs"),y=require("../Button/Button.cjs"),s=require("./SignPad.const.cjs"),Y=B=>{const{onChange:o,width:p,height:D=s.SIGN_PAD_DEFAULT_HEIGHT,strokeColor:O,strokeWidth:T=s.SIGN_PAD_DEFAULT_STROKE_WIDTH,backgroundColor:M,placeholder:U=s.SIGN_PAD_DEFAULT_PLACEHOLDER,disabled:a=!1,readOnly:c=!1,showClear:N=!0,showSave:m=!1,clearText:j="Clear",saveText:F="Save",outputFormat:P=s.SIGN_PAD_DEFAULT_OUTPUT_FORMAT,outputQuality:v=s.SIGN_PAD_DEFAULT_OUTPUT_QUALITY,className:H,testId:K,...q}=B,i=r.useRef(null),w=r.useRef(null),A=r.useRef(null),g=r.useRef(!1),[h,L]=r.useState(!1),[E,W]=r.useState(!1);r.useEffect(()=>{const e=()=>{W(document.documentElement.classList.contains("dark"))};e();const t=new MutationObserver(e);return t.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),()=>t.disconnect()},[]);const k=O||(E?s.SIGN_PAD_STROKE_DARK:s.SIGN_PAD_STROKE_LIGHT),C=M||(E?s.SIGN_PAD_BG_DARK:s.SIGN_PAD_BG_LIGHT),_=r.useCallback(()=>{const e=i.current,t=e==null?void 0:e.getContext("2d");!e||!t||(t.fillStyle=C==="transparent"?"rgba(0,0,0,0)":C,t.fillRect(0,0,e.width,e.height))},[C]);r.useEffect(()=>{const e=i.current,t=w.current;if(!e||!t)return;const n=()=>{const d=t.getBoundingClientRect(),f=p??Math.round(d.width),G=D;(e.width!==f||e.height!==G)&&(e.width=f,e.height=G,_())};n();const l=new ResizeObserver(n);return l.observe(t),()=>l.disconnect()},[p,D,_]),r.useEffect(()=>{_()},[_,E]),r.useEffect(()=>{const e=i.current;if(!e||a||c)return;const t=n=>n.preventDefault();return e.addEventListener("touchstart",t,{passive:!1}),e.addEventListener("touchmove",t,{passive:!1}),()=>{e.removeEventListener("touchstart",t),e.removeEventListener("touchmove",t)}},[a,c]);const b=r.useCallback(e=>{const t=i.current;if(!t)return{x:0,y:0};const n=t.getBoundingClientRect(),l=t.width/n.width,d=t.height/n.height;if("touches"in e){const f=e.touches[0];return{x:(f.clientX-n.left)*l,y:(f.clientY-n.top)*d}}return{x:(e.clientX-n.left)*l,y:(e.clientY-n.top)*d}},[]),I=r.useCallback(e=>{if(a||c)return;const t=b(e);g.current=!0,A.current=t},[a,c,b]),x=r.useCallback(e=>{if(!g.current||a||c)return;const t=i.current,n=t==null?void 0:t.getContext("2d"),l=A.current;if(!t||!n||!l)return;const d=b(e);n.beginPath(),n.moveTo(l.x,l.y),n.lineTo(d.x,d.y),n.strokeStyle=k,n.lineWidth=T,n.lineCap="round",n.lineJoin="round",n.stroke(),A.current=d,L(!0)},[a,c,k,T,b]),R=r.useCallback(()=>{if(g.current){const e=i.current;if(e&&o){const t=e.toDataURL(P,v);o(t)}}g.current=!1,A.current=null},[o,P,v]),z=r.useCallback(()=>{const e=i.current,t=e==null?void 0:e.getContext("2d");!e||!t||(t.clearRect(0,0,e.width,e.height),_(),L(!1),o==null||o(null))},[_,o]),X=r.useCallback(()=>{const e=i.current;if(!e||!h)return;const t=e.toDataURL(P,v);o==null||o(t)},[h,o,P,v]);return u.jsxs("div",{"data-testid":K,className:S.cn("Bear-SignPad bear-w-full",s.SIGN_PAD_ROOT_CLASSES,a&&"Bear-SignPad--disabled bear-opacity-50",c&&"Bear-SignPad--readonly",H),...q,children:[u.jsxs("div",{ref:w,className:S.cn("Bear-SignPad__canvas-wrapper bear-w-full bear-overflow-hidden","bear-touch-none",s.SIGN_PAD_CANVAS_WRAPPER_CLASSES,!a&&!c&&s.SIGN_PAD_CANVAS_WRAPPER_HOVER,a&&"bear-cursor-not-allowed",!a&&!c&&"bear-cursor-crosshair"),children:[u.jsx("canvas",{ref:i,className:"Bear-SignPad__canvas bear-block bear-rounded-lg bear-w-full bear-touch-none",style:{height:D},onMouseDown:I,onMouseMove:x,onMouseUp:R,onMouseLeave:R,onTouchStart:I,onTouchMove:x,onTouchEnd:R}),!h&&u.jsx("div",{className:S.cn("Bear-SignPad__placeholder",s.SIGN_PAD_PLACEHOLDER_CLASSES),children:U}),u.jsx("div",{className:S.cn("Bear-SignPad__line",s.SIGN_PAD_LINE_CLASSES)}),u.jsx("span",{className:S.cn("Bear-SignPad__x-mark",s.SIGN_PAD_X_MARK_CLASSES),children:"×"})]}),(N||m)&&u.jsxs("div",{className:S.cn("Bear-SignPad__actions",s.SIGN_PAD_ACTIONS_CLASSES),children:[N&&u.jsx(y.Button,{size:"sm",variant:"ghost",onClick:z,disabled:a||!h,children:j}),m&&u.jsx(y.Button,{size:"sm",variant:"primary",onClick:X,disabled:a||!h,children:F})]})]})};exports.SignPad=Y;

package/dist/components/SignPad/SignPad.js

@@ -2,38 +2,37 @@ import { jsxs as T, jsx as d } from "react/jsx-runtime";
 import { useRef as p, useState as B, useEffect as D, useCallback as l } from "react";
 import { cn as _ } from "../../utils/cn.js";
 import { Button as M } from "../Button/Button.js";
-import { SIGN_PAD_DEFAULT_HEIGHT as Z, SIGN_PAD_DEFAULT_STROKE_WIDTH as $, SIGN_PAD_DEFAULT_PLACEHOLDER as ee, SIGN_PAD_DEFAULT_OUTPUT_FORMAT as te, SIGN_PAD_DEFAULT_OUTPUT_QUALITY as re, SIGN_PAD_BG_DARK as ne, SIGN_PAD_BG_LIGHT as oe, SIGN_PAD_STROKE_DARK as se, SIGN_PAD_STROKE_LIGHT as ae, SIGN_PAD_PLACEHOLDER_CLASSES as ce, SIGN_PAD_LINE_CLASSES as ie, SIGN_PAD_X_MARK_CLASSES as le, SIGN_PAD_CANVAS_WRAPPER_HOVER as ue, SIGN_PAD_CANVAS_WRAPPER_CLASSES as de, SIGN_PAD_ACTIONS_CLASSES as _e, SIGN_PAD_ROOT_CLASSES as he } from "./SignPad.const.js";
-const ge = (U) => {
+import { SIGN_PAD_DEFAULT_HEIGHT as q, SIGN_PAD_DEFAULT_STROKE_WIDTH as Z, SIGN_PAD_DEFAULT_PLACEHOLDER as $, SIGN_PAD_DEFAULT_OUTPUT_FORMAT as ee, SIGN_PAD_DEFAULT_OUTPUT_QUALITY as te, SIGN_PAD_BG_DARK as re, SIGN_PAD_BG_LIGHT as ne, SIGN_PAD_STROKE_DARK as oe, SIGN_PAD_STROKE_LIGHT as se, SIGN_PAD_PLACEHOLDER_CLASSES as ae, SIGN_PAD_LINE_CLASSES as ce, SIGN_PAD_X_MARK_CLASSES as ie, SIGN_PAD_CANVAS_WRAPPER_HOVER as le, SIGN_PAD_CANVAS_WRAPPER_CLASSES as ue, SIGN_PAD_ACTIONS_CLASSES as de, SIGN_PAD_ROOT_CLASSES as _e } from "./SignPad.const.js";
+const Pe = (U) => {
   const {
     onChange: o,
     width: w,
-    height: m = Z,
+    height: m = q,
     strokeColor: F,
-    strokeWidth: C = $,
+    strokeWidth: C = Z,
     backgroundColor: H,
-    placeholder: K = ee,
+    placeholder: K = $,
     disabled: n = !1,
     readOnly: s = !1,
     showClear: L = !0,
     showSave: R = !1,
     clearText: W = "Clear",
     saveText: z = "Save",
-    outputFormat: f = te,
-    outputQuality: v = re,
+    outputFormat: f = ee,
+    outputQuality: v = te,
     className: X,
     testId: Y,
-    id: V,
-    ...j
-  } = U, a = p(null), I = p(null), A = p(null), P = p(!1), [h, G] = B(!1), [E, Q] = B(!1);
+    ...V
+  } = U, a = p(null), I = p(null), A = p(null), P = p(!1), [h, G] = B(!1), [E, j] = B(!1);
   D(() => {
     const e = () => {
-      Q(document.documentElement.classList.contains("dark"));
+      j(document.documentElement.classList.contains("dark"));
     };
     e();
     const t = new MutationObserver(e);
     return t.observe(document.documentElement, { attributes: !0, attributeFilter: ["class"] }), () => t.disconnect();
   }, []);
-  const k = F || (E ? se : ae), b = H || (E ? ne : oe), u = l(() => {
+  const k = F || (E ? oe : se), b = H || (E ? re : ne), u = l(() => {
     const e = a.current, t = e == null ? void 0 : e.getContext("2d");
     !e || !t || (t.fillStyle = b === "transparent" ? "rgba(0,0,0,0)" : b, t.fillRect(0, 0, e.width, e.height));
   }, [b]);
@@ -91,10 +90,10 @@ const ge = (U) => {
       }
     }
     P.current = !1, A.current = null;
-  }, [o, f, v]), J = l(() => {
+  }, [o, f, v]), Q = l(() => {
     const e = a.current, t = e == null ? void 0 : e.getContext("2d");
     !e || !t || (t.clearRect(0, 0, e.width, e.height), u(), G(!1), o == null || o(null));
-  }, [u, o]), q = l(() => {
+  }, [u, o]), J = l(() => {
     const e = a.current;
     if (!e || !h) return;
     const t = e.toDataURL(f, v);
@@ -103,16 +102,15 @@ const ge = (U) => {
   return /* @__PURE__ */ T(
     "div",
     {
-      id: V,
       "data-testid": Y,
       className: _(
         "Bear-SignPad bear-w-full",
-        he,
+        _e,
         n && "Bear-SignPad--disabled bear-opacity-50",
         s && "Bear-SignPad--readonly",
         X
       ),
-      ...j,
+      ...V,
       children: [
         /* @__PURE__ */ T(
           "div",
@@ -121,8 +119,8 @@ const ge = (U) => {
             className: _(
               "Bear-SignPad__canvas-wrapper bear-w-full bear-overflow-hidden",
               "bear-touch-none",
-              de,
-              !n && !s && ue,
+              ue,
+              !n && !s && le,
               n && "bear-cursor-not-allowed",
               !n && !s && "bear-cursor-crosshair"
             ),
@@ -142,20 +140,20 @@ const ge = (U) => {
                   onTouchEnd: N
                 }
               ),
-              !h && /* @__PURE__ */ d("div", { className: _("Bear-SignPad__placeholder", ce), children: K }),
-              /* @__PURE__ */ d("div", { className: _("Bear-SignPad__line", ie) }),
-              /* @__PURE__ */ d("span", { className: _("Bear-SignPad__x-mark", le), children: "×" })
+              !h && /* @__PURE__ */ d("div", { className: _("Bear-SignPad__placeholder", ae), children: K }),
+              /* @__PURE__ */ d("div", { className: _("Bear-SignPad__line", ce) }),
+              /* @__PURE__ */ d("span", { className: _("Bear-SignPad__x-mark", ie), children: "×" })
             ]
           }
         ),
-        (L || R) && /* @__PURE__ */ T("div", { className: _("Bear-SignPad__actions", _e), children: [
-          L && /* @__PURE__ */ d(M, { size: "sm", variant: "ghost", onClick: J, disabled: n || !h, children: W }),
-          R && /* @__PURE__ */ d(M, { size: "sm", variant: "primary", onClick: q, disabled: n || !h, children: z })
+        (L || R) && /* @__PURE__ */ T("div", { className: _("Bear-SignPad__actions", de), children: [
+          L && /* @__PURE__ */ d(M, { size: "sm", variant: "ghost", onClick: Q, disabled: n || !h, children: W }),
+          R && /* @__PURE__ */ d(M, { size: "sm", variant: "primary", onClick: J, disabled: n || !h, children: z })
         ] })
       ]
     }
   );
 };
 export {
-  ge as SignPad
+  Pe as SignPad
 };

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

@@ -2,6 +2,7 @@ import { HTMLAttributes } from 'react';
 export type SkeletonVariant = 'text' | 'circular' | 'rectangular' | 'rounded';
 export type SkeletonAnimation = 'pulse' | 'wave' | 'none';
 export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    id?: string;
     /** Variant type */
     variant?: SkeletonVariant;
     /** Animation type */

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

@@ -0,0 +1 @@
+export declare const S_L_I_D_E_R_ROOT_CLASS = "Bear-Slider";

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

@@ -1,6 +1,7 @@
 import { HTMLAttributes } from 'react';
 import { BearSize, BearVariant } from '../../types';
 export interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    id?: string;
     /** Current value (controlled) */
     value?: number;
     /** Default value (uncontrolled) */

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

@@ -0,0 +1 @@
+export declare const S_L_I_D_E_R_R_A_N_G_E_ROOT_CLASS = "Bear-SliderRange";

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

@@ -2,6 +2,8 @@ import { HTMLAttributes } from 'react';
 import { BearSize, BearVariant } from '../../types';
 export type SliderRangeValue = [number, number];
 export interface SliderRangeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    testId?: string;
+    id?: string;
     value?: SliderRangeValue;
     defaultValue?: SliderRangeValue;
     min?: number;

package/dist/components/Snackbar/Snackbar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),E=require("react-dom"),T=require("../../utils/cn.cjs");require("react");const K=require("../../utils/generateBearId.utils.cjs"),w=require("../../utils/useBearId.cjs"),z=require("../Paper/Paper.cjs"),d=require("../Flex/Flex.cjs"),p=require("../Typography/Typography.cjs"),L=require("../Progress/Progress.cjs"),U=require("../CloseButton/CloseButton.cjs"),s=require("./Snackbar.const.cjs"),X=require("./hooks/useSnackbar.cjs"),Z=(c,a,o,t)=>{const e={zIndex:s.SNACKBAR_Z_INDEX};return c==="top"?e.top=t:e.bottom=t,a==="left"?(e.left=o,e.right="auto"):a==="right"?(e.right=o,e.left="auto"):(e.left="50%",e.right="auto",e.transform="translateX(-50%)"),e},H=c=>{const{open:a,message:o,description:t,action:e,autoHideDuration:f=s.SNACKBAR_DEFAULT_AUTO_HIDE_MS,onClose:i,anchorOrigin:u={vertical:"bottom",horizontal:"center"},offsetX:h=s.SNACKBAR_DEFAULT_OFFSET_X,offsetY:A=s.SNACKBAR_DEFAULT_OFFSET_Y,size:B="md",progress:x=null,progressPosition:b="bottom",progressColor:C="default",countdownProgress:N=!1,showCloseButton:k,closeOnClickOutside:y,container:I,id:O,testId:q,className:D}=c,F=w.useBearId("Snackbar"),R=K.resolveBearId(O,F),_=I??(typeof document<"u"?document.body:null),n=!!i,j=k??n,S=y??n,{surfaceRef:v,progressValue:g}=X.useSnackbar({open:a,autoHideDuration:f,onClose:i,countdownProgress:N,staticProgress:x,closeOnClickOutside:S});if(!a||!_)return null;const l=typeof g=="number",m=l?r.jsx(L.Progress,{value:g,size:"sm",color:C,className:"Bear-Snackbar__progress"}):null,P=r.jsxs(r.Fragment,{children:[S&&n&&r.jsx("div",{className:"Bear-Snackbar__backdrop bear-fixed bear-inset-0",style:{zIndex:s.SNACKBAR_BACKDROP_Z_INDEX},"aria-hidden":!0}),r.jsxs(z.Paper,{ref:v,id:R,"data-testid":q,role:"status","aria-live":"polite",elevation:4,rounded:"lg",padding:"none",background:"transparent",className:T.cn(s.SNACKBAR_ROOT_CLASS,s.SNACKBAR_SURFACE_CLASSES,"bear-fixed bear-flex bear-flex-col bear-overflow-hidden","bear-border bear-border-[var(--bear-border-default)]",s.SNACKBAR_SIZE_PADDING[B],D),style:Z(u.vertical,u.horizontal,h,A),children:[l&&b==="top"&&m,r.jsxs(d.Flex,{className:"Bear-Snackbar__content bear-w-full",align:"center",gap:3,children:[r.jsxs(d.Flex,{direction:"column",className:"Bear-Snackbar__text bear-flex-1 bear-min-w-0",gap:1,children:[o&&r.jsx(p.Typography,{variant:"body2",className:"Bear-Snackbar__message",children:o}),t&&r.jsx(p.Typography,{variant:"caption",color:"muted",className:"Bear-Snackbar__description",children:t})]}),e&&r.jsx(d.Flex,{className:"Bear-Snackbar__action bear-shrink-0",align:"center",children:e}),j&&n&&r.jsx(U.CloseButton,{size:"sm",onClick:i,"aria-label":"Dismiss notification",className:"Bear-Snackbar__close bear-shrink-0"})]}),l&&b==="bottom"&&m]})]});return E.createPortal(P,_)};exports.Snackbar=H;

package/dist/components/Snackbar/Snackbar.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A="Bear-Snackbar",_=6e3,S=24,R=24,C=1400,N=1399,E={sm:"bear-px-3 bear-py-2",md:"bear-px-4 bear-py-3",lg:"bear-px-5 bear-py-4"},K="bear-bg-[var(--bear-bg-primary)] bear-text-[var(--bear-text-primary)]",B=50,r=100,e=0;exports.SNACKBAR_BACKDROP_Z_INDEX=N;exports.SNACKBAR_COUNTDOWN_TICK_MS=B;exports.SNACKBAR_DEFAULT_AUTO_HIDE_MS=_;exports.SNACKBAR_DEFAULT_OFFSET_X=S;exports.SNACKBAR_DEFAULT_OFFSET_Y=R;exports.SNACKBAR_PROGRESS_MAX=r;exports.SNACKBAR_PROGRESS_MIN=e;exports.SNACKBAR_ROOT_CLASS=A;exports.SNACKBAR_SIZE_PADDING=E;exports.SNACKBAR_SURFACE_CLASSES=K;exports.SNACKBAR_Z_INDEX=C;

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

@@ -0,0 +1,13 @@
+export declare const SNACKBAR_ROOT_CLASS = "Bear-Snackbar";
+export declare const SNACKBAR_DEFAULT_AUTO_HIDE_MS = 6000;
+export declare const SNACKBAR_DEFAULT_OFFSET_X = 24;
+export declare const SNACKBAR_DEFAULT_OFFSET_Y = 24;
+export declare const SNACKBAR_Z_INDEX = 1400;
+export declare const SNACKBAR_BACKDROP_Z_INDEX = 1399;
+export declare const SNACKBAR_ENTER_MS = 200;
+export declare const SNACKBAR_EXIT_MS = 150;
+export declare const SNACKBAR_SIZE_PADDING: Record<'sm' | 'md' | 'lg', string>;
+export declare const SNACKBAR_SURFACE_CLASSES = "bear-bg-[var(--bear-bg-primary)] bear-text-[var(--bear-text-primary)]";
+export declare const SNACKBAR_COUNTDOWN_TICK_MS = 50;
+export declare const SNACKBAR_PROGRESS_MAX = 100;
+export declare const SNACKBAR_PROGRESS_MIN = 0;

package/dist/components/Snackbar/Snackbar.const.js

@@ -0,0 +1,18 @@
+const A = "Bear-Snackbar", _ = 6e3, S = 24, r = 24, R = 1400, a = 1399, C = {
+  sm: "bear-px-3 bear-py-2",
+  md: "bear-px-4 bear-py-3",
+  lg: "bear-px-5 bear-py-4"
+}, N = "bear-bg-[var(--bear-bg-primary)] bear-text-[var(--bear-text-primary)]", t = 50, e = 100, b = 0;
+export {
+  a as SNACKBAR_BACKDROP_Z_INDEX,
+  t as SNACKBAR_COUNTDOWN_TICK_MS,
+  _ as SNACKBAR_DEFAULT_AUTO_HIDE_MS,
+  S as SNACKBAR_DEFAULT_OFFSET_X,
+  r as SNACKBAR_DEFAULT_OFFSET_Y,
+  e as SNACKBAR_PROGRESS_MAX,
+  b as SNACKBAR_PROGRESS_MIN,
+  A as SNACKBAR_ROOT_CLASS,
+  C as SNACKBAR_SIZE_PADDING,
+  N as SNACKBAR_SURFACE_CLASSES,
+  R as SNACKBAR_Z_INDEX
+};

package/dist/components/Snackbar/Snackbar.d.ts

@@ -0,0 +1,2 @@
+import { SnackbarProps } from './Snackbar.types';
+export declare const Snackbar: (props: SnackbarProps) => import('react').ReactPortal | null;

package/dist/components/Snackbar/Snackbar.js

@@ -0,0 +1,114 @@
+import { jsxs as n, Fragment as T, jsx as r } from "react/jsx-runtime";
+import { createPortal as w } from "react-dom";
+import { cn as z } from "../../utils/cn.js";
+import "react";
+import { resolveBearId as L } from "../../utils/generateBearId.utils.js";
+import { useBearId as U } from "../../utils/useBearId.js";
+import { Paper as X } from "../Paper/Paper.js";
+import { Flex as d } from "../Flex/Flex.js";
+import { Typography as S } from "../Typography/Typography.js";
+import { Progress as Z } from "../Progress/Progress.js";
+import { CloseButton as j } from "../CloseButton/CloseButton.js";
+import { SNACKBAR_DEFAULT_AUTO_HIDE_MS as H, SNACKBAR_DEFAULT_OFFSET_X as G, SNACKBAR_DEFAULT_OFFSET_Y as M, SNACKBAR_BACKDROP_Z_INDEX as V, SNACKBAR_SIZE_PADDING as Y, SNACKBAR_SURFACE_CLASSES as q, SNACKBAR_ROOT_CLASS as J, SNACKBAR_Z_INDEX as Q } from "./Snackbar.const.js";
+import { useSnackbar as W } from "./hooks/useSnackbar.js";
+const $ = (i, o, a, t) => {
+  const e = { zIndex: Q };
+  return i === "top" ? e.top = t : e.bottom = t, o === "left" ? (e.left = a, e.right = "auto") : o === "right" ? (e.right = a, e.left = "auto") : (e.left = "50%", e.right = "auto", e.transform = "translateX(-50%)"), e;
+}, be = (i) => {
+  const {
+    open: o,
+    message: a,
+    description: t,
+    action: e,
+    autoHideDuration: g = H,
+    onClose: l,
+    anchorOrigin: m = { vertical: "bottom", horizontal: "center" },
+    offsetX: A = G,
+    offsetY: h = M,
+    size: B = "md",
+    progress: N = null,
+    progressPosition: u = "bottom",
+    progressColor: C = "default",
+    countdownProgress: k = !1,
+    showCloseButton: O,
+    closeOnClickOutside: x,
+    container: D,
+    id: I,
+    testId: R,
+    className: v
+  } = i, E = U("Snackbar"), y = L(I, E), b = D ?? (typeof document < "u" ? document.body : null), s = !!l, F = O ?? s, f = x ?? s, { surfaceRef: K, progressValue: p } = W({
+    open: o,
+    autoHideDuration: g,
+    onClose: l,
+    countdownProgress: k,
+    staticProgress: N,
+    closeOnClickOutside: f
+  });
+  if (!o || !b)
+    return null;
+  const c = typeof p == "number", _ = c ? /* @__PURE__ */ r(
+    Z,
+    {
+      value: p,
+      size: "sm",
+      color: C,
+      className: "Bear-Snackbar__progress"
+    }
+  ) : null, P = /* @__PURE__ */ n(T, { children: [
+    f && s && /* @__PURE__ */ r(
+      "div",
+      {
+        className: "Bear-Snackbar__backdrop bear-fixed bear-inset-0",
+        style: { zIndex: V },
+        "aria-hidden": !0
+      }
+    ),
+    /* @__PURE__ */ n(
+      X,
+      {
+        ref: K,
+        id: y,
+        "data-testid": R,
+        role: "status",
+        "aria-live": "polite",
+        elevation: 4,
+        rounded: "lg",
+        padding: "none",
+        background: "transparent",
+        className: z(
+          J,
+          q,
+          "bear-fixed bear-flex bear-flex-col bear-overflow-hidden",
+          "bear-border bear-border-[var(--bear-border-default)]",
+          Y[B],
+          v
+        ),
+        style: $(m.vertical, m.horizontal, A, h),
+        children: [
+          c && u === "top" && _,
+          /* @__PURE__ */ n(d, { className: "Bear-Snackbar__content bear-w-full", align: "center", gap: 3, children: [
+            /* @__PURE__ */ n(d, { direction: "column", className: "Bear-Snackbar__text bear-flex-1 bear-min-w-0", gap: 1, children: [
+              a && /* @__PURE__ */ r(S, { variant: "body2", className: "Bear-Snackbar__message", children: a }),
+              t && /* @__PURE__ */ r(S, { variant: "caption", color: "muted", className: "Bear-Snackbar__description", children: t })
+            ] }),
+            e && /* @__PURE__ */ r(d, { className: "Bear-Snackbar__action bear-shrink-0", align: "center", children: e }),
+            F && s && /* @__PURE__ */ r(
+              j,
+              {
+                size: "sm",
+                onClick: l,
+                "aria-label": "Dismiss notification",
+                className: "Bear-Snackbar__close bear-shrink-0"
+              }
+            )
+          ] }),
+          c && u === "bottom" && _
+        ]
+      }
+    )
+  ] });
+  return w(P, b);
+};
+export {
+  be as Snackbar
+};

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

@@ -0,0 +1,44 @@
+import { ReactNode, RefObject } from 'react';
+import { BearSize } from '../../types';
+export type SnackbarAnchorOriginVertical = 'top' | 'bottom';
+export type SnackbarAnchorOriginHorizontal = 'left' | 'center' | 'right';
+export type SnackbarProgressPosition = 'top' | 'bottom';
+export type SnackbarSize = Extract<BearSize, 'sm' | 'md' | 'lg'>;
+export type SnackbarProgressColor = 'default' | 'success' | 'warning' | 'danger' | 'info';
+export interface SnackbarProps {
+    open: boolean;
+    message?: ReactNode;
+    description?: ReactNode;
+    action?: ReactNode;
+    autoHideDuration?: number | null;
+    onClose?: () => void;
+    anchorOrigin?: {
+        vertical: SnackbarAnchorOriginVertical;
+        horizontal: SnackbarAnchorOriginHorizontal;
+    };
+    offsetX?: number;
+    offsetY?: number;
+    size?: SnackbarSize;
+    progress?: number | null;
+    progressPosition?: SnackbarProgressPosition;
+    progressColor?: SnackbarProgressColor;
+    countdownProgress?: boolean;
+    showCloseButton?: boolean;
+    closeOnClickOutside?: boolean;
+    container?: Element | DocumentFragment | null;
+    className?: string;
+    id?: string;
+    testId?: string;
+}
+export interface UseSnackbarOptions {
+    open: boolean;
+    autoHideDuration: number | null;
+    onClose?: () => void;
+    countdownProgress?: boolean;
+    staticProgress?: number | null;
+    closeOnClickOutside?: boolean;
+}
+export interface UseSnackbarResult {
+    surfaceRef: RefObject<HTMLDivElement>;
+    progressValue: number | null;
+}

package/dist/components/Snackbar/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useSnackbar } from './useSnackbar';

package/dist/components/Snackbar/hooks/useSnackbar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),r=require("../Snackbar.const.cjs"),_=R=>{const{open:t,autoHideDuration:e,onClose:n,countdownProgress:u=!1,staticProgress:i=null,closeOnClickOutside:S=!1}=R,a=s.useRef(null),[f,d]=s.useState(r.SNACKBAR_PROGRESS_MAX);return s.useEffect(()=>{if(!t||e===null||!n)return;const o=window.setTimeout(n,e);return()=>window.clearTimeout(o)},[t,e,n]),s.useEffect(()=>{if(!t||!u||e===null||e<=0)return;const o=Date.now();d(r.SNACKBAR_PROGRESS_MAX);const c=window.setInterval(()=>{const l=Date.now()-o,A=Math.min(1,l/e),w=Math.max(r.SNACKBAR_PROGRESS_MIN,r.SNACKBAR_PROGRESS_MAX-A*r.SNACKBAR_PROGRESS_MAX);d(w)},r.SNACKBAR_COUNTDOWN_TICK_MS);return()=>window.clearInterval(c)},[t,u,e]),s.useEffect(()=>{if(!t||!S||!n)return;const o=c=>{const l=c.target;a.current&&!a.current.contains(l)&&n()};return document.addEventListener("mousedown",o),()=>document.removeEventListener("mousedown",o)},[t,S,n]),{surfaceRef:a,progressValue:u?f:typeof i=="number"?i:null}};exports.useSnackbar=_;

package/dist/components/Snackbar/hooks/useSnackbar.d.ts

@@ -0,0 +1,2 @@
+import { UseSnackbarOptions, UseSnackbarResult } from '../Snackbar.types';
+export declare const useSnackbar: (options: UseSnackbarOptions) => UseSnackbarResult;

package/dist/components/Snackbar/hooks/useSnackbar.js

@@ -0,0 +1,42 @@
+import { useRef as p, useState as A, useEffect as l } from "react";
+import { SNACKBAR_PROGRESS_MAX as r, SNACKBAR_COUNTDOWN_TICK_MS as C, SNACKBAR_PROGRESS_MIN as _ } from "../Snackbar.const.js";
+const O = (m) => {
+  const {
+    open: t,
+    autoHideDuration: e,
+    onClose: n,
+    countdownProgress: s = !1,
+    staticProgress: i = null,
+    closeOnClickOutside: d = !1
+  } = m, u = p(null), [f, w] = A(r);
+  return l(() => {
+    if (!t || e === null || !n)
+      return;
+    const o = window.setTimeout(n, e);
+    return () => window.clearTimeout(o);
+  }, [t, e, n]), l(() => {
+    if (!t || !s || e === null || e <= 0)
+      return;
+    const o = Date.now();
+    w(r);
+    const a = window.setInterval(() => {
+      const c = Date.now() - o, S = Math.min(1, c / e), R = Math.max(
+        _,
+        r - S * r
+      );
+      w(R);
+    }, C);
+    return () => window.clearInterval(a);
+  }, [t, s, e]), l(() => {
+    if (!t || !d || !n)
+      return;
+    const o = (a) => {
+      const c = a.target;
+      u.current && !u.current.contains(c) && n();
+    };
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
+  }, [t, d, n]), { surfaceRef: u, progressValue: s ? f : typeof i == "number" ? i : null };
+};
+export {
+  O as useSnackbar
+};

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

@@ -0,0 +1,3 @@
+export { Snackbar } from './Snackbar';
+export { useSnackbar } from './hooks';
+export type { SnackbarProps, SnackbarAnchorOriginVertical, SnackbarAnchorOriginHorizontal, SnackbarProgressColor, SnackbarProgressPosition, SnackbarSize, } from './Snackbar.types';

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

@@ -1,5 +1,7 @@
 import { HTMLAttributes } from 'react';
 export interface SparklineProps extends HTMLAttributes<HTMLDivElement> {
+    testId?: string;
+    id?: string;
     /** Data points (array of numbers) */
     data: number[];
     /** Width of the sparkline */

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

@@ -16,6 +16,7 @@ export interface SpeedDialAction {
     tooltipPosition?: 'left' | 'right' | 'top' | 'bottom';
 }
 export interface SpeedDialProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> {
+    id?: string;
     /** Array of actions */
     actions: SpeedDialAction[];
     /** Main button icon (when closed) */

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

@@ -0,0 +1 @@
+export declare const S_P_I_N_N_E_R_ROOT_CLASS = "Bear-Spinner";

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

@@ -1,5 +1,7 @@
 import { BearSize } from '../../types';
 export interface SpinnerProps {
+    testId?: string;
+    id?: string;
     /** Spinner size */
     size?: BearSize;
     /** Additional class names */

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

@@ -8,6 +8,7 @@ export interface SplitButtonOption {
     onClick: () => void;
 }
 export interface SplitButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    id?: string;
     label: string;
     icon?: ReactNode;
     options: SplitButtonOption[];

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

@@ -1,5 +1,6 @@
 import { ReactNode, HTMLAttributes } from 'react';
 export interface SpoilerProps extends HTMLAttributes<HTMLDivElement> {
+    id?: string;
     maxHeight: number;
     showLabel?: string;
     hideLabel?: string;

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

@@ -22,6 +22,7 @@ export interface SpotlightAction {
     children?: SpotlightAction[];
 }
 export interface SpotlightProps {
+    id?: string;
     /** Available actions */
     actions: SpotlightAction[];
     /** Whether spotlight is open */

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

@@ -0,0 +1 @@
+export declare const S_T_A_T_C_A_R_D_ROOT_CLASS = "Bear-StatCard";

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

@@ -1,5 +1,7 @@
 import { HTMLAttributes, ReactNode } from 'react';
 export interface StatCardProps extends HTMLAttributes<HTMLDivElement> {
+    testId?: string;
+    id?: string;
     /** Card title */
     title: string;
     /** Main value to display */

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

@@ -0,0 +1 @@
+export declare const S_T_A_T_I_S_T_I_C_ROOT_CLASS = "Bear-Statistic";

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

@@ -1,5 +1,7 @@
 import { ReactNode } from 'react';
 export interface StatisticProps {
+    testId?: string;
+    id?: string;
     title: string;
     value: string | number;
     prefix?: ReactNode;

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

@@ -23,6 +23,7 @@ export interface Step {
     descriptionTypographyProps?: Partial<TypographyProps>;
 }
 export interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    id?: string;
     /** Array of steps */
     steps: Step[];
     /** Current active step (0-indexed) */

package/dist/components/Switch/Switch.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("../../utils/cn.cjs");require("react");const g="Bear-Switch bear-inline-flex bear-items-center bear-gap-3 bear-cursor-pointer",h="bear-opacity-50 bear-cursor-not-allowed",C="Bear-Switch__track bear-relative bear-inline-flex bear-items-center bear-shrink-0 bear-rounded-full bear-transition-colors bear-duration-200 focus-within:bear-ring-2 focus-within:bear-ring-primary-500 focus-within:bear-ring-offset-2 focus-within:bear-ring-offset-white dark:focus-within:bear-ring-offset-zinc-900",p="bear-bg-primary-500",y="bear-bg-gray-300 dark:bear-bg-gray-600",E="Bear-Switch__thumb bear-absolute bear-top-0.5 bear-left-0.5 bear-rounded-full bear-bg-white bear-shadow bear-transition-transform bear-duration-200 bear-flex bear-items-center bear-justify-center",A="Bear-Switch__label bear-text-sm bear-text-gray-700 dark:bear-text-gray-300",l="Bear-Switch__icon bear-flex bear-items-center bear-justify-center",j={sm:{track:"bear-w-8 bear-h-4",thumb:"bear-w-3 bear-h-3",translate:"bear-translate-x-4",iconSize:8},md:{track:"bear-w-11 bear-h-6",thumb:"bear-w-5 bear-h-5",translate:"bear-translate-x-5",iconSize:12},lg:{track:"bear-w-14 bear-h-7",thumb:"bear-w-6 bear-h-6",translate:"bear-translate-x-7",iconSize:16}},T=({label:o,checked:a=!1,onCheckedChange:t,size:u="md",disabled:s=!1,uncheckedIcon:n,checkedIcon:b,showIconsInThumb:S=!1,className:f,testId:x,id:_,...m})=>{const w=()=>{s||t==null||t(!a)},i=j[u],c=n||b;return r.jsxs("label",{id:_,"data-testid":x,className:e.cn(g,s&&h,f),children:[r.jsx("input",{type:"checkbox",checked:a,onChange:w,disabled:s,className:"bear-sr-only",...m}),r.jsxs("span",{className:e.cn(C,a?p:y,i.track),children:[c&&!S&&r.jsxs(r.Fragment,{children:[r.jsx("span",{className:e.cn(l,"bear-absolute bear-left-1",a?"bear-text-white":"bear-text-transparent","bear-transition-colors bear-duration-200"),children:b}),r.jsx("span",{className:e.cn(l,"bear-absolute bear-right-1",a?"bear-text-transparent":"bear-text-gray-600 dark:bear-text-gray-400","bear-transition-colors bear-duration-200"),children:n})]}),r.jsx("span",{className:e.cn(E,a&&i.translate,i.thumb),children:c&&S&&r.jsx("span",{className:e.cn(l,a?"bear-text-primary-500":"bear-text-gray-400"),children:a?b:n})})]}),o&&r.jsx("span",{className:A,children:o})]})};exports.Switch=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),_=require("../../utils/cn.cjs");require("react");const S=require("./Switch.const.cjs"),O=i=>{const{label:T,checked:s=!1,onCheckedChange:e,size:t="md",orientation:o="horizontal",disabled:c=!1,uncheckedIcon:I,checkedIcon:n,showIconsInThumb:E=!1,className:N,testId:A,onChange:a,...W}=i,h=l=>{c||(e==null||e(l.target.checked),a==null||a(l))},H=S.SWITCH_SIZE_CLASSES[t],r=I||n,L=s?S.SWITCH_THUMB_TRANSLATE_PX[t]:0;return C.jsxs("label",{"data-testid":A,className:_.cn(S.SWITCH_ROOT_CLASSES,o==="vertical"?S.SWITCH_ROOT_VERTICAL:S.SWITCH_ROOT_HORIZONTAL,c&&S.SWITCH_DISABLED_CLASSES,N),children:[C.jsx("input",{type:"checkbox",checked:s,onChange:h,disabled:c,className:"bear-sr-only",...W}),C.jsxs("span",{className:_.cn(S.SWITCH_TRACK_BASE_CLASSES,s?S.SWITCH_TRACK_CHECKED_CLASSES:S.SWITCH_TRACK_UNCHECKED_CLASSES,H.track),children:[r&&!E&&C.jsxs(C.Fragment,{children:[C.jsx("span",{className:_.cn(S.SWITCH_ICON_CLASSES,S.SWITCH_ICON_LEFT_CLASSES,s?S.SWITCH_ICON_CHECKED_VISIBLE:S.SWITCH_ICON_CHECKED_HIDDEN),children:n}),C.jsx("span",{className:_.cn(S.SWITCH_ICON_CLASSES,S.SWITCH_ICON_RIGHT_CLASSES,s?S.SWITCH_ICON_CHECKED_HIDDEN:S.SWITCH_ICON_UNCHECKED_VISIBLE),children:I})]}),C.jsx("span",{className:_.cn(S.SWITCH_THUMB_BASE_CLASSES,H.thumb),style:{top:`${S.SWITCH_THUMB_OFFSET_PX}px`,left:`${S.SWITCH_THUMB_OFFSET_PX}px`,transform:`translateX(${L}px)`},children:r&&E&&C.jsx("span",{className:_.cn(S.SWITCH_ICON_CLASSES,s?S.SWITCH_ICON_THUMB_CHECKED:S.SWITCH_ICON_THUMB_UNCHECKED),children:s?n:I})})]}),T&&C.jsx("span",{className:S.SWITCH_LABEL_CLASSES,children:T})]})};exports.Switch=O;

package/dist/components/Switch/Switch.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={sm:16,md:20,lg:28},e=2,a="Bear-Switch bear-inline-flex bear-cursor-pointer",S="bear-items-center bear-gap-3",t="bear-flex-col bear-items-start bear-gap-2",_="bear-opacity-50 bear-cursor-not-allowed",C="Bear-Switch__track bear-relative bear-inline-flex bear-items-center bear-shrink-0 bear-rounded-full bear-transition-colors bear-duration-200 focus-within:bear-ring-2 focus-within:bear-ring-primary-500 focus-within:bear-ring-offset-2 focus-within:bear-ring-offset-white dark:focus-within:bear-ring-offset-zinc-900",b="bear-bg-primary-500",I="bear-bg-gray-300 dark:bear-bg-gray-600",T="Bear-Switch__thumb bear-absolute bear-rounded-full bear-bg-white bear-shadow bear-transition-transform bear-duration-200 bear-flex bear-items-center bear-justify-center bear-will-change-transform",o="Bear-Switch__label bear-text-sm bear-text-gray-700 dark:bear-text-gray-300",n="Bear-Switch__icon bear-flex bear-items-center bear-justify-center",E="bear-absolute bear-left-1 bear-transition-colors bear-duration-200",H="bear-absolute bear-right-1 bear-transition-colors bear-duration-200",i="bear-text-white",s="bear-text-transparent",c="bear-text-gray-600 dark:bear-text-gray-400",O="bear-text-primary-500",A="bear-text-gray-400",W={sm:{track:"bear-w-8 bear-h-4",thumb:"bear-w-3 bear-h-3"},md:{track:"bear-w-11 bear-h-6",thumb:"bear-w-5 bear-h-5"},lg:{track:"bear-w-14 bear-h-7",thumb:"bear-w-6 bear-h-6"}},L="Bear-SwitchGroup bear-inline-flex bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700 bear-p-0.5",l="bear-flex-col bear-rounded-lg",g="bear-opacity-50 bear-pointer-events-none",u="Bear-SwitchGroup__option bear-relative bear-z-[1] bear-px-3 bear-py-1.5 bear-text-xs bear-font-medium bear-rounded-full bear-transition-colors bear-cursor-pointer bear-border-0 bear-bg-transparent",N="bear-bg-white dark:bear-bg-gray-900 bear-text-gray-900 dark:bear-text-white bear-shadow-sm",R="bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white";exports.SWITCH_DISABLED_CLASSES=_;exports.SWITCH_GROUP_DISABLED=g;exports.SWITCH_GROUP_OPTION=u;exports.SWITCH_GROUP_OPTION_ACTIVE=N;exports.SWITCH_GROUP_OPTION_INACTIVE=R;exports.SWITCH_GROUP_ROOT=L;exports.SWITCH_GROUP_VERTICAL=l;exports.SWITCH_ICON_CHECKED_HIDDEN=s;exports.SWITCH_ICON_CHECKED_VISIBLE=i;exports.SWITCH_ICON_CLASSES=n;exports.SWITCH_ICON_LEFT_CLASSES=E;exports.SWITCH_ICON_RIGHT_CLASSES=H;exports.SWITCH_ICON_THUMB_CHECKED=O;exports.SWITCH_ICON_THUMB_UNCHECKED=A;exports.SWITCH_ICON_UNCHECKED_VISIBLE=c;exports.SWITCH_LABEL_CLASSES=o;exports.SWITCH_ROOT_CLASSES=a;exports.SWITCH_ROOT_HORIZONTAL=S;exports.SWITCH_ROOT_VERTICAL=t;exports.SWITCH_SIZE_CLASSES=W;exports.SWITCH_THUMB_BASE_CLASSES=T;exports.SWITCH_THUMB_OFFSET_PX=e;exports.SWITCH_THUMB_TRANSLATE_PX=r;exports.SWITCH_TRACK_BASE_CLASSES=C;exports.SWITCH_TRACK_CHECKED_CLASSES=b;exports.SWITCH_TRACK_UNCHECKED_CLASSES=I;

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

@@ -0,0 +1,54 @@
+export declare const S_W_I_T_C_H_ROOT_CLASS = "Bear-Switch";
+export declare const SWITCH_THUMB_TRANSLATE_PX: {
+    readonly sm: 16;
+    readonly md: 20;
+    readonly lg: 28;
+};
+export declare const SWITCH_TRACK_WIDTH_PX: {
+    readonly sm: 32;
+    readonly md: 44;
+    readonly lg: 56;
+};
+export declare const SWITCH_THUMB_SIZE_PX: {
+    readonly sm: 12;
+    readonly md: 20;
+    readonly lg: 24;
+};
+export declare const SWITCH_THUMB_OFFSET_PX = 2;
+export declare const SWITCH_ROOT_CLASSES = "Bear-Switch bear-inline-flex bear-cursor-pointer";
+export declare const SWITCH_ROOT_HORIZONTAL = "bear-items-center bear-gap-3";
+export declare const SWITCH_ROOT_VERTICAL = "bear-flex-col bear-items-start bear-gap-2";
+export declare const SWITCH_DISABLED_CLASSES = "bear-opacity-50 bear-cursor-not-allowed";
+export declare const SWITCH_TRACK_BASE_CLASSES = "Bear-Switch__track bear-relative bear-inline-flex bear-items-center bear-shrink-0 bear-rounded-full bear-transition-colors bear-duration-200 focus-within:bear-ring-2 focus-within:bear-ring-primary-500 focus-within:bear-ring-offset-2 focus-within:bear-ring-offset-white dark:focus-within:bear-ring-offset-zinc-900";
+export declare const SWITCH_TRACK_CHECKED_CLASSES = "bear-bg-primary-500";
+export declare const SWITCH_TRACK_UNCHECKED_CLASSES = "bear-bg-gray-300 dark:bear-bg-gray-600";
+export declare const SWITCH_THUMB_BASE_CLASSES = "Bear-Switch__thumb bear-absolute bear-rounded-full bear-bg-white bear-shadow bear-transition-transform bear-duration-200 bear-flex bear-items-center bear-justify-center bear-will-change-transform";
+export declare const SWITCH_LABEL_CLASSES = "Bear-Switch__label bear-text-sm bear-text-gray-700 dark:bear-text-gray-300";
+export declare const SWITCH_ICON_CLASSES = "Bear-Switch__icon bear-flex bear-items-center bear-justify-center";
+export declare const SWITCH_ICON_LEFT_CLASSES = "bear-absolute bear-left-1 bear-transition-colors bear-duration-200";
+export declare const SWITCH_ICON_RIGHT_CLASSES = "bear-absolute bear-right-1 bear-transition-colors bear-duration-200";
+export declare const SWITCH_ICON_CHECKED_VISIBLE = "bear-text-white";
+export declare const SWITCH_ICON_CHECKED_HIDDEN = "bear-text-transparent";
+export declare const SWITCH_ICON_UNCHECKED_VISIBLE = "bear-text-gray-600 dark:bear-text-gray-400";
+export declare const SWITCH_ICON_THUMB_CHECKED = "bear-text-primary-500";
+export declare const SWITCH_ICON_THUMB_UNCHECKED = "bear-text-gray-400";
+export declare const SWITCH_SIZE_CLASSES: {
+    readonly sm: {
+        readonly track: "bear-w-8 bear-h-4";
+        readonly thumb: "bear-w-3 bear-h-3";
+    };
+    readonly md: {
+        readonly track: "bear-w-11 bear-h-6";
+        readonly thumb: "bear-w-5 bear-h-5";
+    };
+    readonly lg: {
+        readonly track: "bear-w-14 bear-h-7";
+        readonly thumb: "bear-w-6 bear-h-6";
+    };
+};
+export declare const SWITCH_GROUP_ROOT = "Bear-SwitchGroup bear-inline-flex bear-rounded-full bear-bg-gray-200 dark:bear-bg-gray-700 bear-p-0.5";
+export declare const SWITCH_GROUP_VERTICAL = "bear-flex-col bear-rounded-lg";
+export declare const SWITCH_GROUP_DISABLED = "bear-opacity-50 bear-pointer-events-none";
+export declare const SWITCH_GROUP_OPTION = "Bear-SwitchGroup__option bear-relative bear-z-[1] bear-px-3 bear-py-1.5 bear-text-xs bear-font-medium bear-rounded-full bear-transition-colors bear-cursor-pointer bear-border-0 bear-bg-transparent";
+export declare const SWITCH_GROUP_OPTION_ACTIVE = "bear-bg-white dark:bear-bg-gray-900 bear-text-gray-900 dark:bear-text-white bear-shadow-sm";
+export declare const SWITCH_GROUP_OPTION_INACTIVE = "bear-text-gray-600 dark:bear-text-gray-400 hover:bear-text-gray-900 dark:hover:bear-text-white";