@forgedevstack/bear 1.1.3 → 1.1.8

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/Dock/Dock.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),s=require("react"),o=require("../../utils/cn.cjs"),r=require("./Dock.const.cjs"),S=(c,i,a,t,d)=>{if(i<0)return t;const l=Math.abs(c-i);if(l>a)return t;const u=1-l/(a+1);return t+(d-t)*u},O=c=>{const{items:i,position:a="bottom",iconSize:t=r.DEFAULT_ICON_SIZE,magnifiedSize:d=r.DEFAULT_MAGNIFIED_SIZE,magnification:l=!0,magnificationDistance:u=r.DEFAULT_MAGNIFICATION_DISTANCE,showLabels:p=!0,className:h,style:D,testId:I}=c,[f,x]=s.useState(-1),[k,_]=s.useState(""),m=s.useRef(null),y=a==="left"||a==="right",N=s.useCallback((e,n)=>{x(e),_(n.label)},[]),v=s.useCallback(()=>{x(-1),_("")},[]);return b.jsx("div",{ref:m,className:o.cn("Bear-Dock","bear-flex bear-items-end bear-gap-1","bear-rounded-2xl bear-px-2 bear-py-1.5","bear-bg-white/80 dark:bear-bg-gray-900/80","bear-backdrop-blur-xl","bear-border bear-border-gray-200/50 dark:bear-border-gray-700/50","bear-shadow-lg",r.DOCK_POSITION_CLASSES[a],y&&"bear-items-center",h),style:{padding:r.DOCK_PADDING,zIndex:r.DOCK_Z_INDEX,...D},"data-testid":I,role:"toolbar","aria-label":"Dock",onMouseLeave:v,children:i.map((e,n)=>{const g=l?S(n,f,u,t,d):t;return b.jsxs("div",{className:"Bear-Dock__item bear-relative bear-flex bear-flex-col bear-items-center",children:[p&&f===n&&k&&b.jsx("div",{className:o.cn("Bear-Dock__tooltip","bear-absolute bear-whitespace-nowrap","bear-px-2 bear-py-1 bear-rounded-lg","bear-bg-gray-900 dark:bear-bg-gray-100","bear-text-white dark:bear-text-gray-900","bear-text-xs bear-font-medium","bear-shadow-md bear-pointer-events-none",r.TOOLTIP_POSITION_CLASSES[a]),role:"tooltip",children:e.label}),b.jsx("button",{className:o.cn("Bear-Dock__button","bear-flex bear-items-center bear-justify-center bear-rounded-xl","bear-transition-all bear-origin-bottom","hover:bear-cursor-pointer",e.active&&"bear-ring-2 bear-ring-offset-1",e.disabled&&"bear-opacity-40 bear-cursor-not-allowed"),style:{width:g,height:g,transitionDuration:`${r.SPRING_DURATION}ms`,transitionTimingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1)"},onClick:e.disabled?void 0:e.onClick,onMouseEnter:()=>N(n,e),disabled:e.disabled,"aria-label":e.label,children:b.jsx("span",{className:o.cn("Bear-Dock__icon","bear-flex bear-items-center bear-justify-center","bear-w-full bear-h-full bear-rounded-xl","bear-transition-transform",e.active?"bear-bg-[var(--bear-primary-500)] bear-text-white":"bear-bg-gray-100 dark:bear-bg-gray-800"),style:{fontSize:g*r.ICON_SCALE_RATIO},children:e.icon})}),e.badge!==void 0&&b.jsx("span",{className:o.cn("Bear-Dock__badge","bear-absolute bear--top-1 bear--right-1","bear-min-w-[18px] bear-h-[18px]","bear-flex bear-items-center bear-justify-center","bear-rounded-full bear-text-[10px] bear-font-bold","bear-text-white bear-leading-none bear-px-1","bear-bg-[var(--bear-danger-500,#ef4444)]"),children:e.badge}),e.active&&a==="bottom"&&b.jsx("div",{className:o.cn("Bear-Dock__dot","bear-w-1 bear-h-1 bear-rounded-full bear-mt-0.5","bear-bg-[var(--bear-primary-500)]"),"aria-hidden":"true"})]},e.id)})})};exports.Dock=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),t=require("../../utils/cn.cjs"),a=require("./Dock.const.cjs"),N=require("./Dock.utils.cjs"),O=u=>{const{items:g,position:b="bottom",iconSize:i=a.DEFAULT_ICON_SIZE,magnifiedSize:x=a.DEFAULT_MAGNIFIED_SIZE,magnification:_=!0,magnificationDistance:f=a.DEFAULT_MAGNIFICATION_DISTANCE,showLabels:p=!0,className:h,style:D,testId:I}=u,[l,c]=n.useState(-1),[k,d]=n.useState(""),m=n.useRef(null),y=b==="left"||b==="right",S=n.useCallback((e,o)=>{c(e),d(o.label)},[]),v=n.useCallback(()=>{c(-1),d("")},[]);return r.jsx("div",{ref:m,className:t.cn("Bear-Dock","bear-flex bear-items-end bear-gap-1","bear-rounded-2xl bear-px-2 bear-py-1.5","bear-bg-white/80 dark:bear-bg-gray-900/80","bear-backdrop-blur-xl","bear-border bear-border-gray-200/50 dark:bear-border-gray-700/50","bear-shadow-lg",a.DOCK_POSITION_CLASSES[b],y&&"bear-items-center",h),style:{padding:a.DOCK_PADDING,zIndex:a.DOCK_Z_INDEX,...D},"data-testid":I,role:"toolbar","aria-label":"Dock",onMouseLeave:v,children:g.map((e,o)=>{const s=_?N.getScale(o,l,f,i,x):i;return r.jsxs("div",{className:"Bear-Dock__item bear-relative bear-flex bear-flex-col bear-items-center",children:[p&&l===o&&k&&r.jsx("div",{className:t.cn("Bear-Dock__tooltip","bear-absolute bear-whitespace-nowrap","bear-px-2 bear-py-1 bear-rounded-lg","bear-bg-gray-900 dark:bear-bg-gray-100","bear-text-white dark:bear-text-gray-900","bear-text-xs bear-font-medium","bear-shadow-md bear-pointer-events-none",a.TOOLTIP_POSITION_CLASSES[b]),role:"tooltip",children:e.label}),r.jsx("button",{className:t.cn("Bear-Dock__button","bear-flex bear-items-center bear-justify-center bear-rounded-xl","bear-transition-all bear-origin-bottom","hover:bear-cursor-pointer",e.active&&"bear-ring-2 bear-ring-offset-1",e.disabled&&"bear-opacity-40 bear-cursor-not-allowed"),style:{width:s,height:s,transitionDuration:`${a.SPRING_DURATION}ms`,transitionTimingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1)"},onClick:e.disabled?void 0:e.onClick,onMouseEnter:()=>S(o,e),disabled:e.disabled,"aria-label":e.label,children:r.jsx("span",{className:t.cn("Bear-Dock__icon","bear-flex bear-items-center bear-justify-center","bear-w-full bear-h-full bear-rounded-xl","bear-transition-transform",e.active?"bear-bg-[var(--bear-primary-500)] bear-text-white":"bear-bg-gray-100 dark:bear-bg-gray-800"),style:{fontSize:s*a.ICON_SCALE_RATIO},children:e.icon})}),e.badge!==void 0&&r.jsx("span",{className:t.cn("Bear-Dock__badge","bear-absolute bear--top-1 bear--right-1","bear-min-w-[18px] bear-h-[18px]","bear-flex bear-items-center bear-justify-center","bear-rounded-full bear-text-[10px] bear-font-bold","bear-text-white bear-leading-none bear-px-1","bear-bg-[var(--bear-danger-500,#ef4444)]"),children:e.badge}),e.active&&b==="bottom"&&r.jsx("div",{className:t.cn("Bear-Dock__dot","bear-w-1 bear-h-1 bear-rounded-full bear-mt-0.5","bear-bg-[var(--bear-primary-500)]"),"aria-hidden":"true"})]},e.id)})})};exports.Dock=O;