@forgedevstack/bear 1.2.8 → 1.3.0

package/dist/components/Stepper/Stepper.js

@@ -1,117 +1,116 @@
-import { jsxs as i, Fragment as f, jsx as t } from "react/jsx-runtime";
-import U, { forwardRef as ie, useState as le, useEffect as se, useMemo as V } from "react";
+import { jsxs as i, Fragment as O, jsx as t } from "react/jsx-runtime";
+import F, { forwardRef as le, useState as Ee, useEffect as se, useMemo as U } from "react";
 import { useBearThemeOptional as ae, useBearDirectionOptional as ce } from "../../context/BearProvider.js";
 import { resolveMaxVisible as de } from "../../utils/maxVisible.utils.js";
-import { cn as s } from "../../utils/cn.js";
+import { cn as E } from "../../utils/cn.js";
 import { Typography as M } from "../Typography/Typography.js";
-import { Dropdown as Ee } from "../Dropdown/Dropdown.js";
-import { BearIcons as he } from "../Icon/index.js";
-import { STEP_WRAPPER_VERTICAL as _e, STEPPER_HORIZONTAL_CLASSES as me, STEPPER_VERTICAL_CLASSES as Te, STEPPER_BASE_CLASSES as fe, DEFAULT_ORIENTATION as Se, DEFAULT_SIZE as Ie, DEFAULT_SHOW_NUMBERS as Oe, DEFAULT_CLICKABLE as Ce, DEFAULT_SHOW_CONNECTORS as Ne, DEFAULT_CONNECTOR_STYLE as ue, DEFAULT_ALTERNATIVE_LABEL as Ae, CONNECTOR_STATUS as S, CONNECTOR_VERTICAL as Le, CONNECTOR_BASE as ge, OVERFLOW_LEFT_LABEL as Re, OVERFLOW_RIGHT_LABEL as pe, STEP_STATUS_CLASSES as u, STEP_INDICATOR_SIZES as ve, STEP_INDICATOR_BASE as z, STEP_LABEL_SIZES as we, STEP_LABEL_BASE as be, STEP_DESCRIPTION_CLASSES as Be, ERROR_ICON_VIEWBOX as Pe, ERROR_ICON_SIZE as Z, CHECK_ICON_VIEWBOX as ye, CHECK_ICON_SIZE as K, CHECK_ICON_POINTS as He } from "./Stepper.const.js";
-import { resolveStepStatus as k, resolveIndicatorContent as We } from "./Stepper.utils.js";
-const Fe = 1200, De = 16, Ue = 640, x = 3, Ve = () => /* @__PURE__ */ t("svg", { width: K, height: K, viewBox: ye, fill: "none", stroke: "currentColor", strokeWidth: "3", children: /* @__PURE__ */ t("polyline", { points: He }) }), Me = () => /* @__PURE__ */ i("svg", { width: Z, height: Z, viewBox: Pe, fill: "none", stroke: "currentColor", strokeWidth: "3", children: [
+import { Dropdown as _e } from "../Dropdown/Dropdown.js";
+import { BearIcons as Te } from "../Icon/index.js";
+import { STEP_WRAPPER_VERTICAL as he, STEPPER_HORIZONTAL_CLASSES as Ne, STEPPER_VERTICAL_CLASSES as Oe, STEPPER_BASE_CLASSES as Se, DEFAULT_ORIENTATION as Ce, DEFAULT_SIZE as Ie, DEFAULT_SHOW_NUMBERS as Ae, DEFAULT_CLICKABLE as Le, DEFAULT_SHOW_CONNECTORS as me, DEFAULT_CONNECTOR_STYLE as Re, DEFAULT_ALTERNATIVE_LABEL as fe, STEP_LABEL_ALTERNATIVE as ue, STEP_LABEL_INLINE as ge, STEP_CONTENT_ALTERNATIVE as Pe, STEP_CONTENT_INLINE as ve, STEP_CONTENT_BASE as Be, CONNECTOR_DASHED_CLASSES as Z, CONNECTOR_STATUS as S, CONNECTOR_HORIZONTAL_LAYOUT as we, CONNECTOR_VERTICAL as be, CONNECTOR_BASE as pe, STEP_OVERFLOW_ROOT as He, OVERFLOW_LEFT_LABEL as We, OVERFLOW_RIGHT_LABEL as De, STEP_STATUS_CLASSES as m, STEP_INDICATOR_SIZES as Ve, STEP_INDICATOR_BASE as z, STEP_VERTICAL_INDICATOR_WRAP as ye, STEP_VERTICAL_BODY as Fe, STEP_VERTICAL_CONTENT as Ue, STEP_CLICKABLE_CLASSES as Me, STEP_LABEL_SIZES as Ze, STEP_LABEL_BASE as ze, STEP_DESCRIPTION_CLASSES as Ke, ERROR_ICON_VIEWBOX as Xe, ERROR_ICON_SIZE as K, CHECK_ICON_VIEWBOX as Ye, CHECK_ICON_SIZE as X, CHECK_ICON_POINTS as je } from "./Stepper.const.js";
+import { resolveStepStatus as Y, resolveIndicatorContent as $e } from "./Stepper.utils.js";
+const ke = 1200, Ge = 16, qe = 640, j = 3, Je = () => /* @__PURE__ */ t("svg", { width: X, height: X, viewBox: Ye, fill: "none", stroke: "currentColor", strokeWidth: "3", children: /* @__PURE__ */ t("polyline", { points: je }) }), Qe = () => /* @__PURE__ */ i("svg", { width: K, height: K, viewBox: Xe, fill: "none", stroke: "currentColor", strokeWidth: "3", children: [
   /* @__PURE__ */ t("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
   /* @__PURE__ */ t("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-] }), ze = ie(
+] }), xe = le(
   ({
     steps: o,
-    activeStep: E,
-    onStepClick: h,
-    orientation: X = Se,
-    size: A = Ie,
-    showNumbers: j = Oe,
-    clickable: L = Ce,
-    showConnectors: $ = Ne,
-    connectorStyle: g = ue,
-    alternativeLabel: R = Ae,
-    completedIcon: G,
-    errorIcon: Y,
-    labelTypographyProps: q,
-    descriptionTypographyProps: J,
-    maxVisibleSteps: I,
-    testId: Q,
-    className: ee,
-    ...re
-  }, ne) => {
-    const p = ae(), { direction: v } = ce(), [O, te] = le(() => typeof window < "u" ? window.innerWidth : Fe);
+    activeStep: d,
+    onStepClick: _,
+    orientation: $ = Ce,
+    size: R = Ie,
+    showNumbers: k = Ae,
+    clickable: f = Le,
+    showConnectors: G = me,
+    connectorStyle: u = Re,
+    alternativeLabel: g = fe,
+    completedIcon: q,
+    errorIcon: J,
+    labelTypographyProps: Q,
+    descriptionTypographyProps: x,
+    maxVisibleSteps: C,
+    testId: ee,
+    className: re,
+    ...ne
+  }, te) => {
+    const P = ae(), { direction: v } = ce(), [I, oe] = Ee(() => typeof window < "u" ? window.innerWidth : ke);
     se(() => {
-      const e = () => te(window.innerWidth);
+      const e = () => oe(window.innerWidth);
       return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
     }, []);
-    const _ = V(() => {
-      if (I != null)
-        return de(I, { width: O, theme: p });
-      if (O < Ue && o.length > x)
-        return x;
-    }, [I, O, p, o.length]), d = X === "horizontal", w = ve[A], b = we[A], m = d && _ != null && o.length > _, { visibleIndices: B, leftHidden: P, rightHidden: C } = V(() => {
-      if (!m || _ == null)
+    const T = U(() => {
+      if (C != null)
+        return de(C, { width: I, theme: P });
+      if (I < qe && o.length > j)
+        return j;
+    }, [C, I, P, o.length]), c = $ === "horizontal", B = Ve[R], w = Ze[R], h = c && T != null && o.length > T, { visibleIndices: b, leftHidden: p, rightHidden: A } = U(() => {
+      if (!h || T == null)
         return {
-          visibleIndices: o.map((c, N) => N),
+          visibleIndices: o.map((a, L) => L),
           leftHidden: [],
           rightHidden: []
         };
-      const e = _, r = Math.floor(e / 2), n = Math.max(0, Math.min(E - r, o.length - e)), l = Array.from({ length: e }, (c, N) => n + N), a = [], D = [];
-      for (let c = 0; c < n; c++) a.push(c);
-      for (let c = n + e; c < o.length; c++) D.push(c);
-      return { visibleIndices: l, leftHidden: a, rightHidden: D };
-    }, [m, _, o, E]), y = (e, r, n) => {
-      const l = u[n], a = We(
+      const e = T, r = Math.floor(e / 2), n = Math.max(0, Math.min(d - r, o.length - e)), l = Array.from({ length: e }, (a, L) => n + L), s = [], y = [];
+      for (let a = 0; a < n; a++) s.push(a);
+      for (let a = n + e; a < o.length; a++) y.push(a);
+      return { visibleIndices: l, leftHidden: s, rightHidden: y };
+    }, [h, T, o, d]), H = (e, r, n) => {
+      const l = m[n], s = $e(
         e,
         r,
         n,
-        j,
-        G,
-        Y,
-        /* @__PURE__ */ t(Ve, {}),
-        /* @__PURE__ */ t(Me, {})
+        k,
+        q,
+        J,
+        /* @__PURE__ */ t(Je, {}),
+        /* @__PURE__ */ t(Qe, {})
       );
       return /* @__PURE__ */ t(
         "div",
         {
-          className: s(
+          className: E(
             z,
-            w,
+            B,
             l.indicator,
-            L && !e.disabled && "cursor-pointer hover:scale-105"
+            f && !e.disabled && Me
           ),
           onClick: () => {
-            L && !e.disabled && h && h(r);
+            f && !e.disabled && _ && _(r);
           },
-          children: a
+          children: s
         }
       );
-    }, T = (e, r) => {
-      if (!$ || r) return null;
-      const n = e < E;
-      return d ? /* @__PURE__ */ t(
+    }, N = (e, r) => {
+      if (!G || r) return null;
+      const n = e < d;
+      return c ? /* @__PURE__ */ t(
         "div",
         {
-          className: s(
-            "Bear-Stepper__connector flex-1 self-center mx-1",
-            "h-0.5 min-w-[12px] transition-colors",
+          className: E(
+            we,
             n ? S.completed : S.pending,
-            g === "dashed" && "border-t-2 border-dashed bg-transparent"
+            u === "dashed" && Z
           )
         }
       ) : /* @__PURE__ */ t(
         "div",
         {
-          className: s(
-            ge,
-            Le,
+          className: E(
+            pe,
+            be,
             n ? S.completed : S.pending,
-            g === "dashed" && "border-t-2 border-dashed bg-transparent"
+            u === "dashed" && Z
           )
         }
       );
-    }, H = (e, r) => {
-      const n = u[r], l = { ...q, ...e.labelTypographyProps }, a = { ...J, ...e.descriptionTypographyProps };
-      return /* @__PURE__ */ i(f, { children: [
+    }, W = (e, r) => {
+      const n = m[r], l = { ...Q, ...e.labelTypographyProps }, s = { ...x, ...e.descriptionTypographyProps };
+      return /* @__PURE__ */ i(O, { children: [
         /* @__PURE__ */ t(
           M,
           {
             variant: "body2",
             ...l,
-            className: s(be, b.label, n.label, l == null ? void 0 : l.className),
+            className: E(ze, w.label, n.label, l == null ? void 0 : l.className),
             children: e.label
           }
         ),
@@ -119,29 +118,38 @@ const Fe = 1200, De = 16, Ue = 640, x = 3, Ve = () => /* @__PURE__ */ t("svg", {
           M,
           {
             variant: "caption",
-            ...a,
-            className: s(Be, b.description, a == null ? void 0 : a.className),
+            ...s,
+            className: E(Ke, w.description, s == null ? void 0 : s.className),
             children: e.description
           }
         )
       ] });
-    }, W = (e, r) => {
-      const n = k(e, r, E);
-      return /* @__PURE__ */ i("div", { className: s("Bear-Stepper__content flex shrink-0", R ? "flex-col items-center" : "items-center gap-2"), children: [
-        y(e, r, n),
-        /* @__PURE__ */ t("div", { className: s(R && "text-center mt-2", "whitespace-nowrap"), children: H(e, n) })
-      ] });
-    }, oe = (e, r) => {
-      const n = k(e, r, E);
-      return /* @__PURE__ */ i(f, { children: [
-        /* @__PURE__ */ t("div", { className: "flex-shrink-0 mr-4", children: y(e, r, n) }),
-        /* @__PURE__ */ i("div", { className: "flex-1 pt-0.5", children: [
-          H(e, n),
-          e.content && n === "active" && /* @__PURE__ */ t("div", { className: "mt-4", children: e.content })
+    }, D = (e, r) => {
+      const n = Y(e, r, d);
+      return /* @__PURE__ */ i(
+        "div",
+        {
+          className: E(
+            Be,
+            g ? Pe : ve
+          ),
+          children: [
+            H(e, r, n),
+            /* @__PURE__ */ t("div", { className: E(g ? ue : ge), children: W(e, n) })
+          ]
+        }
+      );
+    }, ie = (e, r) => {
+      const n = Y(e, r, d);
+      return /* @__PURE__ */ i(O, { children: [
+        /* @__PURE__ */ t("div", { className: ye, children: H(e, r, n) }),
+        /* @__PURE__ */ i("div", { className: Fe, children: [
+          W(e, n),
+          e.content && n === "active" && /* @__PURE__ */ t("div", { className: Ue, children: e.content })
         ] })
       ] });
-    }, F = (e, r) => /* @__PURE__ */ t("div", { className: "Bear-Stepper__overflow shrink-0", children: /* @__PURE__ */ t(
-      Ee,
+    }, V = (e, r) => /* @__PURE__ */ t("div", { className: He, children: /* @__PURE__ */ t(
+      _e,
       {
         placement: "bottom-start",
         closeOnSelect: !0,
@@ -149,14 +157,14 @@ const Fe = 1200, De = 16, Ue = 640, x = 3, Ve = () => /* @__PURE__ */ t("svg", {
           "button",
           {
             type: "button",
-            className: s(
+            className: E(
               z,
-              w,
-              u.pending.indicator,
+              B,
+              m.pending.indicator,
               "bear-cursor-pointer bear-border-0"
             ),
-            "aria-label": r === "left" ? Re : pe,
-            children: /* @__PURE__ */ t(he.MoreHorizIcon, { size: De })
+            "aria-label": r === "left" ? We : De,
+            children: /* @__PURE__ */ t(Te.MoreHorizIcon, { size: Ge })
           }
         ),
         items: e.map((n) => ({
@@ -164,7 +172,7 @@ const Fe = 1200, De = 16, Ue = 640, x = 3, Ve = () => /* @__PURE__ */ t("svg", {
           label: o[n].label,
           disabled: o[n].disabled,
           onClick: () => {
-            o[n].disabled || h == null || h(n);
+            o[n].disabled || _ == null || _(n);
           }
         }))
       }
@@ -172,45 +180,45 @@ const Fe = 1200, De = 16, Ue = 640, x = 3, Ve = () => /* @__PURE__ */ t("svg", {
     return /* @__PURE__ */ i(
       "div",
       {
-        ref: ne,
+        ref: te,
         dir: v,
-        className: s(
-          fe,
-          d ? me : Te,
-          v === "rtl" && d && "bear-flex-row-reverse",
-          ee
+        className: E(
+          Se,
+          c ? Ne : Oe,
+          v === "rtl" && c && "bear-flex-row-reverse",
+          re
         ),
-        "data-testid": Q,
-        ...re,
+        "data-testid": ee,
+        ...ne,
         children: [
-          d && !m && o.map((e, r) => /* @__PURE__ */ i(U.Fragment, { children: [
-            W(e, r),
-            T(r, r === o.length - 1)
+          c && !h && o.map((e, r) => /* @__PURE__ */ i(F.Fragment, { children: [
+            D(e, r),
+            N(r, r === o.length - 1)
           ] }, r)),
-          d && m && /* @__PURE__ */ i(f, { children: [
-            P.length > 0 && /* @__PURE__ */ i(f, { children: [
-              F(P, "left"),
-              T(-1, !1)
+          c && h && /* @__PURE__ */ i(O, { children: [
+            p.length > 0 && /* @__PURE__ */ i(O, { children: [
+              V(p, "left"),
+              N(-1, !1)
             ] }),
-            B.map((e, r) => {
-              const n = o[e], l = r === B.length - 1 && C.length === 0;
-              return /* @__PURE__ */ i(U.Fragment, { children: [
-                W(n, e),
-                T(e, l)
+            b.map((e, r) => {
+              const n = o[e], l = r === b.length - 1 && A.length === 0;
+              return /* @__PURE__ */ i(F.Fragment, { children: [
+                D(n, e),
+                N(e, l)
               ] }, e);
             }),
-            C.length > 0 && F(C, "right")
+            A.length > 0 && V(A, "right")
           ] }),
-          !d && o.map((e, r) => /* @__PURE__ */ i("div", { className: s("Bear-Stepper__step", _e), children: [
-            oe(e, r),
-            T(r, r === o.length - 1)
+          !c && o.map((e, r) => /* @__PURE__ */ i("div", { className: E("Bear-Stepper__step", he), children: [
+            ie(e, r),
+            N(r, r === o.length - 1)
           ] }, r))
         ]
       }
     );
   }
 );
-ze.displayName = "Stepper";
+xe.displayName = "Stepper";
 export {
-  ze as Stepper
+  xe as Stepper
 };

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