@forgedevstack/bear 1.2.9 → 1.3.0

package/dist/components/Snackbar/Snackbar.js

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

package/dist/components/Toast/Toast.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),T=require("./Toast.const.cjs"),S=require("../../utils/cn.cjs"),O=require("../../utils/generateBearId.utils.cjs"),P=require("../../utils/liveRegion.utils.cjs"),N={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"})]})},A=()=>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"})]}),B={success:"bear-bg-green-500 bear-text-white",info:"bear-bg-blue-500 bear-text-white",warning:"bear-bg-amber-500 bear-text-white",error:"bear-bg-red-500 bear-text-white"},L={"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"},_=t.createContext(null),M=()=>{const l=t.useContext(_);if(!l)throw new Error("useToast must be used within a ToastProvider");return l},q=({id:l,testId:x,message:d,title:b,severity:n="info",duration:o=5e3,closable:a=!0,icon:i,action:f,onClose:c,onRemove:h,className:v,autoScroll:m=!1,pauseOnHover:g=!1})=>{const[j,r]=t.useState(!1),[s,u]=t.useState(!1),w=t.useRef(null),y=t.useRef(o),p=t.useRef(0);t.useEffect(()=>{m&&w.current&&w.current.scrollIntoView({behavior:"smooth",block:"nearest",inline:"nearest"})},[m]),t.useEffect(()=>{if(o<=0||s)return;p.current=Date.now();const E=setTimeout(()=>{r(!0),setTimeout(()=>{h(),c==null||c()},T.TOAST_EXIT_MS)},y.current);return()=>{clearTimeout(E),y.current=Math.max(0,y.current-(Date.now()-p.current))}},[o,s,h,c]);const I=()=>{r(!0),setTimeout(()=>{h(),c==null||c()},T.TOAST_EXIT_MS)},k=()=>i===!1?null:i||N[n],R=P.getBearLiveRegionProps(n);return e.jsxs("div",{ref:w,id:l,"data-testid":x,...R,"aria-atomic":"true",onMouseEnter:g?()=>u(!0):void 0,onMouseLeave:g?()=>u(!1):void 0,className:S.cn(T.T_O_A_S_T_ROOT_CLASS,"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",j?"bear-opacity-0 bear-translate-x-2":"bear-opacity-100 bear-translate-x-0",B[n],v),children:[k()&&e.jsx("span",{className:"bear-flex-shrink-0 bear-mt-0.5",children:k()}),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:d})]}),f&&e.jsx("div",{className:"bear-flex-shrink-0",children:f}),a&&e.jsx("button",{type:"button",onClick:I,className:"bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-white/20 bear-transition-colors bear-bg-transparent bear-border-none bear-cursor-pointer","aria-label":"Close",children:e.jsx(A,{})})]})},C=({position:l="top-right",maxToasts:x=5,className:d})=>{const b=t.useContext(_);if(!b)return null;const{_toasts:n,_removeToast:o}=b,a=n.slice(0,x);return e.jsx("div",{className:S.cn(`${T.T_O_A_S_T_ROOT_CLASS}__container`,"bear-fixed bear-z-[11000] bear-flex bear-flex-col bear-gap-2",L[l],d),"aria-relevant":"additions",children:a.map(i=>e.jsx(q,{...i,onRemove:()=>o(i.id)},i.id))})},W=({children:l,position:x="top-right",maxToasts:d})=>{const[b,n]=t.useState([]),o=t.useCallback(r=>{n(s=>s.filter(u=>u.id!==r))},[]),a=t.useCallback(r=>{const s=r.id||O.generateBearId("Toast");return n(u=>[...u,{...r,id:s}]),s},[]),i=t.useCallback(r=>a(r),[a]),f=t.useCallback((r,s)=>a({message:r,severity:"success",...s}),[a]),c=t.useCallback((r,s)=>a({message:r,severity:"info",...s}),[a]),h=t.useCallback((r,s)=>a({message:r,severity:"warning",...s}),[a]),v=t.useCallback((r,s)=>a({message:r,severity:"error",...s}),[a]),m=t.useCallback(r=>o(r),[o]),g=t.useCallback(()=>n([]),[]),j={toast:i,success:f,info:c,warning:h,error:v,dismiss:m,dismissAll:g,_toasts:b,_removeToast:o};return e.jsxs(_.Provider,{value:j,children:[l,e.jsx(C,{position:x,maxToasts:d})]})};exports.ToastContainer=C;exports.ToastProvider=W;exports.useToast=M;
+"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;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../../utils/liveRegion.const.cjs"),E="Bear-Toast";_.BEAR_ARIA_LIVE_BY_SEVERITY.success,_.BEAR_ARIA_LIVE_BY_SEVERITY.info,_.BEAR_ARIA_LIVE_BY_SEVERITY.warning,_.BEAR_ARIA_LIVE_BY_SEVERITY.error;_.BEAR_ARIA_ROLE_BY_SEVERITY.success,_.BEAR_ARIA_ROLE_BY_SEVERITY.info,_.BEAR_ARIA_ROLE_BY_SEVERITY.warning,_.BEAR_ARIA_ROLE_BY_SEVERITY.error;const R=200;exports.TOAST_EXIT_MS=R;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="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;

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

@@ -1,5 +1,8 @@
-import { ToastSeverity } from './Toast.types';
+import { ToastSeverity, ToastPosition } from './Toast.types';
 export declare const T_O_A_S_T_ROOT_CLASS = "Bear-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_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,9 +1,24 @@
-import { BEAR_ARIA_LIVE_BY_SEVERITY as r, BEAR_ARIA_ROLE_BY_SEVERITY as _ } from "../../utils/liveRegion.const.js";
-const n = "Bear-Toast";
+import { BEAR_ARIA_LIVE_BY_SEVERITY as r, BEAR_ARIA_ROLE_BY_SEVERITY as e } from "../../utils/liveRegion.const.js";
+const t = "Bear-Toast";
 r.success, r.info, r.warning, r.error;
-_.success, _.info, _.warning, _.error;
-const o = 200;
+e.success, e.info, e.warning, e.error;
+const o = 200, n = {
+  success: `${t}--success`,
+  info: `${t}--info`,
+  warning: `${t}--warning`,
+  error: `${t}--error`
+}, b = {
+  "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";
 export {
   o as TOAST_EXIT_MS,
-  n as T_O_A_S_T_ROOT_CLASS
+  s as TOAST_ITEM_CLASSES,
+  b as TOAST_POSITION_CLASSES,
+  n as TOAST_SEVERITY_MODIFIER,
+  t as T_O_A_S_T_ROOT_CLASS
 };

package/dist/components/Toast/Toast.js

@@ -1,179 +1,166 @@
-import { jsx as e, jsxs as b } from "react/jsx-runtime";
-import { createContext as O, useContext as B, useState as _, useCallback as c, useRef as k, useEffect as N } from "react";
-import { T_O_A_S_T_ROOT_CLASS as L, TOAST_EXIT_MS as P } from "./Toast.const.js";
-import { cn as R } from "../../utils/cn.js";
-import { generateBearId as W } from "../../utils/generateBearId.utils.js";
-import { getBearLiveRegionProps as V } from "../../utils/liveRegion.utils.js";
-const Y = {
-  success: /* @__PURE__ */ b("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+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__ */ b("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  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__ */ b("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  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__ */ b("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+  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" })
   ] })
-}, j = () => /* @__PURE__ */ b("svg", { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: [
+}, 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" })
-] }), z = {
-  success: "bear-bg-green-500 bear-text-white",
-  info: "bear-bg-blue-500 bear-text-white",
-  warning: "bear-bg-amber-500 bear-text-white",
-  error: "bear-bg-red-500 bear-text-white"
-}, D = {
-  "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"
-}, I = O(null), U = () => {
-  const l = B(I);
+] }), 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;
-}, X = ({
+}, q = ({
   id: l,
-  testId: u,
-  message: x,
-  title: d,
-  severity: o = "info",
-  duration: s = 5e3,
-  closable: a = !0,
-  icon: n,
+  testId: x,
+  message: f,
+  title: u,
+  severity: n = "info",
+  duration: o = 5e3,
+  closable: s = !0,
+  icon: i,
   action: m,
-  onClose: i,
-  onRemove: f,
-  className: v,
-  autoScroll: g = !1,
-  pauseOnHover: p = !1
+  onClose: a,
+  onRemove: b,
+  className: g,
+  autoScroll: T = !1,
+  pauseOnHover: v = !1
 }) => {
-  const [w, t] = _(!1), [r, h] = _(!1), T = k(null), y = k(s), S = k(0);
-  N(() => {
-    g && T.current && T.current.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "nearest" });
-  }, [g]), N(() => {
-    if (s <= 0 || r) return;
-    S.current = Date.now();
-    const C = setTimeout(() => {
+  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(() => {
-        f(), i == null || i();
-      }, P);
-    }, y.current);
+        b(), a == null || a();
+      }, A);
+    }, S.current);
     return () => {
-      clearTimeout(C), y.current = Math.max(0, y.current - (Date.now() - S.current));
+      clearTimeout(B), S.current = Math.max(0, S.current - (Date.now() - I.current));
     };
-  }, [s, r, f, i]);
-  const M = () => {
+  }, [o, r, b, a]);
+  const R = () => {
     t(!0), setTimeout(() => {
-      f(), i == null || i();
-    }, P);
-  }, E = () => n === !1 ? null : n || Y[o], A = V(o);
-  return /* @__PURE__ */ b(
+      b(), a == null || a();
+    }, A);
+  }, E = () => i === !1 ? null : i || z[n], M = j(n);
+  return /* @__PURE__ */ d(
     "div",
     {
-      ref: T,
+      ref: p,
       id: l,
-      "data-testid": u,
-      ...A,
+      "data-testid": x,
+      ...M,
       "aria-atomic": "true",
-      onMouseEnter: p ? () => h(!0) : void 0,
-      onMouseLeave: p ? () => h(!1) : void 0,
-      className: R(
+      onMouseEnter: v ? () => h(!0) : void 0,
+      onMouseLeave: v ? () => h(!1) : void 0,
+      className: P(
         L,
-        "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",
-        w ? "bear-opacity-0 bear-translate-x-2" : "bear-opacity-100 bear-translate-x-0",
-        z[o],
-        v
+        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__ */ b("div", { className: "bear-flex-1 bear-min-w-0", children: [
-          d && /* @__PURE__ */ e("div", { className: "bear-font-semibold bear-mb-0.5", children: d }),
-          /* @__PURE__ */ e("div", { className: "bear-text-sm bear-opacity-90", children: x })
+        /* @__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 }),
-        a && /* @__PURE__ */ e(
+        s && /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            onClick: M,
-            className: "bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-white/20 bear-transition-colors bear-bg-transparent bear-border-none bear-cursor-pointer",
+            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(j, {})
+            children: /* @__PURE__ */ e(F, {})
           }
         )
       ]
     }
   );
-}, $ = ({
+}, G = ({
   position: l = "top-right",
-  maxToasts: u = 5,
-  className: x
+  maxToasts: x = 5,
+  className: f
 }) => {
-  const d = B(I);
-  if (!d) return null;
-  const { _toasts: o, _removeToast: s } = d, a = o.slice(0, u);
+  const u = N(k);
+  if (!u) return null;
+  const { _toasts: n, _removeToast: o } = u, s = n.slice(0, x);
   return /* @__PURE__ */ e(
     "div",
     {
-      className: R(
+      className: P(
         `${L}__container`,
         "bear-fixed bear-z-[11000] bear-flex bear-flex-col bear-gap-2",
-        D[l],
-        x
+        $[l],
+        f
       ),
       "aria-relevant": "additions",
-      children: a.map((n) => /* @__PURE__ */ e(
-        X,
+      children: s.map((i) => /* @__PURE__ */ e(
+        q,
         {
-          ...n,
-          onRemove: () => s(n.id)
+          ...i,
+          onRemove: () => o(i.id)
         },
-        n.id
+        i.id
       ))
     }
   );
-}, Z = ({
+}, te = ({
   children: l,
-  position: u = "top-right",
-  maxToasts: x
+  position: x = "top-right",
+  maxToasts: f
 }) => {
-  const [d, o] = _([]), s = c((t) => {
-    o((r) => r.filter((h) => h.id !== t));
-  }, []), a = c((t) => {
-    const r = t.id || W("Toast");
-    return o((h) => [...h, { ...t, id: r }]), r;
-  }, []), n = c((t) => a(t), [a]), m = c((t, r) => a({ message: t, severity: "success", ...r }), [a]), i = c((t, r) => a({ message: t, severity: "info", ...r }), [a]), f = c((t, r) => a({ message: t, severity: "warning", ...r }), [a]), v = c((t, r) => a({ message: t, severity: "error", ...r }), [a]), g = c((t) => s(t), [s]), p = c(() => o([]), []), w = {
-    toast: n,
+  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: i,
-    warning: f,
-    error: v,
-    dismiss: g,
-    dismissAll: p,
-    _toasts: d,
-    _removeToast: s
+    info: a,
+    warning: b,
+    error: g,
+    dismiss: T,
+    dismissAll: v,
+    _toasts: u,
+    _removeToast: o
   };
-  return /* @__PURE__ */ b(I.Provider, { value: w, children: [
+  return /* @__PURE__ */ d(k.Provider, { value: y, children: [
     l,
-    /* @__PURE__ */ e($, { position: u, maxToasts: x })
+    /* @__PURE__ */ e(G, { position: x, maxToasts: f })
   ] });
 };
 export {
-  $ as ToastContainer,
-  Z as ToastProvider,
-  U as useToast
+  G as ToastContainer,
+  te as ToastProvider,
+  ee as useToast
 };