@forgedevstack/bear 1.0.1 → 1.0.3

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),x=c.forwardRef(({code:a,language:o="typescript",showLineNumbers:g=!0,title:s,copyable:d=!0,maxHeight:t,theme:r="dark",className:y="",...p},h)=>{const[n,i]=c.useState(!1),b=async()=>{await navigator.clipboard.writeText(a),i(!0),setTimeout(()=>i(!1),2e3)},u=a.split(`
+`),j=r==="dark"?"bg-gray-900 text-gray-100":"bg-gray-50 text-gray-900 border border-gray-200";return e.jsxs("div",{className:`bear-code-block rounded-lg overflow-hidden ${j} ${y}`.trim(),children:[(s||d)&&e.jsxs("div",{className:`flex items-center justify-between px-4 py-2 ${r==="dark"?"bg-gray-800 border-b border-gray-700":"bg-gray-100 border-b border-gray-200"}`,children:[e.jsxs("div",{className:"flex items-center gap-2",children:[s&&e.jsx("span",{className:`text-sm font-medium ${r==="dark"?"text-gray-300":"text-gray-700"}`,children:s}),o&&e.jsx("span",{className:`text-xs px-2 py-0.5 rounded ${r==="dark"?"bg-gray-700 text-gray-400":"bg-gray-200 text-gray-600"}`,children:o})]}),d&&e.jsx("button",{onClick:b,className:`p-1.5 rounded transition-colors ${r==="dark"?"hover:bg-gray-700 text-gray-400 hover:text-gray-200":"hover:bg-gray-200 text-gray-500 hover:text-gray-700"}`,title:n?"Copied!":"Copy code",children:n?e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("polyline",{points:"20 6 9 17 4 12"})}):e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",children:[e.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),e.jsx("path",{d:"M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"})]})})]}),e.jsx("pre",{ref:h,className:"overflow-x-auto p-4",style:{maxHeight:t?typeof t=="number"?`${t}px`:t:void 0},...p,children:e.jsx("code",{className:"text-sm font-mono",children:u.map((m,l)=>e.jsxs("div",{className:"flex",children:[g&&e.jsx("span",{className:`select-none w-8 flex-shrink-0 text-right pr-4 ${r==="dark"?"text-gray-600":"text-gray-400"}`,children:l+1}),e.jsx("span",{className:"flex-1",children:m||" "})]},l))})})]})});x.displayName="CodeBlock";exports.CodeBlock=x;

package/dist/components/CodeBlock/CodeBlock.d.ts

@@ -0,0 +1,2 @@
+import { CodeBlockProps } from './CodeBlock.types';
+export declare const CodeBlock: import('react').ForwardRefExoticComponent<CodeBlockProps & import('react').RefAttributes<HTMLPreElement>>;

package/dist/components/CodeBlock/CodeBlock.js

@@ -0,0 +1,55 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { forwardRef as f, useState as v } from "react";
+const k = f(({
+  code: s,
+  language: d = "typescript",
+  showLineNumbers: g = !0,
+  title: o,
+  copyable: i = !0,
+  maxHeight: a,
+  theme: r = "dark",
+  className: y = "",
+  ...x
+}, p) => {
+  const [l, n] = v(!1), h = async () => {
+    await navigator.clipboard.writeText(s), n(!0), setTimeout(() => n(!1), 2e3);
+  }, m = s.split(`
+`);
+  return /* @__PURE__ */ t("div", { className: `bear-code-block rounded-lg overflow-hidden ${r === "dark" ? "bg-gray-900 text-gray-100" : "bg-gray-50 text-gray-900 border border-gray-200"} ${y}`.trim(), children: [
+    (o || i) && /* @__PURE__ */ t("div", { className: `flex items-center justify-between px-4 py-2 ${r === "dark" ? "bg-gray-800 border-b border-gray-700" : "bg-gray-100 border-b border-gray-200"}`, children: [
+      /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+        o && /* @__PURE__ */ e("span", { className: `text-sm font-medium ${r === "dark" ? "text-gray-300" : "text-gray-700"}`, children: o }),
+        d && /* @__PURE__ */ e("span", { className: `text-xs px-2 py-0.5 rounded ${r === "dark" ? "bg-gray-700 text-gray-400" : "bg-gray-200 text-gray-600"}`, children: d })
+      ] }),
+      i && /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: h,
+          className: `p-1.5 rounded transition-colors ${r === "dark" ? "hover:bg-gray-700 text-gray-400 hover:text-gray-200" : "hover:bg-gray-200 text-gray-500 hover:text-gray-700"}`,
+          title: l ? "Copied!" : "Copy code",
+          children: l ? /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+            /* @__PURE__ */ e("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+            /* @__PURE__ */ e("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
+          ] })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      "pre",
+      {
+        ref: p,
+        className: "overflow-x-auto p-4",
+        style: { maxHeight: a ? typeof a == "number" ? `${a}px` : a : void 0 },
+        ...x,
+        children: /* @__PURE__ */ e("code", { className: "text-sm font-mono", children: m.map((b, c) => /* @__PURE__ */ t("div", { className: "flex", children: [
+          g && /* @__PURE__ */ e("span", { className: `select-none w-8 flex-shrink-0 text-right pr-4 ${r === "dark" ? "text-gray-600" : "text-gray-400"}`, children: c + 1 }),
+          /* @__PURE__ */ e("span", { className: "flex-1", children: b || " " })
+        ] }, c)) })
+      }
+    )
+  ] });
+});
+k.displayName = "CodeBlock";
+export {
+  k as CodeBlock
+};

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

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+export interface CodeBlockProps extends HTMLAttributes<HTMLPreElement> {
+    code: string;
+    language?: string;
+    showLineNumbers?: boolean;
+    title?: string;
+    copyable?: boolean;
+    maxHeight?: number | string;
+    theme?: 'dark' | 'light';
+}

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

@@ -0,0 +1,2 @@
+export { CodeBlock } from './CodeBlock';
+export type { CodeBlockProps } from './CodeBlock.types';

package/dist/components/Columns/Columns.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),a=require("../../utils/cn.cjs"),c={none:"0",xs:"0.5rem",sm:"1rem",md:"1.5rem",lg:"2rem",xl:"3rem"},b=({children:l,count:e="auto",gap:n="md",fill:r=!1,minWidth:o,className:s,style:m})=>{const t={columnCount:e==="auto"?"auto":e,columnGap:c[n],columnFill:r?"balance":"auto",...o&&{columnWidth:typeof o=="number"?`${o}px`:o},...m};return u.jsx("div",{className:a.cn("bear-w-full",s),style:t,children:l})},i=({children:l,span:e="avoid",className:n,style:r})=>u.jsx("div",{className:a.cn("bear-inline-block bear-w-full bear-mb-4",e==="avoid"&&"bear-break-inside-avoid",n),style:r,children:l});exports.Column=i;exports.Columns=b;

package/dist/components/Columns/Columns.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ColumnsProps, ColumnProps } from './Columns.types';
+export declare const Columns: FC<ColumnsProps>;
+export declare const Column: FC<ColumnProps>;
+export default Columns;

package/dist/components/Columns/Columns.js

@@ -0,0 +1,54 @@
+import { jsx as m } from "react/jsx-runtime";
+import { cn as n } from "../../utils/cn.js";
+const c = {
+  none: "0",
+  xs: "0.5rem",
+  sm: "1rem",
+  md: "1.5rem",
+  lg: "2rem",
+  xl: "3rem"
+}, d = ({
+  children: l,
+  count: o = "auto",
+  gap: a = "md",
+  fill: r = !1,
+  minWidth: e,
+  className: u,
+  style: s
+}) => {
+  const t = {
+    columnCount: o === "auto" ? "auto" : o,
+    columnGap: c[a],
+    columnFill: r ? "balance" : "auto",
+    ...e && { columnWidth: typeof e == "number" ? `${e}px` : e },
+    ...s
+  };
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: n("bear-w-full", u),
+      style: t,
+      children: l
+    }
+  );
+}, f = ({
+  children: l,
+  span: o = "avoid",
+  className: a,
+  style: r
+}) => /* @__PURE__ */ m(
+  "div",
+  {
+    className: n(
+      "bear-inline-block bear-w-full bear-mb-4",
+      o === "avoid" && "bear-break-inside-avoid",
+      a
+    ),
+    style: r,
+    children: l
+  }
+);
+export {
+  f as Column,
+  d as Columns
+};

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

@@ -0,0 +1,17 @@
+import { ReactNode, CSSProperties } from 'react';
+export interface ColumnsProps {
+    children: ReactNode;
+    count?: 1 | 2 | 3 | 4 | 5 | 6 | 'auto';
+    gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    fill?: boolean;
+    minWidth?: string | number;
+    className?: string;
+    style?: CSSProperties;
+}
+export interface ColumnProps {
+    children: ReactNode;
+    span?: 'avoid' | 'auto';
+    className?: string;
+    style?: CSSProperties;
+}
+export type ColumnsCountType = 1 | 2 | 3 | 4 | 5 | 6 | 'auto';

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

@@ -0,0 +1,2 @@
+export { Columns, Column } from './Columns';
+export type { ColumnsProps, ColumnProps, ColumnsCountType } from './Columns.types';

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=_;

package/dist/components/DatePicker/DatePicker.js

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