@forgedevstack/bear 1.0.0 → 1.0.2

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;

package/dist/components/Checkbox/Checkbox.js

@@ -1,12 +1,12 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { forwardRef as I, useRef as L, useId as j, useEffect as E } from "react";
-import { cn as s } from "../../utils/cn.js";
+import { cn as o } from "../../utils/cn.js";
 const A = {
-  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"
+  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"
 }, R = {
   xs: 10,
   sm: 12,
@@ -14,11 +14,11 @@ const A = {
   lg: 18,
   xl: 22
 }, _ = {
-  xs: "ember-text-xs",
-  sm: "ember-text-sm",
-  md: "ember-text-base",
-  lg: "ember-text-lg",
-  xl: "ember-text-xl"
+  xs: "bear-text-xs",
+  sm: "bear-text-sm",
+  md: "bear-text-base",
+  lg: "bear-text-lg",
+  xl: "bear-text-xl"
 }, B = {
   primary: "#ec4899",
   secondary: "#6b7280",
@@ -32,28 +32,28 @@ const A = {
 }, O = I(({
   label: i,
   size: b = "md",
-  variant: h = "primary",
+  variant: m = "primary",
   color: p,
-  checked: a,
-  defaultChecked: d,
-  indeterminate: t = !1,
+  checked: d,
+  defaultChecked: x,
+  indeterminate: a = !1,
   disabled: c = !1,
-  error: o = !1,
-  helperText: x,
+  error: t = !1,
+  helperText: f,
   className: u,
   testId: y,
   onChange: g,
   ...k
 }, w) => {
-  const S = L(null), r = w || S, v = j(), f = p ?? B[h], m = R[b];
+  const S = L(null), r = w || S, v = j(), h = p ?? B[m], s = R[b];
   E(() => {
-    typeof r == "object" && (r != null && r.current) && (r.current.indeterminate = t);
-  }, [t, r]);
+    typeof r == "object" && (r != null && r.current) && (r.current.indeterminate = a);
+  }, [a, r]);
   const C = () => /* @__PURE__ */ e(
     "svg",
     {
-      width: m,
-      height: m,
+      width: s,
+      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "white",
@@ -65,8 +65,8 @@ const A = {
   ), N = () => /* @__PURE__ */ e(
     "svg",
     {
-      width: m,
-      height: m,
+      width: s,
+      height: s,
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "white",
@@ -75,27 +75,27 @@ const A = {
       strokeLinejoin: "round",
       children: /* @__PURE__ */ e("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
     }
-  ), n = a ?? d;
-  return /* @__PURE__ */ l("div", { className: s("ember-flex ember-flex-col", u), children: [
+  ), n = d ?? x;
+  return /* @__PURE__ */ l("div", { className: o("bear-flex bear-flex-col", u), children: [
     /* @__PURE__ */ l(
       "label",
       {
-        className: s(
-          "ember-inline-flex ember-items-center ember-gap-2 ember-cursor-pointer",
-          c && "ember-opacity-50 ember-cursor-not-allowed"
+        className: o(
+          "bear-inline-flex bear-items-center bear-gap-2 bear-cursor-pointer",
+          c && "bear-opacity-50 bear-cursor-not-allowed"
         ),
         children: [
-          /* @__PURE__ */ l("div", { className: "ember-relative ember-flex ember-items-center ember-justify-center", children: [
+          /* @__PURE__ */ l("div", { className: "bear-relative bear-flex bear-items-center bear-justify-center", children: [
             /* @__PURE__ */ e(
               "input",
               {
                 ref: r,
                 type: "checkbox",
-                checked: a,
-                defaultChecked: d,
+                checked: d,
+                defaultChecked: x,
                 disabled: c,
                 onChange: g,
-                className: "ember-sr-only",
+                className: "bear-sr-only",
                 id: v,
                 "data-testid": y,
                 ...k
@@ -104,33 +104,33 @@ const A = {
             /* @__PURE__ */ e(
               "div",
               {
-                className: s(
+                className: o(
                   A[b],
-                  "ember-rounded ember-border-2 ember-transition-all ember-flex ember-items-center ember-justify-center",
-                  o ? "ember-border-red-500" : "ember-border-gray-300 dark:ember-border-gray-600",
-                  (n || t) && !o && "ember-border-transparent",
-                  !c && "hover:ember-border-gray-400"
+                  "bear-rounded bear-border-2 bear-transition-all bear-flex bear-items-center bear-justify-center",
+                  t ? "bear-border-red-500" : "bear-border-gray-300 dark:bear-border-gray-600",
+                  (n || a) && !t && "bear-border-transparent",
+                  !c && "hover:bear-border-gray-400"
                 ),
                 style: {
-                  backgroundColor: n || t ? o ? "#ef4444" : f : "transparent",
-                  borderColor: (n || t) && !o ? f : void 0
+                  backgroundColor: n || a ? t ? "#ef4444" : h : "transparent",
+                  borderColor: (n || a) && !t ? h : void 0
                 },
-                children: t ? /* @__PURE__ */ e(N, {}) : n ? /* @__PURE__ */ e(C, {}) : null
+                children: a ? /* @__PURE__ */ e(N, {}) : n ? /* @__PURE__ */ e(C, {}) : null
               }
             )
           ] }),
-          i && /* @__PURE__ */ e("span", { className: s(
+          i && /* @__PURE__ */ e("span", { className: o(
             _[b],
-            "ember-text-gray-700 dark:ember-text-gray-300",
-            o && "ember-text-red-500"
+            "bear-text-gray-700 dark:bear-text-gray-300",
+            t && "bear-text-red-500"
           ), children: i })
         ]
       }
     ),
-    x && /* @__PURE__ */ e("span", { className: s(
-      "ember-text-xs ember-mt-1 ember-ml-7",
-      o ? "ember-text-red-500" : "ember-text-gray-500"
-    ), children: x })
+    f && /* @__PURE__ */ e("span", { className: o(
+      "bear-text-xs bear-mt-1 bear-ml-7",
+      t ? "bear-text-red-500" : "bear-text-gray-500"
+    ), children: f })
   ] });
 });
 O.displayName = "Checkbox";

package/dist/components/Container/Container.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),o=require("../../utils/cn.cjs"),u={sm:"ember-max-w-screen-sm",md:"ember-max-w-screen-md",lg:"ember-max-w-screen-lg",xl:"ember-max-w-screen-xl","2xl":"ember-max-w-screen-2xl",full:"ember-max-w-full"},e=i.forwardRef(({size:r="xl",centered:m=!0,padding:s=!0,className:t,children:n,testId:a,...l},x)=>c.jsx("div",{ref:x,className:o.cn("ember-w-full",u[r],m&&"ember-mx-auto",s&&"ember-px-4 sm:ember-px-6 lg:ember-px-8",t),"data-testid":a,...l,children:n}));e.displayName="Container";exports.Container=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),i=require("react"),o=require("../../utils/cn.cjs"),u={sm:"bear-max-w-screen-sm",md:"bear-max-w-screen-md",lg:"bear-max-w-screen-lg",xl:"bear-max-w-screen-xl","2xl":"bear-max-w-screen-2xl",full:"bear-max-w-full"},e=i.forwardRef(({size:r="xl",centered:a=!0,padding:s=!0,className:t,children:n,testId:l,...x},c)=>m.jsx("div",{ref:c,className:o.cn("bear-w-full",u[r],a&&"bear-mx-auto",s&&"bear-px-4 sm:bear-px-6 lg:bear-px-8",t),"data-testid":l,...x,children:n}));e.displayName="Container";exports.Container=e;

package/dist/components/Container/Container.js

@@ -2,19 +2,19 @@ import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as o } from "react";
 import { cn as b } from "../../utils/cn.js";
 const c = {
-  sm: "ember-max-w-screen-sm",
-  md: "ember-max-w-screen-md",
-  lg: "ember-max-w-screen-lg",
-  xl: "ember-max-w-screen-xl",
-  "2xl": "ember-max-w-screen-2xl",
-  full: "ember-max-w-full"
+  sm: "bear-max-w-screen-sm",
+  md: "bear-max-w-screen-md",
+  lg: "bear-max-w-screen-lg",
+  xl: "bear-max-w-screen-xl",
+  "2xl": "bear-max-w-screen-2xl",
+  full: "bear-max-w-full"
 }, i = o(
   ({
     size: e = "xl",
-    centered: m = !0,
-    padding: r = !0,
-    className: s,
-    children: a,
+    centered: r = !0,
+    padding: a = !0,
+    className: m,
+    children: s,
     testId: l,
     ...x
   }, t) => /* @__PURE__ */ n(
@@ -22,15 +22,15 @@ const c = {
     {
       ref: t,
       className: b(
-        "ember-w-full",
+        "bear-w-full",
         c[e],
-        m && "ember-mx-auto",
-        r && "ember-px-4 sm:ember-px-6 lg:ember-px-8",
-        s
+        r && "bear-mx-auto",
+        a && "bear-px-4 sm:bear-px-6 lg:bear-px-8",
+        m
       ),
       "data-testid": l,
       ...x,
-      children: a
+      children: s
     }
   )
 );

package/dist/components/DatePicker/DatePicker.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),h=require("../../utils/cn.cjs"),V=["Su","Mo","Tu","We","Th","Fr","Sa"],W=["January","February","March","April","May","June","July","August","September","October","November","December"],q=(r,t="MM/DD/YYYY")=>{if(!r)return"";const l=r.getDate().toString().padStart(2,"0"),i=(r.getMonth()+1).toString().padStart(2,"0"),b=r.getFullYear().toString();return t.replace("DD",l).replace("MM",i).replace("YYYY",b)},A=(r,t)=>!r||!t?!1:r.getDate()===t.getDate()&&r.getMonth()===t.getMonth()&&r.getFullYear()===t.getFullYear(),B=(r,t)=>new Date(r,t+1,0).getDate(),E=(r,t)=>new Date(r,t,1).getDay(),I=({value:r,onChange:t,minDate:l,maxDate:i,disabled:b=!1,placeholder:j="Select date",label:p,error:d,helperText:g,format:M="MM/DD/YYYY",clearable:k=!0,className:v,size:z="md",variant:N="default"})=>{const[f,u]=c.useState(!1),[n,w]=c.useState(r||new Date),x=c.useRef(null);c.useEffect(()=>{const s=o=>{x.current&&!x.current.contains(o.target)&&u(!1)};return document.addEventListener("mousedown",s),()=>document.removeEventListener("mousedown",s)},[]);const Y=c.useCallback(s=>{const o=new Date(n.getFullYear(),n.getMonth(),s);t==null||t(o),u(!1)},[n,t]),y=()=>w(new Date(n.getFullYear(),n.getMonth()-1,1)),S=()=>w(new Date(n.getFullYear(),n.getMonth()+1,1)),D=s=>{const o=new Date(n.getFullYear(),n.getMonth(),s);return!!(l&&o<l||i&&o>i)},F=()=>{const s=n.getFullYear(),o=n.getMonth(),C=B(s,o),P=E(s,o),m=[];for(let a=0;a<P;a++)m.push(null);for(let a=1;a<=C;a++)m.push(a);return e.jsxs("div",{className:"bear-absolute bear-z-50 bear-mt-1 bear-bg-zinc-800 bear-border bear-border-zinc-700 bear-rounded-lg bear-shadow-xl bear-p-3 bear-w-72",children:[e.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-mb-3",children:[e.jsx("button",{onClick:y,className:"bear-p-1 bear-rounded hover:bear-bg-zinc-700 bear-text-zinc-400",children:e.jsx("svg",{className:"bear-w-5 bear-h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M15 19l-7-7 7-7"})})}),e.jsxs("span",{className:"bear-font-medium bear-text-white",children:[W[o]," ",s]}),e.jsx("button",{onClick:S,className:"bear-p-1 bear-rounded hover:bear-bg-zinc-700 bear-text-zinc-400",children:e.jsx("svg",{className:"bear-w-5 bear-h-5",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})})]}),e.jsx("div",{className:"bear-grid bear-grid-cols-7 bear-gap-1 bear-mb-2",children:V.map(a=>e.jsx("div",{className:"bear-text-center bear-text-xs bear-text-zinc-500 bear-font-medium",children:a},a))}),e.jsx("div",{className:"bear-grid bear-grid-cols-7 bear-gap-1",children:m.map((a,R)=>a===null?e.jsx("div",{},`empty-${R}`):e.jsx("button",{onClick:()=>Y(a),disabled:D(a),className:h.cn("bear-w-8 bear-h-8 bear-rounded bear-text-sm bear-transition-colors",A(r??null,new Date(s,o,a))?"bear-bg-pink-500 bear-text-white":"bear-text-zinc-300 hover:bear-bg-zinc-700",D(a)&&"bear-opacity-30 bear-cursor-not-allowed"),children:a},a))}),k&&r&&e.jsx("button",{onClick:()=>{t==null||t(null),u(!1)},className:"bear-w-full bear-mt-3 bear-py-1.5 bear-text-sm bear-text-zinc-400 hover:bear-text-white bear-border-t bear-border-zinc-700",children:"Clear"})]})},L={sm:"bear-py-1.5 bear-px-3 bear-text-sm",md:"bear-py-2 bear-px-4",lg:"bear-py-2.5 bear-px-5 bear-text-lg"},O={default:"bear-bg-zinc-800 bear-border-zinc-600",filled:"bear-bg-zinc-700 bear-border-transparent",outline:"bear-bg-transparent bear-border-zinc-500"};return e.jsxs("div",{ref:x,className:h.cn("bear-relative",v),children:[p&&e.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5",children:p}),e.jsxs("button",{type:"button",onClick:()=>!b&&u(!f),disabled:b,className:h.cn("bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",L[z],O[N],d?"bear-border-red-500":"focus:bear-border-pink-500",b&&"bear-opacity-50 bear-cursor-not-allowed",r?"bear-text-white":"bear-text-zinc-500"),children:[e.jsx("span",{children:r?q(r,M):j}),e.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-zinc-400",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})})]}),d&&e.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-red-400",children:d}),g&&!d&&e.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-zinc-500",children:g}),f&&F()]})};exports.DatePicker=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),H=require("../Calendar/Calendar.cjs"),m=require("../../utils/cn.cjs"),I=require("../../hooks/useBearStyles.cjs"),W=require("./DatePicker.utils.cjs"),_=({value:s,onChange:e,minDate:x,maxDate:f,disabled:n=!1,placeholder:p="Select date",label:i,error:l,helperText:o,format:k="MM/DD/YYYY",clearable:w=!0,className:y,style:j,bis:z,showWeekNumbers:D=!1,disabledDates:S=[],highlightedDates:v=[],slots:q,weekdayLabels:N,firstDayOfWeek:V=0,size:h="md",variant:M="default"})=>{const[u,c]=r.useState(!1),[O,B]=r.useState(s??new Date),b=r.useRef(null),d=I.useBearStyles(z,j);r.useEffect(()=>{const a=T=>{b.current&&!b.current.contains(T.target)&&c(!1)};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[]);const L=r.useCallback(a=>{e==null||e(a),c(!1)},[e]),P=r.useCallback(()=>{e==null||e(null),c(!1)},[e]),R=r.useCallback(a=>{B(a)},[]),Y={sm:"bear-py-1.5 bear-px-3 bear-text-sm",md:"bear-py-2 bear-px-4",lg:"bear-py-2.5 bear-px-5 bear-text-lg"},E={default:"bear-bg-zinc-800 bear-border-zinc-600",filled:"bear-bg-zinc-700 bear-border-transparent",outline:"bear-bg-transparent bear-border-zinc-500"};return t.jsxs("div",{ref:b,className:m.cn("bear-relative",y),style:Object.keys(d).length?d:void 0,children:[i&&t.jsx("label",{className:"bear-block bear-text-sm bear-font-medium bear-text-zinc-300 bear-mb-1.5",children:i}),t.jsxs("button",{type:"button",onClick:()=>!n&&c(!u),disabled:n,className:m.cn("bear-w-full bear-flex bear-items-center bear-justify-between bear-rounded-lg bear-border bear-text-left bear-transition-colors",Y[h],E[M],l?"bear-border-red-500":"focus:bear-border-pink-500",n&&"bear-opacity-50 bear-cursor-not-allowed",s?"bear-text-white":"bear-text-zinc-500"),children:[t.jsx("span",{children:s?W.formatDate(s,k):p}),t.jsx("svg",{className:"bear-w-5 bear-h-5 bear-text-zinc-400 bear-shrink-0",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"})})]}),l&&t.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-red-400",children:l}),o&&!l&&t.jsx("p",{className:"bear-mt-1 bear-text-xs bear-text-zinc-500",children:o}),u&&t.jsx(H.Calendar,{viewDate:O,onViewChange:R,value:s??null,onSelect:L,minDate:x,maxDate:f,disabledDates:S,highlightedDates:v,slots:q,weekdayLabels:N,firstDayOfWeek:V,showWeekNumbers:D,clearable:w,onClear:P,showTodayButton:!0,onToday:()=>{e==null||e(new Date),c(!1)}})]})};exports.DatePicker=_;