@forgedevstack/bear 1.3.2 → 1.3.3

package/dist/components/ContextMeter/ContextMeter.utils.d.ts

@@ -0,0 +1,2 @@
+export declare const resolveContextMeterPercent: (used: number, max: number) => number;
+export declare const resolveContextMeterTone: (percent: number) => "danger" | "warn" | "ok";

package/dist/components/ContextMeter/ContextMeter.utils.js

@@ -0,0 +1,12 @@
+import { ZERO as e } from "../../constants/numbers.const.js";
+import { CONTEXT_METER_PERCENT_CAP as E, CONTEXT_METER_DANGER_PERCENT as o, CONTEXT_METER_WARN_PERCENT as T } from "./ContextMeter.const.js";
+const _ = (r, n) => {
+  if (n <= e)
+    return e;
+  const t = r / n * E;
+  return t < e ? e : t > E ? E : t;
+}, N = (r) => r >= o ? "danger" : r >= T ? "warn" : "ok";
+export {
+  _ as resolveContextMeterPercent,
+  N as resolveContextMeterTone
+};

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

@@ -0,0 +1,2 @@
+export { ContextMeter } from './ContextMeter';
+export type { ContextMeterProps, ContextMeterTranslations } from './ContextMeter.types';

package/dist/components/Drawer/Drawer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),L=require("react-dom"),P=require("../../context/BearProvider.cjs"),j=require("../../utils/cn.cjs");require("react");const C=require("../../utils/generateBearId.utils.cjs"),F=require("../../utils/useBearId.cjs"),r=require("../../constants/generals.const.cjs"),M=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),U=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs"),g=require("../Backdrop/Backdrop.cjs"),t=require("../Box/Box.cjs"),s=require("./Drawer.const.cjs"),S=require("./helpers/DrawerOptionalHeader.cjs"),W=require("./hooks/useDrawer.cjs"),$=c=>{const{isOpen:E,onClose:o,title:a,children:D,side:O=s.DRAWER_DEFAULT_SIDE,anchor:p,variant:H="temporary",size:w=s.DRAWER_DEFAULT_SIZE,showCloseButton:i=r.BOOLEAN_TRUE,closeOnBackdrop:A=r.BOOLEAN_TRUE,closeOnEscape:q=r.BOOLEAN_TRUE,className:N,container:R,id:f,testId:m}=c,{openEffect:l,closeEffect:d}=U.resolveOverlayEffects(c,M.OVERLAY_OPEN_EFFECT_DEFAULT),x=F.useBearId(r.COMPONENT_NAME_DRAWER),u=C.resolveBearId(f,x),{direction:I}=P.useBearDirectionOptional(),_=p??O,{isMounted:v,isPanelOpen:n}=W.useDrawer({isOpen:E,onClose:o,closeOnEscape:q,openEffect:l,closeEffect:d}),T=n?l:d;if(!v)return null;const b=!!a||i,B=`${u}-title`,h=A?()=>o():void 0,k=a?B:void 0,y=e.jsxs(t.Box,{id:u,testId:m,className:"Bear-Drawer",children:[e.jsx(g.Backdrop,{open:n,keepMounted:!0,blur:!0,nested:!0,transitionDuration:s.DRAWER_ANIMATION_MS,className:"Bear-Drawer__backdrop",onClick:h}),e.jsxs(t.Box,{role:"dialog","aria-modal":r.BOOLEAN_TRUE,"aria-labelledby":k,className:j.cn("Bear-Drawer__panel",`Bear-Drawer__panel--${_}`,`Bear-Drawer__panel--${w}`,`Bear-Drawer__panel--effect-${T}`,n&&"Bear-Drawer__panel--open",N),children:[e.jsx(S.DrawerOptionalHeader,{showHeader:b,side:_,title:a,titleId:B,showCloseButton:i,onClose:o,direction:I}),e.jsx(t.Box,{className:"Bear-Drawer__body",children:D})]})]});return L.createPortal(y,R??document.body)};exports.Drawer=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),U=require("react-dom"),C=require("../../context/BearProvider.cjs"),R=require("../../utils/cn.cjs");require("react");const j=require("../../utils/generateBearId.utils.cjs"),W=require("../../utils/useBearId.cjs"),e=require("../../constants/generals.const.cjs"),g=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),$=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs"),V=require("../Backdrop/Backdrop.cjs"),l=require("../Box/Box.cjs"),t=require("./Drawer.const.cjs"),H=require("./helpers/DrawerOptionalHeader.cjs"),Y=require("./hooks/useDrawer.cjs"),z=d=>{const{isOpen:p,onClose:a,title:s,children:N,side:w=t.DRAWER_DEFAULT_SIDE,anchor:T,variant:c=t.DRAWER_DEFAULT_VARIANT,size:L=t.DRAWER_DEFAULT_SIZE,showCloseButton:E=e.BOOLEAN_TRUE,closeOnBackdrop:m=e.BOOLEAN_TRUE,closeOnEscape:q=e.BOOLEAN_TRUE,className:I,container:f,id:x,testId:F}=d,r=c===e.DRAWER_VARIANT_PERMANENT,n=c===e.DRAWER_VARIANT_TEMPORARY,{openEffect:_,closeEffect:u}=$.resolveOverlayEffects(d,g.OVERLAY_OPEN_EFFECT_DEFAULT),P=W.useBearId(e.COMPONENT_NAME_DRAWER),A=j.resolveBearId(x,P),{direction:h}=C.useBearDirectionOptional(),B=T??w,{isMounted:v,isPanelOpen:i}=Y.useDrawer({isOpen:r?e.BOOLEAN_TRUE:p,onClose:a,closeOnEscape:r?e.BOOLEAN_FALSE:q,openEffect:_,closeEffect:u,lockScroll:n,alwaysMounted:r}),y=i?_:u;if(!v)return null;const M=!!s||E,O=`${A}-title`,S=m&&n?()=>a():void 0,b=s?O:void 0,k=r?"complementary":"dialog",D=o.jsxs(l.Box,{id:A,"data-testid":F,className:R.cn("Bear-Drawer",`Bear-Drawer--${c}`),children:[n&&o.jsx(V.Backdrop,{open:i,keepMounted:!0,blur:!0,nested:!0,transitionDuration:t.DRAWER_ANIMATION_MS,className:"Bear-Drawer__backdrop",onClick:S}),o.jsxs(l.Box,{role:k,"aria-modal":n?e.BOOLEAN_TRUE:e.BOOLEAN_FALSE,"aria-labelledby":b,className:R.cn("Bear-Drawer__panel",`Bear-Drawer__panel--${B}`,`Bear-Drawer__panel--${L}`,`Bear-Drawer__panel--effect-${y}`,i&&"Bear-Drawer__panel--open",I),children:[o.jsx(H.DrawerOptionalHeader,{showHeader:M,side:B,title:s,titleId:O,showCloseButton:r?e.BOOLEAN_FALSE:E,onClose:a,direction:h}),o.jsx(l.Box,{className:"Bear-Drawer__body",children:N})]})]});return r?D:U.createPortal(D,f??document.body)};exports.Drawer=z;

package/dist/components/Drawer/Drawer.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../../constants/numbers.const.cjs"),E=require("../../constants/generals.const.cjs"),D=_.THREE_HUNDRED,R=E.POSITION_RIGHT,e=E.SIZE_MD;exports.DRAWER_ANIMATION_MS=D;exports.DRAWER_DEFAULT_SIDE=R;exports.DRAWER_DEFAULT_SIZE=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("../../constants/numbers.const.cjs"),A=require("../../constants/generals.const.cjs"),E=R.THREE_HUNDRED,_=A.POSITION_RIGHT,D=A.SIZE_MD,T=A.DRAWER_VARIANT_TEMPORARY;exports.DRAWER_ANIMATION_MS=E;exports.DRAWER_DEFAULT_SIDE=_;exports.DRAWER_DEFAULT_SIZE=D;exports.DRAWER_DEFAULT_VARIANT=T;

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

@@ -1,4 +1,5 @@
-import { DrawerProps } from './Drawer.types';
+import { DrawerProps, DrawerVariant } from './Drawer.types';
 export declare const DRAWER_ANIMATION_MS = 300;
 export declare const DRAWER_DEFAULT_SIDE: NonNullable<DrawerProps['side']>;
 export declare const DRAWER_DEFAULT_SIZE: NonNullable<DrawerProps['size']>;
+export declare const DRAWER_DEFAULT_VARIANT: DrawerVariant;

package/dist/components/Drawer/Drawer.const.js

@@ -1,8 +1,9 @@
-import { THREE_HUNDRED as E } from "../../constants/numbers.const.js";
-import { POSITION_RIGHT as D, SIZE_MD as R } from "../../constants/generals.const.js";
-const I = E, A = D, t = R;
+import { THREE_HUNDRED as R } from "../../constants/numbers.const.js";
+import { POSITION_RIGHT as A, DRAWER_VARIANT_TEMPORARY as E, SIZE_MD as _ } from "../../constants/generals.const.js";
+const T = R, o = A, t = _, N = E;
 export {
-  I as DRAWER_ANIMATION_MS,
-  A as DRAWER_DEFAULT_SIDE,
-  t as DRAWER_DEFAULT_SIZE
+  T as DRAWER_ANIMATION_MS,
+  o as DRAWER_DEFAULT_SIDE,
+  t as DRAWER_DEFAULT_SIZE,
+  N as DRAWER_DEFAULT_VARIANT
 };

package/dist/components/Drawer/Drawer.d.ts

@@ -1,2 +1,2 @@
 import { DrawerProps } from './Drawer.types';
-export declare const Drawer: (props: DrawerProps) => import('react').ReactPortal | null;
+export declare const Drawer: (props: DrawerProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Drawer/Drawer.js

@@ -1,91 +1,101 @@
-import { jsxs as _, jsx as t } from "react/jsx-runtime";
-import { createPortal as T } from "react-dom";
-import { useBearDirectionOptional as M } from "../../context/BearProvider.js";
-import { cn as F } from "../../utils/cn.js";
+import { jsxs as R, jsx as i } from "react/jsx-runtime";
+import { createPortal as $ } from "react-dom";
+import { useBearDirectionOptional as x } from "../../context/BearProvider.js";
+import { cn as B } from "../../utils/cn.js";
 import "react";
-import { resolveBearId as L } from "../../utils/generateBearId.utils.js";
-import { useBearId as x } from "../../utils/useBearId.js";
-import { BOOLEAN_TRUE as e, COMPONENT_NAME_DRAWER as P } from "../../constants/generals.const.js";
-import { OVERLAY_OPEN_EFFECT_DEFAULT as S } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
-import { resolveOverlayEffects as U } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
-import { Backdrop as W } from "../Backdrop/Backdrop.js";
-import { Box as n } from "../Box/Box.js";
-import { DRAWER_DEFAULT_SIDE as $, DRAWER_DEFAULT_SIZE as g, DRAWER_ANIMATION_MS as j } from "./Drawer.const.js";
-import { DrawerOptionalHeader as H } from "./helpers/DrawerOptionalHeader.js";
-import { useDrawer as z } from "./hooks/useDrawer.js";
-const ce = (i) => {
+import { resolveBearId as V } from "../../utils/generateBearId.utils.js";
+import { useBearId as g } from "../../utils/useBearId.js";
+import { BOOLEAN_TRUE as r, COMPONENT_NAME_DRAWER as j, BOOLEAN_FALSE as l, DRAWER_VARIANT_TEMPORARY as H, DRAWER_VARIANT_PERMANENT as Y } from "../../constants/generals.const.js";
+import { OVERLAY_OPEN_EFFECT_DEFAULT as z } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
+import { resolveOverlayEffects as Z } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
+import { Backdrop as q } from "../Backdrop/Backdrop.js";
+import { Box as c } from "../Box/Box.js";
+import { DRAWER_DEFAULT_SIDE as G, DRAWER_DEFAULT_VARIANT as J, DRAWER_DEFAULT_SIZE as K, DRAWER_ANIMATION_MS as Q } from "./Drawer.const.js";
+import { DrawerOptionalHeader as X } from "./helpers/DrawerOptionalHeader.js";
+import { useDrawer as ee } from "./hooks/useDrawer.js";
+const Ae = (d) => {
   const {
-    isOpen: f,
-    onClose: r,
-    title: o,
-    children: E,
-    side: B = $,
-    anchor: D,
-    variant: V = "temporary",
-    size: u = g,
-    showCloseButton: l = e,
-    closeOnBackdrop: w = e,
-    closeOnEscape: O = e,
-    className: A,
-    container: N,
-    id: I,
-    testId: R
-  } = i, { openEffect: s, closeEffect: c } = U(i, S), k = x(P), d = L(I, k), { direction: v } = M(), m = D ?? B, { isMounted: b, isPanelOpen: a } = z({
-    isOpen: f,
-    onClose: r,
-    closeOnEscape: O,
-    openEffect: s,
-    closeEffect: c
-  }), h = a ? s : c;
+    isOpen: O,
+    onClose: t,
+    title: a,
+    children: u,
+    side: N = G,
+    anchor: w,
+    variant: n = J,
+    size: T = K,
+    showCloseButton: m = r,
+    closeOnBackdrop: I = r,
+    closeOnEscape: M = r,
+    className: h,
+    container: k,
+    id: v,
+    testId: y
+  } = d, e = n === Y, o = n === H, { openEffect: p, closeEffect: _ } = Z(d, z), C = g(j), E = V(v, C), { direction: L } = x(), f = w ?? N, { isMounted: b, isPanelOpen: s } = ee({
+    isOpen: e ? r : O,
+    onClose: t,
+    closeOnEscape: e ? l : M,
+    openEffect: p,
+    closeEffect: _,
+    lockScroll: o,
+    alwaysMounted: e
+  }), F = s ? p : _;
   if (!b)
     return null;
-  const C = !!o || l, p = `${d}-title`, y = /* @__PURE__ */ _(n, { id: d, testId: R, className: "Bear-Drawer", children: [
-    /* @__PURE__ */ t(
-      W,
-      {
-        open: a,
-        keepMounted: !0,
-        blur: !0,
-        nested: !0,
-        transitionDuration: j,
-        className: "Bear-Drawer__backdrop",
-        onClick: w ? () => r() : void 0
-      }
-    ),
-    /* @__PURE__ */ _(
-      n,
-      {
-        role: "dialog",
-        "aria-modal": e,
-        "aria-labelledby": o ? p : void 0,
-        className: F(
-          "Bear-Drawer__panel",
-          `Bear-Drawer__panel--${m}`,
-          `Bear-Drawer__panel--${u}`,
-          `Bear-Drawer__panel--effect-${h}`,
-          a && "Bear-Drawer__panel--open",
-          A
+  const P = !!a || m, A = `${E}-title`, W = I && o ? () => t() : void 0, S = a ? A : void 0, U = e ? "complementary" : "dialog", D = /* @__PURE__ */ R(
+    c,
+    {
+      id: E,
+      "data-testid": y,
+      className: B("Bear-Drawer", `Bear-Drawer--${n}`),
+      children: [
+        o && /* @__PURE__ */ i(
+          q,
+          {
+            open: s,
+            keepMounted: !0,
+            blur: !0,
+            nested: !0,
+            transitionDuration: Q,
+            className: "Bear-Drawer__backdrop",
+            onClick: W
+          }
         ),
-        children: [
-          /* @__PURE__ */ t(
-            H,
-            {
-              showHeader: C,
-              side: m,
-              title: o,
-              titleId: p,
-              showCloseButton: l,
-              onClose: r,
-              direction: v
-            }
-          ),
-          /* @__PURE__ */ t(n, { className: "Bear-Drawer__body", children: E })
-        ]
-      }
-    )
-  ] });
-  return T(y, N ?? document.body);
+        /* @__PURE__ */ R(
+          c,
+          {
+            role: U,
+            "aria-modal": o ? r : l,
+            "aria-labelledby": S,
+            className: B(
+              "Bear-Drawer__panel",
+              `Bear-Drawer__panel--${f}`,
+              `Bear-Drawer__panel--${T}`,
+              `Bear-Drawer__panel--effect-${F}`,
+              s && "Bear-Drawer__panel--open",
+              h
+            ),
+            children: [
+              /* @__PURE__ */ i(
+                X,
+                {
+                  showHeader: P,
+                  side: f,
+                  title: a,
+                  titleId: A,
+                  showCloseButton: e ? l : m,
+                  onClose: t,
+                  direction: L
+                }
+              ),
+              /* @__PURE__ */ i(c, { className: "Bear-Drawer__body", children: u })
+            ]
+          }
+        )
+      ]
+    }
+  );
+  return e ? D : $(D, k ?? document.body);
 };
 export {
-  ce as Drawer
+  Ae as Drawer
 };

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

@@ -1,12 +1,15 @@
 import { ReactNode } from 'react';
 import { OverlayEffectProps, OverlayMotionEffect } from '../../hooks/useFixedAnchorPosition';
 export type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
+export type DrawerVariant = 'temporary' | 'persistent' | 'permanent';
 export interface UseDrawerParams {
     isOpen: boolean;
     onClose: () => void;
     closeOnEscape: boolean;
     openEffect: OverlayMotionEffect;
     closeEffect: OverlayMotionEffect;
+    lockScroll: boolean;
+    alwaysMounted: boolean;
 }
 export interface UseDrawerResult {
     isMounted: boolean;
@@ -19,7 +22,7 @@ export interface DrawerProps extends OverlayEffectProps {
     children: ReactNode;
     side?: DrawerSide;
     anchor?: DrawerSide;
-    variant?: 'temporary' | 'persistent' | 'permanent';
+    variant?: DrawerVariant;
     size?: 'sm' | 'md' | 'lg' | 'xl';
     showCloseButton?: boolean;
     closeOnBackdrop?: boolean;

package/dist/components/Drawer/hooks/useDrawer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),f=require("../../../constants/numbers.const.cjs"),e=require("../../../constants/generals.const.cjs"),m=require("../../../constants/keys.const.cjs"),_=require("../../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),S=require("../Drawer.const.cjs"),F=require("../Drawer.utils.cjs"),B=l=>{const{isOpen:r,onClose:u,closeOnEscape:i,openEffect:O,closeEffect:a}=l,[s,A]=n.useState(r),[L,c]=n.useState(e.BOOLEAN_FALSE),[N,E]=n.useState(e.BOOLEAN_FALSE);n.useEffect(()=>{if(r){if(A(e.BOOLEAN_TRUE),c(e.BOOLEAN_FALSE),O===_.OVERLAY_OPEN_EFFECT_NONE){E(e.BOOLEAN_TRUE);return}const t=requestAnimationFrame(()=>E(e.BOOLEAN_TRUE));return()=>cancelAnimationFrame(t)}if(s){E(e.BOOLEAN_FALSE),c(e.BOOLEAN_TRUE);const t=a===_.OVERLAY_OPEN_EFFECT_NONE?f.ZERO:S.DRAWER_ANIMATION_MS,d=setTimeout(()=>{A(e.BOOLEAN_FALSE),c(e.BOOLEAN_FALSE)},t);return()=>clearTimeout(d)}},[r,s,O,a]);const o=n.useCallback(t=>{i&&t.key===m.KEY_ESCAPE&&u()},[i,u]);return n.useEffect(()=>{if(s){document.addEventListener("keydown",o);const t=F.lockBodyScroll();return()=>{document.removeEventListener("keydown",o),t()}}return()=>{document.removeEventListener("keydown",o)}},[s,o]),{isMounted:s,isPanelOpen:N&&!L}};exports.useDrawer=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),B=require("../../../constants/numbers.const.cjs"),e=require("../../../constants/generals.const.cjs"),F=require("../../../constants/keys.const.cjs"),l=require("../../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),m=require("../Drawer.const.cjs"),R=require("../Drawer.utils.cjs"),T=N=>{const{isOpen:o,onClose:a,closeOnEscape:E,openEffect:A,closeEffect:_,lockScroll:L,alwaysMounted:r}=N,[s,i]=n.useState(o||r),[d,c]=n.useState(e.BOOLEAN_FALSE),[f,O]=n.useState(r?e.BOOLEAN_TRUE:e.BOOLEAN_FALSE);n.useEffect(()=>{if(r){i(e.BOOLEAN_TRUE),O(o),c(e.BOOLEAN_FALSE);return}if(o){if(i(e.BOOLEAN_TRUE),c(e.BOOLEAN_FALSE),A===l.OVERLAY_OPEN_EFFECT_NONE){O(e.BOOLEAN_TRUE);return}const t=requestAnimationFrame(()=>O(e.BOOLEAN_TRUE));return()=>cancelAnimationFrame(t)}if(s){O(e.BOOLEAN_FALSE),c(e.BOOLEAN_TRUE);const t=_===l.OVERLAY_OPEN_EFFECT_NONE?B.ZERO:m.DRAWER_ANIMATION_MS,S=setTimeout(()=>{i(e.BOOLEAN_FALSE),c(e.BOOLEAN_FALSE)},t);return()=>clearTimeout(S)}},[r,o,s,A,_]);const u=n.useCallback(t=>{E&&t.key===F.KEY_ESCAPE&&a()},[E,a]);return n.useEffect(()=>{s&&E&&document.addEventListener("keydown",u);const t=L&&s?R.lockBodyScroll():void 0;return()=>{document.removeEventListener("keydown",u),t==null||t()}},[s,u,E,L]),{isMounted:s,isPanelOpen:r?o:f&&!d}};exports.useDrawer=T;

package/dist/components/Drawer/hooks/useDrawer.js

@@ -1,51 +1,50 @@
-import { useState as m, useEffect as p, useCallback as L } from "react";
-import { ZERO as N } from "../../../constants/numbers.const.js";
-import { BOOLEAN_FALSE as o, BOOLEAN_TRUE as r } from "../../../constants/generals.const.js";
-import { KEY_ESCAPE as C } from "../../../constants/keys.const.js";
-import { OVERLAY_OPEN_EFFECT_NONE as d } from "../../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
-import { DRAWER_ANIMATION_MS as M } from "../Drawer.const.js";
-import { lockBodyScroll as v } from "../Drawer.utils.js";
-const B = (O) => {
-  const { isOpen: s, onClose: E, closeOnEscape: f, openEffect: u, closeEffect: a } = O, [t, l] = m(s), [A, c] = m(o), [_, i] = m(o);
-  p(() => {
+import { useState as f, useEffect as O, useCallback as L } from "react";
+import { ZERO as S } from "../../../constants/numbers.const.js";
+import { BOOLEAN_FALSE as o, BOOLEAN_TRUE as n } from "../../../constants/generals.const.js";
+import { KEY_ESCAPE as k } from "../../../constants/keys.const.js";
+import { OVERLAY_OPEN_EFFECT_NONE as A } from "../../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
+import { DRAWER_ANIMATION_MS as y } from "../Drawer.const.js";
+import { lockBodyScroll as F } from "../Drawer.utils.js";
+const g = (_) => {
+  const { isOpen: s, onClose: l, closeOnEscape: i, openEffect: u, closeEffect: p, lockScroll: d, alwaysMounted: r } = _, [t, E] = f(s || r), [M, c] = f(o), [N, m] = f(r ? n : o);
+  O(() => {
+    if (r) {
+      E(n), m(s), c(o);
+      return;
+    }
     if (s) {
-      if (l(r), c(o), u === d) {
-        i(r);
+      if (E(n), c(o), u === A) {
+        m(n);
         return;
       }
-      const e = requestAnimationFrame(() => i(r));
+      const e = requestAnimationFrame(() => m(n));
       return () => cancelAnimationFrame(e);
     }
     if (t) {
-      i(o), c(r);
-      const k = setTimeout(() => {
-        l(o), c(o);
-      }, a === d ? N : M);
-      return () => clearTimeout(k);
+      m(o), c(n);
+      const C = setTimeout(() => {
+        E(o), c(o);
+      }, p === A ? S : y);
+      return () => clearTimeout(C);
     }
-  }, [s, t, u, a]);
-  const n = L(
+  }, [r, s, t, u, p]);
+  const a = L(
     (e) => {
-      f && e.key === C && E();
+      i && e.key === k && l();
     },
-    [f, E]
+    [i, l]
   );
-  return p(() => {
-    if (t) {
-      document.addEventListener("keydown", n);
-      const e = v();
-      return () => {
-        document.removeEventListener("keydown", n), e();
-      };
-    }
+  return O(() => {
+    t && i && document.addEventListener("keydown", a);
+    const e = d && t ? F() : void 0;
     return () => {
-      document.removeEventListener("keydown", n);
+      document.removeEventListener("keydown", a), e == null || e();
     };
-  }, [t, n]), {
+  }, [t, a, i, d]), {
     isMounted: t,
-    isPanelOpen: _ && !A
+    isPanelOpen: r ? s : N && !M
   };
 };
 export {
-  B as useDrawer
+  g as useDrawer
 };

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

@@ -1,2 +1,2 @@
 export { Drawer } from './Drawer';
-export type { DrawerProps } from './Drawer.types';
+export type { DrawerProps, DrawerVariant } from './Drawer.types';

package/dist/components/EmptyState/EmptyState.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("./EmptyState.const.cjs"),a=require("../../utils/cn.cjs");require("react");const A=require("../../utils/generateBearId.utils.cjs"),m=require("../../utils/useBearId.cjs"),C=({className:r})=>s.jsx("svg",{className:r,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:s.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"})}),h=({icon:r,title:l,description:S,action:n,secondaryAction:c,className:d,size:i="md",variant:E="default",id:T,testId:_})=>{const o=m.useBearId("EmptyState"),u=A.resolveBearId(T,o),t=e.EMPTY_STATE_SIZE_CLASSES[i];return s.jsxs("div",{id:u,"data-testid":_,className:a.cn(e.EMPTY_STATE_ROOT_CLASS,e.EMPTY_STATE_BASE_CLASSES,t.padding,E==="card"&&e.EMPTY_STATE_CARD_CLASSES,d),children:[s.jsx("div",{className:a.cn(e.EMPTY_STATE_ICON_CLASSES,t.icon),children:r||s.jsx(C,{className:"bear-w-full bear-h-full"})}),s.jsx("h3",{className:a.cn(e.EMPTY_STATE_TITLE_CLASSES,t.title),children:l}),S&&s.jsx("p",{className:a.cn(e.EMPTY_STATE_DESCRIPTION_CLASSES,t.desc),children:S}),(n||c)&&s.jsxs("div",{className:`${e.EMPTY_STATE_ROOT_CLASS}__actions bear-flex bear-items-center bear-gap-3`,children:[n,c]})]})};exports.EmptyState=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../Box/Box.cjs"),I=require("../Flex/Flex.cjs"),E=require("../Typography/Typography.cjs"),a=require("../../utils/cn.cjs");require("react");const g=require("../../utils/generateBearId.utils.cjs"),N=require("../../utils/useBearId.cjs"),t=require("./EmptyState.const.cjs"),h=d=>{const{icon:l,title:S,description:r,action:c,secondaryAction:n,className:T,size:_=t.EMPTY_STATE_DEFAULT_SIZE,variant:p=t.EMPTY_STATE_DEFAULT_VARIANT,preset:i=t.EMPTY_STATE_DEFAULT_PRESET,id:m,testId:y}=d,u=N.useBearId("EmptyState"),B=g.resolveBearId(m,u),s=t.EMPTY_STATE_SIZE_CLASSES[_],x=t.EMPTY_STATE_PRESET_ICON[i],A=l??e.jsx(x,{className:"bear-w-full bear-h-full"});return e.jsxs(o.Box,{id:B,"data-testid":y,className:a.cn("Bear-EmptyState",p==="card"&&"Bear-EmptyState--card",`Bear-EmptyState--${i}`,s.padding,T),children:[e.jsx(o.Box,{className:a.cn("Bear-EmptyState__icon",s.icon),children:A}),e.jsx(E.Typography,{className:a.cn("Bear-EmptyState__title",s.title),children:S}),r&&e.jsx(E.Typography,{className:a.cn("Bear-EmptyState__description",s.desc),children:r}),(c||n)&&e.jsxs(I.Flex,{className:"Bear-EmptyState__actions",align:"center",gap:3,children:[c,n]})]})};exports.EmptyState=h;

package/dist/components/EmptyState/EmptyState.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Bear-EmptyState",S="bear-flex bear-flex-col bear-items-center bear-text-center",r="bear-bg-[var(--bear-bg-secondary)] bear-rounded-xl bear-border bear-border-[var(--bear-border-default)]",a="bear-text-[var(--bear-text-muted)] bear-mb-4",t="bear-font-semibold bear-text-[var(--bear-text-primary)] bear-mb-2",b="bear-text-[var(--bear-text-secondary)] bear-max-w-md bear-mb-6",T={sm:{icon:"bear-w-12 bear-h-12",title:"bear-text-lg",desc:"bear-text-sm",padding:"bear-py-6 bear-px-4"},md:{icon:"bear-w-16 bear-h-16",title:"bear-text-xl",desc:"bear-text-base",padding:"bear-py-10 bear-px-6"},lg:{icon:"bear-w-20 bear-h-20",title:"bear-text-2xl",desc:"bear-text-lg",padding:"bear-py-14 bear-px-8"}};exports.EMPTY_STATE_BASE_CLASSES=S;exports.EMPTY_STATE_CARD_CLASSES=r;exports.EMPTY_STATE_DESCRIPTION_CLASSES=b;exports.EMPTY_STATE_ICON_CLASSES=a;exports.EMPTY_STATE_ROOT_CLASS=e;exports.EMPTY_STATE_SIZE_CLASSES=T;exports.EMPTY_STATE_TITLE_CLASSES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("../../constants/generals.const.cjs"),e=require("./helpers/EmptyStateErrorSvg.cjs"),T=require("./helpers/EmptyStateInboxSvg.cjs"),t=require("./helpers/EmptyStateSearchSvg.cjs"),S=E.SIZE_MD,_=E.VARIANT_DEFAULT,r=E.EMPTY_STATE_PRESET_EMPTY,a={[E.EMPTY_STATE_PRESET_EMPTY]:T.EmptyStateInboxSvg,[E.EMPTY_STATE_PRESET_INBOX]:T.EmptyStateInboxSvg,[E.EMPTY_STATE_PRESET_SEARCH]:t.EmptyStateSearchSvg,[E.EMPTY_STATE_PRESET_ERROR]:e.EmptyStateErrorSvg},A={sm:{icon:"bear-w-12 bear-h-12",title:"bear-text-lg",desc:"bear-text-sm",padding:"bear-py-6 bear-px-4"},md:{icon:"bear-w-16 bear-h-16",title:"bear-text-xl",desc:"bear-text-base",padding:"bear-py-10 bear-px-6"},lg:{icon:"bear-w-20 bear-h-20",title:"bear-text-2xl",desc:"bear-text-lg",padding:"bear-py-14 bear-px-8"}};exports.EMPTY_STATE_DEFAULT_PRESET=r;exports.EMPTY_STATE_DEFAULT_SIZE=S;exports.EMPTY_STATE_DEFAULT_VARIANT=_;exports.EMPTY_STATE_PRESET_ICON=a;exports.EMPTY_STATE_SIZE_CLASSES=A;

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

@@ -1,9 +1,11 @@
-export declare const EMPTY_STATE_ROOT_CLASS = "Bear-EmptyState";
-export declare const EMPTY_STATE_BASE_CLASSES = "bear-flex bear-flex-col bear-items-center bear-text-center";
-export declare const EMPTY_STATE_CARD_CLASSES = "bear-bg-[var(--bear-bg-secondary)] bear-rounded-xl bear-border bear-border-[var(--bear-border-default)]";
-export declare const EMPTY_STATE_ICON_CLASSES = "bear-text-[var(--bear-text-muted)] bear-mb-4";
-export declare const EMPTY_STATE_TITLE_CLASSES = "bear-font-semibold bear-text-[var(--bear-text-primary)] bear-mb-2";
-export declare const EMPTY_STATE_DESCRIPTION_CLASSES = "bear-text-[var(--bear-text-secondary)] bear-max-w-md bear-mb-6";
+import { ComponentType } from 'react';
+import { EmptyStatePreset } from './EmptyState.types';
+export declare const EMPTY_STATE_DEFAULT_SIZE: "md";
+export declare const EMPTY_STATE_DEFAULT_VARIANT: "default";
+export declare const EMPTY_STATE_DEFAULT_PRESET: EmptyStatePreset;
+export declare const EMPTY_STATE_PRESET_ICON: Record<EmptyStatePreset, ComponentType<{
+    className?: string;
+}>>;
 export declare const EMPTY_STATE_SIZE_CLASSES: {
     readonly sm: {
         readonly icon: "bear-w-12 bear-h-12";

package/dist/components/EmptyState/EmptyState.const.js

@@ -1,4 +1,13 @@
-const e = "Bear-EmptyState", r = "bear-flex bear-flex-col bear-items-center bear-text-center", a = "bear-bg-[var(--bear-bg-secondary)] bear-rounded-xl bear-border bear-border-[var(--bear-border-default)]", b = "bear-text-[var(--bear-text-muted)] bear-mb-4", t = "bear-font-semibold bear-text-[var(--bear-text-primary)] bear-mb-2", S = "bear-text-[var(--bear-text-secondary)] bear-max-w-md bear-mb-6", E = {
+import { SIZE_MD as t, VARIANT_DEFAULT as e, EMPTY_STATE_PRESET_EMPTY as T, EMPTY_STATE_PRESET_ERROR as r, EMPTY_STATE_PRESET_SEARCH as S, EMPTY_STATE_PRESET_INBOX as _ } from "../../constants/generals.const.js";
+import { EmptyStateErrorSvg as a } from "./helpers/EmptyStateErrorSvg.js";
+import { EmptyStateInboxSvg as E } from "./helpers/EmptyStateInboxSvg.js";
+import { EmptyStateSearchSvg as b } from "./helpers/EmptyStateSearchSvg.js";
+const m = t, i = e, x = T, c = {
+  [T]: E,
+  [_]: E,
+  [S]: b,
+  [r]: a
+}, n = {
   sm: {
     icon: "bear-w-12 bear-h-12",
     title: "bear-text-lg",
@@ -19,11 +28,9 @@ const e = "Bear-EmptyState", r = "bear-flex bear-flex-col bear-items-center bear
   }
 };
 export {
-  r as EMPTY_STATE_BASE_CLASSES,
-  a as EMPTY_STATE_CARD_CLASSES,
-  S as EMPTY_STATE_DESCRIPTION_CLASSES,
-  b as EMPTY_STATE_ICON_CLASSES,
-  e as EMPTY_STATE_ROOT_CLASS,
-  E as EMPTY_STATE_SIZE_CLASSES,
-  t as EMPTY_STATE_TITLE_CLASSES
+  x as EMPTY_STATE_DEFAULT_PRESET,
+  m as EMPTY_STATE_DEFAULT_SIZE,
+  i as EMPTY_STATE_DEFAULT_VARIANT,
+  c as EMPTY_STATE_PRESET_ICON,
+  n as EMPTY_STATE_SIZE_CLASSES
 };

package/dist/components/EmptyState/EmptyState.d.ts

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

package/dist/components/EmptyState/EmptyState.js

@@ -1,54 +1,50 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { EMPTY_STATE_SIZE_CLASSES as p, EMPTY_STATE_ICON_CLASSES as h, EMPTY_STATE_TITLE_CLASSES as C, EMPTY_STATE_DESCRIPTION_CLASSES as f, EMPTY_STATE_ROOT_CLASS as d, EMPTY_STATE_CARD_CLASSES as I, EMPTY_STATE_BASE_CLASSES as L } from "./EmptyState.const.js";
-import { cn as r } from "../../utils/cn.js";
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { Box as m } from "../Box/Box.js";
+import { Flex as N } from "../Flex/Flex.js";
+import { Typography as n } from "../Typography/Typography.js";
+import { cn as a } from "../../utils/cn.js";
 import "react";
-import { resolveBearId as u } from "../../utils/generateBearId.utils.js";
-import { useBearId as v } from "../../utils/useBearId.js";
-const M = ({ className: t }) => /* @__PURE__ */ e("svg", { className: t, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e(
-  "path",
-  {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 1.5,
-    d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"
-  }
-) }), k = ({
-  icon: t,
-  title: E,
-  description: s,
-  action: S,
-  secondaryAction: o,
-  className: i,
-  size: T = "md",
-  variant: m = "default",
-  id: n,
-  testId: _
-}) => {
-  const c = v("EmptyState"), A = u(n, c), a = p[T];
-  return /* @__PURE__ */ l(
-    "div",
+import { resolveBearId as P } from "../../utils/generateBearId.utils.js";
+import { useBearId as h } from "../../utils/useBearId.js";
+import { EMPTY_STATE_DEFAULT_SIZE as g, EMPTY_STATE_DEFAULT_VARIANT as x, EMPTY_STATE_DEFAULT_PRESET as M, EMPTY_STATE_SIZE_CLASSES as Y, EMPTY_STATE_PRESET_ICON as u } from "./EmptyState.const.js";
+const z = (E) => {
+  const {
+    icon: p,
+    title: d,
+    description: r,
+    action: o,
+    secondaryAction: s,
+    className: l,
+    size: _ = g,
+    variant: T = x,
+    preset: i = M,
+    id: S,
+    testId: y
+  } = E, A = h("EmptyState"), f = P(S, A), t = Y[_], B = u[i], I = p ?? /* @__PURE__ */ e(B, { className: "bear-w-full bear-h-full" });
+  return /* @__PURE__ */ c(
+    m,
     {
-      id: A,
-      "data-testid": _,
-      className: r(
-        d,
-        L,
-        a.padding,
-        m === "card" && I,
-        i
+      id: f,
+      "data-testid": y,
+      className: a(
+        "Bear-EmptyState",
+        T === "card" && "Bear-EmptyState--card",
+        `Bear-EmptyState--${i}`,
+        t.padding,
+        l
       ),
       children: [
-        /* @__PURE__ */ e("div", { className: r(h, a.icon), children: t || /* @__PURE__ */ e(M, { className: "bear-w-full bear-h-full" }) }),
-        /* @__PURE__ */ e("h3", { className: r(C, a.title), children: E }),
-        s && /* @__PURE__ */ e("p", { className: r(f, a.desc), children: s }),
-        (S || o) && /* @__PURE__ */ l("div", { className: `${d}__actions bear-flex bear-items-center bear-gap-3`, children: [
-          S,
-          o
+        /* @__PURE__ */ e(m, { className: a("Bear-EmptyState__icon", t.icon), children: I }),
+        /* @__PURE__ */ e(n, { className: a("Bear-EmptyState__title", t.title), children: d }),
+        r && /* @__PURE__ */ e(n, { className: a("Bear-EmptyState__description", t.desc), children: r }),
+        (o || s) && /* @__PURE__ */ c(N, { className: "Bear-EmptyState__actions", align: "center", gap: 3, children: [
+          o,
+          s
         ] })
       ]
     }
   );
 };
 export {
-  k as EmptyState
+  z as EmptyState
 };

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

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+export type EmptyStatePreset = 'empty' | 'search' | 'inbox' | 'error';
 export interface EmptyStateProps {
     testId?: string;
     id?: string;
@@ -10,4 +11,5 @@ export interface EmptyStateProps {
     className?: string;
     size?: 'sm' | 'md' | 'lg';
     variant?: 'default' | 'card';
+    preset?: EmptyStatePreset;
 }

package/dist/components/EmptyState/helpers/EmptyStateErrorSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=r=>{const{className:t}=r;return e.jsx("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"})})};exports.EmptyStateErrorSvg=o;

package/dist/components/EmptyState/helpers/EmptyStateErrorSvg.d.ts

@@ -0,0 +1,3 @@
+export declare const EmptyStateErrorSvg: (props: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmptyState/helpers/EmptyStateErrorSvg.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+const n = (o) => {
+  const { className: e } = o;
+  return /* @__PURE__ */ r("svg", { className: e, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z" }) });
+};
+export {
+  n as EmptyStateErrorSvg
+};

package/dist/components/EmptyState/helpers/EmptyStateInboxSvg.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=t=>{const{className:o}=t;return e.jsx("svg",{className:o,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"})})};exports.EmptyStateInboxSvg=r;

package/dist/components/EmptyState/helpers/EmptyStateInboxSvg.d.ts

@@ -0,0 +1,3 @@
+export declare const EmptyStateInboxSvg: (props: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;