@forgedevstack/bear 1.3.1 → 1.3.3

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

@@ -1,57 +1,9 @@
-const e = 300, a = 11e3, r = 1, b = "Bear-Drawer bear-fixed bear-inset-0", l = {
-  left: {
-    sm: "bear-w-full sm:bear-w-64 bear-max-w-full sm:bear-max-w-none",
-    md: "bear-w-full sm:bear-w-80 bear-max-w-full sm:bear-max-w-none",
-    lg: "bear-w-full sm:bear-w-96 bear-max-w-full sm:bear-max-w-none",
-    xl: "bear-w-full sm:bear-w-[32rem] bear-max-w-full sm:bear-max-w-none"
-  },
-  right: {
-    sm: "bear-w-full sm:bear-w-64 bear-max-w-full sm:bear-max-w-none",
-    md: "bear-w-full sm:bear-w-80 bear-max-w-full sm:bear-max-w-none",
-    lg: "bear-w-full sm:bear-w-96 bear-max-w-full sm:bear-max-w-none",
-    xl: "bear-w-full sm:bear-w-[32rem] bear-max-w-full sm:bear-max-w-none"
-  },
-  top: {
-    sm: "bear-h-32",
-    md: "bear-h-48",
-    lg: "bear-h-64",
-    xl: "bear-h-96"
-  },
-  bottom: {
-    sm: "bear-h-32",
-    md: "bear-h-48",
-    lg: "bear-h-64",
-    xl: "bear-h-96"
-  }
-}, t = {
-  left: "bear-left-0 bear-top-0 bear-h-full",
-  right: "bear-right-0 bear-top-0 bear-h-full",
-  top: "bear-top-0 bear-left-0 bear-w-full",
-  bottom: "bear-bottom-0 bear-left-0 bear-w-full"
-}, m = {
-  left: "bear-translate-x-0",
-  right: "bear-translate-x-0",
-  top: "bear-translate-y-0",
-  bottom: "bear-translate-y-0"
-}, o = {
-  left: "-bear-translate-x-full",
-  right: "bear-translate-x-full",
-  top: "-bear-translate-y-full",
-  bottom: "bear-translate-y-full"
-}, s = {
-  left: "bear-border-r",
-  right: "bear-border-l",
-  top: "bear-border-b",
-  bottom: "bear-border-t"
-};
+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 {
-  s as BORDER_SIDE_MAP,
-  e as DRAWER_ANIMATION_MS,
-  r as DRAWER_PANEL_Z_INDEX,
-  b as DRAWER_ROOT_CLASSES,
-  a as DRAWER_Z_INDEX,
-  t as POSITION_CLASSES,
-  l as SIZE_CLASSES,
-  o as TRANSFORM_CLOSED,
-  m as TRANSFORM_OPEN
+  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,3 +1,2 @@
-import { FC } from 'react';
 import { DrawerProps } from './Drawer.types';
-export declare const Drawer: FC<DrawerProps>;
+export declare const Drawer: (props: DrawerProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Drawer/Drawer.js

@@ -1,135 +1,101 @@
-import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { useState as u, useEffect as S, useCallback as M } from "react";
-import { createPortal as B } from "react-dom";
-import { useBearDirectionOptional as C } from "../../context/BearProvider.js";
-import { cn as T } from "../../utils/cn.js";
-import { resolveBearId as P } from "../../utils/generateBearId.utils.js";
-import { useBearId as F } from "../../utils/useBearId.js";
-import { XIcon as W } from "../Icon/index.js";
-import { Backdrop as j } from "../Backdrop/Backdrop.js";
-import { DRAWER_ANIMATION_MS as m, DRAWER_Z_INDEX as X, DRAWER_ROOT_CLASSES as Z, DRAWER_PANEL_Z_INDEX as $, TRANSFORM_OPEN as z, TRANSFORM_CLOSED as q, SIZE_CLASSES as H, POSITION_CLASSES as G, BORDER_SIDE_MAP as J } from "./Drawer.const.js";
-import { lockBodyScroll as K } from "./Drawer.utils.js";
-const se = ({
-  isOpen: s,
-  onClose: o,
-  title: n,
-  children: _,
-  side: w = "right",
-  anchor: I,
-  variant: Q = "temporary",
-  size: N = "md",
-  showCloseButton: f = !0,
-  closeOnBackdrop: D = !0,
-  closeOnEscape: p = !0,
-  className: A,
-  container: R,
-  id: g,
-  testId: y
-}) => {
-  const O = F("Drawer"), d = P(g, O), { direction: h } = C(), i = I ?? w, r = h === "rtl" && (i === "left" || i === "right") ? i === "left" ? "right" : "left" : i, [a, v] = u(s), [k, b] = u(!1), [x, E] = u(!1);
-  S(() => {
-    if (s) {
-      v(!0), b(!1);
-      const e = requestAnimationFrame(() => E(!0));
-      return () => cancelAnimationFrame(e);
-    }
-    if (a) {
-      E(!1), b(!0);
-      const e = setTimeout(() => {
-        v(!1), b(!1);
-      }, m);
-      return () => clearTimeout(e);
-    }
-  }, [s, a]);
-  const l = M(
-    (e) => {
-      p && e.key === "Escape" && o();
-    },
-    [p, o]
-  );
-  if (S(() => {
-    if (a) {
-      document.addEventListener("keydown", l);
-      const e = K();
-      return () => {
-        document.removeEventListener("keydown", l), e();
-      };
-    }
-    return () => {
-      document.removeEventListener("keydown", l);
-    };
-  }, [a, l]), !a) return null;
-  const L = /* @__PURE__ */ c(
-    "div",
+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 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: 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 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: d,
+      id: E,
       "data-testid": y,
-      className: Z,
-      style: { zIndex: X },
+      className: B("Bear-Drawer", `Bear-Drawer--${n}`),
       children: [
-        /* @__PURE__ */ t(
-          j,
+        o && /* @__PURE__ */ i(
+          q,
           {
-            open: x && !k,
+            open: s,
             keepMounted: !0,
             blur: !0,
             nested: !0,
-            transitionDuration: m,
+            transitionDuration: Q,
             className: "Bear-Drawer__backdrop",
-            onClick: D ? () => o() : void 0
+            onClick: W
           }
         ),
-        /* @__PURE__ */ c(
-          "div",
+        /* @__PURE__ */ R(
+          c,
           {
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-labelledby": n ? `${d}-title` : void 0,
-            className: T(
+            role: U,
+            "aria-modal": o ? r : l,
+            "aria-labelledby": S,
+            className: B(
               "Bear-Drawer__panel",
-              "bear-absolute bear-bg-white dark:bear-bg-neutral-900 bear-shadow-2xl",
-              "bear-border-neutral-200 dark:bear-border-neutral-700",
-              "bear-flex bear-flex-col bear-overflow-hidden",
-              "bear-transform bear-transition-transform",
-              J[r],
-              G[r],
-              H[r][N],
-              x && !k ? z[r] : q[r],
-              A
+              `Bear-Drawer__panel--${f}`,
+              `Bear-Drawer__panel--${T}`,
+              `Bear-Drawer__panel--effect-${F}`,
+              s && "Bear-Drawer__panel--open",
+              h
             ),
-            style: {
-              transitionDuration: `${m}ms`,
-              zIndex: $
-            },
             children: [
-              (n || f) && /* @__PURE__ */ c("div", { className: "bear-flex 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", dir: h, children: [
-                n && /* @__PURE__ */ t(
-                  "h2",
-                  {
-                    id: `${d}-title`,
-                    className: "bear-text-lg bear-font-semibold bear-text-neutral-900 dark:bear-text-white",
-                    children: n
-                  }
-                ),
-                f && /* @__PURE__ */ t(
-                  "button",
-                  {
-                    onClick: o,
-                    className: "bear-p-1 bear-rounded-lg bear-text-neutral-500 dark:bear-text-neutral-400 hover:bear-text-neutral-900 dark:hover:bear-text-white hover:bear-bg-neutral-100 dark:hover:bear-bg-neutral-700 bear-transition-colors",
-                    "aria-label": "Close drawer",
-                    children: /* @__PURE__ */ t(W, { className: "bear-w-5 bear-h-5" })
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ t("div", { className: "bear-flex-1 bear-min-h-0 bear-overflow-y-auto bear-overscroll-contain bear-p-4 bear-text-neutral-700 dark:bear-text-neutral-300", 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 B(L, R ?? document.body);
+  return e ? D : $(D, k ?? document.body);
 };
 export {
-  se as Drawer
+  Ae as Drawer
 };

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

@@ -1,12 +1,28 @@
 import { ReactNode } from 'react';
-export interface DrawerProps {
+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;
+    isPanelOpen: boolean;
+}
+export interface DrawerProps extends OverlayEffectProps {
     isOpen: boolean;
     onClose: () => void;
     title?: string;
     children: ReactNode;
-    side?: 'left' | 'right' | 'top' | 'bottom';
-    anchor?: 'left' | 'right' | 'top' | 'bottom';
-    variant?: 'temporary' | 'persistent' | 'permanent';
+    side?: DrawerSide;
+    anchor?: DrawerSide;
+    variant?: DrawerVariant;
     size?: 'sm' | 'md' | 'lg' | 'xl';
     showCloseButton?: boolean;
     closeOnBackdrop?: boolean;

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

@@ -1,5 +1 @@
-/**
- * Locks page scroll and returns a restore function.
- * Uses position:fixed to prevent iOS Safari body-scroll leaking.
- */
 export declare function lockBodyScroll(): () => void;

package/dist/components/Drawer/components/DrawerHeader/DrawerHeader.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../../Flex/Flex.cjs"),d=require("../../../../constants/generals.const.cjs"),u=require("../../../../utils/cn.cjs");require("react");const w=require("./DrawerHeaderClose.cjs"),D=require("./DrawerHeaderTitle.cjs"),q=r=>{const{side:t,title:s,titleId:a,showCloseButton:n,onClose:o,direction:i}=r,c=t===d.POSITION_RIGHT;return e.jsxs(l.Flex,{className:u.cn("Bear-Drawer__header",c&&"Bear-Drawer__header--close-start"),align:"center",justify:"between",dir:i,children:[e.jsx(D.DrawerHeaderTitle,{title:s,titleId:a}),e.jsx(w.DrawerHeaderClose,{showCloseButton:n,onClose:o})]})};exports.DrawerHeader=q;

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

@@ -0,0 +1,2 @@
+import { DrawerHeaderProps } from './DrawerHeader.types';
+export declare const DrawerHeader: (props: DrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Drawer/components/DrawerHeader/DrawerHeader.js

@@ -0,0 +1,26 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Flex as l } from "../../../Flex/Flex.js";
+import { POSITION_RIGHT as d } from "../../../../constants/generals.const.js";
+import { cn as c } from "../../../../utils/cn.js";
+import "react";
+import { DrawerHeaderClose as p } from "./DrawerHeaderClose.js";
+import { DrawerHeaderTitle as f } from "./DrawerHeaderTitle.js";
+const j = (r) => {
+  const { side: o, title: t, titleId: i, showCloseButton: a, onClose: s, direction: m } = r;
+  return /* @__PURE__ */ n(
+    l,
+    {
+      className: c("Bear-Drawer__header", o === d && "Bear-Drawer__header--close-start"),
+      align: "center",
+      justify: "between",
+      dir: m,
+      children: [
+        /* @__PURE__ */ e(f, { title: t, titleId: i }),
+        /* @__PURE__ */ e(p, { showCloseButton: a, onClose: s })
+      ]
+    }
+  );
+};
+export {
+  j as DrawerHeader
+};

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

@@ -0,0 +1,20 @@
+import { DrawerSide } from '../../Drawer.types';
+export interface DrawerHeaderTitleProps {
+    title?: string;
+    titleId: string;
+}
+export interface DrawerHeaderCloseProps {
+    showCloseButton: boolean;
+    onClose: () => void;
+}
+export interface DrawerHeaderProps {
+    side: DrawerSide;
+    title?: string;
+    titleId: string;
+    showCloseButton: boolean;
+    onClose: () => void;
+    direction?: string;
+}
+export interface DrawerOptionalHeaderProps extends DrawerHeaderProps {
+    showHeader: boolean;
+}

package/dist/components/Drawer/components/DrawerHeader/DrawerHeaderClose.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("../../../../constants/generals.const.cjs"),n=require("../../../CloseButton/CloseButton.cjs"),l=e=>{const{showCloseButton:r,onClose:o}=e;return r?s.jsx(n.CloseButton,{className:"Bear-Drawer__close","aria-label":t.LABEL_CLOSE_DRAWER,onClick:o}):null};exports.DrawerHeaderClose=l;

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

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

package/dist/components/Drawer/components/DrawerHeader/DrawerHeaderClose.js

@@ -0,0 +1,17 @@
+import { jsx as t } from "react/jsx-runtime";
+import { LABEL_CLOSE_DRAWER as l } from "../../../../constants/generals.const.js";
+import { CloseButton as s } from "../../../CloseButton/CloseButton.js";
+const i = (o) => {
+  const { showCloseButton: r, onClose: e } = o;
+  return r ? /* @__PURE__ */ t(
+    s,
+    {
+      className: "Bear-Drawer__close",
+      "aria-label": l,
+      onClick: e
+    }
+  ) : null;
+};
+export {
+  i as DrawerHeaderClose
+};

package/dist/components/Drawer/components/DrawerHeader/DrawerHeaderTitle.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),a=require("../../../Typography/Typography.cjs"),l=r=>{const{title:e,titleId:t}=r;return e?i.jsx(a.Typography,{id:t,variant:"h2",className:"Bear-Drawer__title",children:e}):null};exports.DrawerHeaderTitle=l;

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

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

package/dist/components/Drawer/components/DrawerHeader/DrawerHeaderTitle.js

@@ -0,0 +1,9 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Typography as a } from "../../../Typography/Typography.js";
+const n = (t) => {
+  const { title: r, titleId: e } = t;
+  return r ? /* @__PURE__ */ i(a, { id: e, variant: "h2", className: "Bear-Drawer__title", children: r }) : null;
+};
+export {
+  n as DrawerHeaderTitle
+};

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

@@ -0,0 +1,2 @@
+export { DrawerHeader } from './DrawerHeader';
+export type { DrawerHeaderProps } from './DrawerHeader.types';

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

@@ -0,0 +1 @@
+export { DrawerHeader } from './DrawerHeader';

package/dist/components/Drawer/helpers/DrawerOptionalHeader.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),n=require("../components/DrawerHeader/DrawerHeader.cjs"),o=e=>{const{showHeader:r,...t}=e;return r?a.jsx(n.DrawerHeader,{...t}):null};exports.DrawerOptionalHeader=o;

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

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

package/dist/components/Drawer/helpers/DrawerOptionalHeader.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import { DrawerHeader as a } from "../components/DrawerHeader/DrawerHeader.js";
+const s = (r) => {
+  const { showHeader: e, ...o } = r;
+  return e ? /* @__PURE__ */ t(a, { ...o }) : null;
+};
+export {
+  s as DrawerOptionalHeader
+};

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

@@ -0,0 +1 @@
+export { DrawerOptionalHeader } from './DrawerOptionalHeader';

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

@@ -0,0 +1 @@
+export { useDrawer } from './useDrawer';

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

@@ -0,0 +1 @@
+"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.d.ts

@@ -0,0 +1,2 @@
+import { UseDrawerParams, UseDrawerResult } from '../Drawer.types';
+export declare const useDrawer: (params: UseDrawerParams) => UseDrawerResult;

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

@@ -0,0 +1,50 @@
+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 (E(n), c(o), u === A) {
+        m(n);
+        return;
+      }
+      const e = requestAnimationFrame(() => m(n));
+      return () => cancelAnimationFrame(e);
+    }
+    if (t) {
+      m(o), c(n);
+      const C = setTimeout(() => {
+        E(o), c(o);
+      }, p === A ? S : y);
+      return () => clearTimeout(C);
+    }
+  }, [r, s, t, u, p]);
+  const a = L(
+    (e) => {
+      i && e.key === k && l();
+    },
+    [i, l]
+  );
+  return O(() => {
+    t && i && document.addEventListener("keydown", a);
+    const e = d && t ? F() : void 0;
+    return () => {
+      document.removeEventListener("keydown", a), e == null || e();
+    };
+  }, [t, a, i, d]), {
+    isMounted: t,
+    isPanelOpen: r ? s : N && !M
+  };
+};
+export {
+  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/Editable/Editable.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),y=require("../Button/Button.cjs"),E=require("../Icon/index.cjs"),w=e.createContext(null),d=()=>{const t=e.useContext(w);if(!t)throw new Error("Editable components must be used within Editable.Root");return t},j=e.forwardRef(({children:t,defaultValue:s="",value:a,onChange:i,onEditSubmit:r,onCancel:b,placeholder:u="Click to edit...",isDisabled:l=!1,startWithEditView:p=!1,className:c="",...f},m)=>{const[o,x]=e.useState(p),[I,T]=e.useState(s),[k,_]=e.useState(s),g=a!==void 0?a:I,v=e.useCallback(h=>{a===void 0&&T(h),i==null||i(h)},[a,i]),P=e.useCallback(()=>{l||(_(g),x(!0))},[l,g]),q=e.useCallback(()=>{x(!1)},[]),D=e.useCallback(()=>{r==null||r(g),x(!1)},[g,r]),K=e.useCallback(()=>{v(k),b==null||b(),x(!1)},[k,v,b]);return n.jsx(w.Provider,{value:{isEditing:o,value:g,startEditing:P,stopEditing:q,setValue:v,submit:D,cancel:K},children:n.jsx("div",{ref:m,className:`Bear-Editable bear-inline-block ${c}`.trim(),...f,children:t})})});j.displayName="Editable.Root";const N=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r,value:b,startEditing:u}=d();return r?null:n.jsx("span",{ref:i,className:`Bear-Editable__preview bear-cursor-pointer bear-px-2 bear-py-1 bear-rounded bear-transition-all bear-border bear-border-transparent hover:bear-border-gray-300 dark:hover:bear-border-zinc-600 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-800 bear-text-gray-900 dark:bear-text-white ${s}`.trim(),onClick:u,...a,children:t||b||n.jsx("span",{className:"bear-text-gray-400 dark:bear-text-zinc-500 bear-italic",children:"Click to edit..."})})});N.displayName="Editable.Preview";const C=e.forwardRef(({asTextarea:t=!1,className:s="",...a},i)=>{const{isEditing:r,value:b,setValue:u,submit:l,cancel:p}=d(),c=e.useRef(null);e.useEffect(()=>{r&&c.current&&(c.current.focus(),c.current.select())},[r]);const f=o=>{o.key==="Enter"&&!t&&(o.preventDefault(),l()),o.key==="Escape"&&p()};if(!r)return null;const m="Bear-Editable__input bear-w-full bear-px-2 bear-py-1 bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-rounded bear-bg-white dark:bear-bg-zinc-800 bear-text-gray-900 dark:bear-text-white focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-primary-500";return t?n.jsx("textarea",{ref:i,value:b,onChange:o=>u(o.target.value),onKeyDown:f,onBlur:l,className:`${m} bear-min-h-[80px] bear-resize-y ${s}`.trim(),...a}):n.jsx("input",{ref:c,type:"text",value:b,onChange:o=>u(o.target.value),onKeyDown:f,onBlur:l,className:`${m} ${s}`.trim(),...a})});C.displayName="Editable.Input";const R=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r}=d();return r?n.jsx("div",{ref:i,className:`Bear-Editable__control bear-flex bear-items-center bear-gap-1 bear-mt-1 ${s}`.trim(),...a,children:t}):null});R.displayName="Editable.Control";const z=e.forwardRef(({children:t,className:s="",...a},i)=>{const{submit:r}=d();return n.jsx(y.Button,{ref:i,type:"button",onClick:r,variant:"ghost",size:"sm",className:`bear-editable-submit bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-100 dark:hover:bear-bg-green-900/30 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.CheckIcon,{size:16})})});z.displayName="Editable.SubmitTrigger";const B=e.forwardRef(({children:t,className:s="",...a},i)=>{const{cancel:r}=d();return n.jsx(y.Button,{ref:i,type:"button",onClick:r,variant:"ghost",size:"sm",className:`bear-editable-cancel bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-100 dark:hover:bear-bg-red-900/30 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.CloseIcon,{size:16})})});B.displayName="Editable.CancelTrigger";const $=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r,startEditing:b}=d();return r?null:n.jsx(y.Button,{ref:i,type:"button",onClick:b,variant:"ghost",size:"sm",className:`bear-editable-edit bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.EditIcon,{size:16})})});$.displayName="Editable.EditTrigger";const S={Root:j,Preview:N,Input:C,Control:R,SubmitTrigger:z,CancelTrigger:B,EditTrigger:$};exports.Editable=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),y=require("../Button/Button.cjs"),E=require("@forgedevstack/bear-icons"),w=e.createContext(null),d=()=>{const t=e.useContext(w);if(!t)throw new Error("Editable components must be used within Editable.Root");return t},j=e.forwardRef(({children:t,defaultValue:s="",value:a,onChange:i,onEditSubmit:r,onCancel:b,placeholder:u="Click to edit...",isDisabled:l=!1,startWithEditView:x=!1,className:c="",...f},m)=>{const[o,p]=e.useState(x),[I,T]=e.useState(s),[k,_]=e.useState(s),g=a!==void 0?a:I,v=e.useCallback(h=>{a===void 0&&T(h),i==null||i(h)},[a,i]),P=e.useCallback(()=>{l||(_(g),p(!0))},[l,g]),q=e.useCallback(()=>{p(!1)},[]),D=e.useCallback(()=>{r==null||r(g),p(!1)},[g,r]),K=e.useCallback(()=>{v(k),b==null||b(),p(!1)},[k,v,b]);return n.jsx(w.Provider,{value:{isEditing:o,value:g,startEditing:P,stopEditing:q,setValue:v,submit:D,cancel:K},children:n.jsx("div",{ref:m,className:`Bear-Editable bear-inline-block ${c}`.trim(),...f,children:t})})});j.displayName="Editable.Root";const N=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r,value:b,startEditing:u}=d();return r?null:n.jsx("span",{ref:i,className:`Bear-Editable__preview bear-cursor-pointer bear-px-2 bear-py-1 bear-rounded bear-transition-all bear-border bear-border-transparent hover:bear-border-gray-300 dark:hover:bear-border-zinc-600 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-800 bear-text-gray-900 dark:bear-text-white ${s}`.trim(),onClick:u,...a,children:t||b||n.jsx("span",{className:"bear-text-gray-400 dark:bear-text-zinc-500 bear-italic",children:"Click to edit..."})})});N.displayName="Editable.Preview";const C=e.forwardRef(({asTextarea:t=!1,className:s="",...a},i)=>{const{isEditing:r,value:b,setValue:u,submit:l,cancel:x}=d(),c=e.useRef(null);e.useEffect(()=>{r&&c.current&&(c.current.focus(),c.current.select())},[r]);const f=o=>{o.key==="Enter"&&!t&&(o.preventDefault(),l()),o.key==="Escape"&&x()};if(!r)return null;const m="Bear-Editable__input bear-w-full bear-px-2 bear-py-1 bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-rounded bear-bg-white dark:bear-bg-zinc-800 bear-text-gray-900 dark:bear-text-white focus:bear-outline-none focus:bear-ring-2 focus:bear-ring-primary-500";return t?n.jsx("textarea",{ref:i,value:b,onChange:o=>u(o.target.value),onKeyDown:f,onBlur:l,className:`${m} bear-min-h-[80px] bear-resize-y ${s}`.trim(),...a}):n.jsx("input",{ref:c,type:"text",value:b,onChange:o=>u(o.target.value),onKeyDown:f,onBlur:l,className:`${m} ${s}`.trim(),...a})});C.displayName="Editable.Input";const R=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r}=d();return r?n.jsx("div",{ref:i,className:`Bear-Editable__control bear-flex bear-items-center bear-gap-1 bear-mt-1 ${s}`.trim(),...a,children:t}):null});R.displayName="Editable.Control";const z=e.forwardRef(({children:t,className:s="",...a},i)=>{const{submit:r}=d();return n.jsx(y.Button,{ref:i,type:"button",onClick:r,variant:"ghost",size:"sm",className:`bear-editable-submit bear-text-green-600 dark:bear-text-green-400 hover:bear-bg-green-100 dark:hover:bear-bg-green-900/30 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.CheckIcon,{size:16})})});z.displayName="Editable.SubmitTrigger";const B=e.forwardRef(({children:t,className:s="",...a},i)=>{const{cancel:r}=d();return n.jsx(y.Button,{ref:i,type:"button",onClick:r,variant:"ghost",size:"sm",className:`bear-editable-cancel bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-100 dark:hover:bear-bg-red-900/30 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.CloseIcon,{size:16})})});B.displayName="Editable.CancelTrigger";const $=e.forwardRef(({children:t,className:s="",...a},i)=>{const{isEditing:r,startEditing:b}=d();return r?null:n.jsx(y.Button,{ref:i,type:"button",onClick:b,variant:"ghost",size:"sm",className:`bear-editable-edit bear-text-gray-600 dark:bear-text-gray-400 hover:bear-bg-gray-100 dark:hover:bear-bg-gray-800 bear-p-1 bear-min-w-0 ${s}`.trim(),...a,children:t||n.jsx(E.EditIcon,{size:16})})});$.displayName="Editable.EditTrigger";const S={Root:j,Preview:N,Input:C,Control:R,SubmitTrigger:z,CancelTrigger:B,EditTrigger:$};exports.Editable=S;

package/dist/components/Editable/Editable.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
 import { createContext as A, forwardRef as o, useState as h, useCallback as m, useRef as F, useEffect as G, useContext as H } from "react";
 import { Button as k } from "../Button/Button.js";
-import { CheckIcon as J, CloseIcon as L, EditIcon as M } from "../Icon/index.js";
+import { CheckIcon as J, CloseIcon as L, EditIcon as M } from "@forgedevstack/bear-icons";
 const N = A(null), d = () => {
   const r = H(N);
   if (!r)

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