@forgedevstack/bear 1.3.1 → 1.3.2

package/dist/components/Chart/PieChart.js

@@ -1,110 +1,125 @@
-import { jsxs as h, jsx as u } from "react/jsx-runtime";
-import { useState as K, useCallback as L, useMemo as O } from "react";
-import { cn as j } from "../../utils/cn.js";
-import { Portal as R } from "../Portal/Portal.js";
-import { Card as q, CardHeader as F, CardBody as G } from "../Card/Card.js";
-import { getChartColor as B } from "./Chart.utils.js";
-const l = 45, C = ({
-  data: t,
-  height: N = 200,
-  showLabels: E = !0,
-  innerRadius: g = 0,
-  startAngle: w = -90,
-  padAngle: b = 2,
-  animated: U = !0,
-  onSliceClick: d,
-  onSliceHover: x,
-  showSliceTooltip: v = !0,
-  sliceTooltipTitle: y,
-  sliceTooltipDescription: f,
-  sliceTooltipContent: M,
-  className: X,
-  ...Y
-}) => {
-  const $ = t.reduce((e, r) => e + r.value, 0), [n, o] = K(null), I = L(
-    (e, r, a) => {
-      const s = t[a];
-      if (x == null || x(s, a), !v) return;
-      const m = Math.round(s.value / $ * 100);
-      o({ x: e, y: r, index: a, label: s.label, value: s.value, pct: m });
-    },
-    [t, x, v, $]
-  ), Z = L(() => {
-    o(null), x == null || x(null, null);
-  }, [x]), _ = O(() => {
-    let e = w;
-    return t.map((r, a) => {
-      const s = r.value / $ * 360 - b, m = {
-        startAngle: e,
-        endAngle: e + s,
-        color: B(a, r.color),
-        ...r
-      };
-      return e += s + b, m;
-    });
-  }, [t, $, w, b]), c = (e, r) => {
-    const a = e * Math.PI / 180;
-    return { x: 50 + r * Math.cos(a), y: 50 + r * Math.sin(a) };
-  }, z = (e, r) => {
-    const a = g * l, s = c(e, l), m = c(r, l), P = c(e, a), A = c(r, a), p = r - e > 180 ? 1 : 0;
-    return g > 0 ? `M ${s.x},${s.y} A ${l},${l} 0 ${p},1 ${m.x},${m.y} L ${A.x},${A.y} A ${a},${a} 0 ${p},0 ${P.x},${P.y} Z` : `M 50,50 L ${s.x},${s.y} A ${l},${l} 0 ${p},1 ${m.x},${m.y} Z`;
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import { useState as z } from "react";
+import { ZERO as h, ONE as K } from "../../constants/numbers.const.js";
+import { cn as N } from "../../utils/cn.js";
+import { Portal as Z } from "../Portal/Portal.js";
+import { Card as q, CardHeader as J, CardBody as Q } from "../Card/Card.js";
+import { Flex as _ } from "../Flex/Flex.js";
+import { Box as T } from "../Box/Box.js";
+import { Typography as D } from "../Typography/Typography.js";
+import { CHART as r, PIE_VIEW_FULL as ee, PIE_VIEW_ROSE as ae, CHART_LEGEND_NONE as re, CHART_LEGEND_BOTTOM as te, PIE_VIEW_HALF as le } from "./Chart.const.js";
+import { getChartColor as B, createArcPath as ne, polarOffset as oe } from "./Chart.utils.js";
+const ge = (M) => {
+  const {
+    data: t,
+    height: f = r.DEFAULT_HEIGHT,
+    showLabels: P = !0,
+    innerRadius: S = h,
+    startAngle: F,
+    padAngle: A = r.DEFAULT_PAD_ANGLE,
+    animated: U = !0,
+    pieView: I = ee,
+    explodeIndex: C,
+    legendPosition: y = "right",
+    onSliceClick: d,
+    onSliceHover: i,
+    showSliceTooltip: L = !0,
+    sliceTooltipTitle: m,
+    sliceTooltipDescription: p,
+    sliceTooltipContent: b,
+    className: V,
+    ...W
+  } = M, E = t.reduce((e, a) => e + a.value, h), [n, x] = z(null), R = I === le, v = I === ae, w = R ? r.HALF_SWEEP : r.FULL_SWEEP, X = F ?? (R ? r.HALF_PIE_START : r.DEFAULT_START_ANGLE), H = Math.max(...t.map((e) => e.value), K), $ = y === re || !P, G = y === te, O = (e, a, c) => {
+    const s = t[c];
+    if (i == null || i(s, c), !L)
+      return;
+    const l = Math.round(s.value / E * r.VIEWBOX);
+    x({ x: e, y: a, index: c, label: s.label, value: s.value, pct: l });
+  }, k = () => {
+    x(null), i == null || i(null, null);
   };
-  return /* @__PURE__ */ h("div", { className: j("relative flex max-w-full flex-wrap items-center gap-4", X), ...Y, children: [
-    /* @__PURE__ */ u("div", { style: { width: N, height: N }, className: "min-w-0 shrink-0", children: /* @__PURE__ */ u("svg", { viewBox: "0 0 100 100", className: "h-full w-full", children: _.map((e, r) => /* @__PURE__ */ u(
-      "path",
-      {
-        d: z(e.startAngle, e.endAngle),
-        fill: e.color,
-        className: j(
-          d && "cursor-pointer",
-          "transition-opacity hover:opacity-80",
-          U && "animate-scale-in"
-        ),
-        style: { animationDelay: `${r * 100}ms` },
-        onClick: () => d == null ? void 0 : d(t[r], r),
-        tabIndex: 0,
-        role: "button",
-        "aria-label": `${t[r].label} ${Math.round(t[r].value / $ * 100)}%`,
-        onKeyDown: (a) => {
-          (a.key === "Enter" || a.key === " ") && (a.preventDefault(), d == null || d(t[r], r));
-        },
-        onMouseEnter: (a) => I(a.clientX, a.clientY, r),
-        onMouseMove: (a) => I(a.clientX, a.clientY, r),
-        onMouseLeave: Z
-      },
-      r
-    )) }) }),
-    E && /* @__PURE__ */ u("div", { className: "flex flex-col gap-2", children: t.map((e, r) => /* @__PURE__ */ h("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ u(
-        "div",
-        {
-          className: "w-3 h-3 rounded-full",
-          style: { backgroundColor: B(r, e.color) }
-        }
-      ),
-      /* @__PURE__ */ u("span", { className: "text-sm text-gray-600 dark:text-slate-300", children: e.label }),
-      /* @__PURE__ */ h("span", { className: "text-sm text-gray-400 dark:text-slate-500", children: [
-        Math.round(e.value / $ * 100),
-        "%"
-      ] })
-    ] }, r)) }),
-    n && v && /* @__PURE__ */ u(R, { children: /* @__PURE__ */ u("div", { className: "pointer-events-none fixed z-[11500] w-56 max-w-[calc(100vw-24px)]", style: { left: n.x + 12, top: n.y + 12 }, children: /* @__PURE__ */ h(q, { variant: "elevated", padding: "none", children: [
-      (y || f) && /* @__PURE__ */ u(
-        F,
-        {
-          title: (y == null ? void 0 : y(t[n.index], n.index)) ?? n.label,
-          subtitle: f == null ? void 0 : f(t[n.index], n.index)
-        }
-      ),
-      /* @__PURE__ */ u(G, { className: "bear-text-xs bear-text-gray-500 dark:bear-text-slate-400", children: (M == null ? void 0 : M(t[n.index], n.index)) ?? /* @__PURE__ */ h("span", { children: [
-        n.value,
-        " (",
-        n.pct,
-        "%)"
-      ] }) })
-    ] }) }) })
-  ] });
+  let g = X;
+  const Y = t.map((e, a) => {
+    const c = v ? w / t.length - A : e.value / E * w - A, s = g, l = g + c;
+    g += c + A;
+    const j = v ? r.ROSE_MIN_RADIUS + e.value / H * (r.OUTER_RADIUS - r.ROSE_MIN_RADIUS) : r.OUTER_RADIUS;
+    return {
+      startAngle: s,
+      endAngle: l,
+      color: B(a, e.color),
+      outerRadius: j,
+      ...e
+    };
+  });
+  return /* @__PURE__ */ u(
+    _,
+    {
+      direction: G ? "column" : "row",
+      align: "center",
+      gap: 4,
+      wrap: "wrap",
+      className: N("Bear-Chart Bear-Chart--pie bear-relative bear-max-w-full", V),
+      ...W,
+      children: [
+        /* @__PURE__ */ o(T, { style: { width: f, height: f }, className: "bear-min-w-0 bear-shrink-0", children: /* @__PURE__ */ o("svg", { viewBox: `0 0 ${r.VIEWBOX} ${r.VIEWBOX}`, className: "bear-h-full bear-w-full", children: Y.map((e, a) => {
+          const c = (e.startAngle + e.endAngle) / 2, s = C === a ? oe(c, r.EXPLODE_OFFSET) : { x: h, y: h };
+          return /* @__PURE__ */ o("g", { transform: `translate(${s.x} ${s.y})`, children: /* @__PURE__ */ o(
+            "path",
+            {
+              d: ne(e.startAngle, e.endAngle, S, e.outerRadius),
+              fill: e.color,
+              className: N(
+                d && "bear-cursor-pointer",
+                "bear-transition-opacity hover:bear-opacity-80",
+                U && "animate-scale-in"
+              ),
+              style: { animationDelay: `${a * r.SLICE_DELAY_MS}ms` },
+              onClick: () => d == null ? void 0 : d(t[a], a),
+              tabIndex: 0,
+              role: "button",
+              "aria-label": `${t[a].label} ${Math.round(t[a].value / E * r.VIEWBOX)}%`,
+              onKeyDown: (l) => {
+                (l.key === "Enter" || l.key === " ") && (l.preventDefault(), d == null || d(t[a], a));
+              },
+              onMouseEnter: (l) => O(l.clientX, l.clientY, a),
+              onMouseMove: (l) => O(l.clientX, l.clientY, a),
+              onMouseLeave: k
+            }
+          ) }, e.label);
+        }) }) }),
+        !$ && /* @__PURE__ */ o(_, { direction: "column", gap: 2, children: t.map((e, a) => /* @__PURE__ */ u(_, { align: "center", gap: 2, children: [
+          /* @__PURE__ */ o(
+            T,
+            {
+              className: "bear-h-3 bear-w-3 bear-rounded-full",
+              style: { backgroundColor: B(a, e.color) }
+            }
+          ),
+          /* @__PURE__ */ o(D, { variant: "body2", color: "muted", children: e.label }),
+          /* @__PURE__ */ u(D, { variant: "body2", color: "muted", children: [
+            Math.round(e.value / E * r.VIEWBOX),
+            "%"
+          ] })
+        ] }, e.label)) }),
+        n && L && /* @__PURE__ */ o(Z, { children: /* @__PURE__ */ o("div", { className: "pointer-events-none fixed z-[11500] w-56 max-w-[calc(100vw-24px)]", style: { left: n.x + 12, top: n.y + 12 }, children: /* @__PURE__ */ u(q, { variant: "elevated", padding: "none", children: [
+          (m || p) && /* @__PURE__ */ o(
+            J,
+            {
+              title: (m == null ? void 0 : m(t[n.index], n.index)) ?? n.label,
+              subtitle: p == null ? void 0 : p(t[n.index], n.index)
+            }
+          ),
+          /* @__PURE__ */ o(Q, { className: "bear-text-xs bear-text-gray-500 dark:bear-text-slate-400", children: (b == null ? void 0 : b(t[n.index], n.index)) ?? /* @__PURE__ */ u("span", { children: [
+            n.value,
+            " (",
+            n.pct,
+            "%)"
+          ] }) })
+        ] }) }) })
+      ]
+    }
+  );
 };
 export {
-  C as PieChart
+  ge as PieChart
 };

package/dist/components/Chart/PieChart.types.d.ts

@@ -0,0 +1,8 @@
+export interface SliceTooltipState {
+    x: number;
+    y: number;
+    index: number;
+    label: string;
+    value: number;
+    pct: number;
+}

package/dist/components/Chart/RadarChart.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("../../constants/numbers.const.cjs"),C=require("../../utils/cn.cjs");require("react");const r=require("./Chart.const.cjs"),o=require("./Chart.utils.cjs"),f=u=>{const{data:s,height:E=r.CHART.DEFAULT_HEIGHT,showLabels:d=!0,showValues:h=!1,animated:_=!0,color:A,className:m,...x}=u,i=s.length;if(i===c.ZERO)return null;const b=Math.max(...s.map(e=>e.value),c.ONE),R=r.CHART.FULL_SWEEP/i,T=s.map((e,a)=>{const t=r.CHART.DEFAULT_START_ANGLE+a*R,l=e.value/b*r.CHART.OUTER_RADIUS;return o.polarToCartesian(t,l)}),g=T.map(e=>`${e.x},${e.y}`).join(" "),H=Array.from({length:r.CHART.RADAR_RINGS},(e,a)=>{const t=(a+c.ONE)/r.CHART.RADAR_RINGS*r.CHART.OUTER_RADIUS;return Array.from({length:i},(l,y)=>{const p=r.CHART.DEFAULT_START_ANGLE+y*R;return o.polarToCartesian(p,t)})});return n.jsx("div",{className:C.cn("Bear-Chart Bear-Chart--radar bear-flex bear-flex-col bear-items-center",m),style:{height:E},...x,children:n.jsxs("svg",{viewBox:`0 0 ${r.CHART.VIEWBOX} ${r.CHART.VIEWBOX}`,className:"bear-h-full bear-w-full",children:[H.map((e,a)=>n.jsx("polygon",{points:e.map(t=>`${t.x},${t.y}`).join(" "),fill:"none",stroke:"var(--bear-border-default, #e5e5e5)",strokeWidth:.4},a)),s.map((e,a)=>{const t=r.CHART.DEFAULT_START_ANGLE+a*R,l=o.polarToCartesian(t,r.CHART.OUTER_RADIUS);return n.jsx("line",{x1:r.CHART.CENTER,y1:r.CHART.CENTER,x2:l.x,y2:l.y,stroke:"var(--bear-border-default, #e5e5e5)",strokeWidth:.4},e.label)}),n.jsx("polygon",{points:g,fill:o.getChartColor(c.ZERO,A),fillOpacity:.25,stroke:o.getChartColor(c.ZERO,A),strokeWidth:.8,className:C.cn(_&&"animate-scale-in")}),T.map((e,a)=>n.jsx("circle",{cx:e.x,cy:e.y,r:r.CHART.DOT_RADIUS,fill:o.getChartColor(a,s[a].color||A)},s[a].label)),d&&s.map((e,a)=>{const t=r.CHART.DEFAULT_START_ANGLE+a*R,l=o.polarToCartesian(t,r.CHART.OUTER_RADIUS+r.CHART.RADAR_LABEL_OFFSET);return n.jsxs("text",{x:l.x,y:l.y,textAnchor:"middle",dominantBaseline:"middle",className:"bear-fill-[var(--bear-text-secondary)]",fontSize:4,children:[e.label,h?` ${e.value}`:""]},`${e.label}-label`)})]})})};exports.RadarChart=f;

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

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

package/dist/components/Chart/RadarChart.js

@@ -0,0 +1,100 @@
+import { jsx as n, jsxs as T } from "react/jsx-runtime";
+import { ZERO as A, ONE as d } from "../../constants/numbers.const.js";
+import { cn as u } from "../../utils/cn.js";
+import "react";
+import { CHART as r } from "./Chart.const.js";
+import { polarToCartesian as c, getChartColor as R } from "./Chart.utils.js";
+const $ = (_) => {
+  const {
+    data: o,
+    height: f = r.DEFAULT_HEIGHT,
+    showLabels: p = !0,
+    showValues: h = !1,
+    animated: b = !0,
+    color: i,
+    className: x,
+    ...y
+  } = _, m = o.length;
+  if (m === A)
+    return null;
+  const g = Math.max(...o.map((e) => e.value), d), s = r.FULL_SWEEP / m, E = o.map((e, a) => {
+    const t = r.DEFAULT_START_ANGLE + a * s, l = e.value / g * r.OUTER_RADIUS;
+    return c(t, l);
+  }), S = E.map((e) => `${e.x},${e.y}`).join(" "), U = Array.from({ length: r.RADAR_RINGS }, (e, a) => {
+    const t = (a + d) / r.RADAR_RINGS * r.OUTER_RADIUS;
+    return Array.from({ length: m }, (l, D) => {
+      const L = r.DEFAULT_START_ANGLE + D * s;
+      return c(L, t);
+    });
+  });
+  return /* @__PURE__ */ n("div", { className: u("Bear-Chart Bear-Chart--radar bear-flex bear-flex-col bear-items-center", x), style: { height: f }, ...y, children: /* @__PURE__ */ T("svg", { viewBox: `0 0 ${r.VIEWBOX} ${r.VIEWBOX}`, className: "bear-h-full bear-w-full", children: [
+    U.map((e, a) => /* @__PURE__ */ n(
+      "polygon",
+      {
+        points: e.map((t) => `${t.x},${t.y}`).join(" "),
+        fill: "none",
+        stroke: "var(--bear-border-default, #e5e5e5)",
+        strokeWidth: 0.4
+      },
+      a
+    )),
+    o.map((e, a) => {
+      const t = r.DEFAULT_START_ANGLE + a * s, l = c(t, r.OUTER_RADIUS);
+      return /* @__PURE__ */ n(
+        "line",
+        {
+          x1: r.CENTER,
+          y1: r.CENTER,
+          x2: l.x,
+          y2: l.y,
+          stroke: "var(--bear-border-default, #e5e5e5)",
+          strokeWidth: 0.4
+        },
+        e.label
+      );
+    }),
+    /* @__PURE__ */ n(
+      "polygon",
+      {
+        points: S,
+        fill: R(A, i),
+        fillOpacity: 0.25,
+        stroke: R(A, i),
+        strokeWidth: 0.8,
+        className: u(b && "animate-scale-in")
+      }
+    ),
+    E.map((e, a) => /* @__PURE__ */ n(
+      "circle",
+      {
+        cx: e.x,
+        cy: e.y,
+        r: r.DOT_RADIUS,
+        fill: R(a, o[a].color || i)
+      },
+      o[a].label
+    )),
+    p && o.map((e, a) => {
+      const t = r.DEFAULT_START_ANGLE + a * s, l = c(t, r.OUTER_RADIUS + r.RADAR_LABEL_OFFSET);
+      return /* @__PURE__ */ T(
+        "text",
+        {
+          x: l.x,
+          y: l.y,
+          textAnchor: "middle",
+          dominantBaseline: "middle",
+          className: "bear-fill-[var(--bear-text-secondary)]",
+          fontSize: 4,
+          children: [
+            e.label,
+            h ? ` ${e.value}` : ""
+          ]
+        },
+        `${e.label}-label`
+      );
+    })
+  ] }) });
+};
+export {
+  $ as RadarChart
+};

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

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

package/dist/components/Chat/Chat.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),d=require("../../utils/cn.cjs"),D=require("../../context/BearProvider.cjs"),q=require("../Button/Button.cjs"),I=require("../Input/Input.cjs"),B=require("../Avatar/Avatar.cjs");require("../Box/Box.cjs");const u=require("../Typography/Typography.cjs"),_=require("../Icon/index.cjs"),x=require("./Chat.const.cjs"),R=({message:r,showTimestamp:n=!0,showStatus:s=!0,showAvatar:b=!0,userAvatar:y,botAvatar:m})=>{var c;const a=r.sender==="user",f=r.sender==="system",l=x.SENDER_COLORS[r.sender];if(f)return e.jsx("div",{className:"flex justify-center my-2",children:e.jsx(u.Typography,{variant:"caption",className:"px-3 py-1 rounded-full bg-gray-100 dark:bg-gray-800",style:{color:l.text},children:r.content})});const v=a?y:m,p=r.status?x.MESSAGE_STATUS_ICONS[r.status]:null;return e.jsxs("div",{className:d.cn("flex gap-2 mb-3",a?"flex-row-reverse":"flex-row"),children:[b&&e.jsx(B.Avatar,{src:v,initials:((c=r.name)==null?void 0:c[0])||(a?"U":"B"),size:"sm",className:"flex-shrink-0"}),e.jsxs("div",{className:d.cn("flex flex-col max-w-[70%]",a?"items-end":"items-start"),children:[r.name&&e.jsx(u.Typography,{variant:"caption",className:"mb-1 opacity-60",children:r.name}),e.jsx("div",{className:d.cn("px-4 py-2 rounded-2xl",a?"rounded-br-sm":"rounded-bl-sm"),style:{backgroundColor:l.bg,color:l.text},children:typeof r.content=="string"?e.jsx(u.Typography,{variant:"body2",children:r.content}):r.content}),e.jsxs("div",{className:"flex items-center gap-1 mt-1",children:[n&&r.timestamp&&e.jsx(u.Typography,{variant:"caption",className:"opacity-50 text-xs",children:r.timestamp.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}),s&&p&&a&&e.jsx("span",{className:d.cn("text-xs",r.status==="read"?"text-blue-500":"opacity-50",r.status==="error"&&"text-red-500"),children:p})]})]})]})},H=({text:r=x.CHAT_DEFAULTS.TYPING_TEXT})=>e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsxs("div",{className:"flex gap-1 px-4 py-3 bg-gray-100 dark:bg-gray-800 rounded-2xl rounded-bl-sm",children:[e.jsx("span",{className:"w-2 h-2 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"0ms"}}),e.jsx("span",{className:"w-2 h-2 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"150ms"}}),e.jsx("span",{className:"w-2 h-2 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"300ms"}})]}),e.jsx(u.Typography,{variant:"caption",className:"opacity-50",children:r})]}),U=({messages:r,onSend:n,isLoading:s=!1,placeholder:b=x.CHAT_DEFAULTS.PLACEHOLDER,header:y,footer:m,showTimestamps:a=!0,showStatus:f=!0,showAvatars:l=!0,userAvatar:v,botAvatar:p,isTyping:c=!1,typingText:C,className:S,height:j=x.CHAT_DEFAULTS.HEIGHT,testId:w,disabled:h=!1})=>{const{mode:E}=D.useBear(),k=E==="dark",[o,g]=i.useState(""),T=i.useRef(null);i.useEffect(()=>{var t;(t=T.current)==null||t.scrollIntoView({behavior:"smooth"})},[r,c]);const N=i.useCallback(()=>{o.trim()&&n&&!h&&!s&&(n(o.trim()),g(""))},[o,n,h,s]),A=i.useCallback(t=>{t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),N())},[N]);return e.jsxs("div",{className:d.cn("Bear-Chat","flex flex-col rounded-xl overflow-hidden border",k?"bg-gray-900 border-gray-700":"bg-white border-gray-200",S),style:{height:typeof j=="number"?`${j}px`:j},"data-testid":w,children:[y&&e.jsx("div",{className:"px-4 py-3 border-b border-gray-200 dark:border-gray-700",children:y}),e.jsxs("div",{className:"flex-1 overflow-y-auto p-4",children:[r.map(t=>e.jsx(R,{message:t,showTimestamp:a,showStatus:f,showAvatar:l,userAvatar:v,botAvatar:p},t.id)),c&&e.jsx(H,{text:C}),e.jsx("div",{ref:T})]}),e.jsxs("div",{className:"p-3 border-t border-gray-200 dark:border-gray-700",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx(I.Input,{value:o,onChange:t=>g(t.target.value),onKeyDown:A,placeholder:b,disabled:h||s,className:"flex-1"}),e.jsx(q.Button,{variant:"primary",onClick:N,disabled:!o.trim()||h||s,children:e.jsx(_.BearIcons.SendIcon,{size:18})})]}),m&&e.jsx("div",{className:"mt-2",children:m})]})]})};exports.Chat=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),d=require("../../utils/cn.cjs"),D=require("../../context/BearProvider.cjs"),I=require("../Button/Button.cjs"),q=require("../Input/Input.cjs"),B=require("../Avatar/Avatar.cjs");require("../Box/Box.cjs");const u=require("../Typography/Typography.cjs"),_=require("@forgedevstack/bear-icons"),x=require("./Chat.const.cjs"),R=({message:r,showTimestamp:n=!0,showStatus:s=!0,showAvatar:b=!0,userAvatar:y,botAvatar:m})=>{var c;const a=r.sender==="user",f=r.sender==="system",l=x.SENDER_COLORS[r.sender];if(f)return e.jsx("div",{className:"flex justify-center my-2",children:e.jsx(u.Typography,{variant:"caption",className:"px-3 py-1 rounded-full bg-gray-100 dark:bg-gray-800",style:{color:l.text},children:r.content})});const v=a?y:m,p=r.status?x.MESSAGE_STATUS_ICONS[r.status]:null;return e.jsxs("div",{className:d.cn("flex gap-2 mb-3",a?"flex-row-reverse":"flex-row"),children:[b&&e.jsx(B.Avatar,{src:v,initials:((c=r.name)==null?void 0:c[0])||(a?"U":"B"),size:"sm",className:"flex-shrink-0"}),e.jsxs("div",{className:d.cn("flex flex-col max-w-[70%]",a?"items-end":"items-start"),children:[r.name&&e.jsx(u.Typography,{variant:"caption",className:"mb-1 opacity-60",children:r.name}),e.jsx("div",{className:d.cn("px-4 py-2 rounded-2xl",a?"rounded-br-sm":"rounded-bl-sm"),style:{backgroundColor:l.bg,color:l.text},children:typeof r.content=="string"?e.jsx(u.Typography,{variant:"body2",children:r.content}):r.content}),e.jsxs("div",{className:"flex items-center gap-1 mt-1",children:[n&&r.timestamp&&e.jsx(u.Typography,{variant:"caption",className:"opacity-50 text-xs",children:r.timestamp.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}),s&&p&&a&&e.jsx("span",{className:d.cn("text-xs",r.status==="read"?"text-blue-500":"opacity-50",r.status==="error"&&"text-red-500"),children:p})]})]})]})},H=({text:r=x.CHAT_DEFAULTS.TYPING_TEXT})=>e.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[e.jsxs("div",{className:"flex gap-1 px-4 py-3 bg-gray-100 dark:bg-gray-800 rounded-2xl rounded-bl-sm",children:[e.jsx("span",{className:"w-2 h-2 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"0ms"}}),e.jsx("span",{className:"w-2 h-2 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"150ms"}}),e.jsx("span",{className:"w-2 h-2 bg-gray-400 rounded-full animate-bounce",style:{animationDelay:"300ms"}})]}),e.jsx(u.Typography,{variant:"caption",className:"opacity-50",children:r})]}),U=({messages:r,onSend:n,isLoading:s=!1,placeholder:b=x.CHAT_DEFAULTS.PLACEHOLDER,header:y,footer:m,showTimestamps:a=!0,showStatus:f=!0,showAvatars:l=!0,userAvatar:v,botAvatar:p,isTyping:c=!1,typingText:C,className:S,height:j=x.CHAT_DEFAULTS.HEIGHT,testId:w,disabled:h=!1})=>{const{mode:E}=D.useBear(),k=E==="dark",[o,g]=i.useState(""),T=i.useRef(null);i.useEffect(()=>{var t;(t=T.current)==null||t.scrollIntoView({behavior:"smooth"})},[r,c]);const N=i.useCallback(()=>{o.trim()&&n&&!h&&!s&&(n(o.trim()),g(""))},[o,n,h,s]),A=i.useCallback(t=>{t.key==="Enter"&&!t.shiftKey&&(t.preventDefault(),N())},[N]);return e.jsxs("div",{className:d.cn("Bear-Chat","flex flex-col rounded-xl overflow-hidden border",k?"bg-gray-900 border-gray-700":"bg-white border-gray-200",S),style:{height:typeof j=="number"?`${j}px`:j},"data-testid":w,children:[y&&e.jsx("div",{className:"px-4 py-3 border-b border-gray-200 dark:border-gray-700",children:y}),e.jsxs("div",{className:"flex-1 overflow-y-auto p-4",children:[r.map(t=>e.jsx(R,{message:t,showTimestamp:a,showStatus:f,showAvatar:l,userAvatar:v,botAvatar:p},t.id)),c&&e.jsx(H,{text:C}),e.jsx("div",{ref:T})]}),e.jsxs("div",{className:"p-3 border-t border-gray-200 dark:border-gray-700",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx(q.Input,{value:o,onChange:t=>g(t.target.value),onKeyDown:A,placeholder:b,disabled:h||s,className:"flex-1"}),e.jsx(I.Button,{variant:"primary",onClick:N,disabled:!o.trim()||h||s,children:e.jsx(_.BearIcons.SendIcon,{size:18})})]}),m&&e.jsx("div",{className:"mt-2",children:m})]})]})};exports.Chat=U;

package/dist/components/Chat/Chat.js

@@ -7,7 +7,7 @@ import { Input as U } from "../Input/Input.js";
 import { Avatar as j } from "../Avatar/Avatar.js";
 import "../Box/Box.js";
 import { Typography as m } from "../Typography/Typography.js";
-import { BearIcons as G } from "../Icon/index.js";
+import { BearIcons as G } from "@forgedevstack/bear-icons";
 import { CHAT_DEFAULTS as g, SENDER_COLORS as K, MESSAGE_STATUS_ICONS as V } from "./Chat.const.js";
 const z = ({
   message: e,

package/dist/components/CurrencyInput/CurrencyInput.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),n=require("react"),U=require("../Input/Input.cjs"),B=require("../Icon/index.cjs"),l=require("./CurrencyInput.const.cjs"),c=require("./CurrencyInput.utils.cjs"),M=({value:p,onChange:u,currency:r=l.DEFAULT_CURRENCY,locale:s=l.DEFAULT_LOCALE,decimals:e=l.DEFAULT_DECIMALS,placeholder:S="0.00",size:f="md",disabled:A=!1,error:F,allowNegative:C=!1,max:o,min:a,testId:L,className:q,...x})=>{const[i,d]=n.useState(()=>c.formatCurrency(p,s,e)),[I,g]=n.useState(!1);n.useEffect(()=>{I||d(c.formatCurrency(p,s,e))},[p,s,e,I]);const D=n.useCallback(t=>{const j=t.target.value,m=C?/[^0-9.,-]/g:/[^0-9.,]/g;d(j.replace(m,""))},[C]),R=n.useCallback(()=>{g(!1);let t=c.parseCurrency(i);t!=null&&(o!=null&&t>o&&(t=o),a!=null&&t<a&&(t=a),t=parseFloat(t.toFixed(e))),u==null||u(t),d(c.formatCurrency(t,s,e))},[i,s,e,o,a,u]),E=typeof r=="string"?l.CURRENCY_SYMBOLS[r]??r:null,_=typeof r!="string"?r:y.jsx(B.BearIcons.DollarSignIcon,{size:f==="sm"?14:f==="lg"?20:16,className:"text-gray-400"}),b=E?y.jsx("span",{className:"text-gray-500 dark:text-gray-400 font-medium select-none",children:E}):_;return y.jsx(U.Input,{...x,size:f,disabled:A,error:F,placeholder:S,value:i,onChange:D,onFocus:()=>g(!0),onBlur:R,inputMode:"decimal",className:q,"data-testid":L,InputProps:{startAdornment:b}})};exports.CurrencyInput=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),n=require("react"),U=require("../Input/Input.cjs"),B=require("@forgedevstack/bear-icons"),c=require("./CurrencyInput.const.cjs"),l=require("./CurrencyInput.utils.cjs"),M=({value:p,onChange:u,currency:r=c.DEFAULT_CURRENCY,locale:s=c.DEFAULT_LOCALE,decimals:e=c.DEFAULT_DECIMALS,placeholder:S="0.00",size:f="md",disabled:A=!1,error:F,allowNegative:C=!1,max:o,min:a,testId:L,className:b,...q})=>{const[i,d]=n.useState(()=>l.formatCurrency(p,s,e)),[I,g]=n.useState(!1);n.useEffect(()=>{I||d(l.formatCurrency(p,s,e))},[p,s,e,I]);const D=n.useCallback(t=>{const m=t.target.value,x=C?/[^0-9.,-]/g:/[^0-9.,]/g;d(m.replace(x,""))},[C]),R=n.useCallback(()=>{g(!1);let t=l.parseCurrency(i);t!=null&&(o!=null&&t>o&&(t=o),a!=null&&t<a&&(t=a),t=parseFloat(t.toFixed(e))),u==null||u(t),d(l.formatCurrency(t,s,e))},[i,s,e,o,a,u]),E=typeof r=="string"?c.CURRENCY_SYMBOLS[r]??r:null,_=typeof r!="string"?r:y.jsx(B.BearIcons.DollarSignIcon,{size:f==="sm"?14:f==="lg"?20:16,className:"text-gray-400"}),j=E?y.jsx("span",{className:"text-gray-500 dark:text-gray-400 font-medium select-none",children:E}):_;return y.jsx(U.Input,{...q,size:f,disabled:A,error:F,placeholder:S,value:i,onChange:D,onFocus:()=>g(!0),onBlur:R,inputMode:"decimal",className:b,"data-testid":L,InputProps:{startAdornment:j}})};exports.CurrencyInput=M;

package/dist/components/CurrencyInput/CurrencyInput.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import { useState as E, useEffect as M, useCallback as C } from "react";
 import { Input as N } from "../Input/Input.js";
-import { BearIcons as T } from "../Icon/index.js";
+import { BearIcons as T } from "@forgedevstack/bear-icons";
 import { DEFAULT_LOCALE as Y, DEFAULT_DECIMALS as b, DEFAULT_CURRENCY as k, CURRENCY_SYMBOLS as O } from "./CurrencyInput.const.js";
 import { formatCurrency as m, parseCurrency as V } from "./CurrencyInput.utils.js";
 const J = ({

package/dist/components/DatePicker/DatePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),M=require("../Calendar/Calendar.cjs"),U=require("../Icon/index.cjs"),X=require("../OverlayPortal/OverlayPortal.cjs"),A=require("../../utils/cn.cjs"),Z=require("../../hooks/useClickOutside.cjs"),G=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");require("../../context/BearProvider.cjs");const Y=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.cjs"),J=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs");require("../FormControl/FormControl.context.cjs");const Q=require("./DatePicker.utils.cjs"),e=require("./DatePicker.const.cjs"),ee=o=>{const{value:s,onChange:t,minDate:C,maxDate:T,disabled:c=!1,placeholder:f=e.DATEPICKER_DEFAULT_PLACEHOLDER,label:u,error:l,helperText:b,format:x=e.DATEPICKER_DEFAULT_FORMAT,clearable:S=!0,className:O,style:P,bis:m,showWeekNumbers:h=!1,disabledDates:I=[],highlightedDates:y=[],slots:k,weekdayLabels:p,firstDayOfWeek:L=e.DATEPICKER_DEFAULT_FIRST_DAY,size:w="md",variant:K="default",icon:N,testId:q}=o,{openEffect:j,closeEffect:v}=J.resolveOverlayEffects(o),[n,_]=a.useState(!1),[z,F]=a.useState(s??new Date),d=a.useRef(null),E=a.useRef(null),R=a.useRef(null),D=G.useBearStyles(m,P),{style:g,ready:$}=Y.useFixedAnchorPosition({anchorRef:E,open:n,estimatedHeightPx:e.DATEPICKER_DROPDOWN_HEIGHT_PX}),H=a.useCallback(()=>_(!1),[]);Z.useClickOutsideMultiple([d,R],H,{enabled:n});const V=a.useCallback(i=>{t==null||t(i),_(!1)},[t]),W=a.useCallback(()=>{t==null||t(null),_(!1)},[t]),B=a.useCallback(i=>{F(i)},[]);return r.jsxs("div",{ref:d,className:A.cn(e.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS,"bear-relative",O),style:Object.keys(D).length?D:void 0,"data-testid":q,children:[u&&r.jsx("label",{className:`${e.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS}__label bear-block bear-text-sm bear-font-medium bear-text-zinc-700 dark:bear-text-zinc-300 bear-mb-1.5`,children:u}),r.jsxs("button",{ref:E,type:"button",onClick:()=>!c&&_(!n),disabled:c,className:A.cn(`${e.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS}__trigger bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors`,e.DATEPICKER_SIZE_CLASSES[w],e.DATEPICKER_VARIANT_CLASSES[K],l?"bear-border-red-500":"focus:bear-border-primary-500",c&&"bear-opacity-50 bear-cursor-not-allowed",s?"bear-text-zinc-900 dark:bear-text-white":"bear-text-zinc-500"),children:[r.jsx("span",{className:`${e.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS}__value`,children:s?Q.formatDate(s,x):f}),r.jsx("span",{className:`${e.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS}__icon`,children:N??r.jsx(U.CalendarIcon,{className:"bear-w-5 bear-h-5 bear-text-zinc-400 bear-shrink-0"})})]}),l&&r.jsx("p",{className:`${e.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS}__error bear-mt-1 bear-text-xs bear-text-red-400`,children:l}),b&&!l&&r.jsx("p",{className:`${e.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS}__helper bear-mt-1 bear-text-xs bear-text-zinc-500`,children:b}),r.jsx(X.OverlayPortal,{open:n,ready:$,style:g,zIndex:e.DATEPICKER_DROPDOWN_Z_INDEX,openEffect:j,closeEffect:v,className:`${e.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS}__dropdown`,panelRef:R,attributes:{[e.DATEPICKER_CALENDAR_ATTR]:""},children:r.jsx(M.Calendar,{viewDate:z,onViewChange:B,value:s??null,onSelect:V,minDate:C,maxDate:T,disabledDates:I,highlightedDates:y,slots:k,weekdayLabels:p,firstDayOfWeek:L,showWeekNumbers:h,clearable:S,onClear:W,showTodayButton:!0,onToday:()=>{t==null||t(new Date),_(!1)}})})]})};exports.DatePicker=ee;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),M=require("../Calendar/Calendar.cjs"),U=require("@forgedevstack/bear-icons"),X=require("../OverlayPortal/OverlayPortal.cjs"),A=require("../../utils/cn.cjs"),Z=require("../../hooks/useClickOutside.cjs"),G=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");require("../../context/BearProvider.cjs");const Y=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.cjs"),J=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs");require("../FormControl/FormControl.context.cjs");const Q=require("./DatePicker.utils.cjs"),e=require("./DatePicker.const.cjs"),ee=o=>{const{value:s,onChange:t,minDate:C,maxDate:T,disabled:c=!1,placeholder:f=e.DATEPICKER_DEFAULT_PLACEHOLDER,label:u,error:l,helperText:b,format:S=e.DATEPICKER_DEFAULT_FORMAT,clearable:x=!0,className:O,style:P,bis:m,showWeekNumbers:I=!1,disabledDates:h=[],highlightedDates:y=[],slots:k,weekdayLabels:p,firstDayOfWeek:L=e.DATEPICKER_DEFAULT_FIRST_DAY,size:w="md",variant:K="default",icon:N,testId:q}=o,{openEffect:j,closeEffect:v}=J.resolveOverlayEffects(o),[n,_]=a.useState(!1),[z,F]=a.useState(s??new Date),d=a.useRef(null),E=a.useRef(null),R=a.useRef(null),D=G.useBearStyles(m,P),{style:g,ready:$}=Y.useFixedAnchorPosition({anchorRef:E,open:n,estimatedHeightPx:e.DATEPICKER_DROPDOWN_HEIGHT_PX}),H=a.useCallback(()=>_(!1),[]);Z.useClickOutsideMultiple([d,R],H,{enabled:n});const V=a.useCallback(i=>{t==null||t(i),_(!1)},[t]),W=a.useCallback(()=>{t==null||t(null),_(!1)},[t]),B=a.useCallback(i=>{F(i)},[]);return r.jsxs("div",{ref:d,className:A.cn(e.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS,"bear-relative",O),style:Object.keys(D).length?D:void 0,"data-testid":q,children:[u&&r.jsx("label",{className:`${e.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS}__label bear-block bear-text-sm bear-font-medium bear-text-zinc-700 dark:bear-text-zinc-300 bear-mb-1.5`,children:u}),r.jsxs("button",{ref:E,type:"button",onClick:()=>!c&&_(!n),disabled:c,className:A.cn(`${e.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS}__trigger bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors`,e.DATEPICKER_SIZE_CLASSES[w],e.DATEPICKER_VARIANT_CLASSES[K],l?"bear-border-red-500":"focus:bear-border-primary-500",c&&"bear-opacity-50 bear-cursor-not-allowed",s?"bear-text-zinc-900 dark:bear-text-white":"bear-text-zinc-500"),children:[r.jsx("span",{className:`${e.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS}__value`,children:s?Q.formatDate(s,S):f}),r.jsx("span",{className:`${e.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS}__icon`,children:N??r.jsx(U.CalendarIcon,{className:"bear-w-5 bear-h-5 bear-text-zinc-400 bear-shrink-0"})})]}),l&&r.jsx("p",{className:`${e.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS}__error bear-mt-1 bear-text-xs bear-text-red-400`,children:l}),b&&!l&&r.jsx("p",{className:`${e.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS}__helper bear-mt-1 bear-text-xs bear-text-zinc-500`,children:b}),r.jsx(X.OverlayPortal,{open:n,ready:$,style:g,zIndex:e.DATEPICKER_DROPDOWN_Z_INDEX,openEffect:j,closeEffect:v,className:`${e.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS}__dropdown`,panelRef:R,attributes:{[e.DATEPICKER_CALENDAR_ATTR]:""},children:r.jsx(M.Calendar,{viewDate:z,onViewChange:B,value:s??null,onSelect:V,minDate:C,maxDate:T,disabledDates:h,highlightedDates:y,slots:k,weekdayLabels:p,firstDayOfWeek:L,showWeekNumbers:I,clearable:x,onClear:W,showTodayButton:!0,onToday:()=>{t==null||t(new Date),_(!1)}})})]})};exports.DatePicker=ee;

package/dist/components/DatePicker/DatePicker.js

@@ -1,7 +1,7 @@
 import { jsxs as D, jsx as t } from "react/jsx-runtime";
 import { useState as A, useRef as b, useCallback as n } from "react";
 import { Calendar as G } from "../Calendar/Calendar.js";
-import { CalendarIcon as Y } from "../Icon/index.js";
+import { CalendarIcon as Y } from "@forgedevstack/bear-icons";
 import { OverlayPortal as q } from "../OverlayPortal/OverlayPortal.js";
 import { cn as R } from "../../utils/cn.js";
 import { useClickOutsideMultiple as J } from "../../hooks/useClickOutside.js";

package/dist/components/DateRangePicker/DateRangePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),O=require("../../utils/cn.cjs"),ae=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const n=require("../../constants/numbers.const.cjs"),c=require("../../constants/generals.const.cjs"),te=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.cjs"),se=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs");require("../FormControl/FormControl.context.cjs");const ne=require("../Icon/index.cjs"),be=require("../OverlayPortal/OverlayPortal.cjs"),m=require("./DateRangePicker.const.cjs"),o=require("./DateRangePicker.utils.cjs"),q=({year:g,month:d,range:r,onDayClick:p,onNav:y,minDate:u,maxDate:N})=>{const E=o.getCalendarDays(g,d),h=new Date;return h.setHours(n.HOURS_MIDNIGHT,n.HOURS_MIDNIGHT,n.HOURS_MIDNIGHT,n.HOURS_MIDNIGHT),e.jsxs("div",{className:"bear-w-64",children:[e.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-mb-2",children:[e.jsx("button",{type:"button",onClick:()=>y(n.NEGATIVE_ONE),className:"bear-p-1 bear-rounded hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-text-gray-500 dark:bear-text-zinc-400","aria-label":"Previous month",children:e.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),e.jsxs("span",{className:"bear-text-sm bear-font-semibold bear-text-gray-900 dark:bear-text-white",children:[m.MONTH_LABELS[d]," ",g]}),e.jsx("button",{type:"button",onClick:()=>y(n.ONE),className:"bear-p-1 bear-rounded hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-text-gray-500 dark:bear-text-zinc-400","aria-label":"Next month",children:e.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})})]}),e.jsx("div",{className:"bear-grid bear-grid-cols-7 bear-gap-0.5 bear-mb-1",children:m.DAY_LABELS.map(t=>e.jsx("div",{className:"bear-text-xs bear-text-center bear-font-medium bear-text-gray-400 dark:bear-text-zinc-500 bear-py-1",children:t},t))}),e.jsx("div",{className:"bear-grid bear-grid-cols-7 bear-gap-0.5",children:E.map((t,j)=>{if(!t)return e.jsx("div",{},`e-${j}`);const f=u&&t<u||N&&t>N,l=o.isSameDay(t,r.start)||o.isSameDay(t,r.end),x=o.isInRange(t,r.start,r.end),T=o.isSameDay(t,h);return e.jsx("button",{type:"button",disabled:!!f,onClick:()=>p(t),className:O.cn("bear-w-8 bear-h-8 bear-text-sm bear-rounded-full bear-transition-colors bear-cursor-pointer",f?"bear-text-gray-300 dark:bear-text-zinc-600 bear-cursor-not-allowed":"hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700",l&&"bear-bg-primary-500 bear-text-white",!l&&x&&"bear-bg-primary-100 dark:bear-bg-primary-900/30 bear-text-primary-800 dark:bear-text-primary-200",!l&&!x&&T&&"bear-ring-1 bear-ring-primary-400",!l&&!x&&!f&&"bear-text-gray-700 dark:bear-text-zinc-300"),children:t.getDate()},t.getTime())})})]})},oe=g=>{const{value:d,onChange:r,label:p,placeholder:y=c.PLACEHOLDER_SELECT_DATE_RANGE,disabled:u=c.BOOLEAN_FALSE,clearable:N=c.BOOLEAN_TRUE,minDate:E,maxDate:h,presets:t,showPresets:j=c.BOOLEAN_TRUE,size:f=c.SIZE_MD,error:l,helperText:x,className:T,testId:G,openEffect:le,closeEffect:ie,effect:ce,...B}=g,{openEffect:W,closeEffect:U}=se.resolveOverlayEffects(g),[R,w]=s.useState(!1),[b,k]=s.useState(d??{start:null,end:null}),[A,_]=s.useState(c.PICKING_START),P=s.useRef(null),I=s.useRef(null),L=s.useRef(null),{style:Y,ready:Z}=te.useFixedAnchorPosition({anchorRef:I,open:R,estimatedHeightPx:m.DATERANGE_DROPDOWN_HEIGHT_PX}),C=new Date,[D,F]=s.useState(C.getMonth()),[v,X]=s.useState(C.getFullYear()),M=o.resolveRightMonth(D),$=M.month,V=v+M.yearDelta;s.useEffect(()=>{d&&k(d)},[d]);const K=s.useCallback(()=>w(!1),[]);ae.useClickOutsideMultiple([P,L],K,{enabled:R});const z=s.useCallback(a=>{if(A==="start")k({start:a,end:null}),_("end");else{const i=a>=(b.start??a)?{start:b.start,end:a}:{start:a,end:b.start};k(i),_("start"),r==null||r(i)}},[A,b.start,r]),J=s.useCallback(a=>{k(a),r==null||r(a),w(!1),_("start")},[r]),Q=s.useCallback(()=>{const a={start:null,end:null};k(a),r==null||r(a),_("start")},[r]),ee=s.useCallback(a=>{let i=D+a,S=v;i<n.ZERO&&(i=n.LAST_MONTH_INDEX,S-=n.ONE),i>n.LAST_MONTH_INDEX&&(i=n.ZERO,S+=n.ONE),F(i),X(S)},[D,v]),H=t??(j?o.getDefaultPresets():[]),re=b.start?`${o.formatDate(b.start)}${b.end?` – ${o.formatDate(b.end)}`:""}`:y;return e.jsxs("div",{ref:P,className:O.cn("Bear-DateRangePicker bear-relative bear-inline-block",T),"data-testid":G,...B,children:[p&&e.jsx("label",{className:"Bear-DateRangePicker__label bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-zinc-300 bear-mb-1.5",children:p}),e.jsxs("button",{ref:I,type:"button",disabled:u,onClick:()=>!u&&w(!R),className:O.cn("bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-800 bear-text-gray-900 dark:bear-text-white bear-transition-colors focus:bear-ring-2 focus:bear-ring-primary-500 bear-outline-none",m.SIZE_CLASSES[f],u&&"bear-opacity-50 bear-cursor-not-allowed"),children:[e.jsx("span",{className:O.cn(!b.start&&"bear-text-gray-400 dark:bear-text-zinc-500"),children:re}),e.jsx(ne.CalendarIcon,{className:"bear-w-4 bear-h-4 bear-ml-2 bear-text-gray-400"})]}),e.jsx(be.OverlayPortal,{open:R,ready:Z,style:Y,zIndex:m.DATERANGE_DROPDOWN_Z_INDEX,openEffect:W,closeEffect:U,panelRef:L,className:"bear-max-w-[calc(100vw-16px)] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-xl bear-shadow-xl bear-p-4 bear-overflow-x-auto",attributes:{[m.DATERANGE_DROPDOWN_ATTR]:c.EMPTY_STRING},children:e.jsxs("div",{className:"bear-flex bear-gap-4",children:[H.length>n.ZERO&&e.jsxs("div",{className:"bear-border-r bear-border-gray-200 dark:bear-border-zinc-700 bear-pr-3 bear-space-y-1",style:{minWidth:n.PRESET_SIDEBAR_MIN_WIDTH_PX},children:[H.map(a=>e.jsx("button",{type:"button",onClick:()=>J(a.range()),className:"bear-w-full bear-text-left bear-px-3 bear-py-1.5 bear-text-sm bear-rounded bear-transition-colors hover:bear-bg-primary-50 dark:hover:bear-bg-primary-900/20 bear-text-gray-700 dark:bear-text-zinc-300",children:a.label},a.label)),N&&b.start&&e.jsx("button",{type:"button",onClick:Q,className:"bear-w-full bear-text-left bear-px-3 bear-py-1.5 bear-text-sm bear-rounded bear-transition-colors hover:bear-bg-primary-50 dark:hover:bear-bg-primary-900/20 bear-text-red-500",children:c.LABEL_CLEAR})]}),e.jsx(q,{year:v,month:D,range:b,onDayClick:z,onNav:ee,minDate:E,maxDate:h}),e.jsx(q,{year:V,month:$,range:b,onDayClick:z,onNav:()=>{},minDate:E,maxDate:h})]})}),l&&e.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-red-500",children:l}),!l&&x&&e.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500",children:x})]})};exports.DateRangePicker=oe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),O=require("../../utils/cn.cjs"),ae=require("../../hooks/useClickOutside.cjs");require("../../context/BearProvider.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");const n=require("../../constants/numbers.const.cjs"),c=require("../../constants/generals.const.cjs"),te=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.cjs"),se=require("../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.cjs");require("../FormControl/FormControl.context.cjs");const ne=require("@forgedevstack/bear-icons"),be=require("../OverlayPortal/OverlayPortal.cjs"),m=require("./DateRangePicker.const.cjs"),o=require("./DateRangePicker.utils.cjs"),q=({year:g,month:d,range:r,onDayClick:p,onNav:y,minDate:u,maxDate:N})=>{const E=o.getCalendarDays(g,d),h=new Date;return h.setHours(n.HOURS_MIDNIGHT,n.HOURS_MIDNIGHT,n.HOURS_MIDNIGHT,n.HOURS_MIDNIGHT),e.jsxs("div",{className:"bear-w-64",children:[e.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-mb-2",children:[e.jsx("button",{type:"button",onClick:()=>y(n.NEGATIVE_ONE),className:"bear-p-1 bear-rounded hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-text-gray-500 dark:bear-text-zinc-400","aria-label":"Previous month",children:e.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),e.jsxs("span",{className:"bear-text-sm bear-font-semibold bear-text-gray-900 dark:bear-text-white",children:[m.MONTH_LABELS[d]," ",g]}),e.jsx("button",{type:"button",onClick:()=>y(n.ONE),className:"bear-p-1 bear-rounded hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700 bear-text-gray-500 dark:bear-text-zinc-400","aria-label":"Next month",children:e.jsx("svg",{className:"bear-w-4 bear-h-4",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})})]}),e.jsx("div",{className:"bear-grid bear-grid-cols-7 bear-gap-0.5 bear-mb-1",children:m.DAY_LABELS.map(t=>e.jsx("div",{className:"bear-text-xs bear-text-center bear-font-medium bear-text-gray-400 dark:bear-text-zinc-500 bear-py-1",children:t},t))}),e.jsx("div",{className:"bear-grid bear-grid-cols-7 bear-gap-0.5",children:E.map((t,j)=>{if(!t)return e.jsx("div",{},`e-${j}`);const f=u&&t<u||N&&t>N,l=o.isSameDay(t,r.start)||o.isSameDay(t,r.end),x=o.isInRange(t,r.start,r.end),T=o.isSameDay(t,h);return e.jsx("button",{type:"button",disabled:!!f,onClick:()=>p(t),className:O.cn("bear-w-8 bear-h-8 bear-text-sm bear-rounded-full bear-transition-colors bear-cursor-pointer",f?"bear-text-gray-300 dark:bear-text-zinc-600 bear-cursor-not-allowed":"hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700",l&&"bear-bg-primary-500 bear-text-white",!l&&x&&"bear-bg-primary-100 dark:bear-bg-primary-900/30 bear-text-primary-800 dark:bear-text-primary-200",!l&&!x&&T&&"bear-ring-1 bear-ring-primary-400",!l&&!x&&!f&&"bear-text-gray-700 dark:bear-text-zinc-300"),children:t.getDate()},t.getTime())})})]})},oe=g=>{const{value:d,onChange:r,label:p,placeholder:y=c.PLACEHOLDER_SELECT_DATE_RANGE,disabled:u=c.BOOLEAN_FALSE,clearable:N=c.BOOLEAN_TRUE,minDate:E,maxDate:h,presets:t,showPresets:j=c.BOOLEAN_TRUE,size:f=c.SIZE_MD,error:l,helperText:x,className:T,testId:G,openEffect:le,closeEffect:ie,effect:ce,...B}=g,{openEffect:W,closeEffect:U}=se.resolveOverlayEffects(g),[R,w]=s.useState(!1),[b,k]=s.useState(d??{start:null,end:null}),[A,_]=s.useState(c.PICKING_START),P=s.useRef(null),I=s.useRef(null),L=s.useRef(null),{style:Y,ready:Z}=te.useFixedAnchorPosition({anchorRef:I,open:R,estimatedHeightPx:m.DATERANGE_DROPDOWN_HEIGHT_PX}),C=new Date,[D,F]=s.useState(C.getMonth()),[v,X]=s.useState(C.getFullYear()),M=o.resolveRightMonth(D),$=M.month,V=v+M.yearDelta;s.useEffect(()=>{d&&k(d)},[d]);const K=s.useCallback(()=>w(!1),[]);ae.useClickOutsideMultiple([P,L],K,{enabled:R});const z=s.useCallback(a=>{if(A==="start")k({start:a,end:null}),_("end");else{const i=a>=(b.start??a)?{start:b.start,end:a}:{start:a,end:b.start};k(i),_("start"),r==null||r(i)}},[A,b.start,r]),J=s.useCallback(a=>{k(a),r==null||r(a),w(!1),_("start")},[r]),Q=s.useCallback(()=>{const a={start:null,end:null};k(a),r==null||r(a),_("start")},[r]),ee=s.useCallback(a=>{let i=D+a,S=v;i<n.ZERO&&(i=n.LAST_MONTH_INDEX,S-=n.ONE),i>n.LAST_MONTH_INDEX&&(i=n.ZERO,S+=n.ONE),F(i),X(S)},[D,v]),H=t??(j?o.getDefaultPresets():[]),re=b.start?`${o.formatDate(b.start)}${b.end?` – ${o.formatDate(b.end)}`:""}`:y;return e.jsxs("div",{ref:P,className:O.cn("Bear-DateRangePicker bear-relative bear-inline-block",T),"data-testid":G,...B,children:[p&&e.jsx("label",{className:"Bear-DateRangePicker__label bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-zinc-300 bear-mb-1.5",children:p}),e.jsxs("button",{ref:I,type:"button",disabled:u,onClick:()=>!u&&w(!R),className:O.cn("bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-border-gray-300 dark:bear-border-zinc-600 bear-bg-white dark:bear-bg-zinc-800 bear-text-gray-900 dark:bear-text-white bear-transition-colors focus:bear-ring-2 focus:bear-ring-primary-500 bear-outline-none",m.SIZE_CLASSES[f],u&&"bear-opacity-50 bear-cursor-not-allowed"),children:[e.jsx("span",{className:O.cn(!b.start&&"bear-text-gray-400 dark:bear-text-zinc-500"),children:re}),e.jsx(ne.CalendarIcon,{className:"bear-w-4 bear-h-4 bear-ml-2 bear-text-gray-400"})]}),e.jsx(be.OverlayPortal,{open:R,ready:Z,style:Y,zIndex:m.DATERANGE_DROPDOWN_Z_INDEX,openEffect:W,closeEffect:U,panelRef:L,className:"bear-max-w-[calc(100vw-16px)] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-xl bear-shadow-xl bear-p-4 bear-overflow-x-auto",attributes:{[m.DATERANGE_DROPDOWN_ATTR]:c.EMPTY_STRING},children:e.jsxs("div",{className:"bear-flex bear-gap-4",children:[H.length>n.ZERO&&e.jsxs("div",{className:"bear-border-r bear-border-gray-200 dark:bear-border-zinc-700 bear-pr-3 bear-space-y-1",style:{minWidth:n.PRESET_SIDEBAR_MIN_WIDTH_PX},children:[H.map(a=>e.jsx("button",{type:"button",onClick:()=>J(a.range()),className:"bear-w-full bear-text-left bear-px-3 bear-py-1.5 bear-text-sm bear-rounded bear-transition-colors hover:bear-bg-primary-50 dark:hover:bear-bg-primary-900/20 bear-text-gray-700 dark:bear-text-zinc-300",children:a.label},a.label)),N&&b.start&&e.jsx("button",{type:"button",onClick:Q,className:"bear-w-full bear-text-left bear-px-3 bear-py-1.5 bear-text-sm bear-rounded bear-transition-colors hover:bear-bg-primary-50 dark:hover:bear-bg-primary-900/20 bear-text-red-500",children:c.LABEL_CLEAR})]}),e.jsx(q,{year:v,month:D,range:b,onDayClick:z,onNav:ee,minDate:E,maxDate:h}),e.jsx(q,{year:V,month:$,range:b,onDayClick:z,onNav:()=>{},minDate:E,maxDate:h})]})}),l&&e.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-red-500",children:l}),!l&&x&&e.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500",children:x})]})};exports.DateRangePicker=oe;

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -9,7 +9,7 @@ import { PLACEHOLDER_SELECT_DATE_RANGE as me, BOOLEAN_FALSE as fe, BOOLEAN_TRUE
 import { useFixedAnchorPosition as xe } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.js";
 import { resolveOverlayEffects as ye } from "../../hooks/useFixedAnchorPosition/useFixedAnchorPosition.utils.js";
 import "../FormControl/FormControl.context.js";
-import { CalendarIcon as ke } from "../Icon/index.js";
+import { CalendarIcon as ke } from "@forgedevstack/bear-icons";
 import { OverlayPortal as Ne } from "../OverlayPortal/OverlayPortal.js";
 import { DATERANGE_DROPDOWN_HEIGHT_PX as Ee, SIZE_CLASSES as ve, DATERANGE_DROPDOWN_Z_INDEX as _e, DATERANGE_DROPDOWN_ATTR as De, MONTH_LABELS as Re, DAY_LABELS as we } from "./DateRangePicker.const.js";
 import { getDefaultPresets as Ae, formatDate as Z, resolveRightMonth as Te, getCalendarDays as Le, isSameDay as z, isInRange as Oe } from "./DateRangePicker.utils.js";

package/dist/components/Drawer/Drawer.cjs

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

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

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../../constants/numbers.const.cjs"),E=require("../../constants/generals.const.cjs"),D=_.THREE_HUNDRED,R=E.POSITION_RIGHT,e=E.SIZE_MD;exports.DRAWER_ANIMATION_MS=D;exports.DRAWER_DEFAULT_SIDE=R;exports.DRAWER_DEFAULT_SIZE=e;

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

@@ -1,13 +1,4 @@
 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>;
-export declare const TRANSFORM_CLOSED: Record<DrawerSide, string>;
-export declare const BORDER_SIDE_MAP: Record<DrawerSide, string>;
-export {};
+export declare const DRAWER_DEFAULT_SIDE: NonNullable<DrawerProps['side']>;
+export declare const DRAWER_DEFAULT_SIZE: NonNullable<DrawerProps['size']>;