@axtec/components 0.1.0

package/dist/index62.js

@@ -0,0 +1,64 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { cn as t } from "./index3.js";
+function N({
+  columns: l,
+  data: h,
+  keyExtractor: p,
+  striped: i = !1,
+  hoverable: b = !0,
+  compact: s = !1,
+  className: n,
+  emptyMessage: x = "No data available"
+}) {
+  return /* @__PURE__ */ e("div", { className: t("overflow-x-auto", n), children: /* @__PURE__ */ o("table", { className: "w-full text-left", children: [
+    /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ e("tr", { className: "border-b border-slate-200 bg-slate-50", children: l.map((a) => /* @__PURE__ */ e(
+      "th",
+      {
+        className: t(
+          "font-semibold text-slate-700 text-sm",
+          s ? "px-4 py-2" : "px-6 py-3",
+          a.headerClassName
+        ),
+        children: a.header
+      },
+      a.key
+    )) }) }),
+    /* @__PURE__ */ e("tbody", { children: h.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
+      "td",
+      {
+        colSpan: l.length,
+        className: t(
+          "text-center text-slate-500",
+          s ? "px-4 py-8" : "px-6 py-12"
+        ),
+        children: x
+      }
+    ) }) : h.map((a, d) => /* @__PURE__ */ e(
+      "tr",
+      {
+        className: t(
+          "border-b border-slate-100 transition-colors duration-150",
+          i && d % 2 === 1 && "bg-slate-50",
+          b && "hover:bg-slate-50"
+        ),
+        children: l.map((r) => /* @__PURE__ */ e(
+          "td",
+          {
+            className: t(
+              "text-slate-900",
+              s ? "px-4 py-2" : "px-6 py-4",
+              r.className
+            ),
+            children: r.render ? r.render(a, d) : a[r.key]
+          },
+          r.key
+        ))
+      },
+      p(a, d)
+    )) })
+  ] }) });
+}
+export {
+  N as Table
+};
+//# sourceMappingURL=index62.js.map

package/dist/index62.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index62.js","sources":["../src/components/Table/Table.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport type { ReactNode } from 'react'\n\nexport interface TableColumn<T> {\n  key: string\n  header: string\n  render?: (item: T, index: number) => ReactNode\n  className?: string\n  headerClassName?: string\n}\n\nexport interface TableProps<T> {\n  columns: TableColumn<T>[]\n  data: T[]\n  keyExtractor: (item: T, index: number) => string | number\n  striped?: boolean\n  hoverable?: boolean\n  compact?: boolean\n  className?: string\n  emptyMessage?: string\n}\n\nexport function Table<T>({\n  columns,\n  data,\n  keyExtractor,\n  striped = false,\n  hoverable = true,\n  compact = false,\n  className,\n  emptyMessage = 'No data available',\n}: TableProps<T>) {\n  return (\n    <div className={cn('overflow-x-auto', className)}>\n      <table className=\"w-full text-left\">\n        <thead>\n          <tr className=\"border-b border-slate-200 bg-slate-50\">\n            {columns.map((column) => (\n              <th\n                key={column.key}\n                className={cn(\n                  'font-semibold text-slate-700 text-sm',\n                  compact ? 'px-4 py-2' : 'px-6 py-3',\n                  column.headerClassName\n                )}\n              >\n                {column.header}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data.length === 0 ? (\n            <tr>\n              <td\n                colSpan={columns.length}\n                className={cn(\n                  'text-center text-slate-500',\n                  compact ? 'px-4 py-8' : 'px-6 py-12'\n                )}\n              >\n                {emptyMessage}\n              </td>\n            </tr>\n          ) : (\n            data.map((item, index) => (\n              <tr\n                key={keyExtractor(item, index)}\n                className={cn(\n                  'border-b border-slate-100 transition-colors duration-150',\n                  striped && index % 2 === 1 && 'bg-slate-50',\n                  hoverable && 'hover:bg-slate-50'\n                )}\n              >\n                {columns.map((column) => (\n                  <td\n                    key={column.key}\n                    className={cn(\n                      'text-slate-900',\n                      compact ? 'px-4 py-2' : 'px-6 py-4',\n                      column.className\n                    )}\n                  >\n                    {column.render\n                      ? column.render(item, index)\n                      : (item as Record<string, unknown>)[column.key] as ReactNode}\n                  </td>\n                ))}\n              </tr>\n            ))\n          )}\n        </tbody>\n      </table>\n    </div>\n  )\n}\n"],"names":["Table","columns","data","keyExtractor","striped","hoverable","compact","className","emptyMessage","jsx","cn","jsxs","column","item","index"],"mappings":";;AAsBO,SAASA,EAAS;AAAA,EACvB,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,GAAkB;AAChB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAG,mBAAmBH,CAAS,GAC7C,UAAA,gBAAAI,EAAC,SAAA,EAAM,WAAU,oBACf,UAAA;AAAA,IAAA,gBAAAF,EAAC,SAAA,EACC,4BAAC,MAAA,EAAG,WAAU,yCACX,UAAAR,EAAQ,IAAI,CAACW,MACZ,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWC;AAAA,UACT;AAAA,UACAJ,IAAU,cAAc;AAAA,UACxBM,EAAO;AAAA,QAAA;AAAA,QAGR,UAAAA,EAAO;AAAA,MAAA;AAAA,MAPHA,EAAO;AAAA,IAAA,CASf,GACH,EAAA,CACF;AAAA,sBACC,SAAA,EACE,UAAAV,EAAK,WAAW,sBACd,MAAA,EACC,UAAA,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAASR,EAAQ;AAAA,QACjB,WAAWS;AAAA,UACT;AAAA,UACAJ,IAAU,cAAc;AAAA,QAAA;AAAA,QAGzB,UAAAE;AAAA,MAAA;AAAA,IAAA,GAEL,IAEAN,EAAK,IAAI,CAACW,GAAMC,MACd,gBAAAL;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWC;AAAA,UACT;AAAA,UACAN,KAAWU,IAAQ,MAAM,KAAK;AAAA,UAC9BT,KAAa;AAAA,QAAA;AAAA,QAGd,UAAAJ,EAAQ,IAAI,CAACW,MACZ,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWC;AAAA,cACT;AAAA,cACAJ,IAAU,cAAc;AAAA,cACxBM,EAAO;AAAA,YAAA;AAAA,YAGR,UAAAA,EAAO,SACJA,EAAO,OAAOC,GAAMC,CAAK,IACxBD,EAAiCD,EAAO,GAAG;AAAA,UAAA;AAAA,UAT3CA,EAAO;AAAA,QAAA,CAWf;AAAA,MAAA;AAAA,MApBIT,EAAaU,GAAMC,CAAK;AAAA,IAAA,CAsBhC,EAAA,CAEL;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/index63.js

@@ -0,0 +1,78 @@
+import { jsxs as c, jsx as s } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { TabGroup as f, TabList as m, Tab as x, TabPanels as g, TabPanel as h } from "@headlessui/react";
+import { cn as a } from "./index3.js";
+function j({
+  items: t,
+  defaultIndex: i = 0,
+  onChange: l,
+  variant: r = "underline",
+  fullWidth: d = !1,
+  className: n
+}) {
+  const [b, p] = u(i);
+  return /* @__PURE__ */ c(
+    f,
+    {
+      selectedIndex: b,
+      onChange: (e) => {
+        p(e), l == null || l(e);
+      },
+      className: n,
+      children: [
+        /* @__PURE__ */ s(
+          m,
+          {
+            className: a(
+              "flex",
+              r === "underline" && "border-b border-slate-200 gap-0",
+              r === "pills" && "gap-2",
+              r === "boxed" && "bg-slate-100 p-1 rounded-lg gap-1"
+            ),
+            children: t.map((e) => /* @__PURE__ */ s(
+              x,
+              {
+                disabled: e.disabled,
+                className: ({ selected: o }) => a(
+                  "font-medium text-sm transition-colors duration-200",
+                  "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2",
+                  d && "flex-1",
+                  e.disabled && "opacity-50 cursor-not-allowed",
+                  // Underline variant
+                  r === "underline" && [
+                    "px-4 py-3 -mb-px border-b-2",
+                    o ? "border-primary-500 text-primary-600" : "border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300"
+                  ],
+                  // Pills variant
+                  r === "pills" && [
+                    "px-4 py-2 rounded-lg",
+                    o ? "bg-primary-500 text-white" : "text-slate-600 hover:bg-slate-100"
+                  ],
+                  // Boxed variant
+                  r === "boxed" && [
+                    "px-4 py-2 rounded-md",
+                    o ? "bg-white text-slate-900 shadow-sm" : "text-slate-600 hover:text-slate-900"
+                  ]
+                ),
+                children: e.label
+              },
+              e.key
+            ))
+          }
+        ),
+        /* @__PURE__ */ s(g, { className: "mt-4", children: t.map((e) => /* @__PURE__ */ s(
+          h,
+          {
+            className: "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 rounded-lg",
+            children: e.content
+          },
+          e.key
+        )) })
+      ]
+    }
+  );
+}
+export {
+  j as Tabs
+};
+//# sourceMappingURL=index63.js.map

package/dist/index63.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index63.js","sources":["../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react'\nimport { cn } from '@/lib/utils'\nimport type { ReactNode } from 'react'\n\nexport interface TabItem {\n  key: string\n  label: string\n  content: ReactNode\n  disabled?: boolean\n}\n\nexport interface TabsProps {\n  items: TabItem[]\n  defaultIndex?: number\n  onChange?: (index: number) => void\n  variant?: 'underline' | 'pills' | 'boxed'\n  fullWidth?: boolean\n  className?: string\n}\n\nexport function Tabs({\n  items,\n  defaultIndex = 0,\n  onChange,\n  variant = 'underline',\n  fullWidth = false,\n  className,\n}: TabsProps) {\n  const [selectedIndex, setSelectedIndex] = useState(defaultIndex)\n\n  const handleChange = (index: number) => {\n    setSelectedIndex(index)\n    onChange?.(index)\n  }\n\n  return (\n    <TabGroup\n      selectedIndex={selectedIndex}\n      onChange={handleChange}\n      className={className}\n    >\n      <TabList\n        className={cn(\n          'flex',\n          variant === 'underline' && 'border-b border-slate-200 gap-0',\n          variant === 'pills' && 'gap-2',\n          variant === 'boxed' && 'bg-slate-100 p-1 rounded-lg gap-1'\n        )}\n      >\n        {items.map((item) => (\n          <Tab\n            key={item.key}\n            disabled={item.disabled}\n            className={({ selected }) =>\n              cn(\n                'font-medium text-sm transition-colors duration-200',\n                'focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2',\n                fullWidth && 'flex-1',\n                item.disabled && 'opacity-50 cursor-not-allowed',\n\n                // Underline variant\n                variant === 'underline' && [\n                  'px-4 py-3 -mb-px border-b-2',\n                  selected\n                    ? 'border-primary-500 text-primary-600'\n                    : 'border-transparent text-slate-500 hover:text-slate-700 hover:border-slate-300',\n                ],\n\n                // Pills variant\n                variant === 'pills' && [\n                  'px-4 py-2 rounded-lg',\n                  selected\n                    ? 'bg-primary-500 text-white'\n                    : 'text-slate-600 hover:bg-slate-100',\n                ],\n\n                // Boxed variant\n                variant === 'boxed' && [\n                  'px-4 py-2 rounded-md',\n                  selected\n                    ? 'bg-white text-slate-900 shadow-sm'\n                    : 'text-slate-600 hover:text-slate-900',\n                ]\n              )\n            }\n          >\n            {item.label}\n          </Tab>\n        ))}\n      </TabList>\n      <TabPanels className=\"mt-4\">\n        {items.map((item) => (\n          <TabPanel\n            key={item.key}\n            className=\"focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 rounded-lg\"\n          >\n            {item.content}\n          </TabPanel>\n        ))}\n      </TabPanels>\n    </TabGroup>\n  )\n}\n"],"names":["Tabs","items","defaultIndex","onChange","variant","fullWidth","className","selectedIndex","setSelectedIndex","useState","jsxs","TabGroup","index","jsx","TabList","cn","item","Tab","selected","TabPanels","TabPanel"],"mappings":";;;;AAqBO,SAASA,EAAK;AAAA,EACnB,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,WAAAC;AACF,GAAc;AACZ,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAASP,CAAY;AAO/D,SACE,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAAJ;AAAA,MACA,UARiB,CAACK,MAAkB;AACtC,QAAAJ,EAAiBI,CAAK,GACtBT,KAAA,QAAAA,EAAWS;AAAA,MACb;AAAA,MAMI,WAAAN;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAO;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACAX,MAAY,eAAe;AAAA,cAC3BA,MAAY,WAAW;AAAA,cACvBA,MAAY,WAAW;AAAA,YAAA;AAAA,YAGxB,UAAAH,EAAM,IAAI,CAACe,MACV,gBAAAH;AAAA,cAACI;AAAA,cAAA;AAAA,gBAEC,UAAUD,EAAK;AAAA,gBACf,WAAW,CAAC,EAAE,UAAAE,EAAA,MACZH;AAAA,kBACE;AAAA,kBACA;AAAA,kBACAV,KAAa;AAAA,kBACbW,EAAK,YAAY;AAAA;AAAA,kBAGjBZ,MAAY,eAAe;AAAA,oBACzB;AAAA,oBACAc,IACI,wCACA;AAAA,kBAAA;AAAA;AAAA,kBAINd,MAAY,WAAW;AAAA,oBACrB;AAAA,oBACAc,IACI,8BACA;AAAA,kBAAA;AAAA;AAAA,kBAINd,MAAY,WAAW;AAAA,oBACrB;AAAA,oBACAc,IACI,sCACA;AAAA,kBAAA;AAAA,gBACN;AAAA,gBAIH,UAAAF,EAAK;AAAA,cAAA;AAAA,cAnCDA,EAAK;AAAA,YAAA,CAqCb;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEFG,GAAA,EAAU,WAAU,QAClB,UAAAlB,EAAM,IAAI,CAACe,MACV,gBAAAH;AAAA,UAACO;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YAET,UAAAJ,EAAK;AAAA,UAAA;AAAA,UAHDA,EAAK;AAAA,QAAA,CAKb,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index64.js

@@ -0,0 +1,112 @@
+import { jsxs as s, jsx as r, Fragment as g } from "react/jsx-runtime";
+import { cn as o } from "./index3.js";
+import { Panel as v, PanelHeader as b, PanelTitle as D, PanelAction as y, PanelEmptyState as w } from "./index45.js";
+import { Badge as h } from "./index15.js";
+const N = (l) => {
+  if (!l) return null;
+  const a = new Date(l), n = /* @__PURE__ */ new Date(), i = Math.ceil((a.getTime() - n.getTime()) / (1e3 * 60 * 60 * 24));
+  return i < 0 ? { text: `Overdue by ${Math.abs(i)} days`, isOverdue: !0 } : i === 0 ? { text: "Due today", isOverdue: !0 } : i === 1 ? { text: "Due tomorrow", isOverdue: !1 } : i <= 7 ? { text: `Due in ${i} days`, isOverdue: !1 } : { text: `Due ${a.toLocaleDateString()}`, isOverdue: !1 };
+}, z = ({
+  tasks: l,
+  title: a = "Tasks",
+  onTaskClick: n,
+  onViewAll: i,
+  onAddTask: d,
+  maxTasks: u = 5,
+  emptyMessage: x = "No tasks to display.",
+  className: f
+}) => {
+  const c = [...l].filter((e) => e.status !== "completed").sort((e, t) => e.status === "overdue" && t.status !== "overdue" ? -1 : e.status !== "overdue" && t.status === "overdue" ? 1 : e.priority === "high" && t.priority !== "high" ? -1 : e.priority !== "high" && t.priority === "high" ? 1 : e.dueDate && t.dueDate ? new Date(e.dueDate).getTime() - new Date(t.dueDate).getTime() : 0).slice(0, u), m = l.filter((e) => e.status === "overdue").length;
+  return /* @__PURE__ */ s(v, { className: f, children: [
+    /* @__PURE__ */ s(b, { children: [
+      /* @__PURE__ */ r(
+        D,
+        {
+          badge: m > 0 ? /* @__PURE__ */ s(h, { variant: "danger", size: "sm", children: [
+            m,
+            " overdue"
+          ] }) : void 0,
+          children: a
+        }
+      ),
+      d && /* @__PURE__ */ r(y, { onClick: d, children: "+ Add Task" })
+    ] }),
+    c.length === 0 ? /* @__PURE__ */ r(w, { message: x }) : /* @__PURE__ */ s("div", { className: "flex flex-col gap-3", children: [
+      c.map((e) => {
+        const t = N(e.dueDate);
+        return /* @__PURE__ */ s(
+          "div",
+          {
+            className: o(
+              "flex items-start p-4",
+              "bg-white border border-slate-200 rounded-xl",
+              "transition-colors hover:bg-slate-50",
+              n && "cursor-pointer"
+            ),
+            onClick: () => n == null ? void 0 : n(e),
+            children: [
+              /* @__PURE__ */ s("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ r("h4", { className: "text-sm font-semibold text-slate-900 m-0 mb-1", children: e.title }),
+                e.description && /* @__PURE__ */ r("p", { className: "text-sm text-slate-500 m-0 mb-2 truncate", children: e.description }),
+                /* @__PURE__ */ s("div", { className: "flex items-center gap-2 flex-wrap", children: [
+                  t && /* @__PURE__ */ r(
+                    "span",
+                    {
+                      className: o(
+                        "text-xs",
+                        t.isOverdue ? "text-red-500 font-semibold" : "text-slate-500"
+                      ),
+                      children: t.text
+                    }
+                  ),
+                  e.meta && /* @__PURE__ */ s(g, { children: [
+                    /* @__PURE__ */ r("span", { className: "text-slate-300", children: "•" }),
+                    /* @__PURE__ */ r("span", { className: "text-xs text-slate-500", children: e.meta })
+                  ] }),
+                  e.priority === "high" && /* @__PURE__ */ r(h, { variant: "warning", size: "sm", children: "High Priority" })
+                ] })
+              ] }),
+              n && /* @__PURE__ */ r(
+                "button",
+                {
+                  className: o(
+                    "px-3 py-1.5 ml-3 flex-shrink-0",
+                    "bg-white border border-slate-200 rounded-lg",
+                    "text-xs font-medium text-slate-700",
+                    "transition-colors hover:bg-slate-100 hover:border-slate-300"
+                  ),
+                  onClick: (p) => {
+                    p.stopPropagation(), n(e);
+                  },
+                  children: "View"
+                }
+              )
+            ]
+          },
+          e.id
+        );
+      }),
+      l.length > u && i && /* @__PURE__ */ s(
+        "button",
+        {
+          onClick: i,
+          className: o(
+            "w-full p-3 mt-2",
+            "bg-transparent border border-dashed border-slate-200 rounded-xl",
+            "text-sm text-slate-500",
+            "transition-colors hover:border-slate-400 hover:text-slate-700"
+          ),
+          children: [
+            "View all ",
+            l.length,
+            " tasks"
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  z as TaskList
+};
+//# sourceMappingURL=index64.js.map

package/dist/index64.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index64.js","sources":["../src/components/TaskList/TaskList.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport { Panel, PanelHeader, PanelTitle, PanelAction, PanelEmptyState } from '../Panel/Panel'\nimport { Badge } from '../Badge/Badge'\n\nexport interface Task {\n  id: string\n  title: string\n  description?: string\n  dueDate?: string\n  priority?: 'high' | 'medium' | 'low'\n  status?: 'pending' | 'overdue' | 'completed'\n  meta?: string\n}\n\nexport interface TaskListProps {\n  tasks: Task[]\n  title?: string\n  onTaskClick?: (task: Task) => void\n  onViewAll?: () => void\n  onAddTask?: () => void\n  maxTasks?: number\n  emptyMessage?: string\n  className?: string\n}\n\nconst formatDueDate = (dateString?: string) => {\n  if (!dateString) return null\n  const date = new Date(dateString)\n  const now = new Date()\n  const diffDays = Math.ceil((date.getTime() - now.getTime()) / (1000 * 60 * 60 * 24))\n\n  if (diffDays < 0) {\n    return { text: `Overdue by ${Math.abs(diffDays)} days`, isOverdue: true }\n  } else if (diffDays === 0) {\n    return { text: 'Due today', isOverdue: true }\n  } else if (diffDays === 1) {\n    return { text: 'Due tomorrow', isOverdue: false }\n  } else if (diffDays <= 7) {\n    return { text: `Due in ${diffDays} days`, isOverdue: false }\n  } else {\n    return { text: `Due ${date.toLocaleDateString()}`, isOverdue: false }\n  }\n}\n\nexport const TaskList = ({\n  tasks,\n  title = 'Tasks',\n  onTaskClick,\n  onViewAll,\n  onAddTask,\n  maxTasks = 5,\n  emptyMessage = \"No tasks to display.\",\n  className,\n}: TaskListProps) => {\n  // Sort tasks: overdue first, then by priority, then by due date\n  const sortedTasks = [...tasks]\n    .filter((t) => t.status !== 'completed')\n    .sort((a, b) => {\n      if (a.status === 'overdue' && b.status !== 'overdue') return -1\n      if (a.status !== 'overdue' && b.status === 'overdue') return 1\n      if (a.priority === 'high' && b.priority !== 'high') return -1\n      if (a.priority !== 'high' && b.priority === 'high') return 1\n      if (a.dueDate && b.dueDate) {\n        return new Date(a.dueDate).getTime() - new Date(b.dueDate).getTime()\n      }\n      return 0\n    })\n    .slice(0, maxTasks)\n\n  const overdueCount = tasks.filter((t) => t.status === 'overdue').length\n\n  return (\n    <Panel className={className}>\n      <PanelHeader>\n        <PanelTitle\n          badge={\n            overdueCount > 0 ? (\n              <Badge variant=\"danger\" size=\"sm\">\n                {overdueCount} overdue\n              </Badge>\n            ) : undefined\n          }\n        >\n          {title}\n        </PanelTitle>\n        {onAddTask && (\n          <PanelAction onClick={onAddTask}>\n            + Add Task\n          </PanelAction>\n        )}\n      </PanelHeader>\n\n      {sortedTasks.length === 0 ? (\n        <PanelEmptyState message={emptyMessage} />\n      ) : (\n        <div className=\"flex flex-col gap-3\">\n          {sortedTasks.map((task) => {\n            const dueInfo = formatDueDate(task.dueDate)\n            return (\n              <div\n                key={task.id}\n                className={cn(\n                  'flex items-start p-4',\n                  'bg-white border border-slate-200 rounded-xl',\n                  'transition-colors hover:bg-slate-50',\n                  onTaskClick && 'cursor-pointer'\n                )}\n                onClick={() => onTaskClick?.(task)}\n              >\n                <div className=\"flex-1 min-w-0\">\n                  <h4 className=\"text-sm font-semibold text-slate-900 m-0 mb-1\">\n                    {task.title}\n                  </h4>\n                  {task.description && (\n                    <p className=\"text-sm text-slate-500 m-0 mb-2 truncate\">\n                      {task.description}\n                    </p>\n                  )}\n                  <div className=\"flex items-center gap-2 flex-wrap\">\n                    {dueInfo && (\n                      <span\n                        className={cn(\n                          'text-xs',\n                          dueInfo.isOverdue ? 'text-red-500 font-semibold' : 'text-slate-500'\n                        )}\n                      >\n                        {dueInfo.text}\n                      </span>\n                    )}\n                    {task.meta && (\n                      <>\n                        <span className=\"text-slate-300\">•</span>\n                        <span className=\"text-xs text-slate-500\">\n                          {task.meta}\n                        </span>\n                      </>\n                    )}\n                    {task.priority === 'high' && (\n                      <Badge variant=\"warning\" size=\"sm\">\n                        High Priority\n                      </Badge>\n                    )}\n                  </div>\n                </div>\n                {onTaskClick && (\n                  <button\n                    className={cn(\n                      'px-3 py-1.5 ml-3 flex-shrink-0',\n                      'bg-white border border-slate-200 rounded-lg',\n                      'text-xs font-medium text-slate-700',\n                      'transition-colors hover:bg-slate-100 hover:border-slate-300'\n                    )}\n                    onClick={(e) => {\n                      e.stopPropagation()\n                      onTaskClick(task)\n                    }}\n                  >\n                    View\n                  </button>\n                )}\n              </div>\n            )\n          })}\n\n          {tasks.length > maxTasks && onViewAll && (\n            <button\n              onClick={onViewAll}\n              className={cn(\n                'w-full p-3 mt-2',\n                'bg-transparent border border-dashed border-slate-200 rounded-xl',\n                'text-sm text-slate-500',\n                'transition-colors hover:border-slate-400 hover:text-slate-700'\n              )}\n            >\n              View all {tasks.length} tasks\n            </button>\n          )}\n        </div>\n      )}\n    </Panel>\n  )\n}\n"],"names":["formatDueDate","dateString","date","now","diffDays","TaskList","tasks","title","onTaskClick","onViewAll","onAddTask","maxTasks","emptyMessage","className","sortedTasks","t","a","b","overdueCount","jsxs","Panel","PanelHeader","jsx","PanelTitle","Badge","PanelAction","PanelEmptyState","task","dueInfo","cn","Fragment","e"],"mappings":";;;;AAyBA,MAAMA,IAAgB,CAACC,MAAwB;AAC7C,MAAI,CAACA,EAAY,QAAO;AACxB,QAAMC,IAAO,IAAI,KAAKD,CAAU,GAC1BE,wBAAU,KAAA,GACVC,IAAW,KAAK,MAAMF,EAAK,QAAA,IAAYC,EAAI,QAAA,MAAc,MAAO,KAAK,KAAK,GAAG;AAEnF,SAAIC,IAAW,IACN,EAAE,MAAM,cAAc,KAAK,IAAIA,CAAQ,CAAC,SAAS,WAAW,GAAA,IAC1DA,MAAa,IACf,EAAE,MAAM,aAAa,WAAW,GAAA,IAC9BA,MAAa,IACf,EAAE,MAAM,gBAAgB,WAAW,GAAA,IACjCA,KAAY,IACd,EAAE,MAAM,UAAUA,CAAQ,SAAS,WAAW,GAAA,IAE9C,EAAE,MAAM,OAAOF,EAAK,oBAAoB,IAAI,WAAW,GAAA;AAElE,GAEaG,IAAW,CAAC;AAAA,EACvB,OAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,WAAAC;AACF,MAAqB;AAEnB,QAAMC,IAAc,CAAC,GAAGR,CAAK,EAC1B,OAAO,CAACS,MAAMA,EAAE,WAAW,WAAW,EACtC,KAAK,CAACC,GAAGC,MACJD,EAAE,WAAW,aAAaC,EAAE,WAAW,YAAkB,KACzDD,EAAE,WAAW,aAAaC,EAAE,WAAW,YAAkB,IACzDD,EAAE,aAAa,UAAUC,EAAE,aAAa,SAAe,KACvDD,EAAE,aAAa,UAAUC,EAAE,aAAa,SAAe,IACvDD,EAAE,WAAWC,EAAE,UACV,IAAI,KAAKD,EAAE,OAAO,EAAE,YAAY,IAAI,KAAKC,EAAE,OAAO,EAAE,QAAA,IAEtD,CACR,EACA,MAAM,GAAGN,CAAQ,GAEdO,IAAeZ,EAAM,OAAO,CAACS,MAAMA,EAAE,WAAW,SAAS,EAAE;AAEjE,SACE,gBAAAI,EAACC,KAAM,WAAAP,GACL,UAAA;AAAA,IAAA,gBAAAM,EAACE,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OACEL,IAAe,IACb,gBAAAC,EAACK,KAAM,SAAQ,UAAS,MAAK,MAC1B,UAAA;AAAA,YAAAN;AAAA,YAAa;AAAA,UAAA,EAAA,CAChB,IACE;AAAA,UAGL,UAAAX;AAAA,QAAA;AAAA,MAAA;AAAA,MAEFG,KACC,gBAAAY,EAACG,GAAA,EAAY,SAASf,GAAW,UAAA,aAAA,CAEjC;AAAA,IAAA,GAEJ;AAAA,IAECI,EAAY,WAAW,IACtB,gBAAAQ,EAACI,GAAA,EAAgB,SAASd,EAAA,CAAc,IAExC,gBAAAO,EAAC,OAAA,EAAI,WAAU,uBACZ,UAAA;AAAA,MAAAL,EAAY,IAAI,CAACa,MAAS;AACzB,cAAMC,IAAU5B,EAAc2B,EAAK,OAAO;AAC1C,eACE,gBAAAR;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAWU;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACArB,KAAe;AAAA,YAAA;AAAA,YAEjB,SAAS,MAAMA,KAAA,gBAAAA,EAAcmB;AAAA,YAE7B,UAAA;AAAA,cAAA,gBAAAR,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA;AAAA,gBAAA,gBAAAG,EAAC,MAAA,EAAG,WAAU,iDACX,UAAAK,EAAK,OACR;AAAA,gBACCA,EAAK,eACJ,gBAAAL,EAAC,OAAE,WAAU,4CACV,YAAK,aACR;AAAA,gBAEF,gBAAAH,EAAC,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,kBAAAS,KACC,gBAAAN;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWO;AAAA,wBACT;AAAA,wBACAD,EAAQ,YAAY,+BAA+B;AAAA,sBAAA;AAAA,sBAGpD,UAAAA,EAAQ;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAGZD,EAAK,QACJ,gBAAAR,EAAAW,GAAA,EACE,UAAA;AAAA,oBAAA,gBAAAR,EAAC,QAAA,EAAK,WAAU,kBAAiB,UAAA,KAAC;AAAA,oBAClC,gBAAAA,EAAC,QAAA,EAAK,WAAU,0BACb,YAAK,KAAA,CACR;AAAA,kBAAA,GACF;AAAA,kBAEDK,EAAK,aAAa,UACjB,gBAAAL,EAACE,KAAM,SAAQ,WAAU,MAAK,MAAK,UAAA,gBAAA,CAEnC;AAAA,gBAAA,EAAA,CAEJ;AAAA,cAAA,GACF;AAAA,cACChB,KACC,gBAAAc;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWO;AAAA,oBACT;AAAA,oBACA;AAAA,oBACA;AAAA,oBACA;AAAA,kBAAA;AAAA,kBAEF,SAAS,CAACE,MAAM;AACd,oBAAAA,EAAE,gBAAA,GACFvB,EAAYmB,CAAI;AAAA,kBAClB;AAAA,kBACD,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED;AAAA,UAAA;AAAA,UA1DGA,EAAK;AAAA,QAAA;AAAA,MA8DhB,CAAC;AAAA,MAEArB,EAAM,SAASK,KAAYF,KAC1B,gBAAAU;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASV;AAAA,UACT,WAAWoB;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,UAEH,UAAA;AAAA,YAAA;AAAA,YACWvB,EAAM;AAAA,YAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACzB,EAAA,CAEJ;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/index65.js

@@ -0,0 +1,43 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cn as s } from "./index3.js";
+const n = {
+  body: "text-base",
+  "body-sm": "text-sm",
+  caption: "text-xs",
+  lead: "text-lg"
+}, d = {
+  default: "text-slate-900",
+  muted: "text-slate-500",
+  primary: "text-primary-600",
+  danger: "text-red-600"
+}, i = {
+  normal: "font-normal",
+  medium: "font-medium",
+  semibold: "font-semibold",
+  bold: "font-bold"
+};
+function b({
+  children: t,
+  variant: e = "body",
+  color: o = "default",
+  weight: m = "normal",
+  as: a = "p",
+  className: l
+}) {
+  return /* @__PURE__ */ r(
+    a,
+    {
+      className: s(
+        n[e],
+        d[o],
+        i[m],
+        l
+      ),
+      children: t
+    }
+  );
+}
+export {
+  b as Text
+};
+//# sourceMappingURL=index65.js.map

package/dist/index65.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index65.js","sources":["../src/components/Typography/Text.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport type { ReactNode, ElementType } from 'react'\n\nexport interface TextProps {\n  children: ReactNode\n  variant?: 'body' | 'body-sm' | 'caption' | 'lead'\n  color?: 'default' | 'muted' | 'primary' | 'danger'\n  weight?: 'normal' | 'medium' | 'semibold' | 'bold'\n  as?: ElementType\n  className?: string\n}\n\nconst variantStyles = {\n  body: 'text-base',\n  'body-sm': 'text-sm',\n  caption: 'text-xs',\n  lead: 'text-lg',\n}\n\nconst colorStyles = {\n  default: 'text-slate-900',\n  muted: 'text-slate-500',\n  primary: 'text-primary-600',\n  danger: 'text-red-600',\n}\n\nconst weightStyles = {\n  normal: 'font-normal',\n  medium: 'font-medium',\n  semibold: 'font-semibold',\n  bold: 'font-bold',\n}\n\nexport function Text({\n  children,\n  variant = 'body',\n  color = 'default',\n  weight = 'normal',\n  as: Component = 'p',\n  className,\n}: TextProps) {\n  return (\n    <Component\n      className={cn(\n        variantStyles[variant],\n        colorStyles[color],\n        weightStyles[weight],\n        className\n      )}\n    >\n      {children}\n    </Component>\n  )\n}\n"],"names":["variantStyles","colorStyles","weightStyles","Text","children","variant","color","weight","Component","className","jsx","cn"],"mappings":";;AAYA,MAAMA,IAAgB;AAAA,EACpB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR,GAEMC,IAAc;AAAA,EAClB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,QAAQ;AACV,GAEMC,IAAe;AAAA,EACnB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AACR;AAEO,SAASC,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,IAAIC,IAAY;AAAA,EAChB,WAAAC;AACF,GAAc;AACZ,SACE,gBAAAC;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,WAAWG;AAAA,QACTX,EAAcK,CAAO;AAAA,QACrBJ,EAAYK,CAAK;AAAA,QACjBJ,EAAaK,CAAM;AAAA,QACnBE;AAAA,MAAA;AAAA,MAGD,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/index66.js

@@ -0,0 +1,51 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { cn as a } from "./index3.js";
+const f = l(
+  ({ className: d, label: e, error: t, helperText: s, id: i, ...c }, m) => {
+    const o = i || (e == null ? void 0 : e.toLowerCase().replace(/\s+/g, "-"));
+    return /* @__PURE__ */ n("div", { className: "w-full", children: [
+      e && /* @__PURE__ */ r(
+        "label",
+        {
+          htmlFor: o,
+          className: "block text-sm font-medium text-slate-700 mb-1.5",
+          children: e
+        }
+      ),
+      /* @__PURE__ */ r(
+        "textarea",
+        {
+          ref: m,
+          id: o,
+          className: a(
+            "w-full px-4 py-2.5 text-base min-h-[100px] resize-y",
+            "bg-white border rounded-lg",
+            "transition-colors duration-200",
+            "placeholder:text-slate-400",
+            "focus:outline-none focus:ring-2 focus:ring-offset-0",
+            t ? "border-red-500 focus:border-red-500 focus:ring-red-500" : "border-slate-300 focus:border-primary-500 focus:ring-primary-500",
+            "disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed",
+            d
+          ),
+          ...c
+        }
+      ),
+      (t || s) && /* @__PURE__ */ r(
+        "p",
+        {
+          className: a(
+            "mt-1.5 text-sm",
+            t ? "text-red-600" : "text-slate-500"
+          ),
+          children: t || s
+        }
+      )
+    ] });
+  }
+);
+f.displayName = "Textarea";
+export {
+  f as Textarea
+};
+//# sourceMappingURL=index66.js.map

package/dist/index66.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index66.js","sources":["../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { forwardRef, type TextareaHTMLAttributes } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {\n  label?: string\n  error?: string\n  helperText?: string\n}\n\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, label, error, helperText, id, ...props }, ref) => {\n    const textareaId = id || label?.toLowerCase().replace(/\\s+/g, '-')\n\n    return (\n      <div className=\"w-full\">\n        {label && (\n          <label\n            htmlFor={textareaId}\n            className=\"block text-sm font-medium text-slate-700 mb-1.5\"\n          >\n            {label}\n          </label>\n        )}\n        <textarea\n          ref={ref}\n          id={textareaId}\n          className={cn(\n            'w-full px-4 py-2.5 text-base min-h-[100px] resize-y',\n            'bg-white border rounded-lg',\n            'transition-colors duration-200',\n            'placeholder:text-slate-400',\n            'focus:outline-none focus:ring-2 focus:ring-offset-0',\n            error\n              ? 'border-red-500 focus:border-red-500 focus:ring-red-500'\n              : 'border-slate-300 focus:border-primary-500 focus:ring-primary-500',\n            'disabled:bg-slate-50 disabled:text-slate-500 disabled:cursor-not-allowed',\n            className\n          )}\n          {...props}\n        />\n        {(error || helperText) && (\n          <p\n            className={cn(\n              'mt-1.5 text-sm',\n              error ? 'text-red-600' : 'text-slate-500'\n            )}\n          >\n            {error || helperText}\n          </p>\n        )}\n      </div>\n    )\n  }\n)\n\nTextarea.displayName = 'Textarea'\n"],"names":["Textarea","forwardRef","className","label","error","helperText","id","props","ref","textareaId","jsxs","jsx","cn"],"mappings":";;;AASO,MAAMA,IAAWC;AAAA,EACtB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,OAAAC,GAAO,YAAAC,GAAY,IAAAC,GAAI,GAAGC,EAAA,GAASC,MAAQ;AAC9D,UAAMC,IAAaH,MAAMH,KAAA,gBAAAA,EAAO,cAAc,QAAQ,QAAQ;AAE9D,WACE,gBAAAO,EAAC,OAAA,EAAI,WAAU,UACZ,UAAA;AAAA,MAAAP,KACC,gBAAAQ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAASF;AAAA,UACT,WAAU;AAAA,UAET,UAAAN;AAAA,QAAA;AAAA,MAAA;AAAA,MAGL,gBAAAQ;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAH;AAAA,UACA,IAAIC;AAAA,UACJ,WAAWG;AAAA,YACT;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACAR,IACI,2DACA;AAAA,YACJ;AAAA,YACAF;AAAA,UAAA;AAAA,UAED,GAAGK;AAAA,QAAA;AAAA,MAAA;AAAA,OAEJH,KAASC,MACT,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACT;AAAA,YACAR,IAAQ,iBAAiB;AAAA,UAAA;AAAA,UAG1B,UAAAA,KAASC;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ,GAEJ;AAAA,EAEJ;AACF;AAEAL,EAAS,cAAc;"}

package/dist/index67.js

@@ -0,0 +1,79 @@
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import { Switch as r } from "@headlessui/react";
+import { cn as e } from "./index3.js";
+const f = {
+  sm: {
+    track: "h-5 w-9",
+    thumb: "h-4 w-4",
+    translate: "translate-x-4"
+  },
+  md: {
+    track: "h-6 w-11",
+    thumb: "h-5 w-5",
+    translate: "translate-x-5"
+  },
+  lg: {
+    track: "h-7 w-14",
+    thumb: "h-6 w-6",
+    translate: "translate-x-7"
+  }
+};
+function p({
+  checked: s,
+  onChange: m,
+  label: a,
+  description: n,
+  disabled: o = !1,
+  size: c = "md",
+  className: u
+}) {
+  const l = f[c];
+  return /* @__PURE__ */ t(r.Group, { children: /* @__PURE__ */ i("div", { className: e("flex items-start gap-3", u), children: [
+    /* @__PURE__ */ t(
+      r,
+      {
+        checked: s,
+        onChange: m,
+        disabled: o,
+        className: e(
+          "relative inline-flex flex-shrink-0 rounded-full",
+          "border-2 border-transparent cursor-pointer",
+          "transition-colors duration-200 ease-in-out",
+          "focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2",
+          s ? "bg-primary-500" : "bg-slate-200",
+          o && "opacity-50 cursor-not-allowed",
+          l.track
+        ),
+        children: /* @__PURE__ */ t(
+          "span",
+          {
+            className: e(
+              "pointer-events-none inline-block rounded-full",
+              "bg-white shadow-sm ring-0",
+              "transform transition duration-200 ease-in-out",
+              s ? l.translate : "translate-x-0",
+              l.thumb
+            )
+          }
+        )
+      }
+    ),
+    (a || n) && /* @__PURE__ */ i("div", { className: "flex flex-col", children: [
+      a && /* @__PURE__ */ t(
+        r.Label,
+        {
+          className: e(
+            "text-sm font-medium text-slate-900",
+            o && "opacity-50"
+          ),
+          children: a
+        }
+      ),
+      n && /* @__PURE__ */ t(r.Description, { className: "text-sm text-slate-500", children: n })
+    ] })
+  ] }) });
+}
+export {
+  p as Toggle
+};
+//# sourceMappingURL=index67.js.map

package/dist/index67.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index67.js","sources":["../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import { Switch } from '@headlessui/react'\nimport { cn } from '@/lib/utils'\n\nexport interface ToggleProps {\n  checked: boolean\n  onChange: (checked: boolean) => void\n  label?: string\n  description?: string\n  disabled?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  className?: string\n}\n\nconst sizeStyles = {\n  sm: {\n    track: 'h-5 w-9',\n    thumb: 'h-4 w-4',\n    translate: 'translate-x-4',\n  },\n  md: {\n    track: 'h-6 w-11',\n    thumb: 'h-5 w-5',\n    translate: 'translate-x-5',\n  },\n  lg: {\n    track: 'h-7 w-14',\n    thumb: 'h-6 w-6',\n    translate: 'translate-x-7',\n  },\n}\n\nexport function Toggle({\n  checked,\n  onChange,\n  label,\n  description,\n  disabled = false,\n  size = 'md',\n  className,\n}: ToggleProps) {\n  const styles = sizeStyles[size]\n\n  return (\n    <Switch.Group>\n      <div className={cn('flex items-start gap-3', className)}>\n        <Switch\n          checked={checked}\n          onChange={onChange}\n          disabled={disabled}\n          className={cn(\n            'relative inline-flex flex-shrink-0 rounded-full',\n            'border-2 border-transparent cursor-pointer',\n            'transition-colors duration-200 ease-in-out',\n            'focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',\n            checked ? 'bg-primary-500' : 'bg-slate-200',\n            disabled && 'opacity-50 cursor-not-allowed',\n            styles.track\n          )}\n        >\n          <span\n            className={cn(\n              'pointer-events-none inline-block rounded-full',\n              'bg-white shadow-sm ring-0',\n              'transform transition duration-200 ease-in-out',\n              checked ? styles.translate : 'translate-x-0',\n              styles.thumb\n            )}\n          />\n        </Switch>\n        {(label || description) && (\n          <div className=\"flex flex-col\">\n            {label && (\n              <Switch.Label\n                className={cn(\n                  'text-sm font-medium text-slate-900',\n                  disabled && 'opacity-50'\n                )}\n              >\n                {label}\n              </Switch.Label>\n            )}\n            {description && (\n              <Switch.Description className=\"text-sm text-slate-500\">\n                {description}\n              </Switch.Description>\n            )}\n          </div>\n        )}\n      </div>\n    </Switch.Group>\n  )\n}\n"],"names":["sizeStyles","Toggle","checked","onChange","label","description","disabled","size","className","styles","jsx","Switch","jsxs","cn"],"mappings":";;;AAaA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,IACF,OAAO;AAAA,IACP,OAAO;AAAA,IACP,WAAW;AAAA,EAAA;AAAA,EAEb,IAAI;AAAA,IACF,OAAO;AAAA,IACP,OAAO;AAAA,IACP,WAAW;AAAA,EAAA;AAAA,EAEb,IAAI;AAAA,IACF,OAAO;AAAA,IACP,OAAO;AAAA,IACP,WAAW;AAAA,EAAA;AAEf;AAEO,SAASC,EAAO;AAAA,EACrB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,GAAgB;AACd,QAAMC,IAAST,EAAWO,CAAI;AAE9B,SACE,gBAAAG,EAACC,EAAO,OAAP,EACC,UAAA,gBAAAC,EAAC,SAAI,WAAWC,EAAG,0BAA0BL,CAAS,GACpD,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAT;AAAA,QACA,UAAAC;AAAA,QACA,UAAAG;AAAA,QACA,WAAWO;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACAX,IAAU,mBAAmB;AAAA,UAC7BI,KAAY;AAAA,UACZG,EAAO;AAAA,QAAA;AAAA,QAGT,UAAA,gBAAAC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWG;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACAX,IAAUO,EAAO,YAAY;AAAA,cAC7BA,EAAO;AAAA,YAAA;AAAA,UACT;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,KAEAL,KAASC,MACT,gBAAAO,EAAC,OAAA,EAAI,WAAU,iBACZ,UAAA;AAAA,MAAAR,KACC,gBAAAM;AAAA,QAACC,EAAO;AAAA,QAAP;AAAA,UACC,WAAWE;AAAA,YACT;AAAA,YACAP,KAAY;AAAA,UAAA;AAAA,UAGb,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJC,KACC,gBAAAK,EAACC,EAAO,aAAP,EAAmB,WAAU,0BAC3B,UAAAN,EAAA,CACH;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;"}

package/dist/index68.js

@@ -0,0 +1,57 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import { cn as o } from "./index3.js";
+const f = ({
+  label: r,
+  checked: t,
+  onChange: s,
+  disabled: n = !1,
+  className: i
+}) => {
+  const a = () => {
+    n || s(!t);
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: o(
+        "flex items-center justify-between gap-4",
+        n && "opacity-50",
+        i
+      ),
+      children: [
+        /* @__PURE__ */ e("span", { className: "text-sm text-slate-700", children: r }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            role: "switch",
+            "aria-checked": t,
+            disabled: n,
+            onClick: a,
+            className: o(
+              "relative inline-flex h-6 w-11 items-center rounded-full",
+              "transition-colors duration-200 ease-in-out",
+              "focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2",
+              t ? "bg-primary-500" : "bg-slate-200",
+              n ? "cursor-not-allowed" : "cursor-pointer"
+            ),
+            children: /* @__PURE__ */ e(
+              "span",
+              {
+                className: o(
+                  "inline-block h-4 w-4 rounded-full bg-white shadow-sm",
+                  "transform transition-transform duration-200 ease-in-out",
+                  t ? "translate-x-6" : "translate-x-1"
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  f as ToggleButton
+};
+//# sourceMappingURL=index68.js.map

package/dist/index68.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index68.js","sources":["../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport interface ToggleButtonProps {\n  label: string\n  checked: boolean\n  onChange: (checked: boolean) => void\n  disabled?: boolean\n  className?: string\n}\n\nexport const ToggleButton = ({\n  label,\n  checked,\n  onChange,\n  disabled = false,\n  className,\n}: ToggleButtonProps) => {\n  const handleClick = () => {\n    if (!disabled) {\n      onChange(!checked)\n    }\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex items-center justify-between gap-4',\n        disabled && 'opacity-50',\n        className\n      )}\n    >\n      <span className=\"text-sm text-slate-700\">\n        {label}\n      </span>\n\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={checked}\n        disabled={disabled}\n        onClick={handleClick}\n        className={cn(\n          'relative inline-flex h-6 w-11 items-center rounded-full',\n          'transition-colors duration-200 ease-in-out',\n          'focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2',\n          checked ? 'bg-primary-500' : 'bg-slate-200',\n          disabled ? 'cursor-not-allowed' : 'cursor-pointer'\n        )}\n      >\n        <span\n          className={cn(\n            'inline-block h-4 w-4 rounded-full bg-white shadow-sm',\n            'transform transition-transform duration-200 ease-in-out',\n            checked ? 'translate-x-6' : 'translate-x-1'\n          )}\n        />\n      </button>\n    </div>\n  )\n}\n"],"names":["ToggleButton","label","checked","onChange","disabled","className","handleClick","jsxs","cn","jsx"],"mappings":";;AAUO,MAAMA,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,WAAAC;AACF,MAAyB;AACvB,QAAMC,IAAc,MAAM;AACxB,IAAKF,KACHD,EAAS,CAACD,CAAO;AAAA,EAErB;AAEA,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ,KAAY;AAAA,QACZC;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAI,EAAC,QAAA,EAAK,WAAU,0BACb,UAAAR,GACH;AAAA,QAEA,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,MAAK;AAAA,YACL,gBAAcP;AAAA,YACd,UAAAE;AAAA,YACA,SAASE;AAAA,YACT,WAAWE;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACAN,IAAU,mBAAmB;AAAA,cAC7BE,IAAW,uBAAuB;AAAA,YAAA;AAAA,YAGpC,UAAA,gBAAAK;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWD;AAAA,kBACT;AAAA,kBACA;AAAA,kBACAN,IAAU,kBAAkB;AAAA,gBAAA;AAAA,cAC9B;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/index69.js

@@ -0,0 +1,71 @@
+import { jsxs as s, jsx as c } from "react/jsx-runtime";
+import { useState as n } from "react";
+import { cn as i } from "./index3.js";
+const x = {
+  top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+  bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+  left: "right-full top-1/2 -translate-y-1/2 mr-2",
+  right: "left-full top-1/2 -translate-y-1/2 ml-2"
+}, h = {
+  top: "top-full left-1/2 -translate-x-1/2 border-t-slate-800 border-x-transparent border-b-transparent",
+  bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-slate-800 border-x-transparent border-t-transparent",
+  left: "left-full top-1/2 -translate-y-1/2 border-l-slate-800 border-y-transparent border-r-transparent",
+  right: "right-full top-1/2 -translate-y-1/2 border-r-slate-800 border-y-transparent border-l-transparent"
+};
+function T({
+  content: p,
+  children: u,
+  position: t = "top",
+  delay: b = 200,
+  className: d
+}) {
+  const [f, e] = n(!1), [r, o] = n(null), l = () => {
+    const m = setTimeout(() => e(!0), b);
+    o(m);
+  }, a = () => {
+    r && (clearTimeout(r), o(null)), e(!1);
+  };
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: "relative inline-flex",
+      onMouseEnter: l,
+      onMouseLeave: a,
+      onFocus: l,
+      onBlur: a,
+      children: [
+        u,
+        f && /* @__PURE__ */ s(
+          "div",
+          {
+            className: i(
+              "absolute z-50 px-3 py-1.5",
+              "bg-slate-800 text-white text-sm rounded-lg",
+              "whitespace-nowrap",
+              "animate-in fade-in-0 zoom-in-95 duration-150",
+              x[t],
+              d
+            ),
+            role: "tooltip",
+            children: [
+              p,
+              /* @__PURE__ */ c(
+                "span",
+                {
+                  className: i(
+                    "absolute w-0 h-0 border-4",
+                    h[t]
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  T as Tooltip
+};
+//# sourceMappingURL=index69.js.map

package/dist/index69.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index69.js","sources":["../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { useState, type ReactNode } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface TooltipProps {\n  content: ReactNode\n  children: ReactNode\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  delay?: number\n  className?: string\n}\n\nconst positionStyles = {\n  top: 'bottom-full left-1/2 -translate-x-1/2 mb-2',\n  bottom: 'top-full left-1/2 -translate-x-1/2 mt-2',\n  left: 'right-full top-1/2 -translate-y-1/2 mr-2',\n  right: 'left-full top-1/2 -translate-y-1/2 ml-2',\n}\n\nconst arrowStyles = {\n  top: 'top-full left-1/2 -translate-x-1/2 border-t-slate-800 border-x-transparent border-b-transparent',\n  bottom: 'bottom-full left-1/2 -translate-x-1/2 border-b-slate-800 border-x-transparent border-t-transparent',\n  left: 'left-full top-1/2 -translate-y-1/2 border-l-slate-800 border-y-transparent border-r-transparent',\n  right: 'right-full top-1/2 -translate-y-1/2 border-r-slate-800 border-y-transparent border-l-transparent',\n}\n\nexport function Tooltip({\n  content,\n  children,\n  position = 'top',\n  delay = 200,\n  className,\n}: TooltipProps) {\n  const [isVisible, setIsVisible] = useState(false)\n  const [timeoutId, setTimeoutId] = useState<ReturnType<typeof setTimeout> | null>(null)\n\n  const showTooltip = () => {\n    const id = setTimeout(() => setIsVisible(true), delay)\n    setTimeoutId(id)\n  }\n\n  const hideTooltip = () => {\n    if (timeoutId) {\n      clearTimeout(timeoutId)\n      setTimeoutId(null)\n    }\n    setIsVisible(false)\n  }\n\n  return (\n    <div\n      className=\"relative inline-flex\"\n      onMouseEnter={showTooltip}\n      onMouseLeave={hideTooltip}\n      onFocus={showTooltip}\n      onBlur={hideTooltip}\n    >\n      {children}\n      {isVisible && (\n        <div\n          className={cn(\n            'absolute z-50 px-3 py-1.5',\n            'bg-slate-800 text-white text-sm rounded-lg',\n            'whitespace-nowrap',\n            'animate-in fade-in-0 zoom-in-95 duration-150',\n            positionStyles[position],\n            className\n          )}\n          role=\"tooltip\"\n        >\n          {content}\n          <span\n            className={cn(\n              'absolute w-0 h-0 border-4',\n              arrowStyles[position]\n            )}\n          />\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["positionStyles","arrowStyles","Tooltip","content","children","position","delay","className","isVisible","setIsVisible","useState","timeoutId","setTimeoutId","showTooltip","id","hideTooltip","jsxs","cn","jsx"],"mappings":";;;AAWA,MAAMA,IAAiB;AAAA,EACrB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT,GAEMC,IAAc;AAAA,EAClB,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT;AAEO,SAASC,EAAQ;AAAA,EACtB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,OAAAC,IAAQ;AAAA,EACR,WAAAC;AACF,GAAiB;AACf,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAWC,CAAY,IAAIF,EAA+C,IAAI,GAE/EG,IAAc,MAAM;AACxB,UAAMC,IAAK,WAAW,MAAML,EAAa,EAAI,GAAGH,CAAK;AACrD,IAAAM,EAAaE,CAAE;AAAA,EACjB,GAEMC,IAAc,MAAM;AACxB,IAAIJ,MACF,aAAaA,CAAS,GACtBC,EAAa,IAAI,IAEnBH,EAAa,EAAK;AAAA,EACpB;AAEA,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAcH;AAAA,MACd,cAAcE;AAAA,MACd,SAASF;AAAA,MACT,QAAQE;AAAA,MAEP,UAAA;AAAA,QAAAX;AAAA,QACAI,KACC,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAjB,EAAeK,CAAQ;AAAA,cACvBE;AAAA,YAAA;AAAA,YAEF,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAJ;AAAA,cACD,gBAAAe;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD;AAAA,oBACT;AAAA,oBACAhB,EAAYI,CAAQ;AAAA,kBAAA;AAAA,gBACtB;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAIR;"}