@forgedevstack/bear 1.3.0 → 1.3.1

package/dist/components/Alert/Alert.d.ts

@@ -1,16 +1,3 @@
-import { FC } from 'react';
 import { AlertProps } from './Alert.types';
-/**
- * Alert component for displaying important messages
- *
- * @example
- * ```tsx
- * <Alert severity="success">Operation completed successfully!</Alert>
- * <Alert severity="error" title="Error" closable onClose={() => {}}>
- *   Something went wrong.
- * </Alert>
- * <Alert severity="warning" variant="filled">Warning message</Alert>
- * ```
- */
-export declare const Alert: FC<AlertProps>;
+export declare const Alert: (props: AlertProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Alert;

package/dist/components/Alert/Alert.js

@@ -1,97 +1,72 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useState as A } from "react";
-import { cn as v } from "../../utils/cn.js";
-import { ALERT_DEFAULTS as t, ALERT_VARIANT_CLASSES as k } from "./Alert.const.js";
-const C = {
-  success: /* @__PURE__ */ r("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", 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__ */ r("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", 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__ */ r("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", 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__ */ r("svg", { width: 20, height: 20, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", 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" })
-  ] })
-}, _ = () => /* @__PURE__ */ r("svg", { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: [
-  /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-  /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-] }), T = (x) => {
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { useState as x } from "react";
+import { INFO as I, VARIANT_STANDARD as C, BOOLEAN_TRUE as i, BOOLEAN_FALSE as s, LABEL_CLOSE_ALERT as O, VARIANT_GHOST as S, VARIANT_OUTLINED as g, VARIANT_FILLED as v } from "../../constants/generals.const.js";
+import { cn as V } from "../../utils/cn.js";
+import { Box as c } from "../Box/Box.js";
+import { Button as k } from "../Button/Button.js";
+import { Flex as y } from "../Flex/Flex.js";
+import { CloseIcon as F, InfoIcon as D, BearIcons as m } from "../Icon/index.js";
+import { Typography as p } from "../Typography/Typography.js";
+import { ALERT_SEVERITY_COLORS as w, ALERT_VARIANT_CLASSES as j } from "./Alert.const.js";
+const Q = (N) => {
   const {
-    severity: o = t.SEVERITY,
-    variant: i = t.VARIANT,
-    title: c,
-    icon: n = t.SHOW_ICON,
+    severity: e = I,
+    variant: t = C,
+    title: A,
+    icon: a = i,
     action: d,
-    closable: u = t.CLOSABLE,
-    onClose: l,
-    children: b,
-    className: g,
-    testId: f,
-    ...m
-  } = x, [y, p] = A(!0);
-  if (!y) return null;
-  const s = i === "filled", a = {
-    success: { bg: "var(--bear-success-50)", border: "var(--bear-success-500)", text: "var(--bear-success-800)", icon: "var(--bear-success-600)" },
-    info: { bg: "var(--bear-info-50)", border: "var(--bear-info-500)", text: "var(--bear-info-800)", icon: "var(--bear-info-600)" },
-    warning: { bg: "var(--bear-warning-50)", border: "var(--bear-warning-500)", text: "var(--bear-warning-800)", icon: "var(--bear-warning-600)" },
-    error: { bg: "var(--bear-danger-50)", border: "var(--bear-danger-500)", text: "var(--bear-danger-800)", icon: "var(--bear-danger-600)" }
-  }[o], w = () => {
-    p(!1), l == null || l();
-  }, h = () => n === !1 ? null : n !== !0 ? n : C[o];
-  return /* @__PURE__ */ r(
-    "div",
+    closable: u = s,
+    onClose: n,
+    children: _,
+    className: E,
+    testId: h,
+    ...L
+  } = N, [T, B] = x(i);
+  if (!T)
+    return null;
+  const l = t === v, o = w[e], R = () => {
+    B(s), n == null || n();
+  }, b = a === s ? null : a !== i ? a : e === I ? /* @__PURE__ */ r(D, {}) : e === "success" ? /* @__PURE__ */ r(m.CheckCircleIcon, {}) : e === "warning" ? /* @__PURE__ */ r(m.WarningIcon, {}) : /* @__PURE__ */ r(m.ErrorIcon, {});
+  return /* @__PURE__ */ f(
+    y,
     {
       role: "alert",
       "aria-live": "polite",
-      className: v(
-        "Bear-Alert",
-        "bear-flex bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",
-        k[i](o),
-        g
+      className: V(
+        "Bear-Alert bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",
+        j[t](e),
+        E
       ),
       style: {
-        backgroundColor: s ? void 0 : a.bg,
-        borderColor: i === "outlined" ? a.border : void 0,
-        color: s ? void 0 : a.text
+        backgroundColor: l ? void 0 : o.bg,
+        borderColor: t === g ? o.border : void 0,
+        color: l ? void 0 : o.text
       },
-      "data-testid": f,
-      ...m,
+      "data-testid": h,
+      ...L,
       children: [
-        h() && /* @__PURE__ */ e(
-          "span",
+        b && /* @__PURE__ */ r(
+          c,
           {
+            as: "span",
             className: "Bear-Alert__icon bear-flex-shrink-0 bear-mt-0.5",
-            style: { color: s ? "currentColor" : a.icon },
-            children: h()
+            style: { color: l ? "currentColor" : o.icon },
+            children: b
           }
         ),
-        /* @__PURE__ */ r("div", { className: "Bear-Alert__content bear-flex-1 bear-min-w-0", children: [
-          c && /* @__PURE__ */ e("div", { className: "Bear-Alert__title bear-font-semibold bear-mb-1", children: c }),
-          b && /* @__PURE__ */ e("div", { className: "Bear-Alert__message bear-text-sm", children: b })
+        /* @__PURE__ */ f(c, { className: "Bear-Alert__content bear-flex-1 bear-min-w-0", children: [
+          A && /* @__PURE__ */ r(p, { weight: "semibold", className: "Bear-Alert__title bear-mb-1", children: A }),
+          _ && /* @__PURE__ */ r(p, { className: "Bear-Alert__message bear-text-sm", children: _ })
         ] }),
-        d && /* @__PURE__ */ e("div", { className: "Bear-Alert__action bear-flex-shrink-0", children: d }),
-        u && /* @__PURE__ */ e(
-          "button",
+        d && /* @__PURE__ */ r(c, { className: "Bear-Alert__action bear-flex-shrink-0", children: d }),
+        u && /* @__PURE__ */ r(
+          k,
           {
-            type: "button",
-            onClick: w,
-            className: v(
-              "Bear-Alert__close",
-              "bear-flex-shrink-0 bear-p-1 bear-rounded hover:bear-bg-black/10 bear-transition-colors",
-              "bear-bg-transparent bear-border-none bear-cursor-pointer"
-            ),
-            "aria-label": "Close alert",
-            children: /* @__PURE__ */ e(_, {})
+            variant: S,
+            onClick: R,
+            className: "Bear-Alert__close bear-flex-shrink-0 bear-p-1",
+            "aria-label": O,
+            children: /* @__PURE__ */ r(F, {})
           }
         )
       ]
@@ -99,5 +74,5 @@ const C = {
   );
 };
 export {
-  T as Alert
+  Q as Alert
 };

package/dist/components/AlertDialog/AlertDialog.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),B=require("react-dom"),a=require("../../utils/cn.cjs"),v=require("../Button/Button.cjs"),x=require("../Typography/Typography.cjs"),o=require("./AlertDialog.const.cjs"),N=p=>{const{isOpen:d,onClose:i,onConfirm:D,title:L,description:u,confirmText:S="Confirm",cancelText:T="Cancel",confirmVariant:C="danger",loading:n=!1,loadingText:R,closeOnBackdrop:I=!1,closeOnEscape:m=!0,icon:c,className:O,testId:j}=p,A=r.useId(),_=`bear-alert-title-${A}`,y=`bear-alert-desc-${A}`,l=r.useRef(null),E=r.useRef(null),b=r.useCallback(e=>{m&&e.key==="Escape"&&!n&&i()},[m,i,n]),f=r.useCallback(e=>{if(e.key!=="Tab"||!l.current)return;const s=l.current.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');if(s.length===0)return;const g=s[0],h=s[s.length-1];e.shiftKey&&document.activeElement===g?(e.preventDefault(),h.focus()):!e.shiftKey&&document.activeElement===h&&(e.preventDefault(),g.focus())},[]);if(r.useEffect(()=>(d&&(E.current=document.activeElement,document.addEventListener("keydown",b),document.addEventListener("keydown",f),document.body.style.overflow="hidden",requestAnimationFrame(()=>{var e;return(e=l.current)==null?void 0:e.focus()})),()=>{var e;document.removeEventListener("keydown",b),document.removeEventListener("keydown",f),document.body.style.overflow="",(e=E.current)==null||e.focus()}),[d,b,f]),!d)return null;const k=t.jsxs("div",{className:"Bear-AlertDialog bear-fixed bear-inset-0 bear-z-50 bear-flex bear-items-center bear-justify-center bear-p-4","data-testid":j,children:[t.jsx("div",{className:a.cn("Bear-AlertDialog__backdrop",o.ALERT_DIALOG_BACKDROP_CLASSES),onClick:I&&!n?i:void 0,"aria-hidden":"true"}),t.jsxs("div",{ref:l,role:"alertdialog","aria-modal":"true","aria-labelledby":_,"aria-describedby":u?y:void 0,tabIndex:-1,className:a.cn("Bear-AlertDialog__container",o.ALERT_DIALOG_CONTAINER_CLASSES,"bear-p-6",O),children:[c&&t.jsx("div",{className:"Bear-AlertDialog__icon bear-mb-4 bear-flex bear-justify-center",children:c}),t.jsx(x.Typography,{variant:"h6",id:_,className:a.cn("Bear-AlertDialog__title",o.ALERT_DIALOG_TITLE_CLASSES,c&&"bear-text-center"),children:L}),u&&t.jsx(x.Typography,{variant:"body2",id:y,className:a.cn("Bear-AlertDialog__description",o.ALERT_DIALOG_DESCRIPTION_CLASSES,c&&"bear-text-center"),children:u}),t.jsxs("div",{className:a.cn("Bear-AlertDialog__footer",o.ALERT_DIALOG_FOOTER_CLASSES),children:[t.jsx(v.Button,{variant:"ghost",onClick:i,disabled:n,children:T}),t.jsx(v.Button,{variant:C,onClick:D,loading:n,loadingText:R,children:S})]})]})]});return B.createPortal(k,document.body)};exports.AlertDialog=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),w=require("react-dom"),h=require("../../constants/numbers.const.cjs"),t=require("../../constants/generals.const.cjs"),p=require("../../constants/keys.const.cjs"),m=require("../../utils/cn.cjs"),v=require("../Button/Button.cjs"),k=require("../Typography/Typography.cjs"),F=B=>{const{isOpen:c,onClose:o,onConfirm:L,title:D,description:d,confirmText:R=t.LABEL_CONFIRM,cancelText:N=t.LABEL_CANCEL,confirmVariant:T=t.VARIANT_DANGER,loading:n=t.BOOLEAN_FALSE,loadingText:j,closeOnBackdrop:C=t.BOOLEAN_FALSE,closeOnEscape:f=t.BOOLEAN_TRUE,icon:i,className:O,testId:I}=B,y=a.useId(),g=`${t.ALERT_TITLE_ID_PREFIX}${y}`,x=`${t.ALERT_DESC_ID_PREFIX}${y}`,s=a.useRef(null),E=a.useRef(null),b=a.useCallback(e=>{f&&e.key===p.KEY_ESCAPE&&!n&&o()},[f,o,n]),u=a.useCallback(e=>{if(e.key!==p.KEY_TAB||!s.current)return;const l=s.current.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])');if(l.length===h.ZERO)return;const _=l[h.ZERO],A=l[l.length-1];e.shiftKey&&document.activeElement===_?(e.preventDefault(),A.focus()):!e.shiftKey&&document.activeElement===A&&(e.preventDefault(),_.focus())},[]);if(a.useEffect(()=>(c&&(E.current=document.activeElement,document.addEventListener("keydown",b),document.addEventListener("keydown",u),document.body.style.overflow="hidden",requestAnimationFrame(()=>{var e;return(e=s.current)==null?void 0:e.focus()})),()=>{var e;document.removeEventListener("keydown",b),document.removeEventListener("keydown",u),document.body.style.overflow="",(e=E.current)==null||e.focus()}),[c,b,u]),!c)return null;const q=r.jsxs("div",{className:"Bear-AlertDialog bear-fixed bear-inset-0 bear-z-50 bear-flex bear-items-center bear-justify-center bear-p-4","data-testid":I,children:[r.jsx("div",{className:"Bear-AlertDialog__backdrop bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity animate-fade-in",onClick:C&&!n?o:void 0,"aria-hidden":"true"}),r.jsxs("div",{ref:s,role:"alertdialog","aria-modal":"true","aria-labelledby":g,"aria-describedby":d?x:void 0,tabIndex:-1,className:m.cn("Bear-AlertDialog__container bear-relative bear-w-full bear-max-w-md bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-2xl bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-transform bear-transition-all animate-alert-dialog-in bear-p-6",O),children:[i&&r.jsx("div",{className:"Bear-AlertDialog__icon bear-mb-4 bear-flex bear-justify-center",children:i}),r.jsx(k.Typography,{variant:"h6",id:g,className:m.cn("Bear-AlertDialog__title bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white",i&&"bear-text-center"),children:D}),d&&r.jsx(k.Typography,{variant:"body2",id:x,className:m.cn("Bear-AlertDialog__description bear-text-sm bear-text-gray-600 dark:bear-text-gray-400 bear-mt-2",i&&"bear-text-center"),children:d}),r.jsxs("div",{className:"Bear-AlertDialog__footer bear-flex bear-items-center bear-justify-end bear-gap-3 bear-pt-6",children:[r.jsx(v.Button,{variant:"ghost",onClick:o,disabled:n,children:N}),r.jsx(v.Button,{variant:T,onClick:L,loading:n,loadingText:j,children:R})]})]})]});return w.createPortal(q,document.body)};exports.AlertDialog=F;

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import { AlertDialogProps } from './AlertDialog.types';
-export declare const AlertDialog: FC<AlertDialogProps>;
+export declare const AlertDialog: (props: AlertDialogProps) => import('react').ReactPortal | null;
 export default AlertDialog;

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,110 +1,118 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { useId as w, useRef as y, useCallback as h, useEffect as G } from "react";
-import { createPortal as j } from "react-dom";
-import { cn as a } from "../../utils/cn.js";
-import { Button as L } from "../Button/Button.js";
-import { Typography as g } from "../Typography/Typography.js";
-import { ALERT_DIALOG_BACKDROP_CLASSES as F, ALERT_DIALOG_TITLE_CLASSES as K, ALERT_DIALOG_DESCRIPTION_CLASSES as P, ALERT_DIALOG_FOOTER_CLASSES as q, ALERT_DIALOG_CONTAINER_CLASSES as $ } from "./AlertDialog.const.js";
-const W = (C) => {
+import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import { useId as K, useRef as _, useCallback as h, useEffect as P } from "react";
+import { createPortal as S } from "react-dom";
+import { ZERO as A } from "../../constants/numbers.const.js";
+import { LABEL_CONFIRM as $, LABEL_CANCEL as z, VARIANT_DANGER as q, BOOLEAN_FALSE as v, BOOLEAN_TRUE as V, ALERT_DESC_ID_PREFIX as X, ALERT_TITLE_ID_PREFIX as Y } from "../../constants/generals.const.js";
+import { KEY_ESCAPE as G, KEY_TAB as M } from "../../constants/keys.const.js";
+import { cn as m } from "../../utils/cn.js";
+import { Button as k } from "../Button/Button.js";
+import { Typography as L } from "../Typography/Typography.js";
+const ae = (B) => {
   const {
-    isOpen: c,
-    onClose: n,
+    isOpen: l,
+    onClose: a,
     onConfirm: D,
-    title: S,
+    title: N,
     description: d,
-    confirmText: T = "Confirm",
-    cancelText: x = "Cancel",
-    confirmVariant: I = "danger",
-    loading: r = !1,
-    loadingText: O,
-    closeOnBackdrop: k = !1,
-    closeOnEscape: f = !0,
+    confirmText: C = $,
+    cancelText: I = z,
+    confirmVariant: R = q,
+    loading: t = v,
+    loadingText: T,
+    closeOnBackdrop: w = v,
+    closeOnEscape: u = V,
     icon: o,
-    className: R,
-    testId: N
-  } = C, b = w(), A = `bear-alert-title-${b}`, _ = `bear-alert-desc-${b}`, i = y(null), E = y(null), s = h(
+    className: O,
+    testId: F
+  } = B, f = K(), p = `${Y}${f}`, E = `${X}${f}`, n = _(null), g = _(null), c = h(
     (e) => {
-      f && e.key === "Escape" && !r && n();
+      u && e.key === G && !t && a();
     },
-    [f, n, r]
-  ), u = h((e) => {
-    if (e.key !== "Tab" || !i.current) return;
-    const l = i.current.querySelectorAll(
+    [u, a, t]
+  ), s = h((e) => {
+    if (e.key !== M || !n.current)
+      return;
+    const i = n.current.querySelectorAll(
       'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
     );
-    if (l.length === 0) return;
-    const p = l[0], v = l[l.length - 1];
-    e.shiftKey && document.activeElement === p ? (e.preventDefault(), v.focus()) : !e.shiftKey && document.activeElement === v && (e.preventDefault(), p.focus());
+    if (i.length === A)
+      return;
+    const y = i[A], x = i[i.length - 1];
+    e.shiftKey && document.activeElement === y ? (e.preventDefault(), x.focus()) : !e.shiftKey && document.activeElement === x && (e.preventDefault(), y.focus());
   }, []);
-  if (G(() => (c && (E.current = document.activeElement, document.addEventListener("keydown", s), document.addEventListener("keydown", u), document.body.style.overflow = "hidden", requestAnimationFrame(() => {
+  if (P(() => (l && (g.current = document.activeElement, document.addEventListener("keydown", c), document.addEventListener("keydown", s), document.body.style.overflow = "hidden", requestAnimationFrame(() => {
     var e;
-    return (e = i.current) == null ? void 0 : e.focus();
+    return (e = n.current) == null ? void 0 : e.focus();
   })), () => {
     var e;
-    document.removeEventListener("keydown", s), document.removeEventListener("keydown", u), document.body.style.overflow = "", (e = E.current) == null || e.focus();
-  }), [c, s, u]), !c) return null;
-  const B = /* @__PURE__ */ m(
+    document.removeEventListener("keydown", c), document.removeEventListener("keydown", s), document.body.style.overflow = "", (e = g.current) == null || e.focus();
+  }), [l, c, s]), !l)
+    return null;
+  const j = /* @__PURE__ */ b(
     "div",
     {
       className: "Bear-AlertDialog bear-fixed bear-inset-0 bear-z-50 bear-flex bear-items-center bear-justify-center bear-p-4",
-      "data-testid": N,
+      "data-testid": F,
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ r(
           "div",
           {
-            className: a("Bear-AlertDialog__backdrop", F),
-            onClick: k && !r ? n : void 0,
+            className: "Bear-AlertDialog__backdrop bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity animate-fade-in",
+            onClick: w && !t ? a : void 0,
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ b(
           "div",
           {
-            ref: i,
+            ref: n,
             role: "alertdialog",
             "aria-modal": "true",
-            "aria-labelledby": A,
-            "aria-describedby": d ? _ : void 0,
+            "aria-labelledby": p,
+            "aria-describedby": d ? E : void 0,
             tabIndex: -1,
-            className: a("Bear-AlertDialog__container", $, "bear-p-6", R),
+            className: m(
+              "Bear-AlertDialog__container bear-relative bear-w-full bear-max-w-md bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-2xl bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-transform bear-transition-all animate-alert-dialog-in bear-p-6",
+              O
+            ),
             children: [
-              o && /* @__PURE__ */ t("div", { className: "Bear-AlertDialog__icon bear-mb-4 bear-flex bear-justify-center", children: o }),
-              /* @__PURE__ */ t(
-                g,
+              o && /* @__PURE__ */ r("div", { className: "Bear-AlertDialog__icon bear-mb-4 bear-flex bear-justify-center", children: o }),
+              /* @__PURE__ */ r(
+                L,
                 {
                   variant: "h6",
-                  id: A,
-                  className: a("Bear-AlertDialog__title", K, o && "bear-text-center"),
-                  children: S
+                  id: p,
+                  className: m("Bear-AlertDialog__title bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white", o && "bear-text-center"),
+                  children: N
                 }
               ),
-              d && /* @__PURE__ */ t(
-                g,
+              d && /* @__PURE__ */ r(
+                L,
                 {
                   variant: "body2",
-                  id: _,
-                  className: a("Bear-AlertDialog__description", P, o && "bear-text-center"),
+                  id: E,
+                  className: m("Bear-AlertDialog__description bear-text-sm bear-text-gray-600 dark:bear-text-gray-400 bear-mt-2", o && "bear-text-center"),
                   children: d
                 }
               ),
-              /* @__PURE__ */ m("div", { className: a("Bear-AlertDialog__footer", q), children: [
-                /* @__PURE__ */ t(
-                  L,
+              /* @__PURE__ */ b("div", { className: "Bear-AlertDialog__footer bear-flex bear-items-center bear-justify-end bear-gap-3 bear-pt-6", children: [
+                /* @__PURE__ */ r(
+                  k,
                   {
                     variant: "ghost",
-                    onClick: n,
-                    disabled: r,
-                    children: x
+                    onClick: a,
+                    disabled: t,
+                    children: I
                   }
                 ),
-                /* @__PURE__ */ t(
-                  L,
+                /* @__PURE__ */ r(
+                  k,
                   {
-                    variant: I,
+                    variant: R,
                     onClick: D,
-                    loading: r,
-                    loadingText: O,
-                    children: T
+                    loading: t,
+                    loadingText: T,
+                    children: C
                   }
                 )
               ] })
@@ -114,8 +122,8 @@ const W = (C) => {
       ]
     }
   );
-  return j(B, document.body);
+  return S(j, document.body);
 };
 export {
-  W as AlertDialog
+  ae as AlertDialog
 };

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

@@ -2,34 +2,19 @@ import { ReactNode } from 'react';
 import { BearVariant } from '../../types';
 export interface AlertDialogProps {
     id?: string;
-    /** Whether the dialog is open */
     isOpen: boolean;
-    /** Callback when dialog should close (cancel/backdrop/escape) */
     onClose: () => void;
-    /** Callback when confirm action is triggered */
     onConfirm: () => void;
-    /** Dialog title */
     title: string;
-    /** Dialog description / body text */
     description?: string | ReactNode;
-    /** Confirm button text */
     confirmText?: string;
-    /** Cancel button text */
     cancelText?: string;
-    /** Variant for the confirm button */
     confirmVariant?: BearVariant | (string & {});
-    /** Whether confirm action is in progress */
     loading?: boolean;
-    /** Loading text for confirm button */
     loadingText?: string;
-    /** Whether clicking backdrop closes the dialog */
     closeOnBackdrop?: boolean;
-    /** Whether pressing Escape closes the dialog */
     closeOnEscape?: boolean;
-    /** Optional icon to show above the title */
     icon?: ReactNode;
-    /** Additional class name */
     className?: string;
-    /** Test ID */
     testId?: string;
 }

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

@@ -1,3 +1,2 @@
 export { AlertDialog, default } from './AlertDialog';
 export * from './AlertDialog.types';
-export * from './AlertDialog.const';

package/dist/components/Anchor/Anchor.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),u=require("react"),f=require("../../utils/cn.cjs"),L=require("../Typography/Typography.cjs"),s=require("./Anchor.const.cjs"),N=require("./Anchor.utils.cjs"),C=S=>{const{links:T,offset:c=s.DEFAULT_OFFSET,affix:h=!1,affixTop:g=s.DEFAULT_AFFIX_TOP,targetOffset:b=s.DEFAULT_TARGET_OFFSET,onClick:i,className:m,testId:A,...I}=S,[v,_]=u.useState(null),l=u.useRef(null),a=N.collectIds(T),p=u.useCallback(e=>{const n=document.getElementById(e);if(n){const t=n.getBoundingClientRect().top+window.scrollY-b;window.scrollTo({top:t,behavior:"smooth"})}i==null||i(e)},[b,i]);u.useEffect(()=>{if(a.length!==0)return l.current=new IntersectionObserver(e=>{const n=e.filter(t=>t.isIntersecting).sort((t,o)=>{const r=t.boundingClientRect.top,x=o.boundingClientRect.top;return Math.abs(r-c)-Math.abs(x-c)});if(n.length>0){const o=n[0].target.id;a.includes(o)&&_(o)}},{rootMargin:`-${c}px 0px -50% 0px`,threshold:[0,.25,.5,.75,1]}),a.forEach(e=>{var t;const n=document.getElementById(e);n&&((t=l.current)==null||t.observe(n))}),()=>{var e;(e=l.current)==null||e.disconnect(),l.current=null}},[a.join(","),c]);const E=(e,n)=>{var o;const t=v===e.id;return d.jsxs("div",{className:f.cn(n&&s.NESTED_LINK_INDENT),children:[d.jsx("div",{role:"button",tabIndex:0,onClick:()=>p(e.id),onKeyDown:r=>r.key==="Enter"&&p(e.id),className:f.cn(s.LINK_CLASSES,t&&s.ACTIVE_LINK_CLASSES),children:d.jsx(L.Typography,{variant:"body2",className:f.cn(t&&"bear-font-medium"),children:e.label})}),(o=e.children)==null?void 0:o.map(r=>E(r,!0))]},e.id)},y=f.cn(s.ROOT_CLASS,s.ROOT_CLASSES,h&&"bear-sticky",m);return d.jsx("nav",{className:y,style:h?{top:g}:void 0,"data-testid":A,...I,children:T.map(e=>E(e,!1))})};exports.Anchor=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),u=require("react"),n=require("../../constants/numbers.const.cjs"),s=require("../../constants/generals.const.cjs"),I=require("../../constants/keys.const.cjs"),O=require("../../utils/cn.cjs"),N=require("../Typography/Typography.cjs"),S=require("./Anchor.utils.cjs"),B=h=>{const{links:f,offset:a=n.ZERO,affix:R=s.BOOLEAN_FALSE,affixTop:y=n.ZERO,targetOffset:m=n.ZERO,onClick:i,className:g,testId:x,...T}=h,[_,v]=u.useState(null),l=u.useRef(null),d=S.collectIds(f),p=u.useCallback(e=>{const t=document.getElementById(e);if(t){const r=t.getBoundingClientRect().top+window.scrollY-m;window.scrollTo({top:r,behavior:s.SCROLL_BEHAVIOR_SMOOTH})}i==null||i(e)},[m,i]);u.useEffect(()=>{if(d.length!==n.ZERO)return l.current=new IntersectionObserver(e=>{const t=e.filter(r=>r.isIntersecting).sort((r,o)=>{const c=r.boundingClientRect.top,A=o.boundingClientRect.top;return Math.abs(c-a)-Math.abs(A-a)});if(t.length>n.ZERO){const o=t[n.ZERO].target.id;d.includes(o)&&v(o)}},{rootMargin:`-${a}${s.UNIT_PX} ${n.ZERO}${s.UNIT_PX} ${s.ROOT_MARGIN_BOTTOM_HALF} ${n.ZERO}${s.UNIT_PX}`,threshold:n.ANCHOR_OBSERVER_THRESHOLDS}),d.forEach(e=>{var r;const t=document.getElementById(e);t&&((r=l.current)==null||r.observe(t))}),()=>{var e;(e=l.current)==null||e.disconnect(),l.current=null}},[d.join(","),a]);const E=(e,t)=>{var o;const r=_===e.id;return b.jsxs("div",{className:O.cn(t&&"bear-pl-4"),children:[b.jsx("div",{role:"button",tabIndex:n.ZERO,onClick:()=>p(e.id),onKeyDown:c=>c.key===I.KEY_ENTER&&p(e.id),className:O.cn("bear-py-1 bear-px-2 bear-text-sm bear-transition-colors bear-cursor-pointer bear-rounded bear-text-gray-600 dark:bear-text-zinc-400 hover:bear-text-gray-900 dark:hover:bear-text-zinc-100",r&&"bear-text-primary-500 dark:bear-text-primary-400 bear-font-medium bear-border-l-2 bear-border-primary-500 dark:bear-border-primary-400 bear-pl-3 bear--ml-0.5"),children:b.jsx(N.Typography,{variant:"body2",className:O.cn(r&&"bear-font-medium"),children:e.label})}),(o=e.children)==null?void 0:o.map(c=>E(c,!0))]},e.id)};return b.jsx("nav",{className:O.cn("Bear-Anchor bear-flex bear-flex-col",R&&"bear-sticky",g),style:R?{top:y}:void 0,"data-testid":x,...T,children:f.map(e=>E(e,s.BOOLEAN_FALSE))})};exports.Anchor=B;

package/dist/components/Anchor/Anchor.d.ts

@@ -1,4 +1,3 @@
-import { FC } from 'react';
 import { AnchorProps } from './Anchor.types';
-export declare const Anchor: FC<AnchorProps>;
+export declare const Anchor: (props: AnchorProps) => import("react/jsx-runtime").JSX.Element;
 export default Anchor;