@forgedevstack/bear 1.3.0 → 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"),I=require("../Button/Button.cjs"),q=require("../Input/Input.cjs"),B=require("../Avatar/Avatar.cjs"),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(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;
+"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

@@ -5,8 +5,9 @@ import { useBear as H } from "../../context/BearProvider.js";
 import { Button as O } from "../Button/Button.js";
 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,
@@ -87,7 +88,7 @@ const z = ({
     /* @__PURE__ */ r("span", { className: "w-2 h-2 bg-gray-400 rounded-full animate-bounce", style: { animationDelay: "300ms" } })
   ] }),
   /* @__PURE__ */ r(m, { variant: "caption", className: "opacity-50", children: e })
-] }), Z = ({
+] }), ee = ({
   messages: e,
   onSend: o,
   isLoading: l = !1,
@@ -175,5 +176,5 @@ const z = ({
   );
 };
 export {
-  Z as Chat
+  ee as Chat
 };

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"),J=require("react-dom"),K=require("../Calendar/Calendar.cjs"),D=require("../../utils/cn.cjs"),Q=require("../../hooks/useBearStyles.cjs");require("../../hooks/useBearComponent/useBearComponent.cjs");require("../../context/BearProvider.cjs");require("../FormControl/FormControl.context.cjs");const U=require("./DatePicker.utils.cjs"),X=({value:c,onChange:t,minDate:y,maxDate:j,disabled:b=!1,placeholder:z="Select date",label:p,error:i,helperText:m,format:B="MM/DD/YYYY",clearable:P=!0,className:_,style:h,bis:v,showWeekNumbers:S=!1,disabledDates:q=[],highlightedDates:N=[],slots:g,weekdayLabels:R,firstDayOfWeek:V=0,size:H="md",variant:M="default",icon:O})=>{const[o,n]=a.useState(!1),[E,L]=a.useState(c??new Date),[x,Y]=a.useState({top:0,left:0}),k=a.useRef(null),d=a.useRef(null),w=Q.useBearStyles(v,h);a.useEffect(()=>{if(o&&d.current){const e=d.current.getBoundingClientRect(),l=8,s=360,G=window.innerHeight-e.bottom<s&&e.top>s;Y({top:G?e.top-s-l:e.bottom+l,left:e.left})}},[o]),a.useEffect(()=>{const e=l=>{var u,f;const s=l.target;(u=k.current)!=null&&u.contains(s)||(f=s.closest)!=null&&f.call(s,"[data-bear-datepicker-calendar]")||n(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const T=a.useCallback(e=>{t==null||t(e),n(!1)},[t]),A=a.useCallback(()=>{t==null||t(null),n(!1)},[t]),I=a.useCallback(e=>{L(e)},[]),W={sm:"bear-py-1.5 bear-px-3 bear-text-sm",md:"bear-py-2 bear-px-4",lg:"bear-py-2.5 bear-px-5 bear-text-lg"},F={default:"bear-bg-white dark:bear-bg-zinc-800 bear-border-zinc-300 dark:bear-border-zinc-600",filled:"bear-bg-zinc-100 dark:bear-bg-zinc-700 bear-border-transparent",outline:"bear-bg-transparent bear-border-zinc-400 dark:bear-border-zinc-500"};return r.jsxs("div",{ref:k,className:D.cn("Bear-DatePicker bear-relative",_),style:Object.keys(w).length?w:void 0,children:[p&&r.jsx("label",{className:"Bear-DatePicker__label bear-block bear-text-sm bear-font-medium bear-text-zinc-700 dark:bear-text-zinc-300 bear-mb-1.5",children:p}),r.jsxs("button",{ref:d,type:"button",onClick:()=>!b&&n(!o),disabled:b,className:D.cn("Bear-DatePicker__trigger bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",W[H],F[M],i?"bear-border-red-500":"focus:bear-border-primary-500",b&&"bear-opacity-50 bear-cursor-not-allowed",c?"bear-text-zinc-900 dark:bear-text-white":"bear-text-zinc-500"),children:[r.jsx("span",{className:"Bear-DatePicker__value",children:c?U.formatDate(c,B):z}),r.jsx("span",{className:"Bear-DatePicker__icon",children:O??r.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-zinc-400 bear-shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})})})]}),i&&r.jsx("p",{className:"Bear-DatePicker__error bear-mt-1 bear-text-xs bear-text-red-400",children:i}),m&&!i&&r.jsx("p",{className:"Bear-DatePicker__helper bear-mt-1 bear-text-xs bear-text-zinc-500",children:m}),o&&typeof document<"u"&&J.createPortal(r.jsx("div",{"data-bear-datepicker-calendar":!0,className:"Bear-DatePicker__dropdown bear-fixed bear-z-[9999]",style:{top:x.top,left:x.left},children:r.jsx(K.Calendar,{viewDate:E,onViewChange:I,value:c??null,onSelect:T,minDate:y,maxDate:j,disabledDates:q,highlightedDates:N,slots:g,weekdayLabels:R,firstDayOfWeek:V,showWeekNumbers:S,clearable:P,onClear:A,showTodayButton:!0,onToday:()=>{t==null||t(new Date),n(!1)}})}),document.body)]})};exports.DatePicker=X;
+"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.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _="Bear-DatePicker",E=360,e=11e3,A="data-bear-datepicker-calendar",r="Select date",D="MM/DD/YYYY",T=0,a={sm:"bear-py-1.5 bear-px-3 bear-text-sm",md:"bear-py-2 bear-px-4",lg:"bear-py-2.5 bear-px-5 bear-text-lg"},R={default:"bear-bg-white dark:bear-bg-zinc-800 bear-border-zinc-300 dark:bear-border-zinc-600",filled:"bear-bg-zinc-100 dark:bear-bg-zinc-700 bear-border-transparent",outline:"bear-bg-transparent bear-border-zinc-400 dark:bear-border-zinc-500"};exports.DATEPICKER_CALENDAR_ATTR=A;exports.DATEPICKER_DEFAULT_FIRST_DAY=T;exports.DATEPICKER_DEFAULT_FORMAT=D;exports.DATEPICKER_DEFAULT_PLACEHOLDER=r;exports.DATEPICKER_DROPDOWN_HEIGHT_PX=E;exports.DATEPICKER_DROPDOWN_Z_INDEX=e;exports.DATEPICKER_SIZE_CLASSES=a;exports.DATEPICKER_VARIANT_CLASSES=R;exports.D_A_T_E_P_I_C_K_E_R_ROOT_CLASS=_;

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

@@ -1 +1,17 @@
 export declare const D_A_T_E_P_I_C_K_E_R_ROOT_CLASS = "Bear-DatePicker";
+export declare const DATEPICKER_DROPDOWN_HEIGHT_PX = 360;
+export declare const DATEPICKER_DROPDOWN_Z_INDEX = 11000;
+export declare const DATEPICKER_CALENDAR_ATTR = "data-bear-datepicker-calendar";
+export declare const DATEPICKER_DEFAULT_PLACEHOLDER = "Select date";
+export declare const DATEPICKER_DEFAULT_FORMAT = "MM/DD/YYYY";
+export declare const DATEPICKER_DEFAULT_FIRST_DAY = 0;
+export declare const DATEPICKER_SIZE_CLASSES: {
+    readonly sm: "bear-py-1.5 bear-px-3 bear-text-sm";
+    readonly md: "bear-py-2 bear-px-4";
+    readonly lg: "bear-py-2.5 bear-px-5 bear-text-lg";
+};
+export declare const DATEPICKER_VARIANT_CLASSES: {
+    readonly default: "bear-bg-white dark:bear-bg-zinc-800 bear-border-zinc-300 dark:bear-border-zinc-600";
+    readonly filled: "bear-bg-zinc-100 dark:bear-bg-zinc-700 bear-border-transparent";
+    readonly outline: "bear-bg-transparent bear-border-zinc-400 dark:bear-border-zinc-500";
+};

package/dist/components/DatePicker/DatePicker.const.js

@@ -0,0 +1,20 @@
+const e = "Bear-DatePicker", r = 360, a = 11e3, _ = "data-bear-datepicker-calendar", b = "Select date", E = "MM/DD/YYYY", t = 0, A = {
+  sm: "bear-py-1.5 bear-px-3 bear-text-sm",
+  md: "bear-py-2 bear-px-4",
+  lg: "bear-py-2.5 bear-px-5 bear-text-lg"
+}, D = {
+  default: "bear-bg-white dark:bear-bg-zinc-800 bear-border-zinc-300 dark:bear-border-zinc-600",
+  filled: "bear-bg-zinc-100 dark:bear-bg-zinc-700 bear-border-transparent",
+  outline: "bear-bg-transparent bear-border-zinc-400 dark:bear-border-zinc-500"
+};
+export {
+  _ as DATEPICKER_CALENDAR_ATTR,
+  t as DATEPICKER_DEFAULT_FIRST_DAY,
+  E as DATEPICKER_DEFAULT_FORMAT,
+  b as DATEPICKER_DEFAULT_PLACEHOLDER,
+  r as DATEPICKER_DROPDOWN_HEIGHT_PX,
+  a as DATEPICKER_DROPDOWN_Z_INDEX,
+  A as DATEPICKER_SIZE_CLASSES,
+  D as DATEPICKER_VARIANT_CLASSES,
+  e as D_A_T_E_P_I_C_K_E_R_ROOT_CLASS
+};