@forgedevstack/bear 1.0.0 → 1.0.2

package/dist/components/Button/Button.js

@@ -1,125 +1,61 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { cn as t } from "../../utils/cn.js";
-import { Spinner as x } from "../Spinner/Spinner.js";
-const p = {
-  xs: "ember-px-2 ember-py-1 ember-text-xs ember-gap-1",
-  sm: "ember-px-3 ember-py-1.5 ember-text-sm ember-gap-1.5",
-  md: "ember-px-4 ember-py-2 ember-text-sm ember-gap-2",
-  lg: "ember-px-5 ember-py-2.5 ember-text-base ember-gap-2",
-  xl: "ember-px-6 ember-py-3 ember-text-lg ember-gap-2.5"
-}, h = {
-  primary: `
-    ember-bg-ember-500 ember-text-white
-    hover:ember-bg-ember-600
-    focus:ember-ring-2 focus:ember-ring-ember-500/50 focus:ember-ring-offset-2
-    active:ember-bg-ember-700
-    disabled:ember-bg-ember-300 disabled:ember-cursor-not-allowed
-  `,
-  secondary: `
-    ember-bg-forge-500 ember-text-white
-    hover:ember-bg-forge-600
-    focus:ember-ring-2 focus:ember-ring-forge-500/50 focus:ember-ring-offset-2
-    active:ember-bg-forge-700
-    disabled:ember-bg-forge-300 disabled:ember-cursor-not-allowed
-  `,
-  success: `
-    ember-bg-green-500 ember-text-white
-    hover:ember-bg-green-600
-    focus:ember-ring-2 focus:ember-ring-green-500/50 focus:ember-ring-offset-2
-    active:ember-bg-green-700
-    disabled:ember-bg-green-300 disabled:ember-cursor-not-allowed
-  `,
-  warning: `
-    ember-bg-yellow-500 ember-text-white
-    hover:ember-bg-yellow-600
-    focus:ember-ring-2 focus:ember-ring-yellow-500/50 focus:ember-ring-offset-2
-    active:ember-bg-yellow-700
-    disabled:ember-bg-yellow-300 disabled:ember-cursor-not-allowed
-  `,
-  danger: `
-    ember-bg-red-500 ember-text-white
-    hover:ember-bg-red-600
-    focus:ember-ring-2 focus:ember-ring-red-500/50 focus:ember-ring-offset-2
-    active:ember-bg-red-700
-    disabled:ember-bg-red-300 disabled:ember-cursor-not-allowed
-  `,
-  info: `
-    ember-bg-blue-500 ember-text-white
-    hover:ember-bg-blue-600
-    focus:ember-ring-2 focus:ember-ring-blue-500/50 focus:ember-ring-offset-2
-    active:ember-bg-blue-700
-    disabled:ember-bg-blue-300 disabled:ember-cursor-not-allowed
-  `,
-  ghost: `
-    ember-bg-transparent ember-text-gray-700
-    hover:ember-bg-gray-100
-    focus:ember-ring-2 focus:ember-ring-gray-500/50
-    active:ember-bg-gray-200
-    disabled:ember-text-gray-400 disabled:ember-cursor-not-allowed
-    dark:ember-text-gray-300 dark:hover:ember-bg-gray-800 dark:active:ember-bg-gray-700
-  `,
-  outline: `
-    ember-bg-transparent ember-text-ember-500 ember-border ember-border-ember-500
-    hover:ember-bg-ember-50
-    focus:ember-ring-2 focus:ember-ring-ember-500/50
-    active:ember-bg-ember-100
-    disabled:ember-text-ember-300 disabled:ember-border-ember-300 disabled:ember-cursor-not-allowed
-    dark:hover:ember-bg-ember-950 dark:active:ember-bg-ember-900
-  `,
-  error: `
-    ember-bg-red-500 ember-text-white
-    hover:ember-bg-red-600
-    focus:ember-ring-2 focus:ember-ring-red-500/50 focus:ember-ring-offset-2
-    active:ember-bg-red-700
-    disabled:ember-bg-red-300 disabled:ember-cursor-not-allowed
-  `
-}, w = u(
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { cn as l } from "../../utils/cn.js";
+import { Spinner as j } from "../Spinner/Spinner.js";
+import { useBearStyles as k } from "../../hooks/useBearStyles.js";
+import { variantClasses as v, sizeClasses as w } from "./Button.constants.js";
+const B = N(
   ({
-    variant: i = "primary",
-    size: b = "md",
+    variant: m = "primary",
+    size: a = "md",
     loading: e = !1,
-    fullWidth: a = !1,
-    leftIcon: m,
-    rightIcon: s,
-    disabled: g,
-    className: n,
-    children: l,
+    fullWidth: b = !1,
+    leftIcon: s,
+    rightIcon: i,
+    disabled: o,
+    className: c,
+    children: f,
     testId: d,
-    ...c
-  }, f) => /* @__PURE__ */ o(
-    "button",
-    {
-      ref: f,
-      disabled: g || e,
-      className: t(
-        // Base styles
-        "ember-inline-flex ember-items-center ember-justify-center ember-font-medium ember-rounded-lg ember-transition-all ember-duration-200 ember-outline-none",
-        // Size
-        p[b],
-        // Variant
-        h[i],
-        // Full width
-        a && "ember-w-full",
-        // Loading
-        e && "ember-cursor-wait",
-        // Custom className
-        n
-      ),
-      "data-testid": d,
-      ...c,
-      children: [
-        e && /* @__PURE__ */ r(x, { size: b === "xs" ? "xs" : "sm", className: "ember-absolute" }),
-        /* @__PURE__ */ o("span", { className: t("ember-inline-flex ember-items-center ember-gap-inherit", e && "ember-invisible"), children: [
-          m && /* @__PURE__ */ r("span", { className: "ember-inline-flex ember-shrink-0", children: m }),
-          l,
-          s && /* @__PURE__ */ r("span", { className: "ember-inline-flex ember-shrink-0", children: s })
-        ] })
-      ]
-    }
-  )
+    bis: p,
+    style: u,
+    ...x
+  }, h) => {
+    const y = o || e, t = k(p, u);
+    return /* @__PURE__ */ n(
+      "button",
+      {
+        ref: h,
+        disabled: y,
+        style: Object.keys(t).length ? t : void 0,
+        className: l(
+          // Base styles
+          "bear-inline-flex bear-items-center bear-justify-center bear-font-medium bear-rounded-lg bear-transition-all bear-duration-200 bear-outline-none",
+          // Size
+          w[a],
+          // Variant
+          v[m],
+          // Full width
+          b && "bear-w-full",
+          // Loading
+          e && "bear-cursor-wait",
+          // Custom className
+          c
+        ),
+        "data-testid": d,
+        ...x,
+        children: [
+          e && /* @__PURE__ */ r(j, { size: a === "xs" ? "xs" : "sm", className: "bear-absolute" }),
+          /* @__PURE__ */ n("span", { className: l("bear-inline-flex bear-items-center bear-gap-inherit", e && "bear-invisible"), children: [
+            s && /* @__PURE__ */ r("span", { className: "bear-inline-flex bear-shrink-0", children: s }),
+            f,
+            i && /* @__PURE__ */ r("span", { className: "bear-inline-flex bear-shrink-0", children: i })
+          ] })
+        ]
+      }
+    );
+  }
 );
-w.displayName = "Button";
+B.displayName = "Button";
 export {
-  w as Button
+  B as Button
 };

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

@@ -1,6 +1,7 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
 import { EmberSize, EmberVariant } from '../../types';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+import { BisProp } from '../../types/bis.types';
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
     /** Button variant style */
     variant?: EmberVariant;
     /** Button size */
@@ -15,4 +16,8 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     rightIcon?: ReactNode;
     /** Test ID for testing */
     testId?: string;
+    /** Bear Inner Style - sx-like overrides */
+    bis?: BisProp;
+    /** Inline styles */
+    style?: React.CSSProperties;
 }

package/dist/components/ButtonGroup/ButtonGroup.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),l=require("react"),u=require("../../utils/cn.cjs"),q=({children:c,size:b="md",variant:f="primary",orientation:p="horizontal",disabled:x=!1,fullWidth:i=!1,className:g,testId:y,...C})=>{const o=p==="horizontal",a=l.Children.toArray(c),h=a.map((r,d)=>{if(!l.isValidElement(r))return r;const n=d===0,s=d===a.length-1,m=!n&&!s;let e="";o?n?e="ember-rounded-r-none":s?e="ember-rounded-l-none":m&&(e="ember-rounded-none"):n?e="ember-rounded-b-none":s?e="ember-rounded-t-none":m&&(e="ember-rounded-none");let t="";return o&&!n?t="ember--ml-px":!o&&!n&&(t="ember--mt-px"),l.cloneElement(r,{size:b,variant:f,disabled:x||r.props.disabled,className:u.cn(e,t,i&&"ember-flex-1",r.props.className)})});return j.jsx("div",{role:"group",className:u.cn("ember-inline-flex",o?"ember-flex-row":"ember-flex-col",i&&"ember-w-full",g),"data-testid":y,...C,children:h})};exports.ButtonGroup=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),t=require("react"),c=require("../../utils/cn.cjs"),q=({children:b,size:f="md",variant:m="primary",orientation:p="horizontal",disabled:x=!1,fullWidth:l=!1,className:g,testId:y,...C})=>{const o=p==="horizontal",i=t.Children.toArray(b),h=i.map((r,d)=>{if(!t.isValidElement(r))return r;const n=d===0,s=d===i.length-1,u=!n&&!s;let e="";o?n?e="bear-rounded-r-none":s?e="bear-rounded-l-none":u&&(e="bear-rounded-none"):n?e="bear-rounded-b-none":s?e="bear-rounded-t-none":u&&(e="bear-rounded-none");let a="";return o&&!n?a="bear--ml-px":!o&&!n&&(a="bear--mt-px"),t.cloneElement(r,{size:f,variant:m,disabled:x||r.props.disabled,className:c.cn(e,a,l&&"bear-flex-1",r.props.className)})});return j.jsx("div",{role:"group",className:c.cn("bear-inline-flex",o?"bear-flex-row":"bear-flex-col",l&&"bear-w-full",g),"data-testid":y,...C,children:h})};exports.ButtonGroup=q;

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -1,31 +1,31 @@
 import { jsx as y } from "react/jsx-runtime";
 import { Children as z, isValidElement as N, cloneElement as w } from "react";
-import { cn as d } from "../../utils/cn.js";
+import { cn as f } from "../../utils/cn.js";
 const v = ({
-  children: f,
-  size: b = "md",
+  children: b,
+  size: m = "md",
   variant: p = "primary",
   orientation: u = "horizontal",
   disabled: c = !1,
-  fullWidth: i = !1,
+  fullWidth: l = !1,
   className: x,
   testId: C,
   ...g
 }) => {
-  const o = u === "horizontal", t = z.toArray(f), h = t.map((r, m) => {
+  const o = u === "horizontal", i = z.toArray(b), h = i.map((r, t) => {
     if (!N(r)) return r;
-    const n = m === 0, s = m === t.length - 1, a = !n && !s;
+    const n = t === 0, a = t === i.length - 1, d = !n && !a;
     let e = "";
-    o ? n ? e = "ember-rounded-r-none" : s ? e = "ember-rounded-l-none" : a && (e = "ember-rounded-none") : n ? e = "ember-rounded-b-none" : s ? e = "ember-rounded-t-none" : a && (e = "ember-rounded-none");
-    let l = "";
-    return o && !n ? l = "ember--ml-px" : !o && !n && (l = "ember--mt-px"), w(r, {
-      size: b,
+    o ? n ? e = "bear-rounded-r-none" : a ? e = "bear-rounded-l-none" : d && (e = "bear-rounded-none") : n ? e = "bear-rounded-b-none" : a ? e = "bear-rounded-t-none" : d && (e = "bear-rounded-none");
+    let s = "";
+    return o && !n ? s = "bear--ml-px" : !o && !n && (s = "bear--mt-px"), w(r, {
+      size: m,
       variant: p,
       disabled: c || r.props.disabled,
-      className: d(
+      className: f(
         e,
-        l,
-        i && "ember-flex-1",
+        s,
+        l && "bear-flex-1",
         r.props.className
       )
     });
@@ -34,10 +34,10 @@ const v = ({
     "div",
     {
       role: "group",
-      className: d(
-        "ember-inline-flex",
-        o ? "ember-flex-row" : "ember-flex-col",
-        i && "ember-w-full",
+      className: f(
+        "bear-inline-flex",
+        o ? "bear-flex-row" : "bear-flex-col",
+        l && "bear-w-full",
         x
       ),
       "data-testid": C,

package/dist/components/Calendar/Calendar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),A=require("../../utils/cn.cjs"),le=require("../../hooks/useBearStyles.cjs"),de=["SUN","MON","TUE","WED","THU","FRI","SAT"],ue=["January","February","March","April","May","June","July","August","September","October","November","December"],_=(b,n)=>new Date(b,n+1,0).getDate(),xe=(b,n)=>new Date(b,n,1).getDay(),M=(b,n)=>!b||!n?!1:b.getDate()===n.getDate()&&b.getMonth()===n.getMonth()&&b.getFullYear()===n.getFullYear();function me(b,n,N){let d=(xe(b,n)-N+7)%7;const v=_(b,n),y=n===0?11:n-1,f=n===0?b-1:b,p=_(f,y),i=[],w=42;for(let e=0;e<w;e++)if(e<d){const m=p-d+e+1;i.push({date:new Date(f,y,m),isCurrentMonth:!1})}else if(e<d+v){const m=e-d+1;i.push({date:new Date(b,n,m),isCurrentMonth:!0})}else{const m=e-d-v+1,h=n===11?0:n+1,D=n===11?b+1:b;i.push({date:new Date(D,h,m),isCurrentMonth:!1})}return i}const he=({viewDate:b,value:n=null,onSelect:N,onViewChange:s,minDate:d,maxDate:v,disabledDates:y=[],highlightedDates:f=[],weekdayLabels:p=de,firstDayOfWeek:i=0,showWeekNumbers:w=!1,slots:e={},clearable:m=!0,onClear:h,showTodayButton:D=!0,onToday:g,bis:K,style:L,inline:O=!1,className:Q})=>{const o=b.getFullYear(),E=le.useBearStyles(K,L),l=b.getMonth(),X=u.useMemo(()=>new Date,[]),P=u.useCallback(()=>{s==null||s(new Date(o-1,l,1))},[o,l,s]),H=u.useCallback(()=>{s==null||s(new Date(o,l-1,1))},[o,l,s]),U=u.useCallback(()=>{s==null||s(new Date(o,l+1,1))},[o,l,s]),S=u.useCallback(()=>{s==null||s(new Date(o+1,l,1))},[o,l,s]),Y=H,C=U,Z={onPrevYear:P,onPrevMonth:H,onNextMonth:U,onNextYear:S},$=u.useCallback(a=>d&&a<d||v&&a>v?!0:y.some(r=>M(r,a)),[d,v,y]),V=u.useCallback(a=>f.some(r=>M(r,a)),[f]),ee=u.useMemo(()=>me(o,l,i),[o,l,i]),q=u.useMemo(()=>i>0?[...p.slice(i),...p.slice(0,i)]:p,[p,i]),F=ue[l],B=n!=null,re=O?"bear-block bear-w-full bear-bg-white bear-rounded-xl bear-shadow-none bear-border bear-border-zinc-200 bear-p-4 bear-text-zinc-900":"bear-absolute bear-z-50 bear-mt-2 bear-bg-white bear-rounded-xl bear-shadow-xl bear-border bear-border-zinc-200 bear-p-4 bear-w-80 bear-text-zinc-900",te=()=>{if(e.header)return e.header({month:F,year:o,onPrev:Y,onNext:C,nav:Z});const a=e.navPrevYear,r=e.navPrev,c=e.navNext,x=e.navNextYear,j=e.headerLabel;return t.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-gap-1 bear-mb-4",children:[t.jsxs("div",{className:"bear-flex bear-items-center bear-gap-0.5",children:[a?a({onClick:P}):t.jsx("button",{type:"button",onClick:P,className:"bear-p-1.5 bear-rounded bear-text-zinc-500 hover:bear-bg-zinc-100 bear-dark:hover:bear-bg-zinc-800 bear-transition-colors bear-font-medium","aria-label":"Previous year",children:"‹‹"}),r?r({onClick:Y}):t.jsx("button",{type:"button",onClick:Y,className:"bear-p-1.5 bear-rounded bear-text-zinc-500 hover:bear-bg-zinc-100 bear-dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Previous month",children:"‹"})]}),j?j({month:F,year:o}):t.jsxs("span",{className:"bear-font-semibold bear-text-sm bear-select-none",children:[F," ",o]}),t.jsxs("div",{className:"bear-flex bear-items-center bear-gap-0.5",children:[c?c({onClick:C}):t.jsx("button",{type:"button",onClick:C,className:"bear-p-1.5 bear-rounded bear-text-zinc-500 hover:bear-bg-zinc-100 bear-dark:hover:bear-bg-zinc-800 bear-transition-colors","aria-label":"Next month",children:"›"}),x?x({onClick:S}):t.jsx("button",{type:"button",onClick:S,className:"bear-p-1.5 bear-rounded bear-text-zinc-500 hover:bear-bg-zinc-100 bear-dark:hover:bear-bg-zinc-800 bear-transition-colors bear-font-medium","aria-label":"Next year",children:"››"})]})]})},ae=()=>{if(e.weekdays)return e.weekdays({days:q});const a=e.weekday;return t.jsx("div",{className:"bear-grid bear-grid-cols-7 bear-gap-1 bear-mb-2",children:q.map(r=>a?t.jsx("div",{children:a({label:r})},r):t.jsx("div",{className:A.cn("bear-text-center bear-text-xs bear-font-medium bear-uppercase",(r==="SUN"||r==="SAT"||r==="Sun"||r==="Sat")&&"bear-text-red-500"),children:r},r))})},ne=(a,r)=>{const{date:c,isCurrentMonth:x}=a,j=c.getDate(),J=c.getDay(),oe=J===0||J===6,k=M(n,c),T=M(X,c),z=$(c),R=V(c),W=()=>{z||N==null||N(c)},ie={date:c,day:j,isCurrentMonth:x,isSelected:k,isToday:T,isDisabled:z,isHighlighted:R,onClick:W};return e.day?t.jsx("span",{children:e.day(ie)},r):t.jsx("button",{type:"button",onClick:W,disabled:z,className:A.cn("bear-w-8 bear-h-8 bear-rounded-full bear-text-sm bear-font-medium bear-transition-colors bear-flex bear-items-center bear-justify-center",k&&"bear-bg-bear-500 bear-text-white hover:bear-bg-bear-600",!k&&T&&"bear-ring-2 bear-ring-bear-500/50 bear-bg-transparent",!k&&!T&&(x?oe?"bear-text-red-500 hover:bear-bg-zinc-100":"bear-text-zinc-700 hover:bear-bg-zinc-100":"bear-text-zinc-400 hover:bear-bg-zinc-50"),R&&!k&&"bear-bg-bear-500/15",z&&"bear-opacity-40 bear-cursor-not-allowed"),children:j},r)},be=()=>{const a=ee.map((r,c)=>ne(r,c));return e.daysGrid?e.daysGrid({children:a,className:"bear-grid bear-grid-cols-7 bear-gap-1"}):t.jsx("div",{className:"bear-grid bear-grid-cols-7 bear-gap-1",children:a})},se=()=>{const a=m&&B&&h,r=D&&g;if(!a&&!r)return null;if(e.footer){const c=e.clearButton,x=e.todayButton;return e.footer({children:t.jsxs("div",{className:"bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200",children:[a&&c?c({onClick:h,hasSelection:B}):a?t.jsx("button",{type:"button",onClick:h,className:"bear-text-sm bear-text-zinc-500 hover:bear-text-zinc-700",children:"Clear"}):t.jsx("span",{}),r&&x?x({onClick:g}):r?t.jsx("button",{type:"button",onClick:g,className:"bear-text-sm bear-text-bear-600 hover:bear-text-bear-700 bear-font-medium",children:"Today"}):null]})})}return e.clearButton&&e.todayButton?t.jsxs("div",{className:"bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200",children:[a&&e.clearButton({onClick:h,hasSelection:B}),r&&e.todayButton({onClick:g})]}):t.jsxs("div",{className:"bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200",children:[a?t.jsx("button",{type:"button",onClick:h,className:"bear-text-sm bear-text-zinc-500 hover:bear-text-zinc-700 bear-transition-colors",children:"Clear"}):t.jsx("span",{}),r?t.jsx("button",{type:"button",onClick:g,className:"bear-text-sm bear-text-bear-600 hover:bear-text-bear-700 bear-font-medium bear-transition-colors",children:"Today"}):null]})},I=t.jsxs(t.Fragment,{children:[te(),ae(),be(),se()]}),G=A.cn(re,Q),ce=Object.keys(E).length?E:void 0;return e.root?e.root({children:I,className:G}):t.jsx("div",{className:G,style:ce,children:I})};exports.Calendar=he;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { CalendarProps } from './Calendar.types';
+export declare const Calendar: FC<CalendarProps>;

package/dist/components/Calendar/Calendar.js

@@ -0,0 +1,203 @@
+import { jsxs as m, Fragment as ue, jsx as c } from "react/jsx-runtime";
+import { useMemo as w, useCallback as N } from "react";
+import { cn as E } from "../../utils/cn.js";
+import { useBearStyles as me } from "../../hooks/useBearStyles.js";
+const he = ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"], xe = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], q = (n, a) => new Date(n, a + 1, 0).getDate(), ve = (n, a) => new Date(n, a, 1).getDay(), P = (n, a) => !n || !a ? !1 : n.getDate() === a.getDate() && n.getMonth() === a.getMonth() && n.getFullYear() === a.getFullYear();
+function pe(n, a, f) {
+  let l = (ve(n, a) - f + 7) % 7;
+  const v = q(n, a), y = a === 0 ? 11 : a - 1, g = a === 0 ? n - 1 : n, p = q(g, y), i = [], H = 42;
+  for (let e = 0; e < H; e++)
+    if (e < l) {
+      const h = p - l + e + 1;
+      i.push({ date: new Date(g, y, h), isCurrentMonth: !1 });
+    } else if (e < l + v) {
+      const h = e - l + 1;
+      i.push({ date: new Date(n, a, h), isCurrentMonth: !0 });
+    } else {
+      const h = e - l - v + 1, x = a === 11 ? 0 : a + 1, Y = a === 11 ? n + 1 : n;
+      i.push({ date: new Date(Y, x, h), isCurrentMonth: !1 });
+    }
+  return i;
+}
+const ke = ({
+  viewDate: n,
+  value: a = null,
+  onSelect: f,
+  onViewChange: b,
+  minDate: l,
+  maxDate: v,
+  disabledDates: y = [],
+  highlightedDates: g = [],
+  weekdayLabels: p = he,
+  firstDayOfWeek: i = 0,
+  showWeekNumbers: H = !1,
+  slots: e = {},
+  clearable: h = !0,
+  onClear: x,
+  showTodayButton: Y = !0,
+  onToday: z,
+  bis: O,
+  style: Q,
+  inline: X = !1,
+  className: Z
+}) => {
+  const s = n.getFullYear(), U = me(O, Q), d = n.getMonth(), $ = w(() => /* @__PURE__ */ new Date(), []), S = N(() => {
+    b == null || b(new Date(s - 1, d, 1));
+  }, [s, d, b]), I = N(() => {
+    b == null || b(new Date(s, d - 1, 1));
+  }, [s, d, b]), G = N(() => {
+    b == null || b(new Date(s, d + 1, 1));
+  }, [s, d, b]), F = N(() => {
+    b == null || b(new Date(s + 1, d, 1));
+  }, [s, d, b]), j = I, B = G, V = {
+    onPrevYear: S,
+    onPrevMonth: I,
+    onNextMonth: G,
+    onNextYear: F
+  }, ee = N(
+    (t) => l && t < l || v && t > v ? !0 : y.some((r) => P(r, t)),
+    [l, v, y]
+  ), re = N(
+    (t) => g.some((r) => P(r, t)),
+    [g]
+  ), te = w(
+    () => pe(s, d, i),
+    [s, d, i]
+  ), J = w(
+    () => i > 0 ? [...p.slice(i), ...p.slice(0, i)] : p,
+    [p, i]
+  ), T = xe[d], A = a != null, ae = X ? "bear-block bear-w-full bear-bg-white bear-rounded-xl bear-shadow-none bear-border bear-border-zinc-200 bear-p-4 bear-text-zinc-900" : "bear-absolute bear-z-50 bear-mt-2 bear-bg-white bear-rounded-xl bear-shadow-xl bear-border bear-border-zinc-200 bear-p-4 bear-w-80 bear-text-zinc-900", ne = () => {
+    if (e.header)
+      return e.header({ month: T, year: s, onPrev: j, onNext: B, nav: V });
+    const t = e.navPrevYear, r = e.navPrev, o = e.navNext, u = e.navNextYear, k = e.headerLabel;
+    return /* @__PURE__ */ m("div", { className: "bear-flex bear-items-center bear-justify-between bear-gap-1 bear-mb-4", children: [
+      /* @__PURE__ */ m("div", { className: "bear-flex bear-items-center bear-gap-0.5", children: [
+        t ? t({ onClick: S }) : /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            onClick: S,
+            className: "bear-p-1.5 bear-rounded bear-text-zinc-500 hover:bear-bg-zinc-100 bear-dark:hover:bear-bg-zinc-800 bear-transition-colors bear-font-medium",
+            "aria-label": "Previous year",
+            children: "‹‹"
+          }
+        ),
+        r ? r({ onClick: j }) : /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            onClick: j,
+            className: "bear-p-1.5 bear-rounded bear-text-zinc-500 hover:bear-bg-zinc-100 bear-dark:hover:bear-bg-zinc-800 bear-transition-colors",
+            "aria-label": "Previous month",
+            children: "‹"
+          }
+        )
+      ] }),
+      k ? k({ month: T, year: s }) : /* @__PURE__ */ m("span", { className: "bear-font-semibold bear-text-sm bear-select-none", children: [
+        T,
+        " ",
+        s
+      ] }),
+      /* @__PURE__ */ m("div", { className: "bear-flex bear-items-center bear-gap-0.5", children: [
+        o ? o({ onClick: B }) : /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            onClick: B,
+            className: "bear-p-1.5 bear-rounded bear-text-zinc-500 hover:bear-bg-zinc-100 bear-dark:hover:bear-bg-zinc-800 bear-transition-colors",
+            "aria-label": "Next month",
+            children: "›"
+          }
+        ),
+        u ? u({ onClick: F }) : /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            onClick: F,
+            className: "bear-p-1.5 bear-rounded bear-text-zinc-500 hover:bear-bg-zinc-100 bear-dark:hover:bear-bg-zinc-800 bear-transition-colors bear-font-medium",
+            "aria-label": "Next year",
+            children: "››"
+          }
+        )
+      ] })
+    ] });
+  }, be = () => {
+    if (e.weekdays) return e.weekdays({ days: J });
+    const t = e.weekday;
+    return /* @__PURE__ */ c("div", { className: "bear-grid bear-grid-cols-7 bear-gap-1 bear-mb-2", children: J.map(
+      (r) => t ? /* @__PURE__ */ c("div", { children: t({ label: r }) }, r) : /* @__PURE__ */ c(
+        "div",
+        {
+          className: E(
+            "bear-text-center bear-text-xs bear-font-medium bear-uppercase",
+            (r === "SUN" || r === "SAT" || r === "Sun" || r === "Sat") && "bear-text-red-500"
+          ),
+          children: r
+        },
+        r
+      )
+    ) });
+  }, ce = (t, r) => {
+    const { date: o, isCurrentMonth: u } = t, k = o.getDate(), K = o.getDay(), de = K === 0 || K === 6, M = P(a, o), C = P($, o), D = ee(o), L = re(o), R = () => {
+      D || f == null || f(o);
+    }, le = {
+      date: o,
+      day: k,
+      isCurrentMonth: u,
+      isSelected: M,
+      isToday: C,
+      isDisabled: D,
+      isHighlighted: L,
+      onClick: R
+    };
+    return e.day ? /* @__PURE__ */ c("span", { children: e.day(le) }, r) : /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        onClick: R,
+        disabled: D,
+        className: E(
+          "bear-w-8 bear-h-8 bear-rounded-full bear-text-sm bear-font-medium bear-transition-colors bear-flex bear-items-center bear-justify-center",
+          M && "bear-bg-bear-500 bear-text-white hover:bear-bg-bear-600",
+          !M && C && "bear-ring-2 bear-ring-bear-500/50 bear-bg-transparent",
+          !M && !C && (u ? de ? "bear-text-red-500 hover:bear-bg-zinc-100" : "bear-text-zinc-700 hover:bear-bg-zinc-100" : "bear-text-zinc-400 hover:bear-bg-zinc-50"),
+          L && !M && "bear-bg-bear-500/15",
+          D && "bear-opacity-40 bear-cursor-not-allowed"
+        ),
+        children: k
+      },
+      r
+    );
+  }, oe = () => {
+    const t = te.map((r, o) => ce(r, o));
+    return e.daysGrid ? e.daysGrid({ children: t, className: "bear-grid bear-grid-cols-7 bear-gap-1" }) : /* @__PURE__ */ c("div", { className: "bear-grid bear-grid-cols-7 bear-gap-1", children: t });
+  }, se = () => {
+    const t = h && A && x, r = Y && z;
+    if (!t && !r) return null;
+    if (e.footer) {
+      const o = e.clearButton, u = e.todayButton;
+      return e.footer({
+        children: /* @__PURE__ */ m("div", { className: "bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200", children: [
+          t && o ? o({ onClick: x, hasSelection: A }) : t ? /* @__PURE__ */ c("button", { type: "button", onClick: x, className: "bear-text-sm bear-text-zinc-500 hover:bear-text-zinc-700", children: "Clear" }) : /* @__PURE__ */ c("span", {}),
+          r && u ? u({ onClick: z }) : r ? /* @__PURE__ */ c("button", { type: "button", onClick: z, className: "bear-text-sm bear-text-bear-600 hover:bear-text-bear-700 bear-font-medium", children: "Today" }) : null
+        ] })
+      });
+    }
+    return e.clearButton && e.todayButton ? /* @__PURE__ */ m("div", { className: "bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200", children: [
+      t && e.clearButton({ onClick: x, hasSelection: A }),
+      r && e.todayButton({ onClick: z })
+    ] }) : /* @__PURE__ */ m("div", { className: "bear-flex bear-justify-between bear-gap-2 bear-mt-4 bear-pt-3 bear-border-t bear-border-zinc-200", children: [
+      t ? /* @__PURE__ */ c("button", { type: "button", onClick: x, className: "bear-text-sm bear-text-zinc-500 hover:bear-text-zinc-700 bear-transition-colors", children: "Clear" }) : /* @__PURE__ */ c("span", {}),
+      r ? /* @__PURE__ */ c("button", { type: "button", onClick: z, className: "bear-text-sm bear-text-bear-600 hover:bear-text-bear-700 bear-font-medium bear-transition-colors", children: "Today" }) : null
+    ] });
+  }, W = /* @__PURE__ */ m(ue, { children: [
+    ne(),
+    be(),
+    oe(),
+    se()
+  ] }), _ = E(ae, Z), ie = Object.keys(U).length ? U : void 0;
+  return e.root ? e.root({ children: W, className: _ }) : /* @__PURE__ */ c("div", { className: _, style: ie, children: W });
+};
+export {
+  ke as Calendar
+};

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

@@ -0,0 +1,124 @@
+import { ReactNode } from 'react';
+export interface CalendarDayProps {
+    date: Date;
+    day: number;
+    isCurrentMonth: boolean;
+    isSelected: boolean;
+    isToday: boolean;
+    isDisabled: boolean;
+    isHighlighted?: boolean;
+}
+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/index.d.ts

@@ -0,0 +1,2 @@
+export { Calendar } from './Calendar';
+export type { CalendarProps, CalendarSlots, CalendarDayProps, CalendarNavActions } from './Calendar.types';

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;