@forgedevstack/bear 1.2.8 → 1.3.0

package/dist/components/Backdrop/Backdrop.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react/jsx-runtime"),e=require("./Backdrop.const.cjs"),I=require("../../utils/cn.cjs");require("react");const O=require("../../utils/generateBearId.utils.cjs"),R=require("../../utils/useBearId.cjs"),E=s=>{const{id:n,testId:i,open:r=!0,invisible:a=!1,blur:o=!1,zIndex:d=e.BACKDROP_DEFAULT_Z_INDEX,transitionDuration:S=e.BACKDROP_DEFAULT_TRANSITION_MS,keepMounted:c=!1,onClick:u,children:t,className:_,style:B,...l}=s,A=R.useBearId("Backdrop"),C=O.resolveBearId(n,A);return!r&&!c&&!t?null:D.jsx("div",{...l,id:C,"data-testid":i,"aria-hidden":!r,onClick:u,className:I.cn(e.BACKDROP_ROOT_CLASS,e.BACKDROP_BASE_CLASSES,r?e.BACKDROP_VISIBLE_CLASSES:e.BACKDROP_HIDDEN_CLASSES,!a&&e.BACKDROP_TINT_CLASSES,o&&e.BACKDROP_BLUR_CLASSES,_),style:{zIndex:d,transitionDuration:`${S}ms`,...B},children:t})};exports.Backdrop=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),e=require("./Backdrop.const.cjs"),R=require("../../utils/cn.cjs");require("react");const E=require("../../utils/generateBearId.utils.cjs"),P=require("../../utils/useBearId.cjs"),L=s=>{const{id:S,testId:_,open:r=!0,invisible:d=!1,blur:i=!1,nested:t=!1,zIndex:o,transitionDuration:a=e.BACKDROP_DEFAULT_TRANSITION_MS,keepMounted:A=!1,onClick:B,children:n,className:c,style:I,...O}=s,C=P.useBearId("Backdrop"),D=E.resolveBearId(S,C),u=o??(t?e.BACKDROP_NESTED_Z_INDEX:e.BACKDROP_DEFAULT_Z_INDEX);return!r&&!A&&!n?null:l.jsx("div",{...O,id:D,"data-testid":_,"aria-hidden":!r,onClick:B,className:R.cn(e.BACKDROP_ROOT_CLASS,t?e.BACKDROP_POSITION_ABSOLUTE_CLASS:e.BACKDROP_POSITION_FIXED_CLASS,e.BACKDROP_BASE_CLASSES,r?e.BACKDROP_VISIBLE_CLASSES:e.BACKDROP_HIDDEN_CLASSES,!d&&e.BACKDROP_TINT_CLASSES,i&&e.BACKDROP_BLUR_CLASSES,t&&`${e.BACKDROP_ROOT_CLASS}--nested`,c),style:{zIndex:u,transitionDuration:`${a}ms`,...I},children:n})};exports.Backdrop=L;

package/dist/components/Backdrop/Backdrop.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S="Bear-Backdrop",e=11e3,A=200,_="bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-transition-opacity",t="bear-opacity-100 bear-pointer-events-auto",C="bear-opacity-0 bear-pointer-events-none",r="bear-bg-black/50 dark:bear-bg-black/60",a="bear-backdrop-blur-sm";exports.BACKDROP_BASE_CLASSES=_;exports.BACKDROP_BLUR_CLASSES=a;exports.BACKDROP_DEFAULT_TRANSITION_MS=A;exports.BACKDROP_DEFAULT_Z_INDEX=e;exports.BACKDROP_HIDDEN_CLASSES=C;exports.BACKDROP_ROOT_CLASS=S;exports.BACKDROP_TINT_CLASSES=r;exports.BACKDROP_VISIBLE_CLASSES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S="Bear-Backdrop",_=11e3,A=0,e=200,O="bear-inset-0 bear-flex bear-items-center bear-justify-center bear-transition-opacity",C="bear-fixed",D="bear-absolute",t="bear-opacity-100 bear-pointer-events-auto",B="bear-opacity-0 bear-pointer-events-none",E="bear-bg-black/50 dark:bear-bg-black/60",a="bear-backdrop-blur-sm";exports.BACKDROP_BASE_CLASSES=O;exports.BACKDROP_BLUR_CLASSES=a;exports.BACKDROP_DEFAULT_TRANSITION_MS=e;exports.BACKDROP_DEFAULT_Z_INDEX=_;exports.BACKDROP_HIDDEN_CLASSES=B;exports.BACKDROP_NESTED_Z_INDEX=A;exports.BACKDROP_POSITION_ABSOLUTE_CLASS=D;exports.BACKDROP_POSITION_FIXED_CLASS=C;exports.BACKDROP_ROOT_CLASS=S;exports.BACKDROP_TINT_CLASSES=E;exports.BACKDROP_VISIBLE_CLASSES=t;

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

@@ -1,7 +1,10 @@
 export declare const BACKDROP_ROOT_CLASS = "Bear-Backdrop";
 export declare const BACKDROP_DEFAULT_Z_INDEX = 11000;
+export declare const BACKDROP_NESTED_Z_INDEX = 0;
 export declare const BACKDROP_DEFAULT_TRANSITION_MS = 200;
-export declare const BACKDROP_BASE_CLASSES = "bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-transition-opacity";
+export declare const BACKDROP_BASE_CLASSES = "bear-inset-0 bear-flex bear-items-center bear-justify-center bear-transition-opacity";
+export declare const BACKDROP_POSITION_FIXED_CLASS = "bear-fixed";
+export declare const BACKDROP_POSITION_ABSOLUTE_CLASS = "bear-absolute";
 export declare const BACKDROP_VISIBLE_CLASSES = "bear-opacity-100 bear-pointer-events-auto";
 export declare const BACKDROP_HIDDEN_CLASSES = "bear-opacity-0 bear-pointer-events-none";
 export declare const BACKDROP_TINT_CLASSES = "bear-bg-black/50 dark:bear-bg-black/60";

package/dist/components/Backdrop/Backdrop.const.js

@@ -1,11 +1,14 @@
-const e = "Bear-Backdrop", a = 11e3, r = 200, t = "bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-transition-opacity", S = "bear-opacity-100 bear-pointer-events-auto", b = "bear-opacity-0 bear-pointer-events-none", n = "bear-bg-black/50 dark:bear-bg-black/60", o = "bear-backdrop-blur-sm";
+const e = "Bear-Backdrop", S = 11e3, t = 0, _ = 200, a = "bear-inset-0 bear-flex bear-items-center bear-justify-center bear-transition-opacity", r = "bear-fixed", A = "bear-absolute", o = "bear-opacity-100 bear-pointer-events-auto", n = "bear-opacity-0 bear-pointer-events-none", b = "bear-bg-black/50 dark:bear-bg-black/60", c = "bear-backdrop-blur-sm";
 export {
-  t as BACKDROP_BASE_CLASSES,
-  o as BACKDROP_BLUR_CLASSES,
-  r as BACKDROP_DEFAULT_TRANSITION_MS,
-  a as BACKDROP_DEFAULT_Z_INDEX,
-  b as BACKDROP_HIDDEN_CLASSES,
+  a as BACKDROP_BASE_CLASSES,
+  c as BACKDROP_BLUR_CLASSES,
+  _ as BACKDROP_DEFAULT_TRANSITION_MS,
+  S as BACKDROP_DEFAULT_Z_INDEX,
+  n as BACKDROP_HIDDEN_CLASSES,
+  t as BACKDROP_NESTED_Z_INDEX,
+  A as BACKDROP_POSITION_ABSOLUTE_CLASS,
+  r as BACKDROP_POSITION_FIXED_CLASS,
   e as BACKDROP_ROOT_CLASS,
-  n as BACKDROP_TINT_CLASSES,
-  S as BACKDROP_VISIBLE_CLASSES
+  b as BACKDROP_TINT_CLASSES,
+  o as BACKDROP_VISIBLE_CLASSES
 };

package/dist/components/Backdrop/Backdrop.js

@@ -1,50 +1,53 @@
-import { jsx as l } from "react/jsx-runtime";
-import { BACKDROP_DEFAULT_Z_INDEX as I, BACKDROP_DEFAULT_TRANSITION_MS as c, BACKDROP_BLUR_CLASSES as p, BACKDROP_TINT_CLASSES as E, BACKDROP_VISIBLE_CLASSES as O, BACKDROP_HIDDEN_CLASSES as R, BACKDROP_BASE_CLASSES as L, BACKDROP_ROOT_CLASS as f } from "./Backdrop.const.js";
-import { cn as u } from "../../utils/cn.js";
+import { jsx as m } from "react/jsx-runtime";
+import { BACKDROP_DEFAULT_TRANSITION_MS as P, BACKDROP_NESTED_Z_INDEX as R, BACKDROP_DEFAULT_Z_INDEX as L, BACKDROP_ROOT_CLASS as o, BACKDROP_BLUR_CLASSES as c, BACKDROP_TINT_CLASSES as p, BACKDROP_VISIBLE_CLASSES as K, BACKDROP_HIDDEN_CLASSES as N, BACKDROP_BASE_CLASSES as T, BACKDROP_POSITION_ABSOLUTE_CLASS as f, BACKDROP_POSITION_FIXED_CLASS as u } from "./Backdrop.const.js";
+import { cn as x } from "../../utils/cn.js";
 import "react";
-import { resolveBearId as K } from "../../utils/generateBearId.utils.js";
-import { useBearId as P } from "../../utils/useBearId.js";
-const b = (t) => {
+import { resolveBearId as k } from "../../utils/generateBearId.utils.js";
+import { useBearId as U } from "../../utils/useBearId.js";
+const y = (S) => {
   const {
-    id: o,
-    testId: i,
-    open: r = !0,
-    invisible: s = !1,
-    blur: n = !1,
-    zIndex: S = I,
-    transitionDuration: a = c,
-    keepMounted: d = !1,
-    onClick: A,
-    children: e,
-    className: _,
-    style: m,
+    id: n,
+    testId: s,
+    open: e = !0,
+    invisible: _ = !1,
+    blur: i = !1,
+    nested: t = !1,
+    zIndex: A,
+    transitionDuration: d = P,
+    keepMounted: a = !1,
+    onClick: D,
+    children: r,
+    className: I,
+    style: C,
     ...B
-  } = t, C = P("Backdrop"), D = K(o, C);
-  return !r && !d && !e ? null : /* @__PURE__ */ l(
+  } = S, O = U("Backdrop"), E = k(n, O), l = A ?? (t ? R : L);
+  return !e && !a && !r ? null : /* @__PURE__ */ m(
     "div",
     {
       ...B,
-      id: D,
-      "data-testid": i,
-      "aria-hidden": !r,
-      onClick: A,
-      className: u(
-        f,
-        L,
-        r ? O : R,
-        !s && E,
-        n && p,
-        _
+      id: E,
+      "data-testid": s,
+      "aria-hidden": !e,
+      onClick: D,
+      className: x(
+        o,
+        t ? f : u,
+        T,
+        e ? K : N,
+        !_ && p,
+        i && c,
+        t && `${o}--nested`,
+        I
       ),
       style: {
-        zIndex: S,
-        transitionDuration: `${a}ms`,
-        ...m
+        zIndex: l,
+        transitionDuration: `${d}ms`,
+        ...C
       },
-      children: e
+      children: r
     }
   );
 };
 export {
-  b as Backdrop
+  y as Backdrop
 };

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

@@ -5,6 +5,7 @@ export interface BackdropProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onC
     open?: boolean;
     invisible?: boolean;
     blur?: boolean;
+    nested?: boolean;
     zIndex?: number;
     transitionDuration?: number;
     keepMounted?: boolean;

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

@@ -1,2 +1,3 @@
 export { Backdrop } from './Backdrop';
 export type { BackdropProps } from './Backdrop.types';
+export { BACKDROP_NESTED_Z_INDEX, BACKDROP_DEFAULT_Z_INDEX, } from './Backdrop.const';

package/dist/components/Drawer/Drawer.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),M=require("react-dom"),q=require("../../context/BearProvider.cjs"),B=require("../../utils/cn.cjs"),j=require("../../utils/generateBearId.utils.cjs"),O=require("../../utils/useBearId.cjs"),T=require("../Icon/index.cjs"),C=require("../Backdrop/Backdrop.cjs"),r=require("./Drawer.const.cjs"),L=require("./Drawer.utils.cjs"),P=({isOpen:u,onClose:o,title:i,children:w,side:_="right",anchor:I,variant:F="temporary",size:D="md",showCloseButton:m=!0,closeOnBackdrop:N=!0,closeOnEscape:f=!0,className:g,container:A,id:E,testId:p})=>{const y=O.useBearId("Drawer"),c=j.resolveBearId(E,y),{direction:x}=q.useBearDirectionOptional(),l=I??_,n=x==="rtl"&&(l==="left"||l==="right")?l==="left"?"right":"left":l,[s,v]=t.useState(u),[S,b]=t.useState(!1),[h,k]=t.useState(!1);t.useEffect(()=>{if(u){v(!0),b(!1);const a=requestAnimationFrame(()=>k(!0));return()=>cancelAnimationFrame(a)}if(s){k(!1),b(!0);const a=setTimeout(()=>{v(!1),b(!1)},r.DRAWER_ANIMATION_MS);return()=>clearTimeout(a)}},[u,s]);const d=t.useCallback(a=>{f&&a.key==="Escape"&&o()},[f,o]);if(t.useEffect(()=>{if(s){document.addEventListener("keydown",d);const a=L.lockBodyScroll();return()=>{document.removeEventListener("keydown",d),a()}}return()=>{document.removeEventListener("keydown",d)}},[s,d]),!s)return null;const R=e.jsxs("div",{id:c,"data-testid":p,className:"Bear-Drawer bear-fixed bear-inset-0 bear-z-[11000]",children:[e.jsx(C.Backdrop,{open:h&&!S,keepMounted:!0,blur:!0,transitionDuration:r.DRAWER_ANIMATION_MS,className:"Bear-Drawer__backdrop",onClick:N?()=>o():void 0}),e.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":i?`${c}-title`:void 0,className:B.cn("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",r.BORDER_SIDE_MAP[n],r.POSITION_CLASSES[n],r.SIZE_CLASSES[n][D],h&&!S?r.TRANSFORM_OPEN[n]:r.TRANSFORM_CLOSED[n],g),style:{transitionDuration:`${r.DRAWER_ANIMATION_MS}ms`},children:[(i||m)&&e.jsxs("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:x,children:[i&&e.jsx("h2",{id:`${c}-title`,className:"bear-text-lg bear-font-semibold bear-text-neutral-900 dark:bear-text-white",children:i}),m&&e.jsx("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:e.jsx(T.XIcon,{className:"bear-w-5 bear-h-5"})})]}),e.jsx("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:w})]})]});return M.createPortal(R,A??document.body)};exports.Drawer=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),M=require("react-dom"),O=require("../../context/BearProvider.cjs"),q=require("../../utils/cn.cjs"),j=require("../../utils/generateBearId.utils.cjs"),B=require("../../utils/useBearId.cjs"),T=require("../Icon/index.cjs"),L=require("../Backdrop/Backdrop.cjs"),e=require("./Drawer.const.cjs"),C=require("./Drawer.utils.cjs"),P=({isOpen:u,onClose:o,title:i,children:I,side:h="right",anchor:k,variant:W="temporary",size:D="md",showCloseButton:m=!0,closeOnBackdrop:A=!0,closeOnEscape:f=!0,className:N,container:R,id:w,testId:g})=>{const y=B.useBearId("Drawer"),c=j.resolveBearId(w,y),{direction:x}=O.useBearDirectionOptional(),l=k??h,n=x==="rtl"&&(l==="left"||l==="right")?l==="left"?"right":"left":l,[s,_]=a.useState(u),[S,b]=a.useState(!1),[v,E]=a.useState(!1);a.useEffect(()=>{if(u){_(!0),b(!1);const t=requestAnimationFrame(()=>E(!0));return()=>cancelAnimationFrame(t)}if(s){E(!1),b(!0);const t=setTimeout(()=>{_(!1),b(!1)},e.DRAWER_ANIMATION_MS);return()=>clearTimeout(t)}},[u,s]);const d=a.useCallback(t=>{f&&t.key==="Escape"&&o()},[f,o]);if(a.useEffect(()=>{if(s){document.addEventListener("keydown",d);const t=C.lockBodyScroll();return()=>{document.removeEventListener("keydown",d),t()}}return()=>{document.removeEventListener("keydown",d)}},[s,d]),!s)return null;const p=r.jsxs("div",{id:c,"data-testid":g,className:e.DRAWER_ROOT_CLASSES,style:{zIndex:e.DRAWER_Z_INDEX},children:[r.jsx(L.Backdrop,{open:v&&!S,keepMounted:!0,blur:!0,nested:!0,transitionDuration:e.DRAWER_ANIMATION_MS,className:"Bear-Drawer__backdrop",onClick:A?()=>o():void 0}),r.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":i?`${c}-title`:void 0,className:q.cn("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",e.BORDER_SIDE_MAP[n],e.POSITION_CLASSES[n],e.SIZE_CLASSES[n][D],v&&!S?e.TRANSFORM_OPEN[n]:e.TRANSFORM_CLOSED[n],N),style:{transitionDuration:`${e.DRAWER_ANIMATION_MS}ms`,zIndex:e.DRAWER_PANEL_Z_INDEX},children:[(i||m)&&r.jsxs("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:x,children:[i&&r.jsx("h2",{id:`${c}-title`,className:"bear-text-lg bear-font-semibold bear-text-neutral-900 dark:bear-text-white",children:i}),m&&r.jsx("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:r.jsx(T.XIcon,{className:"bear-w-5 bear-h-5"})})]}),r.jsx("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:I})]})]});return M.createPortal(p,R??document.body)};exports.Drawer=P;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=300,a={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"}},r={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"},b={left:"bear-translate-x-0",right:"bear-translate-x-0",top:"bear-translate-y-0",bottom:"bear-translate-y-0"},l={left:"-bear-translate-x-full",right:"bear-translate-x-full",top:"-bear-translate-y-full",bottom:"bear-translate-y-full"},t={left:"bear-border-r",right:"bear-border-l",top:"bear-border-b",bottom:"bear-border-t"};exports.BORDER_SIDE_MAP=t;exports.DRAWER_ANIMATION_MS=e;exports.POSITION_CLASSES=r;exports.SIZE_CLASSES=a;exports.TRANSFORM_CLOSED=l;exports.TRANSFORM_OPEN=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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"};exports.BORDER_SIDE_MAP=s;exports.DRAWER_ANIMATION_MS=e;exports.DRAWER_PANEL_Z_INDEX=r;exports.DRAWER_ROOT_CLASSES=b;exports.DRAWER_Z_INDEX=a;exports.POSITION_CLASSES=t;exports.SIZE_CLASSES=l;exports.TRANSFORM_CLOSED=o;exports.TRANSFORM_OPEN=m;

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

@@ -2,6 +2,9 @@ import { DrawerProps } from './Drawer.types';
 type DrawerSide = NonNullable<DrawerProps['side']>;
 type DrawerSize = NonNullable<DrawerProps['size']>;
 export declare const DRAWER_ANIMATION_MS = 300;
+export declare const DRAWER_Z_INDEX = 11000;
+export declare const DRAWER_PANEL_Z_INDEX = 1;
+export declare const DRAWER_ROOT_CLASSES = "Bear-Drawer bear-fixed bear-inset-0";
 export declare const SIZE_CLASSES: Record<DrawerSide, Record<DrawerSize, string>>;
 export declare const POSITION_CLASSES: Record<DrawerSide, string>;
 export declare const TRANSFORM_OPEN: Record<DrawerSide, string>;

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

@@ -1,4 +1,4 @@
-const a = 300, e = {
+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",
@@ -23,32 +23,35 @@ const a = 300, e = {
     lg: "bear-h-64",
     xl: "bear-h-96"
   }
-}, r = {
+}, 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"
-}, b = {
+}, m = {
   left: "bear-translate-x-0",
   right: "bear-translate-x-0",
   top: "bear-translate-y-0",
   bottom: "bear-translate-y-0"
-}, l = {
+}, o = {
   left: "-bear-translate-x-full",
   right: "bear-translate-x-full",
   top: "-bear-translate-y-full",
   bottom: "bear-translate-y-full"
-}, t = {
+}, s = {
   left: "bear-border-r",
   right: "bear-border-l",
   top: "bear-border-b",
   bottom: "bear-border-t"
 };
 export {
-  t as BORDER_SIDE_MAP,
-  a as DRAWER_ANIMATION_MS,
-  r as POSITION_CLASSES,
-  e as SIZE_CLASSES,
-  l as TRANSFORM_CLOSED,
-  b as TRANSFORM_OPEN
+  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
 };

package/dist/components/Drawer/Drawer.js

@@ -1,47 +1,47 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
-import { useState as m, useEffect as S, useCallback as R } from "react";
-import { createPortal as C } from "react-dom";
-import { useBearDirectionOptional as L } from "../../context/BearProvider.js";
+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 F } from "../../utils/generateBearId.utils.js";
-import { useBearId as P } from "../../utils/useBearId.js";
-import { XIcon as j } from "../Icon/index.js";
-import { Backdrop as $ } from "../Backdrop/Backdrop.js";
-import { DRAWER_ANIMATION_MS as u, TRANSFORM_OPEN as q, TRANSFORM_CLOSED as z, SIZE_CLASSES as H, POSITION_CLASSES as W, BORDER_SIDE_MAP as X } from "./Drawer.const.js";
-import { lockBodyScroll as Z } from "./Drawer.utils.js";
-const ne = ({
+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: N,
-  side: g = "right",
-  anchor: E,
-  variant: G = "temporary",
-  size: I = "md",
+  children: _,
+  side: w = "right",
+  anchor: I,
+  variant: Q = "temporary",
+  size: N = "md",
   showCloseButton: f = !0,
-  closeOnBackdrop: _ = !0,
+  closeOnBackdrop: D = !0,
   closeOnEscape: p = !0,
-  className: y,
-  container: D,
-  id: A,
-  testId: B
+  className: A,
+  container: R,
+  id: g,
+  testId: y
 }) => {
-  const M = P("Drawer"), d = F(A, M), { direction: h } = L(), i = E ?? g, r = h === "rtl" && (i === "left" || i === "right") ? i === "left" ? "right" : "left" : i, [a, v] = m(s), [k, b] = m(!1), [x, w] = m(!1);
+  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(() => w(!0));
+      const e = requestAnimationFrame(() => E(!0));
       return () => cancelAnimationFrame(e);
     }
     if (a) {
-      w(!1), b(!0);
+      E(!1), b(!0);
       const e = setTimeout(() => {
         v(!1), b(!1);
-      }, u);
+      }, m);
       return () => clearTimeout(e);
     }
   }, [s, a]);
-  const l = R(
+  const l = M(
     (e) => {
       p && e.key === "Escape" && o();
     },
@@ -50,7 +50,7 @@ const ne = ({
   if (S(() => {
     if (a) {
       document.addEventListener("keydown", l);
-      const e = Z();
+      const e = K();
       return () => {
         document.removeEventListener("keydown", l), e();
       };
@@ -59,64 +59,77 @@ const ne = ({
       document.removeEventListener("keydown", l);
     };
   }, [a, l]), !a) return null;
-  const O = /* @__PURE__ */ c("div", { id: d, "data-testid": B, className: "Bear-Drawer bear-fixed bear-inset-0 bear-z-[11000]", children: [
-    /* @__PURE__ */ t(
-      $,
-      {
-        open: x && !k,
-        keepMounted: !0,
-        blur: !0,
-        transitionDuration: u,
-        className: "Bear-Drawer__backdrop",
-        onClick: _ ? () => o() : void 0
-      }
-    ),
-    /* @__PURE__ */ c(
-      "div",
-      {
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-labelledby": n ? `${d}-title` : void 0,
-        className: T(
-          "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",
-          X[r],
-          W[r],
-          H[r][I],
-          x && !k ? q[r] : z[r],
-          y
+  const L = /* @__PURE__ */ c(
+    "div",
+    {
+      id: d,
+      "data-testid": y,
+      className: Z,
+      style: { zIndex: X },
+      children: [
+        /* @__PURE__ */ t(
+          j,
+          {
+            open: x && !k,
+            keepMounted: !0,
+            blur: !0,
+            nested: !0,
+            transitionDuration: m,
+            className: "Bear-Drawer__backdrop",
+            onClick: D ? () => o() : void 0
+          }
         ),
-        style: { transitionDuration: `${u}ms` },
-        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
-              }
+        /* @__PURE__ */ c(
+          "div",
+          {
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": n ? `${d}-title` : void 0,
+            className: T(
+              "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
             ),
-            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(j, { 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: N })
-        ]
-      }
-    )
-  ] });
-  return C(O, D ?? document.body);
+            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: _ })
+            ]
+          }
+        )
+      ]
+    }
+  );
+  return B(L, R ?? document.body);
 };
 export {
-  ne as Drawer
+  se as Drawer
 };

package/dist/components/Modal/Modal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),N=require("react-dom"),o=require("../../utils/cn.cjs"),D=require("../../utils/generateBearId.utils.cjs"),I=require("../../utils/useBearId.cjs"),q=require("../Icon/icons/navigation.cjs"),g=require("../Backdrop/Backdrop.cjs"),a=require("./Modal.const.cjs"),w=b=>{const{isOpen:r,onClose:s,title:l,children:B,size:E="md",showCloseButton:n=!0,closeOnEscape:M=!0,disableEscapeKeyDown:C=!1,lockBodyScroll:L=!0,cancelPreventScroll:f=!1,closeOnBackdrop:k=!0,hideBackdrop:v=!1,keepMounted:d=!1,isCancelBackgroundClick:i,className:p,footer:u,testId:y,id:A}=b,O=I.useBearId("Modal"),c=D.resolveBearId(A,O),_=L&&!f,h=i!==void 0?i:k,S=M&&!C,t=m.useCallback(x=>{S&&x.key==="Escape"&&s()},[S,s]);if(m.useEffect(()=>{if(r)return document.addEventListener("keydown",t),_&&(document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",t),document.body.style.overflow=""}},[r,t,_]),!r&&!d)return null;const j=e.jsxs("div",{className:"Bear-Modal bear-fixed bear-inset-0 bear-z-[11000] bear-flex bear-items-center bear-justify-center bear-p-4","data-testid":y,id:c,children:[!v&&e.jsx(g.Backdrop,{open:r,keepMounted:d,blur:!0,className:"Bear-Modal__backdrop",onClick:h?()=>s():void 0}),e.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":l?`${c}-title`:void 0,className:o.cn("Bear-Modal__container",a.MODAL_CONTAINER_CLASSES,a.MODAL_SIZE_CLASSES[E],p),children:[(l||n)&&e.jsxs("div",{className:o.cn("Bear-Modal__header",a.MODAL_HEADER_CLASSES),children:[l&&e.jsx("h2",{id:`${c}-title`,className:o.cn("Bear-Modal__title",a.MODAL_TITLE_CLASSES),children:l}),n&&e.jsx("button",{onClick:s,className:o.cn("Bear-Modal__close",a.MODAL_CLOSE_CLASSES),"aria-label":"Close modal",children:e.jsx(q.CloseIcon,{className:"bear-w-5 bear-h-5"})})]}),e.jsx("div",{className:o.cn("Bear-Modal__body",a.MODAL_BODY_CLASSES),children:B}),u&&e.jsx("div",{className:o.cn("Bear-Modal__footer",a.MODAL_FOOTER_CLASSES),children:u})]})]});return N.createPortal(j,document.body)};exports.Modal=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),E=require("react"),x=require("react-dom"),a=require("../../utils/cn.cjs"),j=require("../../utils/generateBearId.utils.cjs"),q=require("../../utils/useBearId.cjs"),g=require("../Icon/icons/navigation.cjs"),w=require("../Backdrop/Backdrop.cjs"),e=require("./Modal.const.cjs"),R=m=>{const{isOpen:s,onClose:l,title:r,children:L,size:M="md",showCloseButton:d=!0,closeOnEscape:A=!0,disableEscapeKeyDown:B=!1,lockBodyScroll:C=!0,cancelPreventScroll:O=!1,closeOnBackdrop:k=!0,hideBackdrop:b=!1,keepMounted:n=!1,isCancelBackgroundClick:i,zIndex:v=e.MODAL_Z_INDEX,className:y,footer:u,testId:D,id:f}=m,h=q.useBearId("Modal"),c=j.resolveBearId(f,h),_=C&&!O,p=i!==void 0?i:k,S=A&&!B,t=E.useCallback(N=>{S&&N.key==="Escape"&&l()},[S,l]);if(E.useEffect(()=>{if(s)return document.addEventListener("keydown",t),_&&(document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",t),document.body.style.overflow=""}},[s,t,_]),!s&&!n)return null;const I=o.jsxs("div",{className:e.MODAL_ROOT_CLASSES,"data-testid":D,id:c,style:{zIndex:v},children:[!b&&o.jsx(w.Backdrop,{open:s,keepMounted:n,blur:!0,nested:!0,className:"Bear-Modal__backdrop",onClick:p?()=>l():void 0}),o.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":r?`${c}-title`:void 0,className:a.cn("Bear-Modal__container",e.MODAL_CONTAINER_CLASSES,e.MODAL_SIZE_CLASSES[M],y),style:{zIndex:e.MODAL_PANEL_Z_INDEX},children:[(r||d)&&o.jsxs("div",{className:a.cn("Bear-Modal__header",e.MODAL_HEADER_CLASSES),children:[r&&o.jsx("h2",{id:`${c}-title`,className:a.cn("Bear-Modal__title",e.MODAL_TITLE_CLASSES),children:r}),d&&o.jsx("button",{onClick:l,className:a.cn("Bear-Modal__close",e.MODAL_CLOSE_CLASSES),"aria-label":"Close modal",children:o.jsx(g.CloseIcon,{className:"bear-w-5 bear-h-5"})})]}),o.jsx("div",{className:a.cn("Bear-Modal__body",e.MODAL_BODY_CLASSES),children:L}),u&&o.jsx("div",{className:a.cn("Bear-Modal__footer",e.MODAL_FOOTER_CLASSES),children:u})]})]});return x.createPortal(I,document.body)};exports.Modal=R;

package/dist/components/Modal/Modal.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={sm:"bear-max-w-sm",md:"bear-max-w-md",lg:"bear-max-w-lg",xl:"bear-max-w-xl",full:"bear-max-w-full bear-mx-4"},e="bear-relative bear-w-full bear-max-h-[calc(100vh-2rem)] bear-overflow-y-auto 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 bear-animate-in bear-fade-in bear-zoom-in-95",a="bear-flex bear-items-center bear-justify-between bear-px-6 bear-py-4 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700",b="bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white",t="bear-p-1 bear-rounded-lg bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-white hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors",S="bear-px-6 bear-py-4 bear-text-gray-600 dark:bear-text-gray-300",o="bear-flex bear-items-center bear-justify-end bear-gap-3 bear-px-6 bear-py-4 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700";exports.MODAL_BODY_CLASSES=S;exports.MODAL_CLOSE_CLASSES=t;exports.MODAL_CONTAINER_CLASSES=e;exports.MODAL_FOOTER_CLASSES=o;exports.MODAL_HEADER_CLASSES=a;exports.MODAL_SIZE_CLASSES=r;exports.MODAL_TITLE_CLASSES=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=11e3,r=1,a="Bear-Modal bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-p-4",b={sm:"bear-max-w-sm",md:"bear-max-w-md",lg:"bear-max-w-lg",xl:"bear-max-w-xl",full:"bear-max-w-full bear-mx-4"},t="bear-relative bear-w-full bear-max-h-[calc(100vh-2rem)] bear-overflow-y-auto 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 bear-animate-in bear-fade-in bear-zoom-in-95",S="bear-flex bear-items-center bear-justify-between bear-px-6 bear-py-4 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700",o="bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white",A="bear-p-1 bear-rounded-lg bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-white hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors",L="bear-px-6 bear-py-4 bear-text-gray-600 dark:bear-text-gray-300",_="bear-flex bear-items-center bear-justify-end bear-gap-3 bear-px-6 bear-py-4 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700";exports.MODAL_BODY_CLASSES=L;exports.MODAL_CLOSE_CLASSES=A;exports.MODAL_CONTAINER_CLASSES=t;exports.MODAL_FOOTER_CLASSES=_;exports.MODAL_HEADER_CLASSES=S;exports.MODAL_PANEL_Z_INDEX=r;exports.MODAL_ROOT_CLASSES=a;exports.MODAL_SIZE_CLASSES=b;exports.MODAL_TITLE_CLASSES=o;exports.MODAL_Z_INDEX=e;

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

@@ -1,5 +1,7 @@
 import { ModalSize } from './Modal.types';
-export declare const MODAL_Z_INDEX = 50;
+export declare const MODAL_Z_INDEX = 11000;
+export declare const MODAL_PANEL_Z_INDEX = 1;
+export declare const MODAL_ROOT_CLASSES = "Bear-Modal bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-p-4";
 export declare const MODAL_SIZE_CLASSES: Record<ModalSize, string>;
 export declare const MODAL_BACKDROP_CLASSES = "bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm bear-transition-opacity";
 export declare const MODAL_CONTAINER_CLASSES = "bear-relative bear-w-full bear-max-h-[calc(100vh-2rem)] bear-overflow-y-auto 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 bear-animate-in bear-fade-in bear-zoom-in-95";

package/dist/components/Modal/Modal.const.js

@@ -1,16 +1,19 @@
-const r = {
+const e = 11e3, r = 1, a = "Bear-Modal bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-p-4", b = {
   sm: "bear-max-w-sm",
   md: "bear-max-w-md",
   lg: "bear-max-w-lg",
   xl: "bear-max-w-xl",
   full: "bear-max-w-full bear-mx-4"
-}, e = "bear-relative bear-w-full bear-max-h-[calc(100vh-2rem)] bear-overflow-y-auto 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 bear-animate-in bear-fade-in bear-zoom-in-95", a = "bear-flex bear-items-center bear-justify-between bear-px-6 bear-py-4 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700", b = "bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white", t = "bear-p-1 bear-rounded-lg bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-white hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors", o = "bear-px-6 bear-py-4 bear-text-gray-600 dark:bear-text-gray-300", n = "bear-flex bear-items-center bear-justify-end bear-gap-3 bear-px-6 bear-py-4 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700";
+}, t = "bear-relative bear-w-full bear-max-h-[calc(100vh-2rem)] bear-overflow-y-auto 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 bear-animate-in bear-fade-in bear-zoom-in-95", o = "bear-flex bear-items-center bear-justify-between bear-px-6 bear-py-4 bear-border-b bear-border-gray-200 dark:bear-border-zinc-700", n = "bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white", d = "bear-p-1 bear-rounded-lg bear-text-gray-400 dark:bear-text-zinc-500 hover:bear-text-gray-600 dark:hover:bear-text-white hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-transition-colors", x = "bear-px-6 bear-py-4 bear-text-gray-600 dark:bear-text-gray-300", i = "bear-flex bear-items-center bear-justify-end bear-gap-3 bear-px-6 bear-py-4 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700";
 export {
-  o as MODAL_BODY_CLASSES,
-  t as MODAL_CLOSE_CLASSES,
-  e as MODAL_CONTAINER_CLASSES,
-  n as MODAL_FOOTER_CLASSES,
-  a as MODAL_HEADER_CLASSES,
-  r as MODAL_SIZE_CLASSES,
-  b as MODAL_TITLE_CLASSES
+  x as MODAL_BODY_CLASSES,
+  d as MODAL_CLOSE_CLASSES,
+  t as MODAL_CONTAINER_CLASSES,
+  i as MODAL_FOOTER_CLASSES,
+  o as MODAL_HEADER_CLASSES,
+  r as MODAL_PANEL_Z_INDEX,
+  a as MODAL_ROOT_CLASSES,
+  b as MODAL_SIZE_CLASSES,
+  n as MODAL_TITLE_CLASSES,
+  e as MODAL_Z_INDEX
 };