@forgedevstack/bear 1.0.1 → 1.0.3

package/dist/components/Calendar/Calendar.js

@@ -0,0 +1,189 @@
+import { jsxs as l, Fragment as ue, jsx as n } from "react/jsx-runtime";
+import { useMemo as L, useCallback as u } from "react";
+import { cn as O } from "../../utils/cn.js";
+import { useBearStyles as be } from "../../hooks/useBearStyles.js";
+import { ChevronsLeftIcon as me, ChevronLeftIcon as he, ChevronRightIcon as ke, ChevronsRightIcon as xe } from "../Icon/index.js";
+import { NUMBER as a, DEFAULT_WEEKDAYS as ve, MONTHS as pe, WEEKEND_LABELS as ze } from "./Calendar.const.js";
+import { isSameDay as N, buildCalendarGrid as Ne, reorderWeekdays as ye, isWeekendDay as fe } from "./Calendar.utils.js";
+const ge = ({ month: k, year: x }) => /* @__PURE__ */ l("span", { className: "font-semibold text-sm select-none", children: [
+  k,
+  " ",
+  x
+] }), Ce = ({
+  viewDate: k,
+  value: x = null,
+  onSelect: y,
+  onViewChange: c,
+  minDate: f,
+  maxDate: g,
+  disabledDates: D = [],
+  highlightedDates: C = [],
+  weekdayLabels: W = ve,
+  firstDayOfWeek: v = a.ZERO,
+  showWeekNumbers: Ee = !1,
+  slots: e = {},
+  clearable: w = !0,
+  onClear: b,
+  showTodayButton: K = !0,
+  onToday: m,
+  bis: U,
+  style: Z,
+  inline: q = !1,
+  className: J
+}) => {
+  const i = k.getFullYear(), H = be(U, Z), d = k.getMonth(), Q = L(() => /* @__PURE__ */ new Date(), []), E = u(() => {
+    c == null || c(new Date(i - a.ONE, d, a.ONE));
+  }, [i, d, c]), R = u(() => {
+    c == null || c(new Date(i, d - a.ONE, a.ONE));
+  }, [i, d, c]), S = u(() => {
+    c == null || c(new Date(i, d + a.ONE, a.ONE));
+  }, [i, d, c]), P = u(() => {
+    c == null || c(new Date(i + a.ONE, d, a.ONE));
+  }, [i, d, c]), Y = R, B = S, X = {
+    onPrevYear: E,
+    onPrevMonth: R,
+    onNextMonth: S,
+    onNextYear: P
+  }, $ = u(
+    (r) => f && r < f || g && r > g ? !0 : D.some((t) => N(t, r)),
+    [f, g, D]
+  ), V = u(
+    (r) => C.some((t) => N(t, r)),
+    [C]
+  ), ee = L(
+    () => Ne(i, d, v),
+    [i, d, v]
+  ), F = L(
+    () => ye(W, v),
+    [W, v]
+  ), I = pe[d], M = x != null, te = q ? "block w-full bg-white dark:bg-gray-900 rounded-xl shadow-none border border-zinc-200 dark:border-zinc-700 p-4 text-zinc-900 dark:text-zinc-100" : "absolute z-50 mt-2 bg-white dark:bg-gray-900 rounded-xl shadow-xl border border-zinc-200 dark:border-zinc-700 p-4 w-80 text-zinc-900 dark:text-zinc-100", re = () => {
+    if (e.header)
+      return e.header({ month: I, year: i, onPrev: Y, onNext: B, nav: X });
+    const r = e.navPrevYear, t = e.navPrev, o = e.navNext, s = e.navNextYear, p = e.headerLabel || ge;
+    return /* @__PURE__ */ l("div", { className: "flex items-center justify-between gap-1 mb-4", children: [
+      /* @__PURE__ */ l("div", { className: "flex items-center gap-0.5", children: [
+        r ? r({ onClick: E }) : /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: E,
+            className: "p-1.5 rounded text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors",
+            "aria-label": "Previous year",
+            children: /* @__PURE__ */ n(me, { size: 16 })
+          }
+        ),
+        t ? t({ onClick: Y }) : /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: Y,
+            className: "p-1.5 rounded text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors",
+            "aria-label": "Previous month",
+            children: /* @__PURE__ */ n(he, { size: 16 })
+          }
+        )
+      ] }),
+      p({ month: I, year: i }),
+      /* @__PURE__ */ l("div", { className: "flex items-center gap-0.5", children: [
+        o ? o({ onClick: B }) : /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: B,
+            className: "p-1.5 rounded text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors",
+            "aria-label": "Next month",
+            children: /* @__PURE__ */ n(ke, { size: 16 })
+          }
+        ),
+        s ? s({ onClick: P }) : /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: P,
+            className: "p-1.5 rounded text-zinc-500 dark:text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800 transition-colors",
+            "aria-label": "Next year",
+            children: /* @__PURE__ */ n(xe, { size: 16 })
+          }
+        )
+      ] })
+    ] });
+  }, ne = () => {
+    if (e.weekdays) return e.weekdays({ days: F });
+    const r = e.weekday;
+    return /* @__PURE__ */ n("div", { className: "grid grid-cols-7 gap-1 mb-2", children: F.map(
+      (t) => r ? /* @__PURE__ */ n("div", { children: r({ label: t }) }, t) : /* @__PURE__ */ n(
+        "div",
+        {
+          className: O(
+            "text-center text-xs font-medium uppercase",
+            ze.includes(t) && "text-red-500"
+          ),
+          children: t
+        },
+        t
+      )
+    ) });
+  }, ce = (r, t) => {
+    const { date: o, isCurrentMonth: s } = r, p = o.getDate(), ae = o.getDay(), se = fe(ae), h = N(x, o), j = N(Q, o), z = $(o), T = V(o), _ = () => {
+      z || y == null || y(o);
+    }, le = {
+      date: o,
+      day: p,
+      isCurrentMonth: s,
+      isSelected: h,
+      isToday: j,
+      isDisabled: z,
+      isHighlighted: T,
+      onClick: _
+    };
+    return e.day ? /* @__PURE__ */ n("span", { children: e.day(le) }, t) : /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        onClick: _,
+        disabled: z,
+        className: O(
+          "w-8 h-8 rounded-full text-sm font-medium transition-colors flex items-center justify-center",
+          h && "bg-pink-500 text-white hover:bg-pink-600",
+          !h && j && "ring-2 ring-pink-500/50 bg-transparent",
+          !h && !j && (s ? se ? "text-red-500 dark:text-red-400 hover:bg-zinc-100 dark:hover:bg-zinc-800" : "text-zinc-700 dark:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-800" : "text-zinc-400 dark:text-zinc-600 hover:bg-zinc-50 dark:hover:bg-zinc-800/50"),
+          T && !h && "bg-pink-500/15",
+          z && "opacity-40 cursor-not-allowed"
+        ),
+        children: p
+      },
+      t
+    );
+  }, oe = () => {
+    const r = ee.map((t, o) => ce(t, o));
+    return e.daysGrid ? e.daysGrid({ children: r, className: "grid grid-cols-7 gap-1" }) : /* @__PURE__ */ n("div", { className: "grid grid-cols-7 gap-1", children: r });
+  }, ie = () => {
+    const r = w && M && b, t = K && m;
+    if (!r && !t) return null;
+    if (e.footer) {
+      const o = e.clearButton, s = e.todayButton;
+      return e.footer({
+        children: /* @__PURE__ */ l("div", { className: "flex justify-between gap-2 mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-700", children: [
+          r && o ? o({ onClick: b, hasSelection: M }) : r ? /* @__PURE__ */ n("button", { type: "button", onClick: b, className: "text-sm text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200", children: "Clear" }) : /* @__PURE__ */ n("span", {}),
+          t && s ? s({ onClick: m }) : t ? /* @__PURE__ */ n("button", { type: "button", onClick: m, className: "text-sm text-pink-600 hover:text-pink-700 font-medium", children: "Today" }) : null
+        ] })
+      });
+    }
+    return e.clearButton && e.todayButton ? /* @__PURE__ */ l("div", { className: "flex justify-between gap-2 mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-700", children: [
+      r && e.clearButton({ onClick: b, hasSelection: M }),
+      t && e.todayButton({ onClick: m })
+    ] }) : /* @__PURE__ */ l("div", { className: "flex justify-between gap-2 mt-4 pt-3 border-t border-zinc-200 dark:border-zinc-700", children: [
+      r ? /* @__PURE__ */ n("button", { type: "button", onClick: b, className: "text-sm text-zinc-500 dark:text-zinc-400 hover:text-zinc-700 dark:hover:text-zinc-200 transition-colors", children: "Clear" }) : /* @__PURE__ */ n("span", {}),
+      t ? /* @__PURE__ */ n("button", { type: "button", onClick: m, className: "text-sm text-pink-600 dark:text-pink-400 hover:text-pink-700 dark:hover:text-pink-300 font-medium transition-colors", children: "Today" }) : null
+    ] });
+  }, A = /* @__PURE__ */ l(ue, { children: [
+    re(),
+    ne(),
+    oe(),
+    ie()
+  ] }), G = O(te, J), de = Object.keys(H).length ? H : void 0;
+  return e.root ? e.root({ children: A, className: G }) : /* @__PURE__ */ n("div", { className: G, style: de, children: A });
+};
+export {
+  Ce as Calendar
+};

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

@@ -0,0 +1,128 @@
+import { ReactNode } from 'react';
+export interface CalendarDayProps {
+    date: Date;
+    day: number;
+    isCurrentMonth: boolean;
+    isSelected: boolean;
+    isToday: boolean;
+    isDisabled: boolean;
+    isHighlighted?: boolean;
+}
+export type HeaderLabelRFC = (props: {
+    month: string;
+    year: number;
+}) => ReactNode;
+export interface CalendarNavActions {
+    onPrevYear: () => void;
+    onPrevMonth: () => void;
+    onNextMonth: () => void;
+    onNextYear: () => void;
+}
+export interface CalendarSlots {
+    /** Root calendar container */
+    root?: (props: {
+        children: ReactNode;
+        className?: string;
+    }) => ReactNode;
+    /** Header (month/year + nav) */
+    header?: (props: {
+        month: string;
+        year: number;
+        onPrev: () => void;
+        onNext: () => void;
+        nav?: CalendarNavActions;
+    }) => ReactNode;
+    /** Prev month button */
+    navPrev?: (props: {
+        onClick: () => void;
+        disabled?: boolean;
+    }) => ReactNode;
+    /** Next month button */
+    navNext?: (props: {
+        onClick: () => void;
+        disabled?: boolean;
+    }) => ReactNode;
+    /** Prev year button (e.g. «) */
+    navPrevYear?: (props: {
+        onClick: () => void;
+        disabled?: boolean;
+    }) => ReactNode;
+    /** Next year button (e.g. ») */
+    navNextYear?: (props: {
+        onClick: () => void;
+        disabled?: boolean;
+    }) => ReactNode;
+    /** Month/year label */
+    headerLabel?: (props: {
+        month: string;
+        year: number;
+    }) => ReactNode;
+    /** Weekday row (e.g. Su Mo Tu ...) */
+    weekdays?: (props: {
+        days: string[];
+    }) => ReactNode;
+    /** Weekday cell */
+    weekday?: (props: {
+        label: string;
+    }) => ReactNode;
+    /** Grid of days */
+    daysGrid?: (props: {
+        children: ReactNode;
+        className?: string;
+    }) => ReactNode;
+    /** Single day cell */
+    day?: (props: CalendarDayProps & {
+        onClick: () => void;
+    }) => ReactNode;
+    /** Empty cell (leading/trailing padding) */
+    emptyDay?: (props: {
+        key: string;
+    }) => ReactNode;
+    /** Footer (e.g. clear, today) */
+    footer?: (props: {
+        children?: ReactNode;
+    }) => ReactNode;
+    /** Clear button */
+    clearButton?: (props: {
+        onClick: () => void;
+        hasSelection: boolean;
+    }) => ReactNode;
+    /** Today button */
+    todayButton?: (props: {
+        onClick: () => void;
+    }) => ReactNode;
+}
+export interface CalendarProps {
+    /** Currently viewed month (controls calendar view) */
+    viewDate: Date;
+    /** Selected date */
+    value?: Date | null;
+    /** Callback when date is selected */
+    onSelect?: (date: Date) => void;
+    /** Callback when view month changes */
+    onViewChange?: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Date[];
+    highlightedDates?: Date[];
+    /** Weekday labels, default Su–Sa */
+    weekdayLabels?: string[];
+    /** First day of week 0=Sun, 1=Mon, etc. */
+    firstDayOfWeek?: number;
+    showWeekNumbers?: boolean;
+    /** Slot overrides for full customization */
+    slots?: CalendarSlots;
+    /** Show clear button in footer */
+    clearable?: boolean;
+    onClear?: () => void;
+    /** Show Today button in footer */
+    showTodayButton?: boolean;
+    onToday?: () => void;
+    /** Bear Inner Style - sx-like overrides */
+    bis?: import('../../types/bis.types').BisProp;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** When true, render as block (no absolute). Use when embedding in DateTimePicker etc. */
+    inline?: boolean;
+    className?: string;
+}

package/dist/components/Calendar/Calendar.utils.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./Calendar.const.cjs"),N=(e,t)=>new Date(e,t+n.NUMBER.ONE,n.NUMBER.ZERO).getDate(),c=(e,t)=>new Date(e,t,n.NUMBER.ONE).getDay(),g=(e,t)=>!e||!t?!1:e.getDate()===t.getDate()&&e.getMonth()===t.getMonth()&&e.getFullYear()===t.getFullYear(),l=e=>e===n.NUMBER.ZERO||e===n.NUMBER.SIX,i=(e,t)=>({prevMonth:t===n.NUMBER.ZERO?n.NUMBER.ELEVEN:t-n.NUMBER.ONE,prevYear:t===n.NUMBER.ZERO?e-n.NUMBER.ONE:e}),B=(e,t)=>({nextMonth:t===n.NUMBER.ELEVEN?n.NUMBER.ZERO:t+n.NUMBER.ONE,nextYear:t===n.NUMBER.ELEVEN?e+n.NUMBER.ONE:e}),D=(e,t)=>t>n.NUMBER.ZERO?[...e.slice(t),...e.slice(n.NUMBER.ZERO,t)]:[...e];function h(e,t,U){const s=(c(e,t)-U+n.NUMBER.SEVEN)%n.NUMBER.SEVEN,o=N(e,t),{prevMonth:a,prevYear:R}=i(e,t),d=N(R,a),M=[];for(let E=n.NUMBER.ZERO;E<n.NUMBER.TOTAL_CELLS;E++)if(E<s){const r=d-s+E+n.NUMBER.ONE;M.push({date:new Date(R,a,r),isCurrentMonth:!1})}else if(E<s+o){const r=E-s+n.NUMBER.ONE;M.push({date:new Date(e,t,r),isCurrentMonth:!0})}else{const r=E-s-o+n.NUMBER.ONE,{nextMonth:O,nextYear:u}=B(e,t);M.push({date:new Date(u,O,r),isCurrentMonth:!1})}return M}exports.buildCalendarGrid=h;exports.getDaysInMonth=N;exports.getFirstDayOfMonth=c;exports.getNextMonthYear=B;exports.getPrevMonthYear=i;exports.isSameDay=g;exports.isWeekendDay=l;exports.reorderWeekdays=D;

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

@@ -0,0 +1,41 @@
+/**
+ * Get number of days in a given month
+ */
+export declare const getDaysInMonth: (year: number, month: number) => number;
+/**
+ * Get the day of week for the first day of a month (0 = Sunday)
+ */
+export declare const getFirstDayOfMonth: (year: number, month: number) => number;
+/**
+ * Check if two dates are the same day
+ */
+export declare const isSameDay: (a: Date | null, b: Date | null) => boolean;
+/**
+ * Check if a day is a weekend (Saturday or Sunday)
+ */
+export declare const isWeekendDay: (weekday: number) => boolean;
+/**
+ * Get previous month and year
+ */
+export declare const getPrevMonthYear: (year: number, month: number) => {
+    prevMonth: number;
+    prevYear: number;
+};
+/**
+ * Get next month and year
+ */
+export declare const getNextMonthYear: (year: number, month: number) => {
+    nextMonth: number;
+    nextYear: number;
+};
+/**
+ * Reorder weekday labels based on first day of week
+ */
+export declare const reorderWeekdays: <T>(labels: readonly T[], firstDayOfWeek: number) => T[];
+/**
+ * Build 6-week calendar grid: prev month trailing, current month, next month leading
+ */
+export declare function buildCalendarGrid(year: number, month: number, firstDayOfWeek: number): {
+    date: Date;
+    isCurrentMonth: boolean;
+}[];

package/dist/components/Calendar/Calendar.utils.js

@@ -0,0 +1,33 @@
+import { NUMBER as n } from "./Calendar.const.js";
+const i = (t, e) => new Date(t, e + n.ONE, n.ZERO).getDate(), g = (t, e) => new Date(t, e, n.ONE).getDay(), p = (t, e) => !t || !e ? !1 : t.getDate() === e.getDate() && t.getMonth() === e.getMonth() && t.getFullYear() === e.getFullYear(), R = (t) => t === n.ZERO || t === n.SIX, l = (t, e) => ({
+  prevMonth: e === n.ZERO ? n.ELEVEN : e - n.ONE,
+  prevYear: e === n.ZERO ? t - n.ONE : t
+}), D = (t, e) => ({
+  nextMonth: e === n.ELEVEN ? n.ZERO : e + n.ONE,
+  nextYear: e === n.ELEVEN ? t + n.ONE : t
+}), Y = (t, e) => e > n.ZERO ? [...t.slice(e), ...t.slice(n.ZERO, e)] : [...t];
+function Z(t, e, N) {
+  const r = (g(t, e) - N + n.SEVEN) % n.SEVEN, c = i(t, e), { prevMonth: a, prevYear: O } = l(t, e), M = i(O, a), o = [];
+  for (let s = n.ZERO; s < n.TOTAL_CELLS; s++)
+    if (s < r) {
+      const E = M - r + s + n.ONE;
+      o.push({ date: new Date(O, a, E), isCurrentMonth: !1 });
+    } else if (s < r + c) {
+      const E = s - r + n.ONE;
+      o.push({ date: new Date(t, e, E), isCurrentMonth: !0 });
+    } else {
+      const E = s - r - c + n.ONE, { nextMonth: u, nextYear: d } = D(t, e);
+      o.push({ date: new Date(d, u, E), isCurrentMonth: !1 });
+    }
+  return o;
+}
+export {
+  Z as buildCalendarGrid,
+  i as getDaysInMonth,
+  g as getFirstDayOfMonth,
+  D as getNextMonthYear,
+  l as getPrevMonthYear,
+  p as isSameDay,
+  R as isWeekendDay,
+  Y as reorderWeekdays
+};

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

@@ -0,0 +1,4 @@
+export { Calendar } from './Calendar';
+export type { CalendarProps, CalendarSlots, CalendarDayProps, CalendarNavActions } from './Calendar.types';
+export { NUMBER, DEFAULT_WEEKDAYS, MONTHS, WEEKEND, WEEKEND_LABELS } from './Calendar.const';
+export { buildCalendarGrid, isSameDay, isWeekendDay, getDaysInMonth, getFirstDayOfMonth, reorderWeekdays } from './Calendar.utils';

package/dist/components/Card/Card.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),b=require("react"),o=require("../../utils/cn.cjs"),x={none:"",xs:"ember-p-2",sm:"ember-p-3",md:"ember-p-4",lg:"ember-p-6",xl:"ember-p-8"},p={none:"",sm:"ember-rounded-sm",md:"ember-rounded-md",lg:"ember-rounded-lg",xl:"ember-rounded-xl","2xl":"ember-rounded-2xl"},C={elevated:"ember-bg-white dark:ember-bg-gray-900 ember-shadow-md",outlined:"ember-bg-white dark:ember-bg-gray-900 ember-border ember-border-gray-200 dark:ember-border-gray-700",filled:"ember-bg-gray-100 dark:ember-bg-gray-800",ghost:"ember-bg-transparent"},l=b.forwardRef(({variant:e="elevated",padding:r="none",interactive:a=!1,radius:m="lg",className:s,children:t,testId:n,...u},y)=>d.jsx("div",{ref:y,className:o.cn("ember-overflow-hidden",C[e],x[r],p[m],a&&"ember-transition-all ember-duration-200 ember-cursor-pointer hover:ember-shadow-lg hover:ember-scale-[1.02]",s),"data-testid":n,...u,children:t}));l.displayName="Card";const i=b.forwardRef(({title:e,subtitle:r,action:a,className:m,children:s,...t},n)=>d.jsxs("div",{ref:n,className:o.cn("ember-flex ember-items-start ember-justify-between ember-p-4 ember-border-b ember-border-gray-200 dark:ember-border-gray-700",m),...t,children:[d.jsxs("div",{className:"ember-flex-1 ember-min-w-0",children:[e&&d.jsx("h3",{className:"ember-text-lg ember-font-semibold ember-text-gray-900 dark:ember-text-white ember-truncate",children:e}),r&&d.jsx("p",{className:"ember-text-sm ember-text-gray-500 dark:ember-text-gray-400 ember-mt-1",children:r}),s]}),a&&d.jsx("div",{className:"ember-ml-4 ember-shrink-0",children:a})]}));i.displayName="CardHeader";const c=b.forwardRef(({className:e,children:r,...a},m)=>d.jsx("div",{ref:m,className:o.cn("ember-p-4",e),...a,children:r}));c.displayName="CardBody";const g=b.forwardRef(({divider:e=!0,className:r,children:a,...m},s)=>d.jsx("div",{ref:s,className:o.cn("ember-p-4",e&&"ember-border-t ember-border-gray-200 dark:ember-border-gray-700",r),...m,children:a}));g.displayName="CardFooter";const f=Object.assign(l,{Header:i,Body:c,Footer:g});exports.Card=l;exports.CardBody=c;exports.CardCompound=f;exports.CardFooter=g;exports.CardHeader=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),o=require("react"),t=require("../../utils/cn.cjs"),x={none:"",xs:"bear-p-2",sm:"bear-p-3",md:"bear-p-4",lg:"bear-p-6",xl:"bear-p-8"},p={none:"",sm:"bear-rounded-sm",md:"bear-rounded-md",lg:"bear-rounded-lg",xl:"bear-rounded-xl","2xl":"bear-rounded-2xl"},C={elevated:"bear-bg-white dark:bear-bg-gray-900 bear-shadow-md",outlined:"bear-bg-white dark:bear-bg-gray-900 bear-border bear-border-gray-200 dark:bear-border-gray-700",filled:"bear-bg-gray-100 dark:bear-bg-gray-800",ghost:"bear-bg-transparent"},i=o.forwardRef(({variant:r="elevated",padding:e="none",interactive:a=!1,radius:s="lg",className:b,children:n,testId:l,...u},y)=>d.jsx("div",{ref:y,className:t.cn("bear-overflow-hidden",C[r],x[e],p[s],a&&"bear-transition-all bear-duration-200 bear-cursor-pointer hover:bear-shadow-lg hover:bear-scale-[1.02]",b),"data-testid":l,...u,children:n}));i.displayName="Card";const c=o.forwardRef(({title:r,subtitle:e,action:a,className:s,children:b,...n},l)=>d.jsxs("div",{ref:l,className:t.cn("bear-flex bear-items-start bear-justify-between bear-p-4 bear-border-b bear-border-gray-200 dark:bear-border-gray-700",s),...n,children:[d.jsxs("div",{className:"bear-flex-1 bear-min-w-0",children:[r&&d.jsx("h3",{className:"bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white bear-truncate",children:r}),e&&d.jsx("p",{className:"bear-text-sm bear-text-gray-500 dark:bear-text-gray-400 bear-mt-1",children:e}),b]}),a&&d.jsx("div",{className:"bear-ml-4 bear-shrink-0",children:a})]}));c.displayName="CardHeader";const g=o.forwardRef(({className:r,children:e,...a},s)=>d.jsx("div",{ref:s,className:t.cn("bear-p-4",r),...a,children:e}));g.displayName="CardBody";const m=o.forwardRef(({divider:r=!0,className:e,children:a,...s},b)=>d.jsx("div",{ref:b,className:t.cn("bear-p-4",r&&"bear-border-t bear-border-gray-200 dark:bear-border-gray-700",e),...s,children:a}));m.displayName="CardFooter";const f=Object.assign(i,{Header:c,Body:g,Footer:m});exports.Card=i;exports.CardBody=g;exports.CardCompound=f;exports.CardFooter=m;exports.CardHeader=c;

package/dist/components/Card/Card.js

@@ -1,111 +1,111 @@
-import { jsx as d, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { cn as o } from "../../utils/cn.js";
+import { jsx as b, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import { cn as t } from "../../utils/cn.js";
 const h = {
   none: "",
-  xs: "ember-p-2",
-  sm: "ember-p-3",
-  md: "ember-p-4",
-  lg: "ember-p-6",
-  xl: "ember-p-8"
+  xs: "bear-p-2",
+  sm: "bear-p-3",
+  md: "bear-p-4",
+  lg: "bear-p-6",
+  xl: "bear-p-8"
 }, u = {
   none: "",
-  sm: "ember-rounded-sm",
-  md: "ember-rounded-md",
-  lg: "ember-rounded-lg",
-  xl: "ember-rounded-xl",
-  "2xl": "ember-rounded-2xl"
+  sm: "bear-rounded-sm",
+  md: "bear-rounded-md",
+  lg: "bear-rounded-lg",
+  xl: "bear-rounded-xl",
+  "2xl": "bear-rounded-2xl"
 }, C = {
-  elevated: "ember-bg-white dark:ember-bg-gray-900 ember-shadow-md",
-  outlined: "ember-bg-white dark:ember-bg-gray-900 ember-border ember-border-gray-200 dark:ember-border-gray-700",
-  filled: "ember-bg-gray-100 dark:ember-bg-gray-800",
-  ghost: "ember-bg-transparent"
-}, i = s(
+  elevated: "bear-bg-white dark:bear-bg-gray-900 bear-shadow-md",
+  outlined: "bear-bg-white dark:bear-bg-gray-900 bear-border bear-border-gray-200 dark:bear-border-gray-700",
+  filled: "bear-bg-gray-100 dark:bear-bg-gray-800",
+  ghost: "bear-bg-transparent"
+}, m = o(
   ({
-    variant: e = "elevated",
-    padding: r = "none",
-    interactive: m = !1,
-    radius: a = "lg",
-    className: b,
-    children: t,
-    testId: n,
+    variant: r = "elevated",
+    padding: e = "none",
+    interactive: a = !1,
+    radius: d = "lg",
+    className: s,
+    children: n,
+    testId: l,
     ...y
-  }, x) => /* @__PURE__ */ d(
+  }, x) => /* @__PURE__ */ b(
     "div",
     {
       ref: x,
-      className: o(
-        "ember-overflow-hidden",
-        C[e],
-        h[r],
-        u[a],
-        m && "ember-transition-all ember-duration-200 ember-cursor-pointer hover:ember-shadow-lg hover:ember-scale-[1.02]",
-        b
+      className: t(
+        "bear-overflow-hidden",
+        C[r],
+        h[e],
+        u[d],
+        a && "bear-transition-all bear-duration-200 bear-cursor-pointer hover:bear-shadow-lg hover:bear-scale-[1.02]",
+        s
       ),
-      "data-testid": n,
+      "data-testid": l,
       ...y,
-      children: t
+      children: n
     }
   )
 );
-i.displayName = "Card";
-const g = s(
-  ({ title: e, subtitle: r, action: m, className: a, children: b, ...t }, n) => /* @__PURE__ */ l(
+m.displayName = "Card";
+const g = o(
+  ({ title: r, subtitle: e, action: a, className: d, children: s, ...n }, l) => /* @__PURE__ */ i(
     "div",
     {
-      ref: n,
-      className: o(
-        "ember-flex ember-items-start ember-justify-between ember-p-4 ember-border-b ember-border-gray-200 dark:ember-border-gray-700",
-        a
+      ref: l,
+      className: t(
+        "bear-flex bear-items-start bear-justify-between bear-p-4 bear-border-b bear-border-gray-200 dark:bear-border-gray-700",
+        d
       ),
-      ...t,
+      ...n,
       children: [
-        /* @__PURE__ */ l("div", { className: "ember-flex-1 ember-min-w-0", children: [
-          e && /* @__PURE__ */ d("h3", { className: "ember-text-lg ember-font-semibold ember-text-gray-900 dark:ember-text-white ember-truncate", children: e }),
-          r && /* @__PURE__ */ d("p", { className: "ember-text-sm ember-text-gray-500 dark:ember-text-gray-400 ember-mt-1", children: r }),
-          b
+        /* @__PURE__ */ i("div", { className: "bear-flex-1 bear-min-w-0", children: [
+          r && /* @__PURE__ */ b("h3", { className: "bear-text-lg bear-font-semibold bear-text-gray-900 dark:bear-text-white bear-truncate", children: r }),
+          e && /* @__PURE__ */ b("p", { className: "bear-text-sm bear-text-gray-500 dark:bear-text-gray-400 bear-mt-1", children: e }),
+          s
         ] }),
-        m && /* @__PURE__ */ d("div", { className: "ember-ml-4 ember-shrink-0", children: m })
+        a && /* @__PURE__ */ b("div", { className: "bear-ml-4 bear-shrink-0", children: a })
       ]
     }
   )
 );
 g.displayName = "CardHeader";
-const c = s(
-  ({ className: e, children: r, ...m }, a) => /* @__PURE__ */ d(
+const c = o(
+  ({ className: r, children: e, ...a }, d) => /* @__PURE__ */ b(
     "div",
     {
-      ref: a,
-      className: o("ember-p-4", e),
-      ...m,
-      children: r
+      ref: d,
+      className: t("bear-p-4", r),
+      ...a,
+      children: e
     }
   )
 );
 c.displayName = "CardBody";
-const p = s(
-  ({ divider: e = !0, className: r, children: m, ...a }, b) => /* @__PURE__ */ d(
+const p = o(
+  ({ divider: r = !0, className: e, children: a, ...d }, s) => /* @__PURE__ */ b(
     "div",
     {
-      ref: b,
-      className: o(
-        "ember-p-4",
-        e && "ember-border-t ember-border-gray-200 dark:ember-border-gray-700",
-        r
+      ref: s,
+      className: t(
+        "bear-p-4",
+        r && "bear-border-t bear-border-gray-200 dark:bear-border-gray-700",
+        e
       ),
-      ...a,
-      children: m
+      ...d,
+      children: a
     }
   )
 );
 p.displayName = "CardFooter";
-const k = Object.assign(i, {
+const k = Object.assign(m, {
   Header: g,
   Body: c,
   Footer: p
 });
 export {
-  i as Card,
+  m as Card,
   c as CardBody,
   k as CardCompound,
   p as CardFooter,

package/dist/components/Checkbox/Checkbox.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),n=require("../../utils/cn.cjs"),I={xs:"ember-w-3.5 ember-h-3.5",sm:"ember-w-4 ember-h-4",md:"ember-w-5 ember-h-5",lg:"ember-w-6 ember-h-6",xl:"ember-w-7 ember-h-7"},L={xs:10,sm:12,md:14,lg:18,xl:22},E={xs:"ember-text-xs",sm:"ember-text-sm",md:"ember-text-base",lg:"ember-text-lg",xl:"ember-text-xl"},R={primary:"#ec4899",secondary:"#6b7280",success:"#22c55e",danger:"#ef4444",warning:"#f59e0b",info:"#3b82f6",ghost:"#9ca3af",outline:"#374151",error:"#ef4444"},u=m.forwardRef(({label:i,size:b="md",variant:f="primary",color:y,checked:a,defaultChecked:x,indeterminate:s=!1,disabled:l=!1,error:t=!1,helperText:d,className:g,testId:j,onChange:p,...k},w)=>{const S=m.useRef(null),r=w||S,v=m.useId(),h=y??R[f],o=L[b];m.useEffect(()=>{typeof r=="object"&&(r!=null&&r.current)&&(r.current.indeterminate=s)},[s,r]);const C=()=>e.jsx("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})}),N=()=>e.jsx("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})}),c=a??x;return e.jsxs("div",{className:n.cn("ember-flex ember-flex-col",g),children:[e.jsxs("label",{className:n.cn("ember-inline-flex ember-items-center ember-gap-2 ember-cursor-pointer",l&&"ember-opacity-50 ember-cursor-not-allowed"),children:[e.jsxs("div",{className:"ember-relative ember-flex ember-items-center ember-justify-center",children:[e.jsx("input",{ref:r,type:"checkbox",checked:a,defaultChecked:x,disabled:l,onChange:p,className:"ember-sr-only",id:v,"data-testid":j,...k}),e.jsx("div",{className:n.cn(I[b],"ember-rounded ember-border-2 ember-transition-all ember-flex ember-items-center ember-justify-center",t?"ember-border-red-500":"ember-border-gray-300 dark:ember-border-gray-600",(c||s)&&!t&&"ember-border-transparent",!l&&"hover:ember-border-gray-400"),style:{backgroundColor:c||s?t?"#ef4444":h:"transparent",borderColor:(c||s)&&!t?h:void 0},children:s?e.jsx(N,{}):c?e.jsx(C,{}):null})]}),i&&e.jsx("span",{className:n.cn(E[b],"ember-text-gray-700 dark:ember-text-gray-300",t&&"ember-text-red-500"),children:i})]}),d&&e.jsx("span",{className:n.cn("ember-text-xs ember-mt-1 ember-ml-7",t?"ember-text-red-500":"ember-text-gray-500"),children:d})]})});u.displayName="Checkbox";exports.Checkbox=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),t=require("../../utils/cn.cjs"),I={xs:"bear-w-3.5 bear-h-3.5",sm:"bear-w-4 bear-h-4",md:"bear-w-5 bear-h-5",lg:"bear-w-6 bear-h-6",xl:"bear-w-7 bear-h-7"},L={xs:10,sm:12,md:14,lg:18,xl:22},E={xs:"bear-text-xs",sm:"bear-text-sm",md:"bear-text-base",lg:"bear-text-lg",xl:"bear-text-xl"},R={primary:"#ec4899",secondary:"#6b7280",success:"#22c55e",danger:"#ef4444",warning:"#f59e0b",info:"#3b82f6",ghost:"#9ca3af",outline:"#374151",error:"#ef4444"},f=c.forwardRef(({label:i,size:b="md",variant:m="primary",color:y,checked:x,defaultChecked:d,indeterminate:a=!1,disabled:l=!1,error:s=!1,helperText:h,className:g,testId:j,onChange:p,...k},w)=>{const S=c.useRef(null),r=w||S,v=c.useId(),u=y??R[m],n=L[b];c.useEffect(()=>{typeof r=="object"&&(r!=null&&r.current)&&(r.current.indeterminate=a)},[a,r]);const C=()=>e.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})}),N=()=>e.jsx("svg",{width:n,height:n,viewBox:"0 0 24 24",fill:"none",stroke:"white",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})}),o=x??d;return e.jsxs("div",{className:t.cn("bear-flex bear-flex-col",g),children:[e.jsxs("label",{className:t.cn("bear-inline-flex bear-items-center bear-gap-2 bear-cursor-pointer",l&&"bear-opacity-50 bear-cursor-not-allowed"),children:[e.jsxs("div",{className:"bear-relative bear-flex bear-items-center bear-justify-center",children:[e.jsx("input",{ref:r,type:"checkbox",checked:x,defaultChecked:d,disabled:l,onChange:p,className:"bear-sr-only",id:v,"data-testid":j,...k}),e.jsx("div",{className:t.cn(I[b],"bear-rounded bear-border-2 bear-transition-all bear-flex bear-items-center bear-justify-center",s?"bear-border-red-500":"bear-border-gray-300 dark:bear-border-gray-600",(o||a)&&!s&&"bear-border-transparent",!l&&"hover:bear-border-gray-400"),style:{backgroundColor:o||a?s?"#ef4444":u:"transparent",borderColor:(o||a)&&!s?u:void 0},children:a?e.jsx(N,{}):o?e.jsx(C,{}):null})]}),i&&e.jsx("span",{className:t.cn(E[b],"bear-text-gray-700 dark:bear-text-gray-300",s&&"bear-text-red-500"),children:i})]}),h&&e.jsx("span",{className:t.cn("bear-text-xs bear-mt-1 bear-ml-7",s?"bear-text-red-500":"bear-text-gray-500"),children:h})]})});f.displayName="Checkbox";exports.Checkbox=f;