@forgedevstack/bear 1.1.1 → 1.1.4

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

@@ -0,0 +1,9 @@
+export declare const MENU_CLASSES = "Bear-ContextMenu bear-fixed bear-z-[99999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-py-1 bear-min-w-[180px] bear-animate-in";
+export declare const ITEM_CLASSES = "bear-flex bear-items-center bear-justify-between bear-px-3 bear-py-1.5 bear-text-sm bear-cursor-pointer bear-transition-colors bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-700";
+export declare const ITEM_DISABLED_CLASSES = "bear-opacity-40 bear-cursor-not-allowed";
+export declare const ITEM_DANGER_CLASSES = "bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20";
+export declare const DIVIDER_CLASSES = "bear-my-1 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700";
+export declare const ICON_CLASSES = "bear-mr-2 bear-w-4 bear-h-4 bear-flex-shrink-0";
+export declare const SHORTCUT_CLASSES = "bear-text-xs bear-text-gray-400 dark:bear-text-zinc-500 bear-ml-4";
+export declare const SUB_INDICATOR_CLASSES = "bear-ml-2 bear-text-gray-400 dark:bear-text-zinc-500";
+export declare const SUB_MENU_OFFSET = 4;

package/dist/components/ContextMenu/ContextMenu.const.js

@@ -0,0 +1,12 @@
+const r = "Bear-ContextMenu bear-fixed bear-z-[99999] bear-bg-white dark:bear-bg-zinc-800 bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-py-1 bear-min-w-[180px] bear-animate-in", e = "bear-flex bear-items-center bear-justify-between bear-px-3 bear-py-1.5 bear-text-sm bear-cursor-pointer bear-transition-colors bear-text-gray-700 dark:bear-text-zinc-300 hover:bear-bg-gray-50 dark:hover:bear-bg-zinc-700", a = "bear-opacity-40 bear-cursor-not-allowed", b = "bear-text-red-600 dark:bear-text-red-400 hover:bear-bg-red-50 dark:hover:bear-bg-red-900/20", t = "bear-my-1 bear-border-t bear-border-gray-200 dark:bear-border-zinc-700", o = "bear-mr-2 bear-w-4 bear-h-4 bear-flex-shrink-0", n = "bear-text-xs bear-text-gray-400 dark:bear-text-zinc-500 bear-ml-4", S = "bear-ml-2 bear-text-gray-400 dark:bear-text-zinc-500", d = 4;
+export {
+  t as DIVIDER_CLASSES,
+  o as ICON_CLASSES,
+  e as ITEM_CLASSES,
+  b as ITEM_DANGER_CLASSES,
+  a as ITEM_DISABLED_CLASSES,
+  r as MENU_CLASSES,
+  n as SHORTCUT_CLASSES,
+  S as SUB_INDICATOR_CLASSES,
+  d as SUB_MENU_OFFSET
+};

package/dist/components/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ContextMenuProps } from './ContextMenu.types';
+export declare const ContextMenu: FC<ContextMenuProps>;
+export default ContextMenu;

package/dist/components/ContextMenu/ContextMenu.js

@@ -0,0 +1,64 @@
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { useState as S, useRef as L, useCallback as m, useEffect as N } from "react";
+import { cn as _ } from "../../utils/cn.js";
+import { SUB_MENU_OFFSET as h, MENU_CLASSES as A, DIVIDER_CLASSES as I, ICON_CLASSES as M, SHORTCUT_CLASSES as y, SUB_INDICATOR_CLASSES as k, ITEM_DANGER_CLASSES as C, ITEM_DISABLED_CLASSES as D, ITEM_CLASSES as R } from "./ContextMenu.const.js";
+const T = (c) => "type" in c && c.type === "divider", b = ({ items: c, position: o, onClose: l }) => {
+  const [r, a] = S(null), [i, u] = S({ x: 0, y: 0 }), f = L(null), E = m((s) => {
+    var e;
+    s.disabled || s.children || ((e = s.onClick) == null || e.call(s), l());
+  }, [l]), p = m((s, e) => {
+    if (s.children) {
+      const t = e.currentTarget.getBoundingClientRect();
+      u({ x: t.right + h, y: t.top }), a(s.id);
+    } else
+      a(null);
+  }, []);
+  return /* @__PURE__ */ n("div", { ref: f, className: A, style: { left: o.x, top: o.y }, role: "menu", children: c.map((s) => {
+    if (T(s)) return /* @__PURE__ */ n("div", { className: I, role: "separator" }, s.id);
+    const e = s;
+    return /* @__PURE__ */ d("div", { children: [
+      /* @__PURE__ */ d(
+        "div",
+        {
+          className: _(R, e.disabled && D, e.danger && C),
+          onClick: () => E(e),
+          onMouseEnter: (t) => p(e, t),
+          role: "menuitem",
+          "aria-disabled": e.disabled,
+          children: [
+            /* @__PURE__ */ d("span", { className: "bear-flex bear-items-center", children: [
+              e.icon && /* @__PURE__ */ n("span", { className: M, children: e.icon }),
+              e.label
+            ] }),
+            /* @__PURE__ */ d("span", { className: "bear-flex bear-items-center", children: [
+              e.shortcut && /* @__PURE__ */ n("span", { className: y, children: e.shortcut }),
+              e.children && /* @__PURE__ */ n("span", { className: k, children: "▸" })
+            ] })
+          ]
+        }
+      ),
+      e.children && r === e.id && /* @__PURE__ */ n(b, { items: e.children, position: i, onClose: l })
+    ] }, e.id);
+  }) });
+}, j = ({ items: c, children: o, disabled: l = !1, onOpenChange: r, testId: a }) => {
+  const [i, u] = S(!1), [f, E] = S({ x: 0, y: 0 }), p = L(null), s = m(() => {
+    u(!1), r == null || r(!1);
+  }, [r]), e = m((t) => {
+    l || (t.preventDefault(), E({ x: t.clientX, y: t.clientY }), u(!0), r == null || r(!0));
+  }, [l, r]);
+  return N(() => {
+    if (!i) return;
+    const t = () => s(), v = (x) => {
+      x.key === "Escape" && s();
+    };
+    return document.addEventListener("mousedown", t), document.addEventListener("keydown", v), () => {
+      document.removeEventListener("mousedown", t), document.removeEventListener("keydown", v);
+    };
+  }, [i, s]), /* @__PURE__ */ d("div", { ref: p, onContextMenu: e, "data-testid": a, children: [
+    o,
+    i && /* @__PURE__ */ n(b, { items: c, position: f, onClose: s })
+  ] });
+};
+export {
+  j as ContextMenu
+};

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

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+export interface ContextMenuItem {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    shortcut?: string;
+    disabled?: boolean;
+    danger?: boolean;
+    children?: ContextMenuItem[];
+    onClick?: () => void;
+}
+export interface ContextMenuDivider {
+    id: string;
+    type: 'divider';
+}
+export type ContextMenuEntry = ContextMenuItem | ContextMenuDivider;
+export interface ContextMenuProps {
+    items: ContextMenuEntry[];
+    children: ReactNode;
+    disabled?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { ContextMenu } from './ContextMenu';
+export type { ContextMenuProps, ContextMenuEntry, ContextMenuItem, ContextMenuDivider } from './ContextMenu.types';

package/dist/components/DateRangePicker/DateRangePicker.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),L=require("../../utils/cn.cjs"),t=require("./DateRangePicker.const.cjs"),d=require("./DateRangePicker.utils.cjs"),B=({year:k,month:i,range:a,onDayClick:A,onNav:N,minDate:b,maxDate:C})=>{const j=d.getCalendarDays(k,i),m=new Date;return m.setHours(0,0,0,0),e.jsxs("div",{className:"bear-w-64",children:[e.jsxs("div",{className:t.CALENDAR_HEADER_CLASSES,children:[e.jsx("button",{type:"button",onClick:()=>N(-1),className:t.NAV_BTN_CLASSES,"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:[t.MONTH_LABELS[i]," ",k]}),e.jsx("button",{type:"button",onClick:()=>N(1),className:t.NAV_BTN_CLASSES,"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:t.DAY_LABELS.map(r=>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:r},r))}),e.jsx("div",{className:"bear-grid bear-grid-cols-7 bear-gap-0.5",children:j.map((r,_)=>{if(!r)return e.jsx("div",{},`e-${_}`);const x=b&&r<b||C&&r>C,o=d.isSameDay(r,a.start)||d.isSameDay(r,a.end),S=d.isInRange(r,a.start,a.end),g=d.isSameDay(r,m);return e.jsx("button",{type:"button",disabled:!!x,onClick:()=>A(r),className:L.cn(t.DAY_BASE_CLASSES,x?t.DAY_DISABLED_CLASSES:t.DAY_HOVER_CLASSES,o&&t.DAY_SELECTED_CLASSES,!o&&S&&t.DAY_IN_RANGE_CLASSES,!o&&!S&&g&&t.DAY_TODAY_CLASSES,!o&&!S&&!x&&"bear-text-gray-700 dark:bear-text-zinc-300"),children:r.getDate()},r.getTime())})})]})},G=k=>{const{value:i,onChange:a,label:A,placeholder:N="Select date range",disabled:b=!1,clearable:C=!0,minDate:j,maxDate:m,presets:r,showPresets:_=!0,size:x="md",error:o,helperText:S,className:g,testId:Y,...M}=k,[R,f]=l.useState(!1),[n,h]=l.useState(i??{start:null,end:null}),[y,p]=l.useState("start"),D=l.useRef(null),w=new Date,[u,O]=l.useState(w.getMonth()),[E,I]=l.useState(w.getFullYear()),z=u===11?0:u+1,H=u===11?E+1:E;l.useEffect(()=>{i&&h(i)},[i]),l.useEffect(()=>{const s=c=>{D.current&&!D.current.contains(c.target)&&f(!1)};return document.addEventListener("mousedown",s),()=>document.removeEventListener("mousedown",s)},[]);const T=l.useCallback(s=>{if(y==="start")h({start:s,end:null}),p("end");else{const c=s>=(n.start??s)?{start:n.start,end:s}:{start:s,end:n.start};h(c),p("start"),a==null||a(c)}},[y,n.start,a]),V=l.useCallback(s=>{h(s),a==null||a(s),f(!1),p("start")},[a]),q=l.useCallback(()=>{const s={start:null,end:null};h(s),a==null||a(s),p("start")},[a]),W=l.useCallback(s=>{let c=u+s,v=E;c<0&&(c=11,v--),c>11&&(c=0,v++),O(c),I(v)},[u,E]),P=r??(_?t.getDefaultPresets():[]),$=n.start?`${d.formatDate(n.start)}${n.end?` – ${d.formatDate(n.end)}`:""}`:N;return e.jsxs("div",{ref:D,className:L.cn(t.ROOT_CLASSES,g),"data-testid":Y,...M,children:[A&&e.jsx("label",{className:t.LABEL_CLASSES,children:A}),e.jsxs("button",{type:"button",disabled:b,onClick:()=>!b&&f(!R),className:L.cn(t.TRIGGER_CLASSES,t.SIZE_CLASSES[x],b&&"bear-opacity-50 bear-cursor-not-allowed"),children:[e.jsx("span",{className:L.cn(!n.start&&"bear-text-gray-400 dark:bear-text-zinc-500"),children:$}),e.jsx("svg",{className:"bear-w-4 bear-h-4 bear-ml-2 bear-text-gray-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.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"})})]}),R&&e.jsx("div",{className:t.DROPDOWN_CLASSES,children:e.jsxs("div",{className:"bear-flex bear-gap-4",children:[P.length>0&&e.jsxs("div",{className:"bear-border-r bear-border-gray-200 dark:bear-border-zinc-700 bear-pr-3 bear-space-y-1 bear-min-w-[120px]",children:[P.map(s=>e.jsx("button",{type:"button",onClick:()=>V(s.range()),className:t.PRESET_BTN_CLASSES,children:s.label},s.label)),C&&n.start&&e.jsx("button",{type:"button",onClick:q,className:L.cn(t.PRESET_BTN_CLASSES,"bear-text-red-500"),children:"Clear"})]}),e.jsx(B,{year:E,month:u,range:n,onDayClick:T,onNav:W,minDate:j,maxDate:m}),e.jsx(B,{year:H,month:z,range:n,onDayClick:T,onNav:()=>{},minDate:j,maxDate:m})]})}),o&&e.jsx("p",{className:t.ERROR_CLASSES,children:o}),!o&&S&&e.jsx("p",{className:t.HELPER_CLASSES,children:S})]})};exports.DateRangePicker=G;

package/dist/components/DateRangePicker/DateRangePicker.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=7,b=6,S=["Su","Mo","Tu","We","Th","Fr","Sa"],n=["January","February","March","April","May","June","July","August","September","October","November","December"],o={sm:"bear-py-1.5 bear-px-3 bear-text-sm",md:"bear-py-2 bear-px-4 bear-text-base",lg:"bear-py-2.5 bear-px-5 bear-text-lg"},E="Bear-DateRangePicker bear-relative bear-inline-block",A="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-pink-500 bear-outline-none",s="bear-absolute bear-z-[9999] bear-mt-1 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-flex bear-items-center bear-justify-between bear-mb-2",L="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",c="bear-w-8 bear-h-8 bear-text-sm bear-rounded-full bear-transition-colors bear-cursor-pointer",D="bear-bg-pink-500 bear-text-white",i="bear-bg-pink-100 dark:bear-bg-pink-900/30 bear-text-pink-800 dark:bear-text-pink-200",g="hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700",l="bear-text-gray-300 dark:bear-text-zinc-600 bear-cursor-not-allowed",d="bear-ring-1 bear-ring-pink-400",u="bear-w-full bear-text-left bear-px-3 bear-py-1.5 bear-text-sm bear-rounded bear-transition-colors hover:bear-bg-pink-50 dark:hover:bear-bg-pink-900/20 bear-text-gray-700 dark:bear-text-zinc-300",C="Bear-DateRangePicker__label bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-zinc-300 bear-mb-1.5",x="bear-mt-1 bear-text-xs bear-text-red-500",R="bear-mt-1 bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500",k=()=>{const e=new Date;return e.setHours(0,0,0,0),[{label:"Today",range:()=>({start:new Date(e),end:new Date(e)})},{label:"Last 7 days",range:()=>{const r=new Date(e);return r.setDate(r.getDate()-6),{start:r,end:new Date(e)}}},{label:"Last 30 days",range:()=>{const r=new Date(e);return r.setDate(r.getDate()-29),{start:r,end:new Date(e)}}},{label:"This month",range:()=>({start:new Date(e.getFullYear(),e.getMonth(),1),end:new Date(e)})},{label:"Last month",range:()=>{const r=new Date(e.getFullYear(),e.getMonth()-1,1),a=new Date(e.getFullYear(),e.getMonth(),0);return{start:r,end:a}}}]};exports.CALENDAR_HEADER_CLASSES=_;exports.CALENDAR_ROWS=b;exports.DAYS_IN_WEEK=t;exports.DAY_BASE_CLASSES=c;exports.DAY_DISABLED_CLASSES=l;exports.DAY_HOVER_CLASSES=g;exports.DAY_IN_RANGE_CLASSES=i;exports.DAY_LABELS=S;exports.DAY_SELECTED_CLASSES=D;exports.DAY_TODAY_CLASSES=d;exports.DROPDOWN_CLASSES=s;exports.ERROR_CLASSES=x;exports.HELPER_CLASSES=R;exports.LABEL_CLASSES=C;exports.MONTH_LABELS=n;exports.NAV_BTN_CLASSES=L;exports.PRESET_BTN_CLASSES=u;exports.ROOT_CLASSES=E;exports.SIZE_CLASSES=o;exports.TRIGGER_CLASSES=A;exports.getDefaultPresets=k;

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

@@ -0,0 +1,27 @@
+import { DateRangePreset } from './DateRangePicker.types';
+export declare const DAYS_IN_WEEK = 7;
+export declare const MONTHS_IN_YEAR = 12;
+export declare const CALENDAR_ROWS = 6;
+export declare const DAY_LABELS: readonly ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+export declare const MONTH_LABELS: readonly ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+export declare const SIZE_CLASSES: {
+    readonly sm: "bear-py-1.5 bear-px-3 bear-text-sm";
+    readonly md: "bear-py-2 bear-px-4 bear-text-base";
+    readonly lg: "bear-py-2.5 bear-px-5 bear-text-lg";
+};
+export declare const ROOT_CLASSES = "Bear-DateRangePicker bear-relative bear-inline-block";
+export declare const TRIGGER_CLASSES = "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-pink-500 bear-outline-none";
+export declare const DROPDOWN_CLASSES = "bear-absolute bear-z-[9999] bear-mt-1 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";
+export declare const CALENDAR_HEADER_CLASSES = "bear-flex bear-items-center bear-justify-between bear-mb-2";
+export declare const NAV_BTN_CLASSES = "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";
+export declare const DAY_BASE_CLASSES = "bear-w-8 bear-h-8 bear-text-sm bear-rounded-full bear-transition-colors bear-cursor-pointer";
+export declare const DAY_SELECTED_CLASSES = "bear-bg-pink-500 bear-text-white";
+export declare const DAY_IN_RANGE_CLASSES = "bear-bg-pink-100 dark:bear-bg-pink-900/30 bear-text-pink-800 dark:bear-text-pink-200";
+export declare const DAY_HOVER_CLASSES = "hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700";
+export declare const DAY_DISABLED_CLASSES = "bear-text-gray-300 dark:bear-text-zinc-600 bear-cursor-not-allowed";
+export declare const DAY_TODAY_CLASSES = "bear-ring-1 bear-ring-pink-400";
+export declare const PRESET_BTN_CLASSES = "bear-w-full bear-text-left bear-px-3 bear-py-1.5 bear-text-sm bear-rounded bear-transition-colors hover:bear-bg-pink-50 dark:hover:bear-bg-pink-900/20 bear-text-gray-700 dark:bear-text-zinc-300";
+export declare const LABEL_CLASSES = "Bear-DateRangePicker__label bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-zinc-300 bear-mb-1.5";
+export declare const ERROR_CLASSES = "bear-mt-1 bear-text-xs bear-text-red-500";
+export declare const HELPER_CLASSES = "bear-mt-1 bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500";
+export declare const getDefaultPresets: () => DateRangePreset[];

package/dist/components/DateRangePicker/DateRangePicker.const.js

@@ -0,0 +1,74 @@
+const t = 7, b = 6, n = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], o = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+], s = {
+  sm: "bear-py-1.5 bear-px-3 bear-text-sm",
+  md: "bear-py-2 bear-px-4 bear-text-base",
+  lg: "bear-py-2.5 bear-px-5 bear-text-lg"
+}, S = "Bear-DateRangePicker bear-relative bear-inline-block", c = "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-pink-500 bear-outline-none", i = "bear-absolute bear-z-[9999] bear-mt-1 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", g = "bear-flex bear-items-center bear-justify-between bear-mb-2", l = "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", d = "bear-w-8 bear-h-8 bear-text-sm bear-rounded-full bear-transition-colors bear-cursor-pointer", A = "bear-bg-pink-500 bear-text-white", E = "bear-bg-pink-100 dark:bear-bg-pink-900/30 bear-text-pink-800 dark:bear-text-pink-200", x = "hover:bear-bg-gray-100 dark:hover:bear-bg-zinc-700", D = "bear-text-gray-300 dark:bear-text-zinc-600 bear-cursor-not-allowed", u = "bear-ring-1 bear-ring-pink-400", _ = "bear-w-full bear-text-left bear-px-3 bear-py-1.5 bear-text-sm bear-rounded bear-transition-colors hover:bear-bg-pink-50 dark:hover:bear-bg-pink-900/20 bear-text-gray-700 dark:bear-text-zinc-300", L = "Bear-DateRangePicker__label bear-block bear-text-sm bear-font-medium bear-text-gray-700 dark:bear-text-zinc-300 bear-mb-1.5", k = "bear-mt-1 bear-text-xs bear-text-red-500", y = "bear-mt-1 bear-text-xs bear-text-gray-500 dark:bear-text-zinc-500", p = () => {
+  const e = /* @__PURE__ */ new Date();
+  return e.setHours(0, 0, 0, 0), [
+    {
+      label: "Today",
+      range: () => ({ start: new Date(e), end: new Date(e) })
+    },
+    {
+      label: "Last 7 days",
+      range: () => {
+        const r = new Date(e);
+        return r.setDate(r.getDate() - 6), { start: r, end: new Date(e) };
+      }
+    },
+    {
+      label: "Last 30 days",
+      range: () => {
+        const r = new Date(e);
+        return r.setDate(r.getDate() - 29), { start: r, end: new Date(e) };
+      }
+    },
+    {
+      label: "This month",
+      range: () => ({ start: new Date(e.getFullYear(), e.getMonth(), 1), end: new Date(e) })
+    },
+    {
+      label: "Last month",
+      range: () => {
+        const r = new Date(e.getFullYear(), e.getMonth() - 1, 1), a = new Date(e.getFullYear(), e.getMonth(), 0);
+        return { start: r, end: a };
+      }
+    }
+  ];
+};
+export {
+  g as CALENDAR_HEADER_CLASSES,
+  b as CALENDAR_ROWS,
+  t as DAYS_IN_WEEK,
+  d as DAY_BASE_CLASSES,
+  D as DAY_DISABLED_CLASSES,
+  x as DAY_HOVER_CLASSES,
+  E as DAY_IN_RANGE_CLASSES,
+  n as DAY_LABELS,
+  A as DAY_SELECTED_CLASSES,
+  u as DAY_TODAY_CLASSES,
+  i as DROPDOWN_CLASSES,
+  k as ERROR_CLASSES,
+  y as HELPER_CLASSES,
+  L as LABEL_CLASSES,
+  o as MONTH_LABELS,
+  l as NAV_BTN_CLASSES,
+  _ as PRESET_BTN_CLASSES,
+  S as ROOT_CLASSES,
+  s as SIZE_CLASSES,
+  c as TRIGGER_CLASSES,
+  p as getDefaultPresets
+};

package/dist/components/DateRangePicker/DateRangePicker.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { DateRangePickerProps } from './DateRangePicker.types';
+export declare const DateRangePicker: FC<DateRangePickerProps>;
+export default DateRangePicker;

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -0,0 +1,115 @@
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { useState as p, useRef as Q, useEffect as O, useCallback as g } from "react";
+import { cn as E } from "../../utils/cn.js";
+import { getDefaultPresets as U, LABEL_CLASSES as X, SIZE_CLASSES as ee, TRIGGER_CLASSES as te, DROPDOWN_CLASSES as re, PRESET_BTN_CLASSES as P, ERROR_CLASSES as ae, HELPER_CLASSES as se, ROOT_CLASSES as ne, CALENDAR_HEADER_CLASSES as le, NAV_BTN_CLASSES as I, MONTH_LABELS as oe, DAY_LABELS as ce, DAY_TODAY_CLASSES as ie, DAY_IN_RANGE_CLASSES as de, DAY_SELECTED_CLASSES as be, DAY_DISABLED_CLASSES as me, DAY_HOVER_CLASSES as Se, DAY_BASE_CLASSES as ue } from "./DateRangePicker.const.js";
+import { formatDate as z, getCalendarDays as he, isSameDay as w, isInRange as pe } from "./DateRangePicker.utils.js";
+const H = ({ year: L, month: o, range: r, onDayClick: A, onNav: N, minDate: i, maxDate: f }) => {
+  const k = he(L, o), m = /* @__PURE__ */ new Date();
+  return m.setHours(0, 0, 0, 0), /* @__PURE__ */ c("div", { className: "bear-w-64", children: [
+    /* @__PURE__ */ c("div", { className: le, children: [
+      /* @__PURE__ */ e("button", { type: "button", onClick: () => N(-1), className: I, "aria-label": "Previous month", children: /* @__PURE__ */ e("svg", { className: "bear-w-4 bear-h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }),
+      /* @__PURE__ */ c("span", { className: "bear-text-sm bear-font-semibold bear-text-gray-900 dark:bear-text-white", children: [
+        oe[o],
+        " ",
+        L
+      ] }),
+      /* @__PURE__ */ e("button", { type: "button", onClick: () => N(1), className: I, "aria-label": "Next month", children: /* @__PURE__ */ e("svg", { className: "bear-w-4 bear-h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "bear-grid bear-grid-cols-7 bear-gap-0.5 bear-mb-1", children: ce.map((a) => /* @__PURE__ */ e("div", { className: "bear-text-xs bear-text-center bear-font-medium bear-text-gray-400 dark:bear-text-zinc-500 bear-py-1", children: a }, a)) }),
+    /* @__PURE__ */ e("div", { className: "bear-grid bear-grid-cols-7 bear-gap-0.5", children: k.map((a, _) => {
+      if (!a) return /* @__PURE__ */ e("div", {}, `e-${_}`);
+      const S = i && a < i || f && a > f, l = w(a, r.start) || w(a, r.end), d = pe(a, r.start, r.end), D = w(a, m);
+      return /* @__PURE__ */ e(
+        "button",
+        {
+          type: "button",
+          disabled: !!S,
+          onClick: () => A(a),
+          className: E(
+            ue,
+            S ? me : Se,
+            l && be,
+            !l && d && de,
+            !l && !d && D && ie,
+            !l && !d && !S && "bear-text-gray-700 dark:bear-text-zinc-300"
+          ),
+          children: a.getDate()
+        },
+        a.getTime()
+      );
+    }) })
+  ] });
+}, ke = (L) => {
+  const {
+    value: o,
+    onChange: r,
+    label: A,
+    placeholder: N = "Select date range",
+    disabled: i = !1,
+    clearable: f = !0,
+    minDate: k,
+    maxDate: m,
+    presets: a,
+    showPresets: _ = !0,
+    size: S = "md",
+    error: l,
+    helperText: d,
+    className: D,
+    testId: j,
+    ...V
+  } = L, [y, v] = p(!1), [s, u] = p(o ?? { start: null, end: null }), [T, C] = p("start"), x = Q(null), Y = /* @__PURE__ */ new Date(), [b, W] = p(Y.getMonth()), [h, $] = p(Y.getFullYear()), G = b === 11 ? 0 : b + 1, F = b === 11 ? h + 1 : h;
+  O(() => {
+    o && u(o);
+  }, [o]), O(() => {
+    const t = (n) => {
+      x.current && !x.current.contains(n.target) && v(!1);
+    };
+    return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
+  }, []);
+  const B = g((t) => {
+    if (T === "start")
+      u({ start: t, end: null }), C("end");
+    else {
+      const n = t >= (s.start ?? t) ? { start: s.start, end: t } : { start: t, end: s.start };
+      u(n), C("start"), r == null || r(n);
+    }
+  }, [T, s.start, r]), Z = g((t) => {
+    u(t), r == null || r(t), v(!1), C("start");
+  }, [r]), q = g(() => {
+    const t = { start: null, end: null };
+    u(t), r == null || r(t), C("start");
+  }, [r]), J = g((t) => {
+    let n = b + t, R = h;
+    n < 0 && (n = 11, R--), n > 11 && (n = 0, R++), W(n), $(R);
+  }, [b, h]), M = a ?? (_ ? U() : []), K = s.start ? `${z(s.start)}${s.end ? ` – ${z(s.end)}` : ""}` : N;
+  return /* @__PURE__ */ c("div", { ref: x, className: E(ne, D), "data-testid": j, ...V, children: [
+    A && /* @__PURE__ */ e("label", { className: X, children: A }),
+    /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        disabled: i,
+        onClick: () => !i && v(!y),
+        className: E(te, ee[S], i && "bear-opacity-50 bear-cursor-not-allowed"),
+        children: [
+          /* @__PURE__ */ e("span", { className: E(!s.start && "bear-text-gray-400 dark:bear-text-zinc-500"), children: K }),
+          /* @__PURE__ */ e("svg", { className: "bear-w-4 bear-h-4 bear-ml-2 bear-text-gray-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ e("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" }) })
+        ]
+      }
+    ),
+    y && /* @__PURE__ */ e("div", { className: re, children: /* @__PURE__ */ c("div", { className: "bear-flex bear-gap-4", children: [
+      M.length > 0 && /* @__PURE__ */ c("div", { className: "bear-border-r bear-border-gray-200 dark:bear-border-zinc-700 bear-pr-3 bear-space-y-1 bear-min-w-[120px]", children: [
+        M.map((t) => /* @__PURE__ */ e("button", { type: "button", onClick: () => Z(t.range()), className: P, children: t.label }, t.label)),
+        f && s.start && /* @__PURE__ */ e("button", { type: "button", onClick: q, className: E(P, "bear-text-red-500"), children: "Clear" })
+      ] }),
+      /* @__PURE__ */ e(H, { year: h, month: b, range: s, onDayClick: B, onNav: J, minDate: k, maxDate: m }),
+      /* @__PURE__ */ e(H, { year: F, month: G, range: s, onDayClick: B, onNav: () => {
+      }, minDate: k, maxDate: m })
+    ] }) }),
+    l && /* @__PURE__ */ e("p", { className: ae, children: l }),
+    !l && d && /* @__PURE__ */ e("p", { className: se, children: d })
+  ] });
+};
+export {
+  ke as DateRangePicker
+};

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

@@ -0,0 +1,26 @@
+import { HTMLAttributes } from 'react';
+export interface DateRange {
+    start: Date | null;
+    end: Date | null;
+}
+export interface DateRangePreset {
+    label: string;
+    range: () => DateRange;
+}
+export interface DateRangePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: DateRange;
+    onChange?: (range: DateRange) => void;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    format?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    presets?: DateRangePreset[];
+    showPresets?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    error?: string;
+    helperText?: string;
+    testId?: string;
+}

package/dist/components/DateRangePicker/DateRangePicker.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./DateRangePicker.const.cjs"),l=(t,e)=>!t||!e?!1:t.getFullYear()===e.getFullYear()&&t.getMonth()===e.getMonth()&&t.getDate()===e.getDate(),i=(t,e,n)=>{if(!e||!n)return!1;const s=t.getTime();return s>e.getTime()&&s<n.getTime()},u=t=>{if(!t)return"";const e=(t.getMonth()+1).toString().padStart(2,"0"),n=t.getDate().toString().padStart(2,"0");return`${e}/${n}/${t.getFullYear()}`},D=(t,e)=>{const n=new Date(t,e,1).getDay(),s=new Date(t,e+1,0).getDate(),g=o.CALENDAR_ROWS*o.DAYS_IN_WEEK,r=[];for(let a=0;a<n;a++)r.push(null);for(let a=1;a<=s;a++)r.push(new Date(t,e,a));for(;r.length<g;)r.push(null);return r};exports.formatDate=u;exports.getCalendarDays=D;exports.isInRange=i;exports.isSameDay=l;

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

@@ -0,0 +1,4 @@
+export declare const isSameDay: (a: Date | null, b: Date | null) => boolean;
+export declare const isInRange: (day: Date, start: Date | null, end: Date | null) => boolean;
+export declare const formatDate: (d: Date | null) => string;
+export declare const getCalendarDays: (year: number, month: number) => (Date | null)[];

package/dist/components/DateRangePicker/DateRangePicker.utils.js

@@ -0,0 +1,22 @@
+import { CALENDAR_ROWS as l, DAYS_IN_WEEK as g } from "./DateRangePicker.const.js";
+const i = (t, e) => !t || !e ? !1 : t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate(), D = (t, e, n) => {
+  if (!e || !n) return !1;
+  const o = t.getTime();
+  return o > e.getTime() && o < n.getTime();
+}, c = (t) => {
+  if (!t) return "";
+  const e = (t.getMonth() + 1).toString().padStart(2, "0"), n = t.getDate().toString().padStart(2, "0");
+  return `${e}/${n}/${t.getFullYear()}`;
+}, f = (t, e) => {
+  const n = new Date(t, e, 1).getDay(), o = new Date(t, e + 1, 0).getDate(), s = l * g, a = [];
+  for (let r = 0; r < n; r++) a.push(null);
+  for (let r = 1; r <= o; r++) a.push(new Date(t, e, r));
+  for (; a.length < s; ) a.push(null);
+  return a;
+};
+export {
+  c as formatDate,
+  f as getCalendarDays,
+  D as isInRange,
+  i as isSameDay
+};

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

@@ -0,0 +1,2 @@
+export { DateRangePicker } from './DateRangePicker';
+export type { DateRangePickerProps, DateRange, DateRangePreset } from './DateRangePicker.types';

package/dist/components/Descriptions/Descriptions.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),n=require("../../utils/cn.cjs");require("react");const S=require("../Typography/Typography.cjs"),e=require("./Descriptions.const.cjs"),N=b=>{const{title:p,items:d,columns:y=e.DEFAULT_COLUMNS,bordered:c=!1,size:D="md",layout:o="horizontal",labelWidth:L,className:A,testId:R,...g}=b,_=e.SIZE_CLASSES[D],v=c?e.BORDERED_LABEL_CELL_CLASSES:e.UNBORDERED_LABEL_CELL_CLASSES,B=c?e.BORDERED_VALUE_CELL_CLASSES:e.UNBORDERED_VALUE_CELL_CLASSES,h=(r,s)=>a.jsx("tr",{className:"Bear-Descriptions__row",children:r.flatMap((l,m)=>{const u=l.span??1,C=s*100+m;return[a.jsx("td",{colSpan:u,className:n.cn("Bear-Descriptions__label-cell",_.label,v,o==="vertical"&&"bear-align-top"),style:L?{width:L}:void 0,children:a.jsx(S.Typography,{variant:"body2",weight:"medium",color:"secondary",children:l.label})},`${C}-l`),a.jsx("td",{colSpan:u,className:n.cn("Bear-Descriptions__value-cell",_.cell,B,o==="vertical"&&"bear-align-top"),children:typeof l.value=="string"?a.jsx(S.Typography,{variant:"body2",className:"bear-text-gray-900 dark:bear-text-zinc-100",children:l.value}):l.value},`${C}-v`)]})},s),i=[];let t=[],E=0;d.forEach(r=>{const s=r.span??1;E+s>y&&t.length>0&&(i.push(t),t=[],E=0),t.push(r),E+=s}),t.length>0&&i.push(t);const x=c?e.BORDERED_TABLE_CLASSES:e.UNBORDERED_TABLE_CLASSES;return a.jsxs("div",{className:n.cn(e.ROOT_CLASS,A),"data-testid":R,...g,children:[p&&a.jsx(S.Typography,{variant:"h6",className:n.cn(e.TITLE_CLASSES,"bear-text-gray-900 dark:bear-text-zinc-100"),children:p}),a.jsx("table",{className:n.cn(e.TABLE_CLASSES,x),children:a.jsx("tbody",{children:o==="horizontal"?i.map((r,s)=>h(r,s)):d.map((r,s)=>h([r],s))})})]})};exports.Descriptions=N;

package/dist/components/Descriptions/Descriptions.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r="Bear-Descriptions",e=3,a="bear-mb-4",b="bear-w-full",E="bear-border-collapse bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-overflow-hidden",S="bear-border-separate",L={sm:{cell:"bear-px-3 bear-py-2 bear-text-sm",label:"bear-px-3 bear-py-2 bear-text-sm"},md:{cell:"bear-px-4 bear-py-3 bear-text-sm",label:"bear-px-4 bear-py-3 bear-text-sm"},lg:{cell:"bear-px-5 bear-py-4 bear-text-base",label:"bear-px-5 bear-py-4 bear-text-base"}},t="bear-bg-gray-50 dark:bear-bg-zinc-800/50 bear-text-gray-600 dark:bear-text-zinc-400 bear-font-medium bear-border-b bear-border-r bear-border-gray-200 dark:bear-border-zinc-700",_="bear-border-b bear-border-r bear-border-gray-200 dark:bear-border-zinc-700 bear-text-gray-900 dark:bear-text-zinc-100",A="bear-text-gray-600 dark:bear-text-zinc-400 bear-font-medium",o="bear-text-gray-900 dark:bear-text-zinc-100";exports.BORDERED_LABEL_CELL_CLASSES=t;exports.BORDERED_TABLE_CLASSES=E;exports.BORDERED_VALUE_CELL_CLASSES=_;exports.DEFAULT_COLUMNS=e;exports.ROOT_CLASS=r;exports.SIZE_CLASSES=L;exports.TABLE_CLASSES=b;exports.TITLE_CLASSES=a;exports.UNBORDERED_LABEL_CELL_CLASSES=A;exports.UNBORDERED_TABLE_CLASSES=S;exports.UNBORDERED_VALUE_CELL_CLASSES=o;

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

@@ -0,0 +1,24 @@
+export declare const ROOT_CLASS = "Bear-Descriptions";
+export declare const DEFAULT_COLUMNS = 3;
+export declare const TITLE_CLASSES = "bear-mb-4";
+export declare const TABLE_CLASSES = "bear-w-full";
+export declare const BORDERED_TABLE_CLASSES = "bear-border-collapse bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-overflow-hidden";
+export declare const UNBORDERED_TABLE_CLASSES = "bear-border-separate";
+export declare const SIZE_CLASSES: {
+    readonly sm: {
+        readonly cell: "bear-px-3 bear-py-2 bear-text-sm";
+        readonly label: "bear-px-3 bear-py-2 bear-text-sm";
+    };
+    readonly md: {
+        readonly cell: "bear-px-4 bear-py-3 bear-text-sm";
+        readonly label: "bear-px-4 bear-py-3 bear-text-sm";
+    };
+    readonly lg: {
+        readonly cell: "bear-px-5 bear-py-4 bear-text-base";
+        readonly label: "bear-px-5 bear-py-4 bear-text-base";
+    };
+};
+export declare const BORDERED_LABEL_CELL_CLASSES = "bear-bg-gray-50 dark:bear-bg-zinc-800/50 bear-text-gray-600 dark:bear-text-zinc-400 bear-font-medium bear-border-b bear-border-r bear-border-gray-200 dark:bear-border-zinc-700";
+export declare const BORDERED_VALUE_CELL_CLASSES = "bear-border-b bear-border-r bear-border-gray-200 dark:bear-border-zinc-700 bear-text-gray-900 dark:bear-text-zinc-100";
+export declare const UNBORDERED_LABEL_CELL_CLASSES = "bear-text-gray-600 dark:bear-text-zinc-400 bear-font-medium";
+export declare const UNBORDERED_VALUE_CELL_CLASSES = "bear-text-gray-900 dark:bear-text-zinc-100";

package/dist/components/Descriptions/Descriptions.const.js

@@ -0,0 +1,27 @@
+const r = "Bear-Descriptions", e = 3, a = "bear-mb-4", b = "bear-w-full", t = "bear-border-collapse bear-border bear-border-gray-200 dark:bear-border-zinc-700 bear-rounded-lg bear-overflow-hidden", E = "bear-border-separate", o = {
+  sm: {
+    cell: "bear-px-3 bear-py-2 bear-text-sm",
+    label: "bear-px-3 bear-py-2 bear-text-sm"
+  },
+  md: {
+    cell: "bear-px-4 bear-py-3 bear-text-sm",
+    label: "bear-px-4 bear-py-3 bear-text-sm"
+  },
+  lg: {
+    cell: "bear-px-5 bear-py-4 bear-text-base",
+    label: "bear-px-5 bear-py-4 bear-text-base"
+  }
+}, S = "bear-bg-gray-50 dark:bear-bg-zinc-800/50 bear-text-gray-600 dark:bear-text-zinc-400 bear-font-medium bear-border-b bear-border-r bear-border-gray-200 dark:bear-border-zinc-700", L = "bear-border-b bear-border-r bear-border-gray-200 dark:bear-border-zinc-700 bear-text-gray-900 dark:bear-text-zinc-100", d = "bear-text-gray-600 dark:bear-text-zinc-400 bear-font-medium", c = "bear-text-gray-900 dark:bear-text-zinc-100";
+export {
+  S as BORDERED_LABEL_CELL_CLASSES,
+  t as BORDERED_TABLE_CLASSES,
+  L as BORDERED_VALUE_CELL_CLASSES,
+  e as DEFAULT_COLUMNS,
+  r as ROOT_CLASS,
+  o as SIZE_CLASSES,
+  b as TABLE_CLASSES,
+  a as TITLE_CLASSES,
+  d as UNBORDERED_LABEL_CELL_CLASSES,
+  E as UNBORDERED_TABLE_CLASSES,
+  c as UNBORDERED_VALUE_CELL_CLASSES
+};

package/dist/components/Descriptions/Descriptions.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { DescriptionsProps } from './Descriptions.types';
+export declare const Descriptions: FC<DescriptionsProps>;
+export default Descriptions;

package/dist/components/Descriptions/Descriptions.js

@@ -0,0 +1,65 @@
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import { cn as r } from "../../utils/cn.js";
+import "react";
+import { Typography as E } from "../Typography/Typography.js";
+import { DEFAULT_COLUMNS as g, TITLE_CLASSES as O, BORDERED_TABLE_CLASSES as T, UNBORDERED_TABLE_CLASSES as U, TABLE_CLASSES as x, ROOT_CLASS as z, BORDERED_LABEL_CELL_CLASSES as w, UNBORDERED_LABEL_CELL_CLASSES as j, SIZE_CLASSES as k, BORDERED_VALUE_CELL_CLASSES as I, UNBORDERED_VALUE_CELL_CLASSES as M } from "./Descriptions.const.js";
+const Z = (m) => {
+  const {
+    title: S,
+    items: L,
+    columns: b = g,
+    bordered: n = !1,
+    size: A = "md",
+    layout: o = "horizontal",
+    labelWidth: d,
+    className: D,
+    testId: u,
+    ...R
+  } = m, p = k[A], B = n ? w : j, v = n ? I : M, _ = (a, e) => /* @__PURE__ */ s("tr", { className: "Bear-Descriptions__row", children: a.flatMap((t, N) => {
+    const h = t.span ?? 1, C = e * 100 + N;
+    return [
+      /* @__PURE__ */ s(
+        "td",
+        {
+          colSpan: h,
+          className: r(
+            "Bear-Descriptions__label-cell",
+            p.label,
+            B,
+            o === "vertical" && "bear-align-top"
+          ),
+          style: d ? { width: d } : void 0,
+          children: /* @__PURE__ */ s(E, { variant: "body2", weight: "medium", color: "secondary", children: t.label })
+        },
+        `${C}-l`
+      ),
+      /* @__PURE__ */ s(
+        "td",
+        {
+          colSpan: h,
+          className: r(
+            "Bear-Descriptions__value-cell",
+            p.cell,
+            v,
+            o === "vertical" && "bear-align-top"
+          ),
+          children: typeof t.value == "string" ? /* @__PURE__ */ s(E, { variant: "body2", className: "bear-text-gray-900 dark:bear-text-zinc-100", children: t.value }) : t.value
+        },
+        `${C}-v`
+      )
+    ];
+  }) }, e), c = [];
+  let l = [], i = 0;
+  L.forEach((a) => {
+    const e = a.span ?? 1;
+    i + e > b && l.length > 0 && (c.push(l), l = [], i = 0), l.push(a), i += e;
+  }), l.length > 0 && c.push(l);
+  const y = n ? T : U;
+  return /* @__PURE__ */ f("div", { className: r(z, D), "data-testid": u, ...R, children: [
+    S && /* @__PURE__ */ s(E, { variant: "h6", className: r(O, "bear-text-gray-900 dark:bear-text-zinc-100"), children: S }),
+    /* @__PURE__ */ s("table", { className: r(x, y), children: /* @__PURE__ */ s("tbody", { children: o === "horizontal" ? c.map((a, e) => _(a, e)) : L.map((a, e) => _([a], e)) }) })
+  ] });
+};
+export {
+  Z as Descriptions
+};

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

@@ -0,0 +1,16 @@
+import { ReactNode, HTMLAttributes } from 'react';
+export interface DescriptionItem {
+    label: string;
+    value: ReactNode;
+    span?: number;
+}
+export interface DescriptionsProps extends HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    items: DescriptionItem[];
+    columns?: number;
+    bordered?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    layout?: 'horizontal' | 'vertical';
+    labelWidth?: number;
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Descriptions, default } from './Descriptions';
+export type { DescriptionsProps, DescriptionItem } from './Descriptions.types';

package/dist/components/Fieldset/Fieldset.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),y=require("../../utils/cn.cjs");require("react");const i=require("../Typography/Typography.cjs"),e=require("./Fieldset.const.cjs"),n=({legend:t,description:s,variant:c="default",radius:o="md",disabled:a=!1,children:l,testId:d,className:S,...u})=>r.jsxs("fieldset",{disabled:a,className:y.cn(e.ROOT_CLASS,e.VARIANT_CLASSES[c],e.RADIUS_MAP[o],a&&"bear-opacity-50 bear-pointer-events-none",S),"data-testid":d,...u,children:[t&&r.jsx("legend",{className:e.LEGEND_CLASSES,children:r.jsx(i.Typography,{variant:"body2",weight:"medium",children:t})}),s&&r.jsx(i.Typography,{variant:"caption",color:"secondary",className:t?e.DESCRIPTION_CLASSES:"bear-mb-3 bear-block",children:s}),l]});n.displayName="Fieldset";exports.Fieldset=n;

package/dist/components/Fieldset/Fieldset.const.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={default:"bear-border bear-border-gray-200 dark:bear-border-gray-700 bear-bg-transparent",filled:"bear-border-0 bear-bg-gray-50 dark:bear-bg-gray-800/50",unstyled:"bear-border-0 bear-bg-transparent"},e={sm:"bear-rounded-sm",md:"bear-rounded-md",lg:"bear-rounded-lg"},a="bear-px-2 bear-ml-2 bear-text-gray-900 dark:bear-text-gray-100",b="bear-mt-1 bear-mb-3 bear-text-gray-600 dark:bear-text-gray-400",t="Bear-Fieldset bear-w-full bear-p-4 bear-pt-5";exports.DESCRIPTION_CLASSES=b;exports.LEGEND_CLASSES=a;exports.RADIUS_MAP=e;exports.ROOT_CLASS=t;exports.VARIANT_CLASSES=r;

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

@@ -0,0 +1,5 @@
+export declare const VARIANT_CLASSES: Record<'default' | 'filled' | 'unstyled', string>;
+export declare const RADIUS_MAP: Record<'sm' | 'md' | 'lg', string>;
+export declare const LEGEND_CLASSES = "bear-px-2 bear-ml-2 bear-text-gray-900 dark:bear-text-gray-100";
+export declare const DESCRIPTION_CLASSES = "bear-mt-1 bear-mb-3 bear-text-gray-600 dark:bear-text-gray-400";
+export declare const ROOT_CLASS = "Bear-Fieldset bear-w-full bear-p-4 bear-pt-5";