@forgedevstack/bear 1.3.4 → 1.3.5

package/dist/components/Chart/RadarChart.js

@@ -1,103 +1,104 @@
-import { jsx as s, jsxs as y } from "react/jsx-runtime";
-import { ZERO as m, ONE as f } from "../../constants/numbers.const.js";
-import { cn as A } from "../../utils/cn.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { ZERO as m, ONE as y } from "../../constants/numbers.const.js";
+import { cn as f } from "../../utils/cn.js";
 import "react";
-import { resolveBearId as O } from "../../utils/generateBearId.utils.js";
-import { useBearId as $ } from "../../utils/useBearId.js";
-import { CHART as a } from "./Chart.const.js";
-import { polarToCartesian as i, getChartColor as R } from "./Chart.utils.js";
-const P = (g) => {
+import { resolveBearId as $ } from "../../utils/generateBearId.utils.js";
+import { useBearId as F } from "../../utils/useBearId.js";
+import { CHART as e } from "./Chart.const.js";
+import { polarToCartesian as i, chartMotionClass as G, getChartColor as A } from "./Chart.utils.js";
+const X = (g) => {
   const {
-    data: l,
-    height: x = a.DEFAULT_HEIGHT,
-    showLabels: S = !0,
-    showValues: C = !1,
+    data: s,
+    height: x = e.DEFAULT_HEIGHT,
+    showLabels: C = !0,
+    showValues: S = !1,
     animated: I = !0,
+    motion: N,
     color: c,
     className: h,
-    id: N,
-    testId: E,
-    ...p
-  } = g, U = $("RadarChart"), T = O(N, U), d = l.length, _ = { "--Bear-Chart-height": `${x}px` };
+    id: U,
+    testId: R,
+    ...E
+  } = g, B = F("RadarChart"), p = $(U, B), d = s.length, T = { "--Bear-Chart-height": `${x}px` };
   if (d === m)
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ l(
       "div",
       {
-        id: T,
-        "data-testid": E,
-        className: A("Bear-Chart Bear-Chart--radar Bear-Chart--empty", h),
-        style: _,
-        ...p
+        id: p,
+        "data-testid": R,
+        className: f("Bear-Chart Bear-Chart--radar Bear-Chart--empty", h),
+        style: T,
+        ...E
       }
     );
-  const B = Math.max(...l.map((e) => e.value), f), n = a.FULL_SWEEP / d, u = l.map((e, r) => {
-    const t = a.DEFAULT_START_ANGLE + r * n, o = e.value / B * a.OUTER_RADIUS;
+  const D = Math.max(...s.map((a) => a.value), y), n = e.FULL_SWEEP / d, _ = s.map((a, r) => {
+    const t = e.DEFAULT_START_ANGLE + r * n, o = a.value / D * e.OUTER_RADIUS;
     return i(t, o);
-  }), D = u.map((e) => `${e.x},${e.y}`).join(" "), L = Array.from({ length: a.RADAR_RINGS }, (e, r) => {
-    const t = (r + f) / a.RADAR_RINGS * a.OUTER_RADIUS;
-    return Array.from({ length: d }, (o, b) => {
-      const v = a.DEFAULT_START_ANGLE + b * n;
-      return i(v, t);
+  }), L = _.map((a) => `${a.x},${a.y}`).join(" "), b = Array.from({ length: e.RADAR_RINGS }, (a, r) => {
+    const t = (r + y) / e.RADAR_RINGS * e.OUTER_RADIUS;
+    return Array.from({ length: d }, (o, v) => {
+      const O = e.DEFAULT_START_ANGLE + v * n;
+      return i(O, t);
     });
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "div",
     {
-      id: T,
-      "data-testid": E,
-      className: A("Bear-Chart Bear-Chart--radar", h),
-      style: _,
-      ...p,
-      children: /* @__PURE__ */ y("svg", { viewBox: `0 0 ${a.VIEWBOX} ${a.VIEWBOX}`, className: "Bear-Chart__svg", children: [
-        L.map((e, r) => /* @__PURE__ */ s(
+      id: p,
+      "data-testid": R,
+      className: f("Bear-Chart Bear-Chart--radar", h),
+      style: T,
+      ...E,
+      children: /* @__PURE__ */ u("svg", { viewBox: `0 0 ${e.VIEWBOX} ${e.VIEWBOX}`, className: "Bear-Chart__svg", children: [
+        b.map((a, r) => /* @__PURE__ */ l(
           "polygon",
           {
-            points: e.map((t) => `${t.x},${t.y}`).join(" "),
+            points: a.map((t) => `${t.x},${t.y}`).join(" "),
             fill: "none",
             stroke: "var(--bear-border-default, #e5e5e5)",
             strokeWidth: 0.4
           },
           r
         )),
-        l.map((e, r) => {
-          const t = a.DEFAULT_START_ANGLE + r * n, o = i(t, a.OUTER_RADIUS);
-          return /* @__PURE__ */ s(
+        s.map((a, r) => {
+          const t = e.DEFAULT_START_ANGLE + r * n, o = i(t, e.OUTER_RADIUS);
+          return /* @__PURE__ */ l(
             "line",
             {
-              x1: a.CENTER,
-              y1: a.CENTER,
+              x1: e.CENTER,
+              y1: e.CENTER,
               x2: o.x,
               y2: o.y,
               stroke: "var(--bear-border-default, #e5e5e5)",
               strokeWidth: 0.4
             },
-            e.label
+            a.label
           );
         }),
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ l(
           "polygon",
           {
-            points: D,
-            fill: R(m, c),
+            points: L,
+            fill: A(m, c),
             fillOpacity: 0.25,
-            stroke: R(m, c),
+            stroke: A(m, c),
             strokeWidth: 0.8,
-            className: A(I && "animate-scale-in")
+            className: G(I, N, "animate-scale-in")
           }
         ),
-        u.map((e, r) => /* @__PURE__ */ s(
+        _.map((a, r) => /* @__PURE__ */ l(
           "circle",
           {
-            cx: e.x,
-            cy: e.y,
-            r: a.DOT_RADIUS,
-            fill: R(r, l[r].color || c)
+            cx: a.x,
+            cy: a.y,
+            r: e.DOT_RADIUS,
+            fill: A(r, s[r].color || c)
           },
-          l[r].label
+          s[r].label
         )),
-        S && l.map((e, r) => {
-          const t = a.DEFAULT_START_ANGLE + r * n, o = i(t, a.OUTER_RADIUS + a.RADAR_LABEL_OFFSET);
-          return /* @__PURE__ */ y(
+        C && s.map((a, r) => {
+          const t = e.DEFAULT_START_ANGLE + r * n, o = i(t, e.OUTER_RADIUS + e.RADAR_LABEL_OFFSET);
+          return /* @__PURE__ */ u(
             "text",
             {
               x: o.x,
@@ -107,11 +108,11 @@ const P = (g) => {
               className: "bear-fill-[var(--bear-text-secondary)]",
               fontSize: 4,
               children: [
-                e.label,
-                C ? ` ${e.value}` : ""
+                a.label,
+                S ? ` ${a.value}` : ""
               ]
             },
-            `${e.label}-label`
+            `${a.label}-label`
           );
         })
       ] })
@@ -119,5 +120,5 @@ const P = (g) => {
   );
 };
 export {
-  P as RadarChart
+  X as RadarChart
 };

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

@@ -4,4 +4,4 @@ export { LineChart } from './LineChart';
 export { PieChart } from './PieChart';
 export { RadarChart } from './RadarChart';
 export { FunnelChart } from './FunnelChart';
-export type { ChartProps, BarChartProps, LineChartProps, PieChartProps, RadarChartProps, FunnelChartProps, ChartDataPoint, ChartType, PieView, ChartLegendPosition, } from './Chart.types';
+export type { ChartProps, BarChartProps, LineChartProps, PieChartProps, RadarChartProps, FunnelChartProps, ChartDataPoint, ChartType, ChartMotion, PieView, ChartLegendPosition, } from './Chart.types';

package/dist/components/HoverCard/HoverCard.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={scale:"animate-scale-in",fade:"animate-fade-in","slide-down":"animate-grow-up",fold:"animate-alert-dialog-in",none:""};exports.HOVER_CARD_EFFECT_CLASS_MAP=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../OverlayPortal/OverlayPortal.const.cjs"),e=_.OVERLAY_EFFECT_CLASS_MAP;exports.HOVER_CARD_EFFECT_CLASS_MAP=e;

package/dist/components/HoverCard/HoverCard.const.js

@@ -1,10 +1,5 @@
-const a = {
-  scale: "animate-scale-in",
-  fade: "animate-fade-in",
-  "slide-down": "animate-grow-up",
-  fold: "animate-alert-dialog-in",
-  none: ""
-};
+import { OVERLAY_EFFECT_CLASS_MAP as _ } from "../OverlayPortal/OverlayPortal.const.js";
+const E = _;
 export {
-  a as HOVER_CARD_EFFECT_CLASS_MAP
+  E as HOVER_CARD_EFFECT_CLASS_MAP
 };

package/dist/components/Menu/Menu.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/numbers.const.cjs"),n=e.TWELVE_THOUSAND,a={scale:"animate-scale-in",fade:"animate-fade-in","slide-down":"animate-grow-up",fold:"animate-alert-dialog-in",none:""};exports.MENU_EFFECT_CLASS_MAP=a;exports.MENU_Z_INDEX=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../../constants/numbers.const.cjs"),E=require("../OverlayPortal/OverlayPortal.const.cjs"),e=_.TWELVE_THOUSAND,t=E.OVERLAY_EFFECT_CLASS_MAP;exports.MENU_EFFECT_CLASS_MAP=t;exports.MENU_Z_INDEX=e;

package/dist/components/Menu/Menu.const.js

@@ -1,12 +1,7 @@
-import { TWELVE_THOUSAND as a } from "../../constants/numbers.const.js";
-const n = a, i = {
-  scale: "animate-scale-in",
-  fade: "animate-fade-in",
-  "slide-down": "animate-grow-up",
-  fold: "animate-alert-dialog-in",
-  none: ""
-};
+import { TWELVE_THOUSAND as E } from "../../constants/numbers.const.js";
+import { OVERLAY_EFFECT_CLASS_MAP as _ } from "../OverlayPortal/OverlayPortal.const.js";
+const r = E, t = _;
 export {
-  i as MENU_EFFECT_CLASS_MAP,
-  n as MENU_Z_INDEX
+  t as MENU_EFFECT_CLASS_MAP,
+  r as MENU_Z_INDEX
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/numbers.const.cjs"),r=e.ELEVEN_THOUSAND,a=e.ONE,b="Bear-Modal bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-p-4",t={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"},S="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",n="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",_="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",A="bear-px-6 bear-py-4 bear-text-gray-600 dark:bear-text-gray-300",L="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",E={scale:"animate-scale-in",fade:"animate-fade-in","slide-down":"animate-grow-up",fold:"animate-alert-dialog-in",none:""};exports.MODAL_BODY_CLASSES=A;exports.MODAL_CLOSE_CLASSES=_;exports.MODAL_CONTAINER_CLASSES=S;exports.MODAL_EFFECT_CLASS_MAP=E;exports.MODAL_FOOTER_CLASSES=L;exports.MODAL_HEADER_CLASSES=n;exports.MODAL_PANEL_Z_INDEX=a;exports.MODAL_ROOT_CLASSES=b;exports.MODAL_SIZE_CLASSES=t;exports.MODAL_TITLE_CLASSES=o;exports.MODAL_Z_INDEX=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../constants/numbers.const.cjs"),r=require("../OverlayPortal/OverlayPortal.const.cjs"),a=e.ELEVEN_THOUSAND,b=e.ONE,t="Bear-Modal bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-p-4",S={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"},_="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",o="bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white",L="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",E="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",O=r.OVERLAY_EFFECT_CLASS_MAP;exports.MODAL_BODY_CLASSES=E;exports.MODAL_CLOSE_CLASSES=L;exports.MODAL_CONTAINER_CLASSES=_;exports.MODAL_EFFECT_CLASS_MAP=O;exports.MODAL_FOOTER_CLASSES=n;exports.MODAL_HEADER_CLASSES=A;exports.MODAL_PANEL_Z_INDEX=b;exports.MODAL_ROOT_CLASSES=t;exports.MODAL_SIZE_CLASSES=S;exports.MODAL_TITLE_CLASSES=o;exports.MODAL_Z_INDEX=a;

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

@@ -1,27 +1,22 @@
-import { ELEVEN_THOUSAND as e, ONE as r } from "../../constants/numbers.const.js";
-const b = e, t = r, o = "Bear-Modal bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-p-4", n = {
+import { ELEVEN_THOUSAND as r, ONE as e } from "../../constants/numbers.const.js";
+import { OVERLAY_EFFECT_CLASS_MAP as a } from "../OverlayPortal/OverlayPortal.const.js";
+const o = r, n = e, S = "Bear-Modal bear-fixed bear-inset-0 bear-flex bear-items-center bear-justify-center bear-p-4", d = {
   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"
-}, i = "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", d = "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", l = "bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white", s = "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", x = "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", c = {
-  scale: "animate-scale-in",
-  fade: "animate-fade-in",
-  "slide-down": "animate-grow-up",
-  fold: "animate-alert-dialog-in",
-  none: ""
-};
+}, i = "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", x = "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", A = "bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white", _ = "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", E = "bear-px-6 bear-py-4 bear-text-gray-600 dark:bear-text-gray-300", s = "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", L = a;
 export {
-  S as MODAL_BODY_CLASSES,
-  s as MODAL_CLOSE_CLASSES,
+  E as MODAL_BODY_CLASSES,
+  _ as MODAL_CLOSE_CLASSES,
   i as MODAL_CONTAINER_CLASSES,
-  c as MODAL_EFFECT_CLASS_MAP,
-  x as MODAL_FOOTER_CLASSES,
-  d as MODAL_HEADER_CLASSES,
-  t as MODAL_PANEL_Z_INDEX,
-  o as MODAL_ROOT_CLASSES,
-  n as MODAL_SIZE_CLASSES,
-  l as MODAL_TITLE_CLASSES,
-  b as MODAL_Z_INDEX
+  L as MODAL_EFFECT_CLASS_MAP,
+  s as MODAL_FOOTER_CLASSES,
+  x as MODAL_HEADER_CLASSES,
+  n as MODAL_PANEL_Z_INDEX,
+  S as MODAL_ROOT_CLASSES,
+  d as MODAL_SIZE_CLASSES,
+  A as MODAL_TITLE_CLASSES,
+  o as MODAL_Z_INDEX
 };

package/dist/components/ModalsProvider/components/StackedModal/StackedModal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),C=require("../../../Box/Box.cjs"),S=require("../../../Button/Button.cjs"),p=require("../../../Flex/Flex.cjs"),a=require("../../../Modal/Modal.cjs"),M=require("../../../Typography/Typography.cjs"),e=require("../../ModalsProvider.const.cjs"),t=require("../../ModalsProvider.utils.cjs"),T=A=>{const{entry:o,index:i,isTop:c,loading:r,labels:l,onDismiss:n,onConfirm:d}=A,_=c?o.options.closeOnBackdrop??e.MODALS_DEFAULT_CLOSE_ON_BACKDROP:e.MODALS_STACKED_LAYER_CAN_CLOSE,O=c?o.options.closeOnEscape??e.MODALS_DEFAULT_CLOSE_ON_ESCAPE:e.MODALS_STACKED_LAYER_CAN_CLOSE;if(t.isConfirmEntry(o)){const L=o.options.confirmText??l.confirm,D=o.options.cancelText??l.cancel,E=o.options.confirmVariant??e.MODALS_DEFAULT_CONFIRM_VARIANT;return s.jsx(a.Modal,{isOpen:e.MODALS_ALWAYS_OPEN,id:o.id,testId:o.options.testId,title:o.options.title,size:e.MODALS_DEFAULT_SIZE,className:o.options.className,showCloseButton:e.MODALS_DEFAULT_SHOW_CLOSE,closeOnBackdrop:_,closeOnEscape:O,lockBodyScroll:e.MODALS_NESTED_LOCK_BODY_SCROLL,zIndex:t.resolveStackedZIndex(i),onClose:()=>n(o.id),footer:s.jsxs(p.Flex,{className:e.MODALS_CONFIRM_FOOTER_CLASS,justify:e.MODALS_FOOTER_JUSTIFY,gap:e.MODALS_FOOTER_GAP,children:[s.jsx(S.Button,{variant:e.MODALS_CANCEL_VARIANT,onClick:()=>n(o.id),disabled:r,children:D}),s.jsx(S.Button,{variant:E,onClick:()=>d(o.id),loading:r,children:L})]}),children:o.options.description?s.jsx(M.Typography,{variant:e.MODALS_DESCRIPTION_VARIANT,className:e.MODALS_CONFIRM_BODY_CLASS,children:o.options.description}):null})}return s.jsx(a.Modal,{isOpen:e.MODALS_ALWAYS_OPEN,id:o.id,testId:o.options.testId,title:o.options.title,size:o.options.size??e.MODALS_DEFAULT_SIZE,footer:o.options.footer,className:o.options.className,showCloseButton:o.options.showCloseButton??e.MODALS_DEFAULT_SHOW_CLOSE,closeOnBackdrop:_,closeOnEscape:O,lockBodyScroll:e.MODALS_NESTED_LOCK_BODY_SCROLL,zIndex:t.resolveStackedZIndex(i),onClose:()=>n(o.id),children:s.jsx(C.Box,{className:e.MODALS_STACK_ITEM_CLASS,children:o.options.children})})};exports.StackedModal=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),C=require("../../../Box/Box.cjs"),S=require("../../../Button/Button.cjs"),p=require("../../../Flex/Flex.cjs"),a=require("../../../Modal/Modal.cjs");require("react");const M=require("../../../Typography/Typography.cjs"),e=require("../../ModalsProvider.const.cjs"),t=require("../../ModalsProvider.utils.cjs"),T=A=>{const{entry:o,index:i,isTop:r,loading:c,labels:l,onDismiss:n,onConfirm:d}=A,_=r?o.options.closeOnBackdrop??e.MODALS_DEFAULT_CLOSE_ON_BACKDROP:e.MODALS_STACKED_LAYER_CAN_CLOSE,O=r?o.options.closeOnEscape??e.MODALS_DEFAULT_CLOSE_ON_ESCAPE:e.MODALS_STACKED_LAYER_CAN_CLOSE;if(t.isConfirmEntry(o)){const L=o.options.confirmText??l.confirm,D=o.options.cancelText??l.cancel,E=o.options.confirmVariant??e.MODALS_DEFAULT_CONFIRM_VARIANT;return s.jsx(a.Modal,{isOpen:e.MODALS_ALWAYS_OPEN,id:o.id,testId:o.options.testId,title:o.options.title,size:e.MODALS_DEFAULT_SIZE,className:o.options.className,showCloseButton:e.MODALS_DEFAULT_SHOW_CLOSE,closeOnBackdrop:_,closeOnEscape:O,lockBodyScroll:e.MODALS_NESTED_LOCK_BODY_SCROLL,zIndex:t.resolveStackedZIndex(i),onClose:()=>n(o.id),footer:s.jsxs(p.Flex,{className:e.MODALS_CONFIRM_FOOTER_CLASS,justify:e.MODALS_FOOTER_JUSTIFY,gap:e.MODALS_FOOTER_GAP,children:[s.jsx(S.Button,{variant:e.MODALS_CANCEL_VARIANT,onClick:()=>n(o.id),disabled:c,children:D}),s.jsx(S.Button,{variant:E,onClick:()=>d(o.id),loading:c,children:L})]}),children:o.options.description?s.jsx(M.Typography,{variant:e.MODALS_DESCRIPTION_VARIANT,className:e.MODALS_CONFIRM_BODY_CLASS,children:o.options.description}):null})}return s.jsx(a.Modal,{isOpen:e.MODALS_ALWAYS_OPEN,id:o.id,testId:o.options.testId,title:o.options.title,size:o.options.size??e.MODALS_DEFAULT_SIZE,footer:o.options.footer,className:o.options.className,showCloseButton:o.options.showCloseButton??e.MODALS_DEFAULT_SHOW_CLOSE,closeOnBackdrop:_,closeOnEscape:O,lockBodyScroll:e.MODALS_NESTED_LOCK_BODY_SCROLL,zIndex:t.resolveStackedZIndex(i),onClose:()=>n(o.id),children:s.jsx(C.Box,{className:e.MODALS_STACK_ITEM_CLASS,children:o.options.children})})};exports.StackedModal=T;

package/dist/components/ModalsProvider/components/StackedModal/StackedModal.js

@@ -3,10 +3,11 @@ import { Box as f } from "../../../Box/Box.js";
 import { Button as O } from "../../../Button/Button.js";
 import { Flex as N } from "../../../Flex/Flex.js";
 import { Modal as _ } from "../../../Modal/Modal.js";
+import "react";
 import { Typography as I } from "../../../Typography/Typography.js";
-import { MODALS_DEFAULT_CLOSE_ON_BACKDROP as F, MODALS_STACKED_LAYER_CAN_CLOSE as a, MODALS_DEFAULT_CLOSE_ON_ESCAPE as R, MODALS_DEFAULT_CONFIRM_VARIANT as h, MODALS_NESTED_LOCK_BODY_SCROLL as A, MODALS_DEFAULT_SHOW_CLOSE as S, MODALS_DEFAULT_SIZE as p, MODALS_ALWAYS_OPEN as d, MODALS_CONFIRM_BODY_CLASS as B, MODALS_DESCRIPTION_VARIANT as x, MODALS_FOOTER_GAP as k, MODALS_FOOTER_JUSTIFY as u, MODALS_CONFIRM_FOOTER_CLASS as y, MODALS_CANCEL_VARIANT as U, MODALS_STACK_ITEM_CLASS as z } from "../../ModalsProvider.const.js";
+import { MODALS_DEFAULT_CLOSE_ON_BACKDROP as F, MODALS_STACKED_LAYER_CAN_CLOSE as a, MODALS_DEFAULT_CLOSE_ON_ESCAPE as R, MODALS_DEFAULT_CONFIRM_VARIANT as h, MODALS_NESTED_LOCK_BODY_SCROLL as p, MODALS_DEFAULT_SHOW_CLOSE as A, MODALS_DEFAULT_SIZE as S, MODALS_ALWAYS_OPEN as d, MODALS_CONFIRM_BODY_CLASS as B, MODALS_DESCRIPTION_VARIANT as x, MODALS_FOOTER_GAP as k, MODALS_FOOTER_JUSTIFY as u, MODALS_CONFIRM_FOOTER_CLASS as y, MODALS_CANCEL_VARIANT as U, MODALS_STACK_ITEM_CLASS as z } from "../../ModalsProvider.const.js";
 import { isConfirmEntry as P, resolveStackedZIndex as L } from "../../ModalsProvider.utils.js";
-const W = (m) => {
+const Z = (m) => {
   const { entry: o, index: n, isTop: s, loading: e, labels: r, onDismiss: t, onConfirm: C } = m, c = s ? o.options.closeOnBackdrop ?? F : a, l = s ? o.options.closeOnEscape ?? R : a;
   if (P(o)) {
     const D = o.options.confirmText ?? r.confirm, E = o.options.cancelText ?? r.cancel, M = o.options.confirmVariant ?? h;
@@ -17,12 +18,12 @@ const W = (m) => {
         id: o.id,
         testId: o.options.testId,
         title: o.options.title,
-        size: p,
+        size: S,
         className: o.options.className,
-        showCloseButton: S,
+        showCloseButton: A,
         closeOnBackdrop: c,
         closeOnEscape: l,
-        lockBodyScroll: A,
+        lockBodyScroll: p,
         zIndex: L(n),
         onClose: () => t(o.id),
         footer: /* @__PURE__ */ T(N, { className: y, justify: u, gap: k, children: [
@@ -48,13 +49,13 @@ const W = (m) => {
       id: o.id,
       testId: o.options.testId,
       title: o.options.title,
-      size: o.options.size ?? p,
+      size: o.options.size ?? S,
       footer: o.options.footer,
       className: o.options.className,
-      showCloseButton: o.options.showCloseButton ?? S,
+      showCloseButton: o.options.showCloseButton ?? A,
       closeOnBackdrop: c,
       closeOnEscape: l,
-      lockBodyScroll: A,
+      lockBodyScroll: p,
       zIndex: L(n),
       onClose: () => t(o.id),
       children: /* @__PURE__ */ i(f, { className: z, children: o.options.children })
@@ -62,5 +63,5 @@ const W = (m) => {
   );
 };
 export {
-  W as StackedModal
+  Z as StackedModal
 };

package/dist/components/OverlayPortal/OverlayPortal.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),V=require("react"),v=require("../../constants/numbers.const.cjs"),o=require("../../constants/generals.const.cjs"),e=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),Y=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs"),y=require("../Portal/Portal.cjs"),C=require("../Transition/Transition.cjs"),h=require("../Transition/Transition.const.cjs"),O=require("./OverlayPortal.const.cjs"),q=c=>{const{open:t,ready:F,style:u,zIndex:A,className:T,testId:L,attributes:d,panelRef:R,children:_}=c,{openEffect:n,closeEffect:E}=Y.resolveOverlayEffects(c,e.OVERLAY_OPEN_EFFECT_NONE),[s,r]=V.useState(o.BOOLEAN_FALSE),N=n!==e.OVERLAY_OPEN_EFFECT_NONE||E!==e.OVERLAY_OPEN_EFFECT_NONE;if(t&&F&&!s&&r(o.BOOLEAN_TRUE),!t&&s&&!N&&r(o.BOOLEAN_FALSE),!s)return null;const a=t?n:E,l=(a===e.OVERLAY_OPEN_EFFECT_NONE?void 0:O.OVERLAY_EFFECT_TRANSITION[a])??(n===e.OVERLAY_OPEN_EFFECT_NONE?void 0:O.OVERLAY_EFFECT_TRANSITION[n])??(E===e.OVERLAY_OPEN_EFFECT_NONE?void 0:O.OVERLAY_EFFECT_TRANSITION[E]),f=t&&n===e.OVERLAY_OPEN_EFFECT_NONE||!t&&E===e.OVERLAY_OPEN_EFFECT_NONE,P={...u,zIndex:A,visibility:e.VISIBILITY_VISIBLE},I=()=>{t||r(o.BOOLEAN_FALSE)},S=i.jsx("div",{ref:R,className:T,style:P,"data-testid":L,...d,children:N&&l?i.jsx(C.Transition,{show:t,name:l,duration:f?v.ZERO:h.DEFAULT_DURATION,onLeft:I,children:_}):_});return i.jsx(y.Portal,{children:S})};exports.OverlayPortal=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),v=require("react"),y=require("../../constants/numbers.const.cjs"),i=require("../../constants/generals.const.cjs"),q=require("../../utils/cn.cjs"),e=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),h=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs"),p=require("../Portal/Portal.cjs"),x=require("../Transition/Transition.cjs"),R=require("../Transition/Transition.const.cjs"),E=require("./OverlayPortal.const.cjs"),D=c=>{const{open:t,ready:d,style:S,zIndex:P,className:O,testId:N,attributes:A,panelRef:l,children:L}=c,{openEffect:s,closeEffect:o}=h.resolveOverlayEffects(c,e.OVERLAY_OPEN_EFFECT_DEFAULT),[r,_]=v.useState(i.BOOLEAN_FALSE),F=s!==e.OVERLAY_OPEN_EFFECT_NONE||o!==e.OVERLAY_OPEN_EFFECT_NONE;if(t&&d&&!r&&_(i.BOOLEAN_TRUE),!t&&r&&!F&&_(i.BOOLEAN_FALSE),!r)return null;const n=t?s:o,u=(n===e.OVERLAY_OPEN_EFFECT_NONE?void 0:E.OVERLAY_EFFECT_TRANSITION[n])??(s===e.OVERLAY_OPEN_EFFECT_NONE?void 0:E.OVERLAY_EFFECT_TRANSITION[s])??(o===e.OVERLAY_OPEN_EFFECT_NONE?void 0:E.OVERLAY_EFFECT_TRANSITION[o]),f=t&&s===e.OVERLAY_OPEN_EFFECT_NONE||!t&&o===e.OVERLAY_OPEN_EFFECT_NONE,T={...S,zIndex:P,visibility:e.VISIBILITY_VISIBLE},I=()=>{t||_(i.BOOLEAN_FALSE)},V=q.cn(E.OVERLAY_PANEL_CLASS,n&&`${E.OVERLAY_PANEL_CLASS}--${n}`,O),Y=n==="expand"||n==="reveal"?E.OVERLAY_EXPAND_MS:R.DEFAULT_DURATION,C=n==="elastic"?E.OVERLAY_ELASTIC_EASING:R.DEFAULT_EASING,m=F&&u?a.jsx(x.Transition,{show:t,name:u,duration:f?y.ZERO:Y,easing:C,className:V,style:T,nodeRef:l,onLeft:I,elementProps:{...A,"data-testid":N},children:L}):a.jsx("div",{ref:l,className:O,style:T,"data-testid":N,...A,children:L});return a.jsx(p.Portal,{children:m})};exports.OverlayPortal=D;

package/dist/components/OverlayPortal/OverlayPortal.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const E=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),_={[E.OVERLAY_OPEN_EFFECT_FADE]:E.OVERLAY_OPEN_EFFECT_FADE,[E.OVERLAY_OPEN_EFFECT_SLIDE_DOWN]:E.OVERLAY_OPEN_EFFECT_SLIDE_DOWN,[E.OVERLAY_OPEN_EFFECT_SCALE]:E.OVERLAY_OPEN_EFFECT_SCALE,[E.OVERLAY_OPEN_EFFECT_FOLD]:E.OVERLAY_OPEN_EFFECT_FOLD};exports.OVERLAY_OPEN_EFFECT_NONE=E.OVERLAY_OPEN_EFFECT_NONE;exports.OVERLAY_EFFECT_TRANSITION=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const E=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.cjs"),_={[E.OVERLAY_OPEN_EFFECT_FADE]:E.OVERLAY_OPEN_EFFECT_FADE,[E.OVERLAY_OPEN_EFFECT_SLIDE_DOWN]:E.OVERLAY_OPEN_EFFECT_SLIDE_DOWN,[E.OVERLAY_OPEN_EFFECT_SCALE]:E.OVERLAY_OPEN_EFFECT_SCALE,[E.OVERLAY_OPEN_EFFECT_FOLD]:E.OVERLAY_OPEN_EFFECT_FOLD,[E.OVERLAY_OPEN_EFFECT_ELASTIC]:E.OVERLAY_OPEN_EFFECT_ELASTIC,[E.OVERLAY_OPEN_EFFECT_REVEAL]:E.OVERLAY_OPEN_EFFECT_REVEAL,[E.OVERLAY_OPEN_EFFECT_EXPAND]:E.OVERLAY_OPEN_EFFECT_EXPAND},A="cubic-bezier(0.34, 1.56, 0.64, 1)",O=375,F="Bear-Overlay",L={scale:"animate-scale-in",fade:"animate-fade-in","slide-down":"animate-grow-up",fold:"animate-alert-dialog-in",elastic:"animate-overlay-elastic",reveal:"animate-overlay-reveal",expand:"animate-overlay-expand",none:""};exports.OVERLAY_OPEN_EFFECT_NONE=E.OVERLAY_OPEN_EFFECT_NONE;exports.OVERLAY_EFFECT_CLASS_MAP=L;exports.OVERLAY_EFFECT_TRANSITION=_;exports.OVERLAY_ELASTIC_EASING=A;exports.OVERLAY_EXPAND_MS=O;exports.OVERLAY_PANEL_CLASS=F;

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

@@ -2,3 +2,7 @@ import { TransitionName } from '../Transition/Transition.types';
 import { OverlayOpenEffect, OVERLAY_OPEN_EFFECT_NONE } from '../../hooks/useFixedAnchorPosition';
 export { OVERLAY_OPEN_EFFECT_NONE };
 export declare const OVERLAY_EFFECT_TRANSITION: Record<Exclude<OverlayOpenEffect, typeof OVERLAY_OPEN_EFFECT_NONE>, TransitionName>;
+export declare const OVERLAY_ELASTIC_EASING = "cubic-bezier(0.34, 1.56, 0.64, 1)";
+export declare const OVERLAY_EXPAND_MS = 375;
+export declare const OVERLAY_PANEL_CLASS = "Bear-Overlay";
+export declare const OVERLAY_EFFECT_CLASS_MAP: Record<string, string>;

package/dist/components/OverlayPortal/OverlayPortal.const.js

@@ -1,13 +1,29 @@
 import "react";
-import { OVERLAY_OPEN_EFFECT_FOLD as E, OVERLAY_OPEN_EFFECT_SCALE as _, OVERLAY_OPEN_EFFECT_SLIDE_DOWN as O, OVERLAY_OPEN_EFFECT_FADE as F } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
-import { OVERLAY_OPEN_EFFECT_NONE as C } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
-const L = {
+import { OVERLAY_OPEN_EFFECT_EXPAND as E, OVERLAY_OPEN_EFFECT_REVEAL as _, OVERLAY_OPEN_EFFECT_ELASTIC as a, OVERLAY_OPEN_EFFECT_FOLD as e, OVERLAY_OPEN_EFFECT_SCALE as A, OVERLAY_OPEN_EFFECT_SLIDE_DOWN as O, OVERLAY_OPEN_EFFECT_FADE as F } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
+import { OVERLAY_OPEN_EFFECT_NONE as l } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
+const o = {
   [F]: F,
   [O]: O,
+  [A]: A,
+  [e]: e,
+  [a]: a,
   [_]: _,
   [E]: E
+}, t = "cubic-bezier(0.34, 1.56, 0.64, 1)", i = 375, N = "Bear-Overlay", r = {
+  scale: "animate-scale-in",
+  fade: "animate-fade-in",
+  "slide-down": "animate-grow-up",
+  fold: "animate-alert-dialog-in",
+  elastic: "animate-overlay-elastic",
+  reveal: "animate-overlay-reveal",
+  expand: "animate-overlay-expand",
+  none: ""
 };
 export {
-  L as OVERLAY_EFFECT_TRANSITION,
-  C as OVERLAY_OPEN_EFFECT_NONE
+  r as OVERLAY_EFFECT_CLASS_MAP,
+  o as OVERLAY_EFFECT_TRANSITION,
+  t as OVERLAY_ELASTIC_EASING,
+  i as OVERLAY_EXPAND_MS,
+  l as OVERLAY_OPEN_EFFECT_NONE,
+  N as OVERLAY_PANEL_CLASS
 };

package/dist/components/OverlayPortal/OverlayPortal.js

@@ -1,45 +1,51 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useState as _ } from "react";
-import { ZERO as A } from "../../constants/numbers.const.js";
-import { BOOLEAN_FALSE as a, BOOLEAN_TRUE as y } from "../../constants/generals.const.js";
-import { OVERLAY_OPEN_EFFECT_NONE as t, VISIBILITY_VISIBLE as S } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
-import { resolveOverlayEffects as F } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
-import { Portal as B } from "../Portal/Portal.js";
-import { Transition as V } from "../Transition/Transition.js";
-import { DEFAULT_DURATION as x } from "../Transition/Transition.const.js";
-import { OVERLAY_EFFECT_TRANSITION as f } from "./OverlayPortal.const.js";
-const g = (m) => {
+import { jsx as a } from "react/jsx-runtime";
+import { useState as y } from "react";
+import { ZERO as D } from "../../constants/numbers.const.js";
+import { BOOLEAN_FALSE as m, BOOLEAN_TRUE as V } from "../../constants/generals.const.js";
+import { cn as h } from "../../utils/cn.js";
+import { OVERLAY_OPEN_EFFECT_DEFAULT as P, VISIBILITY_VISIBLE as Y, OVERLAY_OPEN_EFFECT_NONE as e } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.const.js";
+import { resolveOverlayEffects as C } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
+import { Portal as U } from "../Portal/Portal.js";
+import { Transition as x } from "../Transition/Transition.js";
+import { DEFAULT_EASING as B, DEFAULT_DURATION as g } from "../Transition/Transition.const.js";
+import { OVERLAY_PANEL_CLASS as O, OVERLAY_ELASTIC_EASING as b, OVERLAY_EXPAND_MS as G, OVERLAY_EFFECT_TRANSITION as E } from "./OverlayPortal.const.js";
+const tt = (f) => {
   const {
-    open: o,
-    ready: p,
-    style: O,
-    zIndex: N,
-    className: I,
-    testId: L,
-    attributes: h,
-    panelRef: u,
-    children: l
-  } = m, { openEffect: e, closeEffect: r } = F(m, t), [n, i] = _(a), c = e !== t || r !== t;
-  if (o && p && !n && i(y), !o && n && !c && i(a), !n)
+    open: t,
+    ready: I,
+    style: R,
+    zIndex: S,
+    className: l,
+    testId: c,
+    attributes: d,
+    panelRef: A,
+    children: p
+  } = f, { openEffect: n, closeEffect: i } = C(f, P), [r, s] = y(m), L = n !== e || i !== e;
+  if (t && I && !r && s(V), !t && r && !L && s(m), !r)
     return null;
-  const d = o ? e : r, E = (d === t ? void 0 : f[d]) ?? (e === t ? void 0 : f[e]) ?? (r === t ? void 0 : f[r]), v = o && e === t || !o && r === t, R = {
-    ...O,
-    zIndex: N,
-    visibility: S
-  }, T = /* @__PURE__ */ s("div", { ref: u, className: I, style: R, "data-testid": L, ...h, children: c && E ? /* @__PURE__ */ s(
-    V,
+  const o = t ? n : i, N = (o === e ? void 0 : E[o]) ?? (n === e ? void 0 : E[n]) ?? (i === e ? void 0 : E[i]), T = t && n === e || !t && i === e, _ = {
+    ...R,
+    zIndex: S,
+    visibility: Y
+  }, u = () => {
+    t || s(m);
+  }, v = h(O, o && `${O}--${o}`, l), F = L && N ? /* @__PURE__ */ a(
+    x,
     {
-      show: o,
-      name: E,
-      duration: v ? A : x,
-      onLeft: () => {
-        o || i(a);
-      },
-      children: l
+      show: t,
+      name: N,
+      duration: T ? D : o === "expand" || o === "reveal" ? G : g,
+      easing: o === "elastic" ? b : B,
+      className: v,
+      style: _,
+      nodeRef: A,
+      onLeft: u,
+      elementProps: { ...d, "data-testid": c },
+      children: p
     }
-  ) : l });
-  return /* @__PURE__ */ s(B, { children: T });
+  ) : /* @__PURE__ */ a("div", { ref: A, className: l, style: _, "data-testid": c, ...d, children: p });
+  return /* @__PURE__ */ a(U, { children: F });
 };
 export {
-  g as OverlayPortal
+  tt as OverlayPortal
 };

package/dist/components/Popover/Popover.const.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../constants/numbers.const.cjs"),t=r.ELEVEN_THOUSAND,e=r.EIGHT,a={scale:"animate-scale-in",fade:"animate-fade-in","slide-down":"animate-grow-up",fold:"animate-alert-dialog-in",none:""},E="bottom",T="top",n="left",_="right",o="start",A="end",b="translateX(-50%)",R="translateX(-100%)",N="translateY(-50%)",s="translateY(-100%)",O={top:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-border-t-zinc-700 bear-border-x-transparent bear-border-b-transparent",bottom:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-border-b-zinc-700 bear-border-x-transparent bear-border-t-transparent",left:"bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-border-l-zinc-700 bear-border-y-transparent bear-border-r-transparent",right:"bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-border-r-zinc-700 bear-border-y-transparent bear-border-l-transparent"};exports.ALIGN_END=A;exports.ALIGN_START=o;exports.PLACEMENT_BOTTOM=E;exports.PLACEMENT_LEFT=n;exports.PLACEMENT_RIGHT=_;exports.PLACEMENT_TOP=T;exports.POPOVER_ARROW_STYLES=O;exports.POPOVER_DEFAULT_OFFSET=e;exports.POPOVER_EFFECT_CLASS_MAP=a;exports.POPOVER_Z_INDEX=t;exports.TRANSFORM_TRANSLATE_X_CENTER=b;exports.TRANSFORM_TRANSLATE_X_END=R;exports.TRANSFORM_TRANSLATE_Y_CENTER=N;exports.TRANSFORM_TRANSLATE_Y_END=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../constants/numbers.const.cjs"),t=require("../OverlayPortal/OverlayPortal.const.cjs"),e=r.ELEVEN_THOUSAND,E=r.EIGHT,T=t.OVERLAY_EFFECT_CLASS_MAP,a="bottom",_="top",n="left",A="right",o="start",R="end",b="translateX(-50%)",N="translateX(-100%)",s="translateY(-50%)",O="translateY(-100%)",S={top:"bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-border-t-zinc-700 bear-border-x-transparent bear-border-b-transparent",bottom:"bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-border-b-zinc-700 bear-border-x-transparent bear-border-t-transparent",left:"bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-border-l-zinc-700 bear-border-y-transparent bear-border-r-transparent",right:"bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-border-r-zinc-700 bear-border-y-transparent bear-border-l-transparent"};exports.ALIGN_END=R;exports.ALIGN_START=o;exports.PLACEMENT_BOTTOM=a;exports.PLACEMENT_LEFT=n;exports.PLACEMENT_RIGHT=A;exports.PLACEMENT_TOP=_;exports.POPOVER_ARROW_STYLES=S;exports.POPOVER_DEFAULT_OFFSET=E;exports.POPOVER_EFFECT_CLASS_MAP=T;exports.POPOVER_Z_INDEX=e;exports.TRANSFORM_TRANSLATE_X_CENTER=b;exports.TRANSFORM_TRANSLATE_X_END=N;exports.TRANSFORM_TRANSLATE_Y_CENTER=s;exports.TRANSFORM_TRANSLATE_Y_END=O;

package/dist/components/Popover/Popover.const.js

@@ -1,29 +1,24 @@
 import { EIGHT as r, ELEVEN_THOUSAND as t } from "../../constants/numbers.const.js";
-const e = t, n = r, o = {
-  scale: "animate-scale-in",
-  fade: "animate-fade-in",
-  "slide-down": "animate-grow-up",
-  fold: "animate-alert-dialog-in",
-  none: ""
-}, b = "bottom", s = "top", E = "left", T = "right", l = "start", _ = "end", A = "translateX(-50%)", N = "translateX(-100%)", R = "translateY(-50%)", c = "translateY(-100%)", d = {
+import { OVERLAY_EFFECT_CLASS_MAP as e } from "../OverlayPortal/OverlayPortal.const.js";
+const o = t, b = r, E = e, T = "bottom", s = "top", _ = "left", A = "right", l = "start", R = "end", N = "translateX(-50%)", O = "translateX(-100%)", c = "translateY(-50%)", L = "translateY(-100%)", S = {
   top: "bear-top-full bear-left-1/2 -bear-translate-x-1/2 bear-border-t-zinc-700 bear-border-x-transparent bear-border-b-transparent",
   bottom: "bear-bottom-full bear-left-1/2 -bear-translate-x-1/2 bear-border-b-zinc-700 bear-border-x-transparent bear-border-t-transparent",
   left: "bear-left-full bear-top-1/2 -bear-translate-y-1/2 bear-border-l-zinc-700 bear-border-y-transparent bear-border-r-transparent",
   right: "bear-right-full bear-top-1/2 -bear-translate-y-1/2 bear-border-r-zinc-700 bear-border-y-transparent bear-border-l-transparent"
 };
 export {
-  _ as ALIGN_END,
+  R as ALIGN_END,
   l as ALIGN_START,
-  b as PLACEMENT_BOTTOM,
-  E as PLACEMENT_LEFT,
-  T as PLACEMENT_RIGHT,
+  T as PLACEMENT_BOTTOM,
+  _ as PLACEMENT_LEFT,
+  A as PLACEMENT_RIGHT,
   s as PLACEMENT_TOP,
-  d as POPOVER_ARROW_STYLES,
-  n as POPOVER_DEFAULT_OFFSET,
-  o as POPOVER_EFFECT_CLASS_MAP,
-  e as POPOVER_Z_INDEX,
-  A as TRANSFORM_TRANSLATE_X_CENTER,
-  N as TRANSFORM_TRANSLATE_X_END,
-  R as TRANSFORM_TRANSLATE_Y_CENTER,
-  c as TRANSFORM_TRANSLATE_Y_END
+  S as POPOVER_ARROW_STYLES,
+  b as POPOVER_DEFAULT_OFFSET,
+  E as POPOVER_EFFECT_CLASS_MAP,
+  o as POPOVER_Z_INDEX,
+  N as TRANSFORM_TRANSLATE_X_CENTER,
+  O as TRANSFORM_TRANSLATE_X_END,
+  c as TRANSFORM_TRANSLATE_Y_CENTER,
+  L as TRANSFORM_TRANSLATE_Y_END
 };

package/dist/components/Tabs/TabList.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),C=require("../../utils/cn.cjs"),I=require("../../context/BearProvider.cjs"),z=require("../../utils/maxVisible.utils.cjs"),B=require("../Dropdown/Dropdown.cjs"),L=require("@forgedevstack/bear-icons"),N=require("./Tabs.cjs");function S(n){var l;return o.isValidElement(n)&&typeof n.type!="string"&&((l=n.props)==null?void 0:l.id)!=null}const _=({children:n,maxVisibleTabs:l,wrap:i=!1,className:q})=>{const f=o.useContext(N.TabsContext);if(!f)throw new Error("TabList must be used within Tabs");const v=I.useBearThemeOptional(),[x,E]=o.useState(()=>typeof window<"u"?window.innerWidth:1200);o.useEffect(()=>{const e=()=>E(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const a=o.useMemo(()=>z.resolveMaxVisible(l,{width:x,theme:v}),[l,x,v]),{activeTab:b,setActiveTab:M,variant:s}=f,w=o.Children.toArray(n).filter(S),c=w.map(e=>({id:e.props.id,label:e.props.children,disabled:e.props.disabled})),d=b?[b,...c.map(e=>e.id).filter(e=>e!==b)]:c.map(e=>e.id),h=a??d.length,k=d.slice(0,h),u=d.slice(h),p=u.includes(b),y=C.cn("Bear-Tabs__list",`Bear-Tabs__list--${s}`,a!=null&&!i&&"bear-flex bear-w-full bear-min-w-0 bear-items-stretch",(!a||i)&&"bear-flex bear-gap-1",i&&"bear-flex-wrap",!i&&!a&&"bear-gap-1",s==="line"&&"bear-border-b",s==="pills"&&"bear-p-1 bear-rounded-lg",s==="enclosed"&&"bear-border-b",q),g={...s==="line"||s==="enclosed"?{borderColor:"var(--bear-border-default)"}:{},...s==="pills"?{backgroundColor:"var(--bear-bg-tertiary)"}:{}},T=t.jsx(t.Fragment,{children:a!=null?k.map(e=>{const r=w.find(m=>m.props.id===e);return r?o.cloneElement(r,{key:r.props.id}):null}):n}),j=a!=null&&u.length>0?t.jsx("div",{className:"bear-flex bear-h-full bear-flex-shrink-0 bear-items-stretch",children:t.jsx(B.Dropdown,{placement:"bottom-end",closeOnSelect:!0,trigger:t.jsx("button",{type:"button",role:"tab","aria-haspopup":"listbox","aria-label":"More tabs",className:C.cn("bear-flex bear-h-full bear-items-center bear-gap-2 bear-px-3 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors bear-border-0 bear-cursor-pointer",s==="pills"&&"bear-rounded-md",p&&"bear-shadow-sm",!p&&"hover:bear-bg-[var(--bear-bg-tertiary)] hover:bear-text-[var(--bear-text-primary)]"),style:p?{backgroundColor:"var(--bear-bg-primary)",color:"var(--bear-text-primary)"}:{color:"var(--bear-text-muted)"},children:t.jsx(L.BearIcons.MoreHorizIcon,{size:18})}),items:u.map(e=>{const r=c.find(m=>m.id===e);return{key:e,label:(r==null?void 0:r.label)??e,disabled:r==null?void 0:r.disabled,onClick:()=>M(e)}})})}):null;return a!=null&&!i?t.jsxs("div",{role:"tablist",className:y,style:g,children:[t.jsx("div",{className:"bear-flex bear-min-w-0 bear-flex-1 bear-items-center bear-gap-1 bear-overflow-x-auto bear-overflow-y-visible bear-flex-nowrap",children:T}),j]}):t.jsxs("div",{role:"tablist",className:y,style:g,children:[T,j]})};exports.TabList=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),C=require("../../utils/cn.cjs"),I=require("../../context/BearProvider.cjs"),z=require("../../utils/maxVisible.utils.cjs"),B=require("../Dropdown/Dropdown.cjs"),L=require("@forgedevstack/bear-icons"),N=require("./Tabs.cjs");function S(n){var l;return o.isValidElement(n)&&typeof n.type!="string"&&((l=n.props)==null?void 0:l.id)!=null}const _=({children:n,maxVisibleTabs:l,wrap:i=!1,className:q})=>{const f=o.useContext(N.TabsContext);if(!f)throw new Error("TabList must be used within Tabs");const v=I.useBearThemeOptional(),[x,E]=o.useState(()=>typeof window<"u"?window.innerWidth:1200);o.useEffect(()=>{const e=()=>E(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const a=o.useMemo(()=>z.resolveMaxVisible(l,{width:x,theme:v}),[l,x,v]),{activeTab:b,setActiveTab:M,variant:s}=f,w=o.Children.toArray(n).filter(S),c=w.map(e=>({id:e.props.id,label:e.props.children,disabled:e.props.disabled})),d=b?[b,...c.map(e=>e.id).filter(e=>e!==b)]:c.map(e=>e.id),h=a??d.length,k=d.slice(0,h),u=d.slice(h),p=u.includes(b),y=C.cn("Bear-Tabs__list",`Bear-Tabs__list--${s}`,a!=null&&!i&&"bear-flex bear-w-full bear-min-w-0 bear-items-stretch",(!a||i)&&"bear-flex bear-gap-1",i?"bear-flex-wrap":"bear-max-w-full bear-overflow-x-auto",!i&&!a&&"bear-gap-1",s==="line"&&"bear-border-b",s==="pills"&&"bear-p-1 bear-rounded-lg",s==="enclosed"&&"bear-border-b",q),g={...s==="line"||s==="enclosed"?{borderColor:"var(--bear-border-default)"}:{},...s==="pills"?{backgroundColor:"var(--bear-bg-tertiary)"}:{}},T=t.jsx(t.Fragment,{children:a!=null?k.map(e=>{const r=w.find(m=>m.props.id===e);return r?o.cloneElement(r,{key:r.props.id}):null}):n}),j=a!=null&&u.length>0?t.jsx("div",{className:"bear-flex bear-h-full bear-flex-shrink-0 bear-items-stretch",children:t.jsx(B.Dropdown,{placement:"bottom-end",closeOnSelect:!0,trigger:t.jsx("button",{type:"button",role:"tab","aria-haspopup":"listbox","aria-label":"More tabs",className:C.cn("bear-flex bear-h-full bear-items-center bear-gap-2 bear-px-3 bear-py-2 bear-text-sm bear-font-medium bear-transition-colors bear-border-0 bear-cursor-pointer",s==="pills"&&"bear-rounded-md",p&&"bear-shadow-sm",!p&&"hover:bear-bg-[var(--bear-bg-tertiary)] hover:bear-text-[var(--bear-text-primary)]"),style:p?{backgroundColor:"var(--bear-bg-primary)",color:"var(--bear-text-primary)"}:{color:"var(--bear-text-muted)"},children:t.jsx(L.BearIcons.MoreHorizIcon,{size:18})}),items:u.map(e=>{const r=c.find(m=>m.id===e);return{key:e,label:(r==null?void 0:r.label)??e,disabled:r==null?void 0:r.disabled,onClick:()=>M(e)}})})}):null;return a!=null&&!i?t.jsxs("div",{role:"tablist",className:y,style:g,children:[t.jsx("div",{className:"bear-flex bear-min-w-0 bear-flex-1 bear-items-center bear-gap-1 bear-overflow-x-auto bear-overflow-y-visible bear-flex-nowrap",children:T}),j]}):t.jsxs("div",{role:"tablist",className:y,style:g,children:[T,j]})};exports.TabList=_;

package/dist/components/Tabs/TabList.js

@@ -26,7 +26,7 @@ const X = ({ children: a, maxVisibleTabs: l, wrap: n = !1, className: M }) => {
     `Bear-Tabs__list--${t}`,
     o != null && !n && "bear-flex bear-w-full bear-min-w-0 bear-items-stretch",
     (!o || n) && "bear-flex bear-gap-1",
-    n && "bear-flex-wrap",
+    n ? "bear-flex-wrap" : "bear-max-w-full bear-overflow-x-auto",
     !n && !o && "bear-gap-1",
     t === "line" && "bear-border-b",
     t === "pills" && "bear-p-1 bear-rounded-lg",