@axtec/components 0.1.3 → 0.1.4

package/dist/index60.js.map

@@ -1 +1 @@
-{"version":3,"file":"index60.js","sources":["../src/components/Typography/SubsectionHeading.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport type { ReactNode } from 'react'\n\nexport interface SubsectionHeadingProps {\n  children: ReactNode\n  className?: string\n}\n\nexport function SubsectionHeading({\n  children,\n  className,\n}: SubsectionHeadingProps) {\n  return (\n    <h3\n      className={cn(\n        'text-lg font-semibold text-slate-900',\n        className\n      )}\n    >\n      {children}\n    </h3>\n  )\n}\n"],"names":["SubsectionHeading","children","className","jsx","cn"],"mappings":";;AAQO,SAASA,EAAkB;AAAA,EAChC,UAAAC;AAAA,EACA,WAAAC;AACF,GAA2B;AACzB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAGD,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index60.js","sources":["../src/components/StatusIndicator/StatusIndicator.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\n\nexport type StatusLevel = 'hot' | 'warm' | 'neutral' | 'cold' | 'high' | 'medium' | 'low'\n\nexport interface StatusIndicatorProps {\n  /** The status level */\n  level: StatusLevel\n  /** Optional custom label (defaults based on level) */\n  label?: string\n  /** Show as dot + text (default) or just dot */\n  variant?: 'default' | 'dot'\n  /** Size of the indicator */\n  size?: 'sm' | 'md'\n  className?: string\n}\n\nconst levelConfig: Record<StatusLevel, { color: string; text: string; label: string }> = {\n  // Heat levels (lead scoring)\n  hot: {\n    color: 'bg-red-500',\n    text: 'text-red-600',\n    label: 'Hot',\n  },\n  warm: {\n    color: 'bg-orange-500',\n    text: 'text-orange-600',\n    label: 'Warm',\n  },\n  neutral: {\n    color: 'bg-emerald-500',\n    text: 'text-emerald-600',\n    label: 'Neutral',\n  },\n  cold: {\n    color: 'bg-sky-500',\n    text: 'text-sky-600',\n    label: 'Cold',\n  },\n  // Confidence levels\n  high: {\n    color: 'bg-green-500',\n    text: 'text-green-600',\n    label: 'High',\n  },\n  medium: {\n    color: 'bg-amber-500',\n    text: 'text-amber-600',\n    label: 'Medium',\n  },\n  low: {\n    color: 'bg-red-500',\n    text: 'text-red-600',\n    label: 'Low',\n  },\n}\n\nconst sizeStyles = {\n  sm: {\n    dot: 'w-1.5 h-1.5',\n    text: 'text-xs',\n    gap: 'gap-1.5',\n  },\n  md: {\n    dot: 'w-2 h-2',\n    text: 'text-sm',\n    gap: 'gap-2',\n  },\n}\n\nexport const StatusIndicator = ({\n  level,\n  label,\n  variant = 'default',\n  size = 'sm',\n  className,\n}: StatusIndicatorProps) => {\n  const config = levelConfig[level]\n  const sizes = sizeStyles[size]\n\n  if (variant === 'dot') {\n    return (\n      <div\n        className={cn('rounded-full', sizes.dot, config.color, className)}\n        title={label || config.label}\n      />\n    )\n  }\n\n  return (\n    <div className={cn('flex items-center', sizes.gap, className)}>\n      <div className={cn('rounded-full', sizes.dot, config.color)} />\n      <span className={cn('font-medium', sizes.text, config.text)}>\n        {label || config.label}\n      </span>\n    </div>\n  )\n}\n\n/** Badge variant for use in tables/lists */\nexport interface StatusBadgeProps {\n  level: StatusLevel\n  label?: string\n  size?: 'sm' | 'md'\n  className?: string\n}\n\nconst badgeConfig: Record<StatusLevel, string> = {\n  hot: 'bg-red-100 text-red-700 ring-1 ring-red-600/20',\n  warm: 'bg-orange-100 text-orange-700 ring-1 ring-orange-600/20',\n  neutral: 'bg-emerald-100 text-emerald-700 ring-1 ring-emerald-600/20',\n  cold: 'bg-sky-100 text-sky-700 ring-1 ring-sky-600/20',\n  high: 'bg-green-100 text-green-700 ring-1 ring-green-600/20',\n  medium: 'bg-amber-100 text-amber-700 ring-1 ring-amber-600/20',\n  low: 'bg-red-100 text-red-700 ring-1 ring-red-600/20',\n}\n\nconst badgeSizeStyles = {\n  sm: 'px-2 py-0.5 text-xs',\n  md: 'px-2.5 py-1 text-sm',\n}\n\nexport const StatusBadge = ({\n  level,\n  label,\n  size = 'sm',\n  className,\n}: StatusBadgeProps) => {\n  const config = levelConfig[level]\n\n  return (\n    <span\n      className={cn(\n        'inline-flex items-center font-medium rounded-full',\n        badgeConfig[level],\n        badgeSizeStyles[size],\n        className\n      )}\n    >\n      {label || config.label}\n    </span>\n  )\n}\n"],"names":["levelConfig","sizeStyles","StatusIndicator","level","label","variant","size","className","config","sizes","jsx","cn","jsxs","badgeConfig","badgeSizeStyles","StatusBadge"],"mappings":";;AAgBA,MAAMA,IAAmF;AAAA;AAAA,EAEvF,KAAK;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,SAAS;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA;AAAA,EAGT,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAAA,EAET,KAAK;AAAA,IACH,OAAO;AAAA,IACP,MAAM;AAAA,IACN,OAAO;AAAA,EAAA;AAEX,GAEMC,IAAa;AAAA,EACjB,IAAI;AAAA,IACF,KAAK;AAAA,IACL,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAAA,EAEP,IAAI;AAAA,IACF,KAAK;AAAA,IACL,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAET,GAEaC,IAAkB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,WAAAC;AACF,MAA4B;AAC1B,QAAMC,IAASR,EAAYG,CAAK,GAC1BM,IAAQR,EAAWK,CAAI;AAE7B,SAAID,MAAY,QAEZ,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,gBAAgBF,EAAM,KAAKD,EAAO,OAAOD,CAAS;AAAA,MAChE,OAAOH,KAASI,EAAO;AAAA,IAAA;AAAA,EAAA,IAM3B,gBAAAI,EAAC,SAAI,WAAWD,EAAG,qBAAqBF,EAAM,KAAKF,CAAS,GAC1D,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWC,EAAG,gBAAgBF,EAAM,KAAKD,EAAO,KAAK,GAAG;AAAA,IAC7D,gBAAAE,EAAC,QAAA,EAAK,WAAWC,EAAG,eAAeF,EAAM,MAAMD,EAAO,IAAI,GACvD,UAAAJ,KAASI,EAAO,MAAA,CACnB;AAAA,EAAA,GACF;AAEJ,GAUMK,IAA2C;AAAA,EAC/C,KAAK;AAAA,EACL,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AACP,GAEMC,IAAkB;AAAA,EACtB,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAc,CAAC;AAAA,EAC1B,OAAAZ;AAAA,EACA,OAAAC;AAAA,EACA,MAAAE,IAAO;AAAA,EACP,WAAAC;AACF,MAAwB;AACtB,QAAMC,IAASR,EAAYG,CAAK;AAEhC,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAE,EAAYV,CAAK;AAAA,QACjBW,EAAgBR,CAAI;AAAA,QACpBC;AAAA,MAAA;AAAA,MAGD,eAASC,EAAO;AAAA,IAAA;AAAA,EAAA;AAGvB;"}

package/dist/index61.js

@@ -1,63 +1,39 @@
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import { useState as y } from "react";
-import { cn as r } from "./index3.js";
-const h = {
-  sm: "text-sm py-2",
-  md: "text-base py-3",
-  lg: "text-lg py-4"
-}, g = ({
-  tabs: s,
-  defaultIndex: c = 0,
-  onChange: d,
-  size: m = "md",
-  variant: l = "underline",
-  className: p,
-  headerClassName: n,
-  contentClassName: b
-}) => {
-  var a;
-  const [o, x] = y(c), u = (e) => {
-    var t;
-    (t = s[e]) != null && t.disabled || (x(e), d == null || d(e));
-  };
-  return /* @__PURE__ */ f("div", { className: r("flex flex-col", p), children: [
-    /* @__PURE__ */ i(
-      "div",
-      {
-        className: r(
-          "flex",
-          l === "underline" && "border-b border-slate-200",
-          l === "pills" && "gap-2 p-1 bg-slate-100 rounded-lg",
-          n
-        ),
-        children: s.map((e, t) => /* @__PURE__ */ i(
-          "button",
-          {
-            onClick: () => u(t),
-            disabled: e.disabled,
-            className: r(
-              "px-4 font-semibold transition-colors whitespace-nowrap",
-              h[m],
-              l === "underline" && [
-                "border-b-2 -mb-px",
-                t === o ? "border-primary-500 text-primary-500" : "border-transparent text-slate-500 hover:text-slate-700"
-              ],
-              l === "pills" && [
-                "rounded-md",
-                t === o ? "bg-white text-primary-500 shadow-sm" : "text-slate-500 hover:text-slate-700"
-              ],
-              e.disabled && "opacity-50 cursor-not-allowed"
-            ),
-            children: e.label
-          },
-          t
-        ))
-      }
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { cn as s } from "./index3.js";
+import { CheckIcon as p } from "@heroicons/react/24/outline";
+const l = ({
+  text: a,
+  isCompleted: t = !1,
+  isDisabled: e = !1,
+  height: n = 45,
+  className: m
+}) => /* @__PURE__ */ c(
+  "div",
+  {
+    className: s(
+      "flex items-center justify-between px-4 rounded-md",
+      !e && !t && "bg-primary-50",
+      e && "bg-transparent",
+      t && "bg-transparent",
+      m
     ),
-    /* @__PURE__ */ i("div", { className: r("flex-1 py-4", b), children: (a = s[o]) == null ? void 0 : a.content })
-  ] });
-};
+    style: { height: `${n}px` },
+    children: [
+      /* @__PURE__ */ r(
+        "span",
+        {
+          className: s(
+            "text-sm",
+            e ? "text-slate-500" : "text-primary-500"
+          ),
+          children: a
+        }
+      ),
+      t && /* @__PURE__ */ r(p, { className: "w-5 h-5 text-slate-900" })
+    ]
+  }
+);
 export {
-  g as TabView
+  l as StepList
 };
 //# sourceMappingURL=index61.js.map

package/dist/index61.js.map

@@ -1 +1 @@
-{"version":3,"file":"index61.js","sources":["../src/components/TabView/TabView.tsx"],"sourcesContent":["import { useState, type ReactNode, type ReactElement } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface TabViewTab {\n  label: string | ReactNode\n  content: ReactElement\n  disabled?: boolean\n}\n\nexport interface TabViewProps {\n  tabs: TabViewTab[]\n  defaultIndex?: number\n  onChange?: (index: number) => void\n  size?: 'sm' | 'md' | 'lg'\n  variant?: 'underline' | 'pills'\n  className?: string\n  headerClassName?: string\n  contentClassName?: string\n}\n\nconst sizeStyles = {\n  sm: 'text-sm py-2',\n  md: 'text-base py-3',\n  lg: 'text-lg py-4',\n}\n\nexport const TabView = ({\n  tabs,\n  defaultIndex = 0,\n  onChange,\n  size = 'md',\n  variant = 'underline',\n  className,\n  headerClassName,\n  contentClassName,\n}: TabViewProps) => {\n  const [activeIndex, setActiveIndex] = useState(defaultIndex)\n\n  const handleTabClick = (index: number) => {\n    if (tabs[index]?.disabled) return\n    setActiveIndex(index)\n    onChange?.(index)\n  }\n\n  return (\n    <div className={cn('flex flex-col', className)}>\n      {/* Tab Headers */}\n      <div\n        className={cn(\n          'flex',\n          variant === 'underline' && 'border-b border-slate-200',\n          variant === 'pills' && 'gap-2 p-1 bg-slate-100 rounded-lg',\n          headerClassName\n        )}\n      >\n        {tabs.map((tab, index) => (\n          <button\n            key={index}\n            onClick={() => handleTabClick(index)}\n            disabled={tab.disabled}\n            className={cn(\n              'px-4 font-semibold transition-colors whitespace-nowrap',\n              sizeStyles[size],\n              variant === 'underline' && [\n                'border-b-2 -mb-px',\n                index === activeIndex\n                  ? 'border-primary-500 text-primary-500'\n                  : 'border-transparent text-slate-500 hover:text-slate-700',\n              ],\n              variant === 'pills' && [\n                'rounded-md',\n                index === activeIndex\n                  ? 'bg-white text-primary-500 shadow-sm'\n                  : 'text-slate-500 hover:text-slate-700',\n              ],\n              tab.disabled && 'opacity-50 cursor-not-allowed'\n            )}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n\n      {/* Tab Content */}\n      <div className={cn('flex-1 py-4', contentClassName)}>\n        {tabs[activeIndex]?.content}\n      </div>\n    </div>\n  )\n}\n"],"names":["sizeStyles","TabView","tabs","defaultIndex","onChange","size","variant","className","headerClassName","contentClassName","activeIndex","setActiveIndex","useState","handleTabClick","index","_a","cn","jsx","tab"],"mappings":";;;AAoBA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAU,CAAC;AAAA,EACtB,MAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AACF,MAAoB;;AAClB,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAST,CAAY,GAErDU,IAAiB,CAACC,MAAkB;;AACxC,KAAIC,IAAAb,EAAKY,CAAK,MAAV,QAAAC,EAAa,aACjBJ,EAAeG,CAAK,GACpBV,KAAA,QAAAA,EAAWU;AAAA,EACb;AAEA,2BACG,OAAA,EAAI,WAAWE,EAAG,iBAAiBT,CAAS,GAE3C,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,UACAV,MAAY,eAAe;AAAA,UAC3BA,MAAY,WAAW;AAAA,UACvBE;AAAA,QAAA;AAAA,QAGD,UAAAN,EAAK,IAAI,CAACgB,GAAKJ,MACd,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,MAAMJ,EAAeC,CAAK;AAAA,YACnC,UAAUI,EAAI;AAAA,YACd,WAAWF;AAAA,cACT;AAAA,cACAhB,EAAWK,CAAI;AAAA,cACfC,MAAY,eAAe;AAAA,gBACzB;AAAA,gBACAQ,MAAUJ,IACN,wCACA;AAAA,cAAA;AAAA,cAENJ,MAAY,WAAW;AAAA,gBACrB;AAAA,gBACAQ,MAAUJ,IACN,wCACA;AAAA,cAAA;AAAA,cAENQ,EAAI,YAAY;AAAA,YAAA;AAAA,YAGjB,UAAAA,EAAI;AAAA,UAAA;AAAA,UArBAJ;AAAA,QAAA,CAuBR;AAAA,MAAA;AAAA,IAAA;AAAA,IAIH,gBAAAG,EAAC,OAAA,EAAI,WAAWD,EAAG,eAAeP,CAAgB,GAC/C,WAAAM,IAAAb,EAAKQ,CAAW,MAAhB,gBAAAK,EAAmB,QAAA,CACtB;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index61.js","sources":["../src/components/StepList/StepList.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport { CheckIcon } from '@heroicons/react/24/outline'\n\nexport interface StepListProps {\n  text: string\n  isCompleted?: boolean\n  isDisabled?: boolean\n  height?: number\n  className?: string\n}\n\nexport const StepList = ({\n  text,\n  isCompleted = false,\n  isDisabled = false,\n  height = 45,\n  className,\n}: StepListProps) => {\n  return (\n    <div\n      className={cn(\n        'flex items-center justify-between px-4 rounded-md',\n        !isDisabled && !isCompleted && 'bg-primary-50',\n        isDisabled && 'bg-transparent',\n        isCompleted && 'bg-transparent',\n        className\n      )}\n      style={{ height: `${height}px` }}\n    >\n      <span\n        className={cn(\n          'text-sm',\n          isDisabled ? 'text-slate-500' : 'text-primary-500'\n        )}\n      >\n        {text}\n      </span>\n      {isCompleted && (\n        <CheckIcon className=\"w-5 h-5 text-slate-900\" />\n      )}\n    </div>\n  )\n}\n"],"names":["StepList","text","isCompleted","isDisabled","height","className","jsxs","cn","jsx","CheckIcon"],"mappings":";;;AAWO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,YAAAC,IAAa;AAAA,EACb,QAAAC,IAAS;AAAA,EACT,WAAAC;AACF,MAEI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACA,CAACJ,KAAc,CAACD,KAAe;AAAA,MAC/BC,KAAc;AAAA,MACdD,KAAe;AAAA,MACfG;AAAA,IAAA;AAAA,IAEF,OAAO,EAAE,QAAQ,GAAGD,CAAM,KAAA;AAAA,IAE1B,UAAA;AAAA,MAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWD;AAAA,YACT;AAAA,YACAJ,IAAa,mBAAmB;AAAA,UAAA;AAAA,UAGjC,UAAAF;AAAA,QAAA;AAAA,MAAA;AAAA,MAEFC,KACC,gBAAAM,EAACC,GAAA,EAAU,WAAU,yBAAA,CAAyB;AAAA,IAAA;AAAA,EAAA;AAAA;"}

package/dist/index62.js

@@ -1,64 +1,21 @@
-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"
+import { jsx as o } from "react/jsx-runtime";
+import { cn as n } from "./index3.js";
+function m({
+  children: t,
+  className: e
 }) {
-  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)
-    )) })
-  ] }) });
+  return /* @__PURE__ */ o(
+    "h3",
+    {
+      className: n(
+        "text-lg font-semibold text-slate-900",
+        e
+      ),
+      children: t
+    }
+  );
 }
 export {
-  N as Table
+  m as SubsectionHeading
 };
 //# sourceMappingURL=index62.js.map

package/dist/index62.js.map

@@ -1 +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;"}
+{"version":3,"file":"index62.js","sources":["../src/components/Typography/SubsectionHeading.tsx"],"sourcesContent":["import { cn } from '@/lib/utils'\nimport type { ReactNode } from 'react'\n\nexport interface SubsectionHeadingProps {\n  children: ReactNode\n  className?: string\n}\n\nexport function SubsectionHeading({\n  children,\n  className,\n}: SubsectionHeadingProps) {\n  return (\n    <h3\n      className={cn(\n        'text-lg font-semibold text-slate-900',\n        className\n      )}\n    >\n      {children}\n    </h3>\n  )\n}\n"],"names":["SubsectionHeading","children","className","jsx","cn"],"mappings":";;AAQO,SAASA,EAAkB;AAAA,EAChC,UAAAC;AAAA,EACA,WAAAC;AACF,GAA2B;AACzB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAGD,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/index63.js

@@ -1,78 +1,63 @@
-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
-            ))
-          }
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { useState as y } from "react";
+import { cn as r } from "./index3.js";
+const h = {
+  sm: "text-sm py-2",
+  md: "text-base py-3",
+  lg: "text-lg py-4"
+}, g = ({
+  tabs: s,
+  defaultIndex: c = 0,
+  onChange: d,
+  size: m = "md",
+  variant: l = "underline",
+  className: p,
+  headerClassName: n,
+  contentClassName: b
+}) => {
+  var a;
+  const [o, x] = y(c), u = (e) => {
+    var t;
+    (t = s[e]) != null && t.disabled || (x(e), d == null || d(e));
+  };
+  return /* @__PURE__ */ f("div", { className: r("flex flex-col", p), children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: r(
+          "flex",
+          l === "underline" && "border-b border-slate-200",
+          l === "pills" && "gap-2 p-1 bg-slate-100 rounded-lg",
+          n
         ),
-        /* @__PURE__ */ s(g, { className: "mt-4", children: t.map((e) => /* @__PURE__ */ s(
-          h,
+        children: s.map((e, t) => /* @__PURE__ */ i(
+          "button",
           {
-            className: "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500 focus-visible:ring-offset-2 rounded-lg",
-            children: e.content
+            onClick: () => u(t),
+            disabled: e.disabled,
+            className: r(
+              "px-4 font-semibold transition-colors whitespace-nowrap",
+              h[m],
+              l === "underline" && [
+                "border-b-2 -mb-px",
+                t === o ? "border-primary-500 text-primary-500" : "border-transparent text-slate-500 hover:text-slate-700"
+              ],
+              l === "pills" && [
+                "rounded-md",
+                t === o ? "bg-white text-primary-500 shadow-sm" : "text-slate-500 hover:text-slate-700"
+              ],
+              e.disabled && "opacity-50 cursor-not-allowed"
+            ),
+            children: e.label
           },
-          e.key
-        )) })
-      ]
-    }
-  );
-}
+          t
+        ))
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: r("flex-1 py-4", b), children: (a = s[o]) == null ? void 0 : a.content })
+  ] });
+};
 export {
-  j as Tabs
+  g as TabView
 };
 //# sourceMappingURL=index63.js.map

package/dist/index63.js.map

@@ -1 +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;"}
+{"version":3,"file":"index63.js","sources":["../src/components/TabView/TabView.tsx"],"sourcesContent":["import { useState, type ReactNode, type ReactElement } from 'react'\nimport { cn } from '@/lib/utils'\n\nexport interface TabViewTab {\n  label: string | ReactNode\n  content: ReactElement\n  disabled?: boolean\n}\n\nexport interface TabViewProps {\n  tabs: TabViewTab[]\n  defaultIndex?: number\n  onChange?: (index: number) => void\n  size?: 'sm' | 'md' | 'lg'\n  variant?: 'underline' | 'pills'\n  className?: string\n  headerClassName?: string\n  contentClassName?: string\n}\n\nconst sizeStyles = {\n  sm: 'text-sm py-2',\n  md: 'text-base py-3',\n  lg: 'text-lg py-4',\n}\n\nexport const TabView = ({\n  tabs,\n  defaultIndex = 0,\n  onChange,\n  size = 'md',\n  variant = 'underline',\n  className,\n  headerClassName,\n  contentClassName,\n}: TabViewProps) => {\n  const [activeIndex, setActiveIndex] = useState(defaultIndex)\n\n  const handleTabClick = (index: number) => {\n    if (tabs[index]?.disabled) return\n    setActiveIndex(index)\n    onChange?.(index)\n  }\n\n  return (\n    <div className={cn('flex flex-col', className)}>\n      {/* Tab Headers */}\n      <div\n        className={cn(\n          'flex',\n          variant === 'underline' && 'border-b border-slate-200',\n          variant === 'pills' && 'gap-2 p-1 bg-slate-100 rounded-lg',\n          headerClassName\n        )}\n      >\n        {tabs.map((tab, index) => (\n          <button\n            key={index}\n            onClick={() => handleTabClick(index)}\n            disabled={tab.disabled}\n            className={cn(\n              'px-4 font-semibold transition-colors whitespace-nowrap',\n              sizeStyles[size],\n              variant === 'underline' && [\n                'border-b-2 -mb-px',\n                index === activeIndex\n                  ? 'border-primary-500 text-primary-500'\n                  : 'border-transparent text-slate-500 hover:text-slate-700',\n              ],\n              variant === 'pills' && [\n                'rounded-md',\n                index === activeIndex\n                  ? 'bg-white text-primary-500 shadow-sm'\n                  : 'text-slate-500 hover:text-slate-700',\n              ],\n              tab.disabled && 'opacity-50 cursor-not-allowed'\n            )}\n          >\n            {tab.label}\n          </button>\n        ))}\n      </div>\n\n      {/* Tab Content */}\n      <div className={cn('flex-1 py-4', contentClassName)}>\n        {tabs[activeIndex]?.content}\n      </div>\n    </div>\n  )\n}\n"],"names":["sizeStyles","TabView","tabs","defaultIndex","onChange","size","variant","className","headerClassName","contentClassName","activeIndex","setActiveIndex","useState","handleTabClick","index","_a","cn","jsx","tab"],"mappings":";;;AAoBA,MAAMA,IAAa;AAAA,EACjB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEaC,IAAU,CAAC;AAAA,EACtB,MAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AACF,MAAoB;;AAClB,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAST,CAAY,GAErDU,IAAiB,CAACC,MAAkB;;AACxC,KAAIC,IAAAb,EAAKY,CAAK,MAAV,QAAAC,EAAa,aACjBJ,EAAeG,CAAK,GACpBV,KAAA,QAAAA,EAAWU;AAAA,EACb;AAEA,2BACG,OAAA,EAAI,WAAWE,EAAG,iBAAiBT,CAAS,GAE3C,UAAA;AAAA,IAAA,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWD;AAAA,UACT;AAAA,UACAV,MAAY,eAAe;AAAA,UAC3BA,MAAY,WAAW;AAAA,UACvBE;AAAA,QAAA;AAAA,QAGD,UAAAN,EAAK,IAAI,CAACgB,GAAKJ,MACd,gBAAAG;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,SAAS,MAAMJ,EAAeC,CAAK;AAAA,YACnC,UAAUI,EAAI;AAAA,YACd,WAAWF;AAAA,cACT;AAAA,cACAhB,EAAWK,CAAI;AAAA,cACfC,MAAY,eAAe;AAAA,gBACzB;AAAA,gBACAQ,MAAUJ,IACN,wCACA;AAAA,cAAA;AAAA,cAENJ,MAAY,WAAW;AAAA,gBACrB;AAAA,gBACAQ,MAAUJ,IACN,wCACA;AAAA,cAAA;AAAA,cAENQ,EAAI,YAAY;AAAA,YAAA;AAAA,YAGjB,UAAAA,EAAI;AAAA,UAAA;AAAA,UArBAJ;AAAA,QAAA,CAuBR;AAAA,MAAA;AAAA,IAAA;AAAA,IAIH,gBAAAG,EAAC,OAAA,EAAI,WAAWD,EAAG,eAAeP,CAAgB,GAC/C,WAAAM,IAAAb,EAAKQ,CAAW,MAAhB,gBAAAK,EAAmB,QAAA,CACtB;AAAA,EAAA,GACF;AAEJ;"}

package/dist/index64.js

@@ -1,112 +1,64 @@
-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",
+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: o(
-              "flex items-start p-4",
-              "bg-white border border-slate-200 rounded-xl",
-              "transition-colors hover:bg-slate-50",
-              n && "cursor-pointer"
+            className: t(
+              "text-slate-900",
+              s ? "px-4 py-2" : "px-6 py-4",
+              r.className
             ),
-            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: [
-                    t && /* @__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"
-                }
-              )
-            ]
+            children: r.render ? r.render(a, d) : a[r.key]
           },
-          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"
-          ]
-        }
-      )
-    ] })
-  ] });
-};
+          r.key
+        ))
+      },
+      p(a, d)
+    )) })
+  ] }) });
+}
 export {
-  z as TaskList
+  N as Table
 };
 //# sourceMappingURL=index64.js.map