@forgedevstack/bear 1.3.3 → 1.3.5

package/dist/components/Alert/Alert.js

@@ -1,72 +1,67 @@
-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 "@forgedevstack/bear-icons";
-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) => {
+import { jsxs as _, jsx as r } from "react/jsx-runtime";
+import { useState as S } from "react";
+import { INFO as f, VARIANT_STANDARD as T, BOOLEAN_TRUE as n, BOOLEAN_FALSE as i, LABEL_CLOSE_ALERT as x, VARIANT_GHOST as R } from "../../constants/generals.const.js";
+import { cn as g } from "../../utils/cn.js";
+import { Box as o } from "../Box/Box.js";
+import { Button as v } from "../Button/Button.js";
+import { Flex as C } from "../Flex/Flex.js";
+import { CloseIcon as O, InfoIcon as k, BearIcons as l } from "@forgedevstack/bear-icons";
+import { Typography as b } from "../Typography/Typography.js";
+import { ALERT_VARIANT_CLASSES as V, ALERT_SEVERITY_CLASS as y } from "./Alert.const.js";
+const J = (d) => {
   const {
-    severity: e = I,
-    variant: t = C,
-    title: A,
-    icon: a = i,
-    action: d,
-    closable: u = s,
-    onClose: n,
-    children: _,
-    className: E,
-    testId: h,
-    ...L
-  } = N, [T, B] = x(i);
-  if (!T)
+    severity: e = f,
+    variant: p = T,
+    title: s,
+    icon: t = n,
+    action: c,
+    closable: h = i,
+    onClose: a,
+    children: m,
+    className: I,
+    testId: u,
+    ...N
+  } = d, [B, E] = S(n);
+  if (!B)
     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,
+  const L = () => {
+    E(i), a == null || a();
+  }, A = t === i ? null : t !== n ? t : e === f ? /* @__PURE__ */ r(k, {}) : e === "success" ? /* @__PURE__ */ r(l.CheckCircleIcon, {}) : e === "warning" ? /* @__PURE__ */ r(l.WarningIcon, {}) : /* @__PURE__ */ r(l.ErrorIcon, {});
+  return /* @__PURE__ */ _(
+    C,
     {
       role: "alert",
       "aria-live": "polite",
-      className: V(
+      className: g(
         "Bear-Alert bear-items-start bear-gap-3 bear-p-4 bear-rounded-lg",
-        j[t](e),
-        E
+        y[e],
+        V[p](e),
+        I
       ),
-      style: {
-        backgroundColor: l ? void 0 : o.bg,
-        borderColor: t === g ? o.border : void 0,
-        color: l ? void 0 : o.text
-      },
-      "data-testid": h,
-      ...L,
+      "data-testid": u,
+      ...N,
       children: [
-        b && /* @__PURE__ */ r(
-          c,
+        A && /* @__PURE__ */ r(
+          o,
           {
             as: "span",
             className: "Bear-Alert__icon bear-flex-shrink-0 bear-mt-0.5",
-            style: { color: l ? "currentColor" : o.icon },
-            children: b
+            children: A
           }
         ),
-        /* @__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: _ })
+        /* @__PURE__ */ _(o, { className: "Bear-Alert__content bear-flex-1 bear-min-w-0", children: [
+          s && /* @__PURE__ */ r(b, { variant: "subtitle2", weight: "semibold", color: "inherit", className: "Bear-Alert__title bear-mb-1", children: s }),
+          m && /* @__PURE__ */ r(b, { variant: "body2", color: "inherit", className: "Bear-Alert__message", children: m })
         ] }),
-        d && /* @__PURE__ */ r(c, { className: "Bear-Alert__action bear-flex-shrink-0", children: d }),
-        u && /* @__PURE__ */ r(
-          k,
+        c && /* @__PURE__ */ r(o, { className: "Bear-Alert__action bear-flex-shrink-0", children: c }),
+        h && /* @__PURE__ */ r(
+          v,
           {
-            variant: S,
-            onClick: R,
+            variant: R,
+            onClick: L,
             className: "Bear-Alert__close bear-flex-shrink-0 bear-p-1",
-            "aria-label": O,
-            children: /* @__PURE__ */ r(F, {})
+            "aria-label": x,
+            children: /* @__PURE__ */ r(O, {})
           }
         )
       ]
@@ -74,5 +69,5 @@ const Q = (N) => {
   );
 };
 export {
-  Q as Alert
+  J as Alert
 };

package/dist/components/AlertDialog/AlertDialog.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),j=require("react-dom"),r=require("../../constants/generals.const.cjs"),s=require("../../utils/cn.cjs"),D=require("../../hooks/useFocusTrap/useFocusTrap.cjs"),g=require("../Button/Button.cjs"),m=require("../Typography/Typography.cjs"),L=x=>{const{isOpen:a,onClose:n,onConfirm:f,title:_,description:o,confirmText:y=r.LABEL_CONFIRM,cancelText:p=r.LABEL_CANCEL,confirmVariant:A=r.VARIANT_DANGER,loading:t=r.BOOLEAN_FALSE,loadingText:E,closeOnBackdrop:h=r.BOOLEAN_FALSE,closeOnEscape:v=r.BOOLEAN_TRUE,icon:i,className:B,testId:N}=x,c=l.useId(),d=`${r.ALERT_TITLE_ID_PREFIX}${c}`,b=`${r.ALERT_DESC_ID_PREFIX}${c}`,u=l.useRef(null);if(D.useFocusTrap(u,{enabled:a,onEscape:v&&!t?n:void 0}),l.useEffect(()=>(a&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow=""}),[a]),!a)return null;const T=e.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":N,children:[e.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:h&&!t?n:void 0,"aria-hidden":"true"}),e.jsxs("div",{ref:u,role:"alertdialog","aria-modal":"true","aria-labelledby":d,"aria-describedby":o?b:void 0,tabIndex:-1,className:s.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",B),children:[i&&e.jsx("div",{className:"Bear-AlertDialog__icon bear-mb-4 bear-flex bear-justify-center",children:i}),e.jsx(m.Typography,{variant:"h6",id:d,className:s.cn("Bear-AlertDialog__title bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white",i&&"bear-text-center"),children:_}),o&&e.jsx(m.Typography,{variant:"body2",id:b,className:s.cn("Bear-AlertDialog__description bear-text-sm bear-text-gray-600 dark:bear-text-gray-400 bear-mt-2",i&&"bear-text-center"),children:o}),e.jsxs("div",{className:"Bear-AlertDialog__footer bear-flex bear-items-center bear-justify-end bear-gap-3 bear-pt-6",children:[e.jsx(g.Button,{variant:"ghost",onClick:n,disabled:t,children:p}),e.jsx(g.Button,{variant:A,onClick:f,loading:t,loadingText:E,children:y})]})]})]});return j.createPortal(T,document.body)};exports.AlertDialog=L;

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,118 +1,101 @@
-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) => {
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { useId as I, useRef as k, useEffect as L } from "react";
+import { createPortal as T } from "react-dom";
+import { LABEL_CONFIRM as C, LABEL_CANCEL as R, VARIANT_DANGER as O, BOOLEAN_FALSE as m, BOOLEAN_TRUE as w, ALERT_DESC_ID_PREFIX as j, ALERT_TITLE_ID_PREFIX as F } from "../../constants/generals.const.js";
+import { cn as n } from "../../utils/cn.js";
+import { useFocusTrap as $ } from "../../hooks/useFocusTrap/useFocusTrap.js";
+import { Button as f } from "../Button/Button.js";
+import { Typography as g } from "../Typography/Typography.js";
+const q = (p) => {
   const {
-    isOpen: l,
-    onClose: a,
-    onConfirm: D,
-    title: N,
-    description: d,
-    confirmText: C = $,
-    cancelText: I = z,
-    confirmVariant: R = q,
-    loading: t = v,
-    loadingText: T,
-    closeOnBackdrop: w = v,
-    closeOnEscape: u = V,
-    icon: o,
-    className: O,
-    testId: F
-  } = B, f = K(), p = `${Y}${f}`, E = `${X}${f}`, n = _(null), g = _(null), c = h(
-    (e) => {
-      u && e.key === G && !t && a();
-    },
-    [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 (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 (P(() => (l && (g.current = document.activeElement, document.addEventListener("keydown", c), document.addEventListener("keydown", s), document.body.style.overflow = "hidden", requestAnimationFrame(() => {
-    var e;
-    return (e = n.current) == null ? void 0 : e.focus();
-  })), () => {
-    var e;
-    document.removeEventListener("keydown", c), document.removeEventListener("keydown", s), document.body.style.overflow = "", (e = g.current) == null || e.focus();
-  }), [l, c, s]), !l)
+    isOpen: r,
+    onClose: i,
+    onConfirm: u,
+    title: _,
+    description: o,
+    confirmText: x = C,
+    cancelText: A = R,
+    confirmVariant: y = O,
+    loading: a = m,
+    loadingText: E,
+    closeOnBackdrop: h = m,
+    closeOnEscape: v = w,
+    icon: t,
+    className: N,
+    testId: B
+  } = p, d = I(), b = `${F}${d}`, s = `${j}${d}`, c = k(null);
+  if ($(c, {
+    enabled: r,
+    onEscape: v && !a ? i : void 0
+  }), L(() => (r && (document.body.style.overflow = "hidden"), () => {
+    document.body.style.overflow = "";
+  }), [r]), !r)
     return null;
-  const j = /* @__PURE__ */ b(
+  const D = /* @__PURE__ */ l(
     "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": F,
+      "data-testid": B,
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           "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: w && !t ? a : void 0,
+            onClick: h && !a ? i : void 0,
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ b(
+        /* @__PURE__ */ l(
           "div",
           {
-            ref: n,
+            ref: c,
             role: "alertdialog",
             "aria-modal": "true",
-            "aria-labelledby": p,
-            "aria-describedby": d ? E : void 0,
+            "aria-labelledby": b,
+            "aria-describedby": o ? s : void 0,
             tabIndex: -1,
-            className: m(
+            className: n(
               "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
+              N
             ),
             children: [
-              o && /* @__PURE__ */ r("div", { className: "Bear-AlertDialog__icon bear-mb-4 bear-flex bear-justify-center", children: o }),
-              /* @__PURE__ */ r(
-                L,
+              t && /* @__PURE__ */ e("div", { className: "Bear-AlertDialog__icon bear-mb-4 bear-flex bear-justify-center", children: t }),
+              /* @__PURE__ */ e(
+                g,
                 {
                   variant: "h6",
-                  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
+                  id: b,
+                  className: n("Bear-AlertDialog__title bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white", t && "bear-text-center"),
+                  children: _
                 }
               ),
-              d && /* @__PURE__ */ r(
-                L,
+              o && /* @__PURE__ */ e(
+                g,
                 {
                   variant: "body2",
-                  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
+                  id: s,
+                  className: n("Bear-AlertDialog__description bear-text-sm bear-text-gray-600 dark:bear-text-gray-400 bear-mt-2", t && "bear-text-center"),
+                  children: o
                 }
               ),
-              /* @__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,
+              /* @__PURE__ */ l("div", { className: "Bear-AlertDialog__footer bear-flex bear-items-center bear-justify-end bear-gap-3 bear-pt-6", children: [
+                /* @__PURE__ */ e(
+                  f,
                   {
                     variant: "ghost",
-                    onClick: a,
-                    disabled: t,
-                    children: I
+                    onClick: i,
+                    disabled: a,
+                    children: A
                   }
                 ),
-                /* @__PURE__ */ r(
-                  k,
+                /* @__PURE__ */ e(
+                  f,
                   {
-                    variant: R,
-                    onClick: D,
-                    loading: t,
-                    loadingText: T,
-                    children: C
+                    variant: y,
+                    onClick: u,
+                    loading: a,
+                    loadingText: E,
+                    children: x
                   }
                 )
               ] })
@@ -122,8 +105,8 @@ const ae = (B) => {
       ]
     }
   );
-  return S(j, document.body);
+  return T(D, document.body);
 };
 export {
-  ae as AlertDialog
+  q as AlertDialog
 };

package/dist/components/BottomSheet/BottomSheet.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),w=require("react-dom"),d=require("../../constants/numbers.const.cjs"),e=require("../../constants/generals.const.cjs"),g=require("../../constants/keys.const.cjs"),b=require("../../utils/cn.cjs"),l=require("../Box/Box.cjs"),R=require("../Button/Button.cjs"),E=require("../Flex/Flex.cjs"),j=require("@forgedevstack/bear-icons"),q=require("../Typography/Typography.cjs"),F=require("./BottomSheet.const.cjs"),v=A=>{const{isOpen:i,onClose:o,title:s,children:_,size:y=e.SIZE_MD,showCloseButton:m=e.BOOLEAN_TRUE,closeOnBackdrop:L=e.BOOLEAN_TRUE,closeOnEscape:O=e.BOOLEAN_TRUE,showHandle:N=e.BOOLEAN_TRUE,enableScroll:f=e.BOOLEAN_TRUE,isSticky:S=e.BOOLEAN_FALSE,className:p}=A,[a,h]=t.useState(i),[x,c]=t.useState(e.BOOLEAN_FALSE),[T,B]=t.useState(e.BOOLEAN_FALSE);t.useEffect(()=>{if(i){h(e.BOOLEAN_TRUE),c(e.BOOLEAN_FALSE);const n=requestAnimationFrame(()=>B(e.BOOLEAN_TRUE));return()=>cancelAnimationFrame(n)}if(a){B(e.BOOLEAN_FALSE),c(e.BOOLEAN_TRUE);const n=setTimeout(()=>{h(e.BOOLEAN_FALSE),c(e.BOOLEAN_FALSE)},d.THREE_HUNDRED);return()=>clearTimeout(n)}},[i,a]);const u=t.useCallback(n=>{O&&n.key===g.KEY_ESCAPE&&o()},[O,o]);if(t.useEffect(()=>(a&&(document.addEventListener("keydown",u),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",u),document.body.style.overflow=""}),[a,u]),!a)return null;const k=r.jsxs(E.Flex,{className:"bear-fixed bear-inset-0 bear-items-end bear-justify-center",style:{zIndex:d.BACKDROP_DEFAULT_Z_INDEX},children:[r.jsx(l.Box,{className:b.cn("bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",x?"bear-opacity-0":"bear-opacity-100"),style:{transitionDuration:`${d.THREE_HUNDRED}ms`},onClick:L?o:void 0,"aria-hidden":"true"}),r.jsxs(l.Box,{role:"dialog","aria-modal":"true","aria-labelledby":s?"bottom-sheet-title":void 0,className:b.cn("Bear-BottomSheet bear-relative bear-w-full bear-rounded-t-2xl bear-shadow-2xl bear-transition-transform bear-duration-300","bear-flex bear-flex-col bear-min-h-0 bear-overflow-hidden","bear-bg-white dark:bear-bg-neutral-900 bear-border-t bear-border-neutral-200 dark:bear-border-neutral-700",F.BOTTOM_SHEET_SIZE_CLASSES[y],T&&!x?"bear-translate-y-0":"bear-translate-y-full",p),children:[N&&r.jsx(E.Flex,{className:"bear-justify-center bear-pt-2 bear-pb-1",children:r.jsx(l.Box,{className:"bear-w-12 bear-h-1 bear-rounded-full bear-bg-neutral-300 dark:bear-bg-neutral-600","aria-hidden":!0})}),(s||m)&&r.jsxs(E.Flex,{className:b.cn("bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-neutral-200 dark:bear-border-neutral-700 bear-shrink-0",S&&"bear-sticky bear-top-0 bear-z-10 bear-bg-white dark:bear-bg-neutral-900"),children:[s&&r.jsx(q.Typography,{id:"bottom-sheet-title",weight:"semibold",className:"bear-text-lg bear-text-neutral-900 dark:bear-text-white",children:s}),m&&r.jsx(R.Button,{variant:e.VARIANT_GHOST,onClick:o,"aria-label":e.LABEL_CLOSE,children:r.jsx(j.XIcon,{className:"bear-w-5 bear-h-5"})})]}),r.jsx(l.Box,{className:b.cn("bear-flex-1 bear-min-h-0 bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300",f?"bear-overflow-y-auto":"bear-overflow-hidden"),children:_})]})]});return w.createPortal(k,document.body)};exports.BottomSheet=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),R=require("react-dom"),g=require("../../hooks/useFocusTrap/useFocusTrap.cjs"),m=require("../../constants/numbers.const.cjs"),e=require("../../constants/generals.const.cjs"),F=require("../../constants/keys.const.cjs"),l=require("../../utils/cn.cjs"),b=require("../Box/Box.cjs"),j=require("../Button/Button.cjs"),O=require("../Flex/Flex.cjs"),q=require("@forgedevstack/bear-icons"),v=require("../Typography/Typography.cjs"),C=require("./BottomSheet.const.cjs"),U=_=>{const{isOpen:i,onClose:n,title:o,children:f,size:y=e.SIZE_MD,showCloseButton:h=e.BOOLEAN_TRUE,closeOnBackdrop:L=e.BOOLEAN_TRUE,closeOnEscape:c=e.BOOLEAN_TRUE,showHandle:N=e.BOOLEAN_TRUE,enableScroll:S=e.BOOLEAN_TRUE,isSticky:p=e.BOOLEAN_FALSE,className:T}=_,[a,x]=t.useState(i),[u,d]=t.useState(e.BOOLEAN_FALSE),[k,B]=t.useState(e.BOOLEAN_FALSE);t.useEffect(()=>{if(i){x(e.BOOLEAN_TRUE),d(e.BOOLEAN_FALSE);const s=requestAnimationFrame(()=>B(e.BOOLEAN_TRUE));return()=>cancelAnimationFrame(s)}if(a){B(e.BOOLEAN_FALSE),d(e.BOOLEAN_TRUE);const s=setTimeout(()=>{x(e.BOOLEAN_FALSE),d(e.BOOLEAN_FALSE)},m.THREE_HUNDRED);return()=>clearTimeout(s)}},[i,a]);const A=t.useRef(null);g.useFocusTrap(A,{enabled:a&&!u,onEscape:c?n:void 0});const E=t.useCallback(s=>{c&&s.key===F.KEY_ESCAPE&&n()},[c,n]);if(t.useEffect(()=>(a&&(document.addEventListener("keydown",E),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",E),document.body.style.overflow=""}),[a,E]),!a)return null;const w=r.jsxs(O.Flex,{className:"bear-fixed bear-inset-0 bear-items-end bear-justify-center",style:{zIndex:m.BACKDROP_DEFAULT_Z_INDEX},children:[r.jsx(b.Box,{className:l.cn("bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",u?"bear-opacity-0":"bear-opacity-100"),style:{transitionDuration:`${m.THREE_HUNDRED}ms`},onClick:L?n:void 0,"aria-hidden":"true"}),r.jsxs(b.Box,{ref:A,role:"dialog",tabIndex:-1,"aria-modal":"true","aria-labelledby":o?"bottom-sheet-title":void 0,className:l.cn("Bear-BottomSheet bear-relative bear-w-full bear-rounded-t-2xl bear-shadow-2xl bear-transition-transform bear-duration-300","bear-flex bear-flex-col bear-min-h-0 bear-overflow-hidden","bear-bg-white dark:bear-bg-neutral-900 bear-border-t bear-border-neutral-200 dark:bear-border-neutral-700",C.BOTTOM_SHEET_SIZE_CLASSES[y],k&&!u?"bear-translate-y-0":"bear-translate-y-full",T),children:[N&&r.jsx(O.Flex,{className:"bear-justify-center bear-pt-2 bear-pb-1",children:r.jsx(b.Box,{className:"bear-w-12 bear-h-1 bear-rounded-full bear-bg-neutral-300 dark:bear-bg-neutral-600","aria-hidden":!0})}),(o||h)&&r.jsxs(O.Flex,{className:l.cn("bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-neutral-200 dark:bear-border-neutral-700 bear-shrink-0",p&&"bear-sticky bear-top-0 bear-z-10 bear-bg-white dark:bear-bg-neutral-900"),children:[o&&r.jsx(v.Typography,{id:"bottom-sheet-title",weight:"semibold",className:"bear-text-lg bear-text-neutral-900 dark:bear-text-white",children:o}),h&&r.jsx(j.Button,{variant:e.VARIANT_GHOST,onClick:n,"aria-label":e.LABEL_CLOSE,children:r.jsx(q.XIcon,{className:"bear-w-5 bear-h-5"})})]}),r.jsx(b.Box,{className:l.cn("bear-flex-1 bear-min-h-0 bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300",S?"bear-overflow-y-auto":"bear-overflow-hidden"),children:f})]})]});return R.createPortal(w,document.body)};exports.BottomSheet=U;

package/dist/components/BottomSheet/BottomSheet.js

@@ -1,99 +1,107 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { useState as u, useEffect as w, useCallback as L } from "react";
-import { createPortal as I } from "react-dom";
-import { THREE_HUNDRED as x, BACKDROP_DEFAULT_Z_INDEX as D } from "../../constants/numbers.const.js";
-import { SIZE_MD as H, BOOLEAN_TRUE as e, BOOLEAN_FALSE as a, LABEL_CLOSE as j, VARIANT_GHOST as F } from "../../constants/generals.const.js";
-import { KEY_ESCAPE as R } from "../../constants/keys.const.js";
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { useState as p, useEffect as w, useRef as I, useCallback as D } from "react";
+import { createPortal as R } from "react-dom";
+import { useFocusTrap as F } from "../../hooks/useFocusTrap/useFocusTrap.js";
+import { THREE_HUNDRED as N, BACKDROP_DEFAULT_Z_INDEX as H } from "../../constants/numbers.const.js";
+import { SIZE_MD as j, BOOLEAN_TRUE as e, BOOLEAN_FALSE as a, LABEL_CLOSE as M, VARIANT_GHOST as z } from "../../constants/generals.const.js";
+import { KEY_ESCAPE as P } from "../../constants/keys.const.js";
 import { cn as i } from "../../utils/cn.js";
-import { Box as l } from "../Box/Box.js";
-import { Button as M } from "../Button/Button.js";
-import { Flex as f } from "../Flex/Flex.js";
-import { XIcon as z } from "@forgedevstack/bear-icons";
-import { Typography as P } from "../Typography/Typography.js";
-import { BOTTOM_SHEET_SIZE_CLASSES as U } from "./BottomSheet.const.js";
-const ae = (N) => {
+import { Box as s } from "../Box/Box.js";
+import { Button as U } from "../Button/Button.js";
+import { Flex as h } from "../Flex/Flex.js";
+import { XIcon as Z } from "@forgedevstack/bear-icons";
+import { Typography as K } from "../Typography/Typography.js";
+import { BOTTOM_SHEET_SIZE_CLASSES as X } from "./BottomSheet.const.js";
+const be = (S) => {
   const {
-    isOpen: s,
-    onClose: n,
+    isOpen: l,
+    onClose: o,
     title: b,
-    children: S,
-    size: O = H,
-    showCloseButton: p = e,
-    closeOnBackdrop: g = e,
-    closeOnEscape: h = e,
+    children: O,
+    size: g = j,
+    showCloseButton: y = e,
+    closeOnBackdrop: v = e,
+    closeOnEscape: d = e,
     showHandle: _ = e,
-    enableScroll: v = e,
-    isSticky: A = a,
-    className: B
-  } = N, [t, y] = u(s), [E, d] = u(a), [C, k] = u(a);
+    enableScroll: A = e,
+    isSticky: B = a,
+    className: T
+  } = S, [t, E] = p(l), [m, c] = p(a), [C, k] = p(a);
   w(() => {
-    if (s) {
-      y(e), d(a);
-      const o = requestAnimationFrame(() => k(e));
-      return () => cancelAnimationFrame(o);
+    if (l) {
+      E(e), c(a);
+      const n = requestAnimationFrame(() => k(e));
+      return () => cancelAnimationFrame(n);
     }
     if (t) {
-      k(a), d(e);
-      const o = setTimeout(() => {
-        y(a), d(a);
-      }, x);
-      return () => clearTimeout(o);
+      k(a), c(e);
+      const n = setTimeout(() => {
+        E(a), c(a);
+      }, N);
+      return () => clearTimeout(n);
     }
-  }, [s, t]);
-  const m = L(
-    (o) => {
-      h && o.key === R && n();
+  }, [l, t]);
+  const x = I(null);
+  F(x, {
+    enabled: t && !m,
+    onEscape: d ? o : void 0
+  });
+  const u = D(
+    (n) => {
+      d && n.key === P && o();
     },
-    [h, n]
+    [d, o]
   );
-  if (w(() => (t && (document.addEventListener("keydown", m), document.body.style.overflow = "hidden"), () => {
-    document.removeEventListener("keydown", m), document.body.style.overflow = "";
-  }), [t, m]), !t)
+  if (w(() => (t && (document.addEventListener("keydown", u), document.body.style.overflow = "hidden"), () => {
+    document.removeEventListener("keydown", u), document.body.style.overflow = "";
+  }), [t, u]), !t)
     return null;
-  const T = /* @__PURE__ */ c(
-    f,
+  const L = /* @__PURE__ */ f(
+    h,
     {
       className: "bear-fixed bear-inset-0 bear-items-end bear-justify-center",
-      style: { zIndex: D },
+      style: { zIndex: H },
       children: [
         /* @__PURE__ */ r(
-          l,
+          s,
           {
             className: i(
               "bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity",
-              E ? "bear-opacity-0" : "bear-opacity-100"
+              m ? "bear-opacity-0" : "bear-opacity-100"
             ),
-            style: { transitionDuration: `${x}ms` },
-            onClick: g ? n : void 0,
+            style: { transitionDuration: `${N}ms` },
+            onClick: v ? o : void 0,
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ c(
-          l,
+        /* @__PURE__ */ f(
+          s,
           {
+            ref: x,
             role: "dialog",
+            tabIndex: -1,
             "aria-modal": "true",
             "aria-labelledby": b ? "bottom-sheet-title" : void 0,
             className: i(
               "Bear-BottomSheet bear-relative bear-w-full bear-rounded-t-2xl bear-shadow-2xl bear-transition-transform bear-duration-300",
               "bear-flex bear-flex-col bear-min-h-0 bear-overflow-hidden",
               "bear-bg-white dark:bear-bg-neutral-900 bear-border-t bear-border-neutral-200 dark:bear-border-neutral-700",
-              U[O],
-              C && !E ? "bear-translate-y-0" : "bear-translate-y-full",
-              B
+              X[g],
+              C && !m ? "bear-translate-y-0" : "bear-translate-y-full",
+              T
             ),
             children: [
-              _ && /* @__PURE__ */ r(f, { className: "bear-justify-center bear-pt-2 bear-pb-1", children: /* @__PURE__ */ r(l, { className: "bear-w-12 bear-h-1 bear-rounded-full bear-bg-neutral-300 dark:bear-bg-neutral-600", "aria-hidden": !0 }) }),
-              (b || p) && /* @__PURE__ */ c(
-                f,
+              _ && /* @__PURE__ */ r(h, { className: "bear-justify-center bear-pt-2 bear-pb-1", children: /* @__PURE__ */ r(s, { className: "bear-w-12 bear-h-1 bear-rounded-full bear-bg-neutral-300 dark:bear-bg-neutral-600", "aria-hidden": !0 }) }),
+              (b || y) && /* @__PURE__ */ f(
+                h,
                 {
                   className: i(
                     "bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-neutral-200 dark:bear-border-neutral-700 bear-shrink-0",
-                    A && "bear-sticky bear-top-0 bear-z-10 bear-bg-white dark:bear-bg-neutral-900"
+                    B && "bear-sticky bear-top-0 bear-z-10 bear-bg-white dark:bear-bg-neutral-900"
                   ),
                   children: [
                     b && /* @__PURE__ */ r(
-                      P,
+                      K,
                       {
                         id: "bottom-sheet-title",
                         weight: "semibold",
@@ -101,18 +109,18 @@ const ae = (N) => {
                         children: b
                       }
                     ),
-                    p && /* @__PURE__ */ r(M, { variant: F, onClick: n, "aria-label": j, children: /* @__PURE__ */ r(z, { className: "bear-w-5 bear-h-5" }) })
+                    y && /* @__PURE__ */ r(U, { variant: z, onClick: o, "aria-label": M, children: /* @__PURE__ */ r(Z, { className: "bear-w-5 bear-h-5" }) })
                   ]
                 }
               ),
               /* @__PURE__ */ r(
-                l,
+                s,
                 {
                   className: i(
                     "bear-flex-1 bear-min-h-0 bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300",
-                    v ? "bear-overflow-y-auto" : "bear-overflow-hidden"
+                    A ? "bear-overflow-y-auto" : "bear-overflow-hidden"
                   ),
-                  children: S
+                  children: O
                 }
               )
             ]
@@ -121,8 +129,8 @@ const ae = (N) => {
       ]
     }
   );
-  return I(T, document.body);
+  return R(L, document.body);
 };
 export {
-  ae as BottomSheet
+  be as BottomSheet
 };

package/dist/components/Calendar/Calendar.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),ze=require("../../constants/numbers.const.cjs"),pe=require("../../constants/generals.const.cjs"),w=require("../../utils/cn.cjs"),fe=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");require("../../context/BearProvider.cjs");const l=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),Oe=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs");require("../FormControl/FormControl.context.cjs");const v=require("@forgedevstack/bear-icons"),F=require("../OverlayPortal/OverlayPortal.const.cjs"),Be=require("../Transition/Transition.cjs"),je=require("../Transition/Transition.const.cjs"),s=require("./Calendar.const.cjs"),u=require("./Calendar.utils.cjs"),De=require("./Calendar.helpers.cjs"),Re=P=>{const{viewDate:A,value:L=null,onSelect:g,onViewChange:n,minDate:z,maxDate:p,disabledDates:M=[],highlightedDates:Y=[],weekdayLabels:S=s.DEFAULT_WEEKDAYS,firstDayOfWeek:m=s.NUMBER.ZERO,showWeekNumbers:Te=!1,slots:r={},clearable:ae=!0,onClear:h,showTodayButton:te=!0,onToday:x,bis:ne,style:oe,inline:q=!1,className:se,open:I}=P,{openEffect:_,closeEffect:N}=Oe.resolveOverlayEffects(P),i=A.getFullYear(),U=fe.useBearStyles(ne,oe),c=A.getMonth(),ie=b.useMemo(()=>new Date,[]),f=b.useCallback(()=>{n==null||n(new Date(i-s.NUMBER.ONE,c,s.NUMBER.ONE))},[i,c,n]),W=b.useCallback(()=>{n==null||n(new Date(i,c-s.NUMBER.ONE,s.NUMBER.ONE))},[i,c,n]),H=b.useCallback(()=>{n==null||n(new Date(i,c+s.NUMBER.ONE,s.NUMBER.ONE))},[i,c,n]),O=b.useCallback(()=>{n==null||n(new Date(i+s.NUMBER.ONE,c,s.NUMBER.ONE))},[i,c,n]),B=W,j=H,ce={onPrevYear:f,onPrevMonth:W,onNextMonth:H,onNextYear:O},be=b.useCallback(t=>z&&t<z||p&&t>p?!0:M.some(a=>u.isSameDay(a,t)),[z,p,M]),de=b.useCallback(t=>Y.some(a=>u.isSameDay(a,t)),[Y]),le=b.useMemo(()=>u.buildCalendarGrid(i,c,m),[i,c,m]),G=b.useMemo(()=>u.reorderWeekdays(S,m),[S,m]),V=s.MONTHS[c],D=L!=null,ue=q?"Bear-Calendar Bear-Calendar--inline bear-block bear-w-full bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-none bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-p-4 bear-text-zinc-900 dark:bear-text-zinc-100":"Bear-Calendar Bear-Calendar--dropdown bear-mt-2 bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-xl bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-p-4 bear-w-80 bear-text-zinc-900 dark:bear-text-zinc-100",Z=q?void 0:{zIndex:s.CALENDAR_DROPDOWN_Z_INDEX},he=()=>{if(r.header)return r.header({month:V,year:i,onPrev:B,onNext:j,nav:ce});const t=r.navPrevYear,a=r.navPrev,o=r.navNext,d=r.navNextYear,C=r.headerLabel||De.DefaultHeaderLabel;return e.jsxs("div",{className:"Bear-Calendar__header bear-flex bear-items-center bear-justify-between bear-gap-1 bear-mb-4",children:[e.jsxs("div",{className:"Bear-Calendar__nav-left bear-flex bear-items-center bear-gap-0.5",children:[t?t({onClick:f}):e.jsx("button",{type:"button",onClick:f,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Previous year",children:e.jsx(v.ChevronsLeftIcon,{size:16})}),a?a({onClick:B}):e.jsx("button",{type:"button",onClick:B,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Previous month",children:e.jsx(v.ChevronLeftIcon,{size:16})})]}),C({month:V,year:i}),e.jsxs("div",{className:"Bear-Calendar__nav-right bear-flex bear-items-center bear-gap-0.5",children:[o?o({onClick:j}):e.jsx("button",{type:"button",onClick:j,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Next month",children:e.jsx(v.ChevronRightIcon,{size:16})}),d?d({onClick:O}):e.jsx("button",{type:"button",onClick:O,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Next year",children:e.jsx(v.ChevronsRightIcon,{size:16})})]})]})},xe=()=>{if(r.weekdays)return r.weekdays({days:G});const t=r.weekday;return e.jsx("div",{className:"Bear-Calendar__weekdays bear-grid bear-grid-cols-7 bear-gap-1 bear-mb-2",children:G.map(a=>t?e.jsx("div",{children:t({label:a})},a):e.jsx("div",{className:w.cn("Bear-Calendar__weekday bear-text-center bear-text-xs bear-font-medium bear-uppercase bear-text-zinc-500 dark:bear-text-zinc-400",s.WEEKEND_LABELS.includes(a)&&"bear-text-red-500"),children:a},a))})},_e=(t,a)=>{const{date:o,isCurrentMonth:d}=t,C=o.getDate(),ke=o.getDay(),ve=u.isWeekendDay(ke),y=u.isSameDay(L,o),T=u.isSameDay(ie,o),k=be(o),ee=de(o),re=()=>{k||g==null||g(o)},ge={date:o,day:C,isCurrentMonth:d,isSelected:y,isToday:T,isDisabled:k,isHighlighted:ee,onClick:re};return r.day?e.jsx("span",{children:r.day(ge)},a):e.jsx("button",{type:"button",onClick:re,disabled:k,className:w.cn("Bear-Calendar__day bear-w-8 bear-h-8 bear-rounded-full bear-text-sm bear-font-medium bear-transition-colors bear-flex bear-items-center bear-justify-center",y&&"Bear-Calendar__day--selected bear-bg-primary-500 bear-text-white hover:bear-bg-primary-600",!y&&T&&"Bear-Calendar__day--today bear-ring-2 bear-ring-primary-500/50 bear-bg-transparent",!y&&!T&&(d?ve?"Bear-Calendar__day--weekend bear-text-red-500 dark:bear-text-red-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800":"bear-text-zinc-700 dark:bear-text-zinc-300 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800":"Bear-Calendar__day--other bear-text-zinc-500 dark:bear-text-zinc-600 hover:bear-bg-zinc-50 dark:hover:bear-bg-zinc-800/50"),ee&&!y&&"Bear-Calendar__day--highlighted bear-bg-primary-500/15",k&&"Bear-Calendar__day--disabled bear-opacity-40 bear-cursor-not-allowed"),children:C},a)},Ne=()=>{const t=le.map((a,o)=>_e(a,o));return r.daysGrid?r.daysGrid({children:t,className:"Bear-Calendar__grid bear-grid bear-grid-cols-7 bear-gap-1"}):e.jsx("div",{className:"Bear-Calendar__grid bear-grid bear-grid-cols-7 bear-gap-1",children:t})},ye=()=>{const t=ae&&D&&h,a=te&&x;if(!t&&!a)return null;if(r.footer){const o=r.clearButton,d=r.todayButton;return r.footer({children:e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t&&o?o({onClick:h,hasSelection:D}):t?e.jsx("button",{type:"button",onClick:h,className:"Bear-Calendar__clear-btn bear-text-sm bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-text-zinc-700 dark:hover:bear-text-zinc-200 bear-transition-colors",children:"Clear"}):e.jsx("span",{}),a&&d?d({onClick:x}):a?e.jsx("button",{type:"button",onClick:x,className:"Bear-Calendar__today-btn bear-text-sm bear-text-primary-600 dark:bear-text-primary-400 hover:bear-text-primary-700 dark:hover:bear-text-primary-300 bear-font-medium",children:"Today"}):null]})})}return r.clearButton&&r.todayButton?e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t&&r.clearButton({onClick:h,hasSelection:D}),a&&r.todayButton({onClick:x})]}):e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t?e.jsx("button",{type:"button",onClick:h,className:"Bear-Calendar__clear-btn bear-text-sm bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-text-zinc-700 dark:hover:bear-text-zinc-200 bear-transition-colors",children:"Clear"}):e.jsx("span",{}),a?e.jsx("button",{type:"button",onClick:x,className:"Bear-Calendar__today-btn bear-text-sm bear-text-primary-400 hover:bear-text-primary-300 bear-font-medium bear-transition-colors",children:"Today"}):null]})},K=e.jsxs(e.Fragment,{children:[he(),xe(),Ne(),ye()]}),X=w.cn(ue,se),J=Object.keys(U).length?U:void 0,me=Z?{...J,...Z}:J,R=r.root?r.root({children:K,className:X}):e.jsx("div",{className:X,style:me,children:K}),Ee=I!==void 0,E=I??pe.BOOLEAN_TRUE;if(!(Ee&&(_!==l.OVERLAY_OPEN_EFFECT_NONE||N!==l.OVERLAY_OPEN_EFFECT_NONE)))return R;const Q=E?_:N,$=Q===l.OVERLAY_OPEN_EFFECT_NONE?_===l.OVERLAY_OPEN_EFFECT_NONE?N===l.OVERLAY_OPEN_EFFECT_NONE?void 0:F.OVERLAY_EFFECT_TRANSITION[N]:F.OVERLAY_EFFECT_TRANSITION[_]:F.OVERLAY_EFFECT_TRANSITION[Q],Ce=E&&_===l.OVERLAY_OPEN_EFFECT_NONE||!E&&N===l.OVERLAY_OPEN_EFFECT_NONE;return $?e.jsx(Be.Transition,{show:E,name:$,duration:Ce?ze.ZERO:je.DEFAULT_DURATION,children:R}):R};exports.Calendar=Re;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),ne=require("../../constants/numbers.const.cjs"),Oe=require("../../constants/generals.const.cjs"),A=require("../../utils/cn.cjs"),Be=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");require("../../context/BearProvider.cjs");const l=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),je=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs");require("../FormControl/FormControl.context.cjs");const v=require("@forgedevstack/bear-icons"),L=require("../OverlayPortal/OverlayPortal.const.cjs"),oe=require("../Transition/Transition.cjs"),se=require("../Transition/Transition.const.cjs"),s=require("./Calendar.const.cjs"),u=require("./Calendar.utils.cjs"),De=require("./Calendar.helpers.cjs"),Te=M=>{const{viewDate:Y,value:S=null,onSelect:g,onViewChange:n,minDate:z,maxDate:p,disabledDates:q=[],highlightedDates:I=[],weekdayLabels:U=s.DEFAULT_WEEKDAYS,firstDayOfWeek:E=s.NUMBER.ZERO,showWeekNumbers:Re=!1,slots:r={},clearable:ie=!0,onClear:h,showTodayButton:ce=!0,onToday:x,bis:be,style:de,inline:W=!1,className:le,open:H}=M,{openEffect:N,closeEffect:_}=je.resolveOverlayEffects(M),i=Y.getFullYear(),Z=Be.useBearStyles(be,de),c=Y.getMonth(),ue=b.useMemo(()=>new Date,[]),f=b.useCallback(()=>{n==null||n(new Date(i-s.NUMBER.ONE,c,s.NUMBER.ONE))},[i,c,n]),G=b.useCallback(()=>{n==null||n(new Date(i,c-s.NUMBER.ONE,s.NUMBER.ONE))},[i,c,n]),V=b.useCallback(()=>{n==null||n(new Date(i,c+s.NUMBER.ONE,s.NUMBER.ONE))},[i,c,n]),O=b.useCallback(()=>{n==null||n(new Date(i+s.NUMBER.ONE,c,s.NUMBER.ONE))},[i,c,n]),B=G,j=V,he={onPrevYear:f,onPrevMonth:G,onNextMonth:V,onNextYear:O},xe=b.useCallback(t=>z&&t<z||p&&t>p?!0:q.some(a=>u.isSameDay(a,t)),[z,p,q]),Ne=b.useCallback(t=>I.some(a=>u.isSameDay(a,t)),[I]),_e=b.useMemo(()=>u.buildCalendarGrid(i,c,E),[i,c,E]),K=b.useMemo(()=>u.reorderWeekdays(U,E),[U,E]),X=s.MONTHS[c],D=S!=null,ye=W?"Bear-Calendar Bear-Calendar--inline bear-block bear-w-full bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-none bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-p-4 bear-text-zinc-900 dark:bear-text-zinc-100":"Bear-Calendar Bear-Calendar--dropdown bear-mt-2 bear-bg-white dark:bear-bg-zinc-900 bear-rounded-xl bear-shadow-xl bear-border bear-border-zinc-200 dark:bear-border-zinc-700 bear-p-4 bear-w-80 bear-text-zinc-900 dark:bear-text-zinc-100",J=W?void 0:{zIndex:s.CALENDAR_DROPDOWN_Z_INDEX},me=()=>{if(r.header)return r.header({month:X,year:i,onPrev:B,onNext:j,nav:he});const t=r.navPrevYear,a=r.navPrev,o=r.navNext,d=r.navNextYear,C=r.headerLabel||De.DefaultHeaderLabel;return e.jsxs("div",{className:"Bear-Calendar__header bear-flex bear-items-center bear-justify-between bear-gap-1 bear-mb-4",children:[e.jsxs("div",{className:"Bear-Calendar__nav-left bear-flex bear-items-center bear-gap-0.5",children:[t?t({onClick:f}):e.jsx("button",{type:"button",onClick:f,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Previous year",children:e.jsx(v.ChevronsLeftIcon,{size:16})}),a?a({onClick:B}):e.jsx("button",{type:"button",onClick:B,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Previous month",children:e.jsx(v.ChevronLeftIcon,{size:16})})]}),C({month:X,year:i}),e.jsxs("div",{className:"Bear-Calendar__nav-right bear-flex bear-items-center bear-gap-0.5",children:[o?o({onClick:j}):e.jsx("button",{type:"button",onClick:j,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Next month",children:e.jsx(v.ChevronRightIcon,{size:16})}),d?d({onClick:O}):e.jsx("button",{type:"button",onClick:O,className:"Bear-Calendar__nav-btn bear-p-1.5 bear-rounded bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Next year",children:e.jsx(v.ChevronsRightIcon,{size:16})})]})]})},Ee=()=>{if(r.weekdays)return r.weekdays({days:K});const t=r.weekday;return e.jsx("div",{className:"Bear-Calendar__weekdays bear-grid bear-grid-cols-7 bear-gap-1 bear-mb-2",children:K.map(a=>t?e.jsx("div",{children:t({label:a})},a):e.jsx("div",{className:A.cn("Bear-Calendar__weekday bear-text-center bear-text-xs bear-font-medium bear-uppercase bear-text-zinc-500 dark:bear-text-zinc-400",s.WEEKEND_LABELS.includes(a)&&"bear-text-red-500"),children:a},a))})},Ce=(t,a)=>{const{date:o,isCurrentMonth:d}=t,C=o.getDate(),ze=o.getDay(),pe=u.isWeekendDay(ze),m=u.isSameDay(S,o),P=u.isSameDay(ue,o),k=xe(o),ae=Ne(o),te=()=>{k||g==null||g(o)},fe={date:o,day:C,isCurrentMonth:d,isSelected:m,isToday:P,isDisabled:k,isHighlighted:ae,onClick:te};return r.day?e.jsx("span",{children:r.day(fe)},a):e.jsx("button",{type:"button",onClick:te,disabled:k,className:A.cn("Bear-Calendar__day bear-w-8 bear-h-8 bear-rounded-full bear-text-sm bear-font-medium bear-transition-colors bear-flex bear-items-center bear-justify-center",m&&"Bear-Calendar__day--selected bear-bg-primary-500 bear-text-white hover:bear-bg-primary-600",!m&&P&&"Bear-Calendar__day--today bear-ring-2 bear-ring-primary-500/50 bear-bg-transparent",!m&&!P&&(d?pe?"Bear-Calendar__day--weekend bear-text-red-500 dark:bear-text-red-400 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800":"bear-text-zinc-700 dark:bear-text-zinc-300 hover:bear-bg-zinc-100 dark:hover:bear-bg-zinc-800":"Bear-Calendar__day--other bear-text-zinc-500 dark:bear-text-zinc-600 hover:bear-bg-zinc-50 dark:hover:bear-bg-zinc-800/50"),ae&&!m&&"Bear-Calendar__day--highlighted bear-bg-primary-500/15",k&&"Bear-Calendar__day--disabled bear-opacity-40 bear-cursor-not-allowed"),children:C},a)},ke=()=>{const t=_e.map((a,o)=>Ce(a,o));return r.daysGrid?r.daysGrid({children:t,className:"Bear-Calendar__grid bear-grid bear-grid-cols-7 bear-gap-1"}):e.jsx("div",{className:"Bear-Calendar__grid bear-grid bear-grid-cols-7 bear-gap-1",children:t})},ve=()=>{const t=ie&&D&&h,a=ce&&x;if(!t&&!a)return null;if(r.footer){const o=r.clearButton,d=r.todayButton;return r.footer({children:e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t&&o?o({onClick:h,hasSelection:D}):t?e.jsx("button",{type:"button",onClick:h,className:"Bear-Calendar__clear-btn bear-text-sm bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-text-zinc-700 dark:hover:bear-text-zinc-200 bear-transition-colors",children:"Clear"}):e.jsx("span",{}),a&&d?d({onClick:x}):a?e.jsx("button",{type:"button",onClick:x,className:"Bear-Calendar__today-btn bear-text-sm bear-text-primary-600 dark:bear-text-primary-400 hover:bear-text-primary-700 dark:hover:bear-text-primary-300 bear-font-medium",children:"Today"}):null]})})}return r.clearButton&&r.todayButton?e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t&&r.clearButton({onClick:h,hasSelection:D}),a&&r.todayButton({onClick:x})]}):e.jsxs("div",{className:"Bear-Calendar__footer bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200 dark:bear-border-zinc-700",children:[t?e.jsx("button",{type:"button",onClick:h,className:"Bear-Calendar__clear-btn bear-text-sm bear-text-zinc-500 dark:bear-text-zinc-400 hover:bear-text-zinc-700 dark:hover:bear-text-zinc-200 bear-transition-colors",children:"Clear"}):e.jsx("span",{}),a?e.jsx("button",{type:"button",onClick:x,className:"Bear-Calendar__today-btn bear-text-sm bear-text-primary-400 hover:bear-text-primary-300 bear-font-medium bear-transition-colors",children:"Today"}):null]})},T=e.jsxs(e.Fragment,{children:[me(),Ee(),ke(),ve()]}),R=A.cn(ye,le),Q=Object.keys(Z).length?Z:void 0,$=J?{...Q,...J}:Q,w=r.root?r.root({children:T,className:R}):e.jsx("div",{className:R,style:$,children:T}),ge=H!==void 0,y=H??Oe.BOOLEAN_TRUE;if(!(ge&&(N!==l.OVERLAY_OPEN_EFFECT_NONE||_!==l.OVERLAY_OPEN_EFFECT_NONE)))return w;const ee=y?N:_,F=ee===l.OVERLAY_OPEN_EFFECT_NONE?N===l.OVERLAY_OPEN_EFFECT_NONE?_===l.OVERLAY_OPEN_EFFECT_NONE?void 0:L.OVERLAY_EFFECT_TRANSITION[_]:L.OVERLAY_EFFECT_TRANSITION[N]:L.OVERLAY_EFFECT_TRANSITION[ee],re=y&&N===l.OVERLAY_OPEN_EFFECT_NONE||!y&&_===l.OVERLAY_OPEN_EFFECT_NONE;return F?r.root?e.jsx(oe.Transition,{show:y,name:F,duration:re?ne.ZERO:se.DEFAULT_DURATION,children:w}):e.jsx(oe.Transition,{show:y,name:F,duration:re?ne.ZERO:se.DEFAULT_DURATION,className:R,style:$,children:T}):w};exports.Calendar=Te;