@forgedevstack/bear 1.0.0

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface CopyButtonProps {
+    value: string;
+    children?: ReactNode;
+    onCopy?: (value: string) => void;
+    timeout?: number;
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'ghost' | 'outline';
+    className?: string;
+    copiedText?: string;
+    copyText?: string;
+    showText?: boolean;
+}

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

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

package/dist/components/DataTable/DataTable.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("../../utils/cn.cjs"),S=({columns:t,data:i,rowKey:h,variant:l="simple",loading:o=!1,emptyContent:x="No data available",onRowClick:d,clickable:c=!1,sortColumn:y,sortDirection:p="asc",onSort:n,compact:g=!1,stickyHeader:j=!1,maxHeight:f,className:k,testId:N})=>{const v=e=>{const b=t.find(a=>a.key===e);b!=null&&b.sortable&&n&&n(e)},m=g?"bear-px-3 bear-py-2":"bear-px-4 bear-py-3",M=g?"bear-px-3 bear-py-2":"bear-px-4 bear-py-3";return r.jsx("div",{className:s.cn("bear-w-full bear-overflow-hidden bear-rounded-lg bear-border bear-border-gray-200 dark:bear-border-gray-700",k),"data-testid":N,children:r.jsx("div",{className:"bear-overflow-auto",style:{maxHeight:f},children:r.jsxs("table",{className:"bear-w-full bear-border-collapse bear-text-sm",children:[r.jsx("thead",{className:s.cn("bear-bg-gray-50 dark:bear-bg-gray-800",j&&"bear-sticky bear-top-0 bear-z-10"),children:r.jsx("tr",{children:t.map(e=>r.jsx("th",{className:s.cn(M,"bear-text-left bear-font-semibold bear-text-gray-700 dark:bear-text-gray-200","bear-border-b bear-border-gray-200 dark:bear-border-gray-700",e.align==="center"&&"bear-text-center",e.align==="right"&&"bear-text-right",e.sortable&&"bear-cursor-pointer hover:bear-bg-gray-100 dark:hover:bear-bg-gray-700",e.hideOnMobile&&"bear-hidden md:bear-table-cell"),style:{width:e.width},onClick:()=>e.sortable&&v(e.key),children:r.jsxs("div",{className:"bear-flex bear-items-center bear-gap-1",children:[e.header,e.sortable&&y===e.key&&r.jsx("svg",{className:s.cn("bear-w-4 bear-h-4 bear-transition-transform",p==="desc"&&"bear-rotate-180"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:r.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 15l7-7 7 7"})})]})},e.key))})}),r.jsx("tbody",{className:"bear-bg-white dark:bear-bg-gray-900",children:o?r.jsx("tr",{children:r.jsx("td",{colSpan:t.length,className:"bear-py-12 bear-text-center",children:r.jsx("div",{className:"bear-flex bear-justify-center",children:r.jsxs("svg",{className:"bear-animate-spin bear-w-6 bear-h-6 bear-text-amber-500",viewBox:"0 0 24 24",fill:"none",children:[r.jsx("circle",{className:"bear-opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),r.jsx("path",{className:"bear-opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})})})}):i.length===0?r.jsx("tr",{children:r.jsx("td",{colSpan:t.length,className:"bear-py-12 bear-text-center bear-text-gray-500 dark:bear-text-gray-400",children:x})}):i.map((e,b)=>r.jsx("tr",{onClick:()=>(c||d)&&(d==null?void 0:d(e,b)),className:s.cn(l==="striped"&&b%2===1&&"bear-bg-gray-50 dark:bear-bg-gray-800/50",l==="bordered"&&"bear-border-b bear-border-gray-200 dark:bear-border-gray-700",(c||d)&&"bear-cursor-pointer hover:bear-bg-amber-50 dark:hover:bear-bg-amber-900/10",l!=="bordered"&&"bear-border-b bear-border-gray-100 dark:bear-border-gray-800"),children:t.map(a=>r.jsx("td",{className:s.cn(m,"bear-text-gray-900 dark:bear-text-white",a.align==="center"&&"bear-text-center",a.align==="right"&&"bear-text-right",a.hideOnMobile&&"bear-hidden md:bear-table-cell"),children:a.cell?a.cell(e,b):a.accessor?a.accessor(e):String(e[a.key]??"")},a.key))},h(e,b)))})]})})})},z=t=>t;exports.DataTable=S;exports.createColumns=z;

package/dist/components/DataTable/DataTable.d.ts

@@ -0,0 +1,22 @@
+import { DataTableColumn, DataTableProps } from './DataTable.types';
+/**
+ * DataTable - A flexible data table component
+ *
+ * This is a wrapper that provides Bear styling. For more advanced features,
+ * consider using @forgedevstack/grid-table directly.
+ *
+ * @example
+ * ```tsx
+ * <DataTable
+ *   columns={[
+ *     { key: 'name', header: 'Name', accessor: (row) => row.name },
+ *     { key: 'email', header: 'Email', accessor: (row) => row.email },
+ *     { key: 'status', header: 'Status', cell: (row) => <Badge>{row.status}</Badge> },
+ *   ]}
+ *   data={users}
+ *   rowKey={(row) => row.id}
+ * />
+ * ```
+ */
+export declare const DataTable: <T extends Record<string, unknown>>({ columns, data, rowKey, variant, loading, emptyContent, onRowClick, clickable, sortColumn, sortDirection, onSort, compact, stickyHeader, maxHeight, className, testId, }: DataTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const createColumns: <T extends Record<string, unknown>>(columns: DataTableColumn<T>[]) => DataTableColumn<T>[];

package/dist/components/DataTable/DataTable.js

@@ -0,0 +1,120 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { cn as d } from "../../utils/cn.js";
+const B = ({
+  columns: t,
+  data: h,
+  rowKey: n,
+  variant: l = "simple",
+  loading: y = !1,
+  emptyContent: p = "No data available",
+  onRowClick: s,
+  clickable: g = !1,
+  sortColumn: x,
+  sortDirection: f = "asc",
+  onSort: c,
+  compact: o = !1,
+  stickyHeader: k = !1,
+  maxHeight: N,
+  className: v,
+  testId: m
+}) => {
+  const j = (e) => {
+    const b = t.find((a) => a.key === e);
+    b != null && b.sortable && c && c(e);
+  }, M = o ? "bear-px-3 bear-py-2" : "bear-px-4 bear-py-3", z = o ? "bear-px-3 bear-py-2" : "bear-px-4 bear-py-3";
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: d(
+        "bear-w-full bear-overflow-hidden bear-rounded-lg bear-border bear-border-gray-200 dark:bear-border-gray-700",
+        v
+      ),
+      "data-testid": m,
+      children: /* @__PURE__ */ r(
+        "div",
+        {
+          className: "bear-overflow-auto",
+          style: { maxHeight: N },
+          children: /* @__PURE__ */ i("table", { className: "bear-w-full bear-border-collapse bear-text-sm", children: [
+            /* @__PURE__ */ r(
+              "thead",
+              {
+                className: d(
+                  "bear-bg-gray-50 dark:bear-bg-gray-800",
+                  k && "bear-sticky bear-top-0 bear-z-10"
+                ),
+                children: /* @__PURE__ */ r("tr", { children: t.map((e) => /* @__PURE__ */ r(
+                  "th",
+                  {
+                    className: d(
+                      z,
+                      "bear-text-left bear-font-semibold bear-text-gray-700 dark:bear-text-gray-200",
+                      "bear-border-b bear-border-gray-200 dark:bear-border-gray-700",
+                      e.align === "center" && "bear-text-center",
+                      e.align === "right" && "bear-text-right",
+                      e.sortable && "bear-cursor-pointer hover:bear-bg-gray-100 dark:hover:bear-bg-gray-700",
+                      e.hideOnMobile && "bear-hidden md:bear-table-cell"
+                    ),
+                    style: { width: e.width },
+                    onClick: () => e.sortable && j(e.key),
+                    children: /* @__PURE__ */ i("div", { className: "bear-flex bear-items-center bear-gap-1", children: [
+                      e.header,
+                      e.sortable && x === e.key && /* @__PURE__ */ r(
+                        "svg",
+                        {
+                          className: d(
+                            "bear-w-4 bear-h-4 bear-transition-transform",
+                            f === "desc" && "bear-rotate-180"
+                          ),
+                          fill: "none",
+                          viewBox: "0 0 24 24",
+                          stroke: "currentColor",
+                          children: /* @__PURE__ */ r("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 15l7-7 7 7" })
+                        }
+                      )
+                    ] })
+                  },
+                  e.key
+                )) })
+              }
+            ),
+            /* @__PURE__ */ r("tbody", { className: "bear-bg-white dark:bear-bg-gray-900", children: y ? /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: t.length, className: "bear-py-12 bear-text-center", children: /* @__PURE__ */ r("div", { className: "bear-flex bear-justify-center", children: /* @__PURE__ */ i("svg", { className: "bear-animate-spin bear-w-6 bear-h-6 bear-text-amber-500", viewBox: "0 0 24 24", fill: "none", children: [
+              /* @__PURE__ */ r("circle", { className: "bear-opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+              /* @__PURE__ */ r("path", { className: "bear-opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+            ] }) }) }) }) : h.length === 0 ? /* @__PURE__ */ r("tr", { children: /* @__PURE__ */ r("td", { colSpan: t.length, className: "bear-py-12 bear-text-center bear-text-gray-500 dark:bear-text-gray-400", children: p }) }) : h.map((e, b) => /* @__PURE__ */ r(
+              "tr",
+              {
+                onClick: () => (g || s) && (s == null ? void 0 : s(e, b)),
+                className: d(
+                  l === "striped" && b % 2 === 1 && "bear-bg-gray-50 dark:bear-bg-gray-800/50",
+                  l === "bordered" && "bear-border-b bear-border-gray-200 dark:bear-border-gray-700",
+                  (g || s) && "bear-cursor-pointer hover:bear-bg-amber-50 dark:hover:bear-bg-amber-900/10",
+                  l !== "bordered" && "bear-border-b bear-border-gray-100 dark:bear-border-gray-800"
+                ),
+                children: t.map((a) => /* @__PURE__ */ r(
+                  "td",
+                  {
+                    className: d(
+                      M,
+                      "bear-text-gray-900 dark:bear-text-white",
+                      a.align === "center" && "bear-text-center",
+                      a.align === "right" && "bear-text-right",
+                      a.hideOnMobile && "bear-hidden md:bear-table-cell"
+                    ),
+                    children: a.cell ? a.cell(e, b) : a.accessor ? a.accessor(e) : String(e[a.key] ?? "")
+                  },
+                  a.key
+                ))
+              },
+              n(e, b)
+            )) })
+          ] })
+        }
+      )
+    }
+  );
+}, L = (t) => t;
+export {
+  B as DataTable,
+  L as createColumns
+};

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

@@ -0,0 +1,53 @@
+import { ReactNode } from 'react';
+export interface DataTableColumn<T> {
+    /** Unique key for the column */
+    key: string;
+    /** Header text */
+    header: ReactNode;
+    /** Accessor function to get cell value */
+    accessor?: (row: T) => ReactNode;
+    /** Cell renderer */
+    cell?: (row: T, index: number) => ReactNode;
+    /** Column width */
+    width?: string | number;
+    /** Text alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Whether column is sortable */
+    sortable?: boolean;
+    /** Whether to hide on mobile */
+    hideOnMobile?: boolean;
+}
+export interface DataTableProps<T> {
+    /** Column definitions */
+    columns: DataTableColumn<T>[];
+    /** Table data */
+    data: T[];
+    /** Unique key accessor for rows */
+    rowKey: (row: T, index: number) => string | number;
+    /** Table variant */
+    variant?: 'simple' | 'striped' | 'bordered';
+    /** Whether table is loading */
+    loading?: boolean;
+    /** Empty state content */
+    emptyContent?: ReactNode;
+    /** Row click handler */
+    onRowClick?: (row: T, index: number) => void;
+    /** Whether rows are clickable */
+    clickable?: boolean;
+    /** Current sort column key */
+    sortColumn?: string;
+    /** Sort direction */
+    sortDirection?: 'asc' | 'desc';
+    /** Sort change handler */
+    onSort?: (column: string) => void;
+    /** Whether to use compact spacing */
+    compact?: boolean;
+    /** Whether header is sticky */
+    stickyHeader?: boolean;
+    /** Max height for scrollable body */
+    maxHeight?: string | number;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { DataTable, createColumns } from './DataTable';
+export type { DataTableProps, DataTableColumn } from './DataTable.types';

package/dist/components/DatePicker/DatePicker.cjs

@@ -0,0 +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;

package/dist/components/DatePicker/DatePicker.d.ts

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

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,111 @@
+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 { 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,
+  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"
+}) => {
+  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);
+    };
+    return document.addEventListener("mousedown", s), () => document.removeEventListener("mousedown", s);
+  }, []);
+  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 = {
+    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(
+      "button",
+      {
+        type: "button",
+        onClick: () => !b && u(!x),
+        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",
+          b && "bear-opacity-50 bear-cursor-not-allowed",
+          e ? "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" }) })
+        ]
+      }
+    ),
+    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()
+  ] });
+};
+export {
+  Q as DatePicker
+};

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

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+export interface DatePickerProps {
+    value?: Date | null;
+    onChange?: (date: Date | null) => void;
+    onRangeChange?: (range: [Date | null, Date | null]) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    disabled?: boolean;
+    placeholder?: string;
+    label?: string;
+    error?: string;
+    helperText?: string;
+    format?: string;
+    locale?: string;
+    range?: boolean;
+    rangeValue?: [Date | null, Date | null];
+    clearable?: boolean;
+    className?: string;
+    showWeekNumbers?: boolean;
+    disabledDates?: Date[];
+    highlightedDates?: Date[];
+    size?: 'sm' | 'md' | 'lg';
+    variant?: 'default' | 'filled' | 'outline';
+    leftIcon?: ReactNode;
+}

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

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

package/dist/components/Divider/Divider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("../../utils/cn.cjs"),l={solid:"ember-border-solid",dashed:"ember-border-dashed",dotted:"ember-border-dotted"},u={left:"before:ember-w-4 after:ember-flex-1",center:"before:ember-flex-1 after:ember-flex-1",right:"before:ember-flex-1 after:ember-w-4"},c=({children:a,orientation:n="horizontal",variant:b="solid",color:d,textAlign:x="center",thickness:r=1,spacing:o=4,className:i,testId:s,style:f,...h})=>{const e=n==="horizontal";return a?t.jsxs("div",{className:m.cn("ember-flex ember-items-center ember-gap-4",e?"ember-w-full":"ember-flex-col ember-h-full",u[x],i),role:"separator",style:{marginTop:e?`${o*.25}rem`:0,marginBottom:e?`${o*.25}rem`:0,...f},"data-testid":s,children:[t.jsx("span",{className:m.cn("ember-flex-shrink-0",l[b]),style:{borderTopWidth:e?r:0,borderLeftWidth:e?0:r,borderColor:d||"#e5e7eb"}}),t.jsx("span",{className:"ember-text-sm ember-text-gray-500 ember-whitespace-nowrap ember-px-2",children:a}),t.jsx("span",{className:m.cn("ember-flex-shrink-0",l[b]),style:{borderTopWidth:e?r:0,borderLeftWidth:e?0:r,borderColor:d||"#e5e7eb"}})]}):t.jsx("hr",{className:m.cn("ember-border-0",e?"ember-w-full":"ember-h-full ember-w-px",l[b],i),style:{borderTopWidth:e?r:0,borderLeftWidth:e?0:r,borderColor:d||"#e5e7eb",marginTop:e?`${o*.25}rem`:0,marginBottom:e?`${o*.25}rem`:0,marginLeft:e?0:`${o*.25}rem`,marginRight:e?0:`${o*.25}rem`,...f},"data-testid":s,...h})};exports.Divider=c;

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { DividerProps } from './Divider.types';
+/**
+ * Divider component for separating content
+ *
+ * @example
+ * ```tsx
+ * // Simple divider
+ * <Divider />
+ *
+ * // With text
+ * <Divider>OR</Divider>
+ *
+ * // Vertical divider
+ * <Divider orientation="vertical" />
+ *
+ * // Dashed with custom color
+ * <Divider variant="dashed" color="#ec4899" />
+ * ```
+ */
+export declare const Divider: FC<DividerProps>;
+export default Divider;

package/dist/components/Divider/Divider.js

@@ -0,0 +1,99 @@
+import { jsx as m, jsxs as p } from "react/jsx-runtime";
+import { cn as t } from "../../utils/cn.js";
+const l = {
+  solid: "ember-border-solid",
+  dashed: "ember-border-dashed",
+  dotted: "ember-border-dotted"
+}, T = {
+  left: "before:ember-w-4 after:ember-flex-1",
+  center: "before:ember-flex-1 after:ember-flex-1",
+  right: "before:ember-flex-1 after:ember-w-4"
+}, u = ({
+  children: a,
+  orientation: x = "horizontal",
+  variant: b = "solid",
+  color: d,
+  textAlign: h = "center",
+  thickness: r = 1,
+  spacing: o = 4,
+  className: f,
+  testId: i,
+  style: s,
+  ...n
+}) => {
+  const e = x === "horizontal";
+  return a ? /* @__PURE__ */ p(
+    "div",
+    {
+      className: t(
+        "ember-flex ember-items-center ember-gap-4",
+        e ? "ember-w-full" : "ember-flex-col ember-h-full",
+        T[h],
+        f
+      ),
+      role: "separator",
+      style: {
+        marginTop: e ? `${o * 0.25}rem` : 0,
+        marginBottom: e ? `${o * 0.25}rem` : 0,
+        ...s
+      },
+      "data-testid": i,
+      children: [
+        /* @__PURE__ */ m(
+          "span",
+          {
+            className: t(
+              "ember-flex-shrink-0",
+              l[b]
+            ),
+            style: {
+              borderTopWidth: e ? r : 0,
+              borderLeftWidth: e ? 0 : r,
+              borderColor: d || "#e5e7eb"
+            }
+          }
+        ),
+        /* @__PURE__ */ m("span", { className: "ember-text-sm ember-text-gray-500 ember-whitespace-nowrap ember-px-2", children: a }),
+        /* @__PURE__ */ m(
+          "span",
+          {
+            className: t(
+              "ember-flex-shrink-0",
+              l[b]
+            ),
+            style: {
+              borderTopWidth: e ? r : 0,
+              borderLeftWidth: e ? 0 : r,
+              borderColor: d || "#e5e7eb"
+            }
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ m(
+    "hr",
+    {
+      className: t(
+        "ember-border-0",
+        e ? "ember-w-full" : "ember-h-full ember-w-px",
+        l[b],
+        f
+      ),
+      style: {
+        borderTopWidth: e ? r : 0,
+        borderLeftWidth: e ? 0 : r,
+        borderColor: d || "#e5e7eb",
+        marginTop: e ? `${o * 0.25}rem` : 0,
+        marginBottom: e ? `${o * 0.25}rem` : 0,
+        marginLeft: e ? 0 : `${o * 0.25}rem`,
+        marginRight: e ? 0 : `${o * 0.25}rem`,
+        ...s
+      },
+      "data-testid": i,
+      ...n
+    }
+  );
+};
+export {
+  u as Divider
+};

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

@@ -0,0 +1,19 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface DividerProps extends HTMLAttributes<HTMLHRElement> {
+    /** Text to display in the middle of the divider */
+    children?: ReactNode;
+    /** Orientation of the divider */
+    orientation?: 'horizontal' | 'vertical';
+    /** Variant style */
+    variant?: 'solid' | 'dashed' | 'dotted';
+    /** Color of the divider */
+    color?: string;
+    /** Text alignment when children present */
+    textAlign?: 'left' | 'center' | 'right';
+    /** Thickness of the divider line */
+    thickness?: number;
+    /** Spacing around the divider */
+    spacing?: number;
+    /** Test ID */
+    testId?: string;
+}

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

@@ -0,0 +1,2 @@
+export { Divider, default } from './Divider';
+export type { DividerProps } from './Divider.types';

package/dist/components/Drawer/Drawer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),f=require("react-dom"),w=require("../../utils/cn.cjs"),x=require("../Icon/index.cjs"),g={left:{sm:"bear-w-64",md:"bear-w-80",lg:"bear-w-96",xl:"bear-w-[32rem]"},right:{sm:"bear-w-64",md:"bear-w-80",lg:"bear-w-96",xl:"bear-w-[32rem]"},top:{sm:"bear-h-32",md:"bear-h-48",lg:"bear-h-64",xl:"bear-h-96"},bottom:{sm:"bear-h-32",md:"bear-h-48",lg:"bear-h-64",xl:"bear-h-96"}},y={left:"bear-left-0 bear-top-0 bear-h-full",right:"bear-right-0 bear-top-0 bear-h-full",top:"bear-top-0 bear-left-0 bear-w-full",bottom:"bear-bottom-0 bear-left-0 bear-w-full"},v=({isOpen:t,onClose:a,title:b,children:n,side:r="right",size:i="md",showCloseButton:l=!0,closeOnBackdrop:c=!0,closeOnEscape:s=!0,className:m})=>{const o=d.useCallback(h=>{s&&h.key==="Escape"&&a()},[s,a]);if(d.useEffect(()=>(t&&(document.addEventListener("keydown",o),document.body.style.overflow="hidden"),()=>{document.removeEventListener("keydown",o),document.body.style.overflow=""}),[t,o]),!t)return null;const u=e.jsxs("div",{className:"bear-fixed bear-inset-0 bear-z-50",children:[e.jsx("div",{className:"bear-absolute bear-inset-0 bear-bg-black/60 bear-backdrop-blur-sm",onClick:c?a:void 0,"aria-hidden":"true"}),e.jsxs("div",{role:"dialog","aria-modal":"true","aria-labelledby":b?"drawer-title":void 0,className:w.cn("bear-absolute bear-bg-gray-900 bear-shadow-2xl","bear-border-gray-700 bear-overflow-hidden","bear-transform bear-transition-transform bear-duration-300",r==="left"&&"bear-border-r",r==="right"&&"bear-border-l",r==="top"&&"bear-border-b",r==="bottom"&&"bear-border-t",y[r],g[r][i],m),children:[(b||l)&&e.jsxs("div",{className:"bear-flex bear-items-center bear-justify-between bear-px-4 bear-py-3 bear-border-b bear-border-gray-700",children:[b&&e.jsx("h2",{id:"drawer-title",className:"bear-text-lg bear-font-semibold bear-text-white",children:b}),l&&e.jsx("button",{onClick:a,className:"bear-p-1 bear-rounded-lg bear-text-gray-400 hover:bear-text-white hover:bear-bg-gray-700 bear-transition-colors","aria-label":"Close drawer",children:e.jsx(x.XIcon,{className:"bear-w-5 bear-h-5"})})]}),e.jsx("div",{className:"bear-flex-1 bear-overflow-y-auto bear-p-4 bear-text-gray-300",children:n})]})]});return f.createPortal(u,document.body)};exports.Drawer=v;

package/dist/components/Drawer/Drawer.d.ts

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