acai-ui-library 0.1.11

package/dist/components/calendar.cjs

@@ -0,0 +1,92 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/calendar.tsx
+var calendar_exports = {};
+__export(calendar_exports, {
+  Calendar: () => Calendar
+});
+module.exports = __toCommonJS(calendar_exports);
+var import_react_day_picker = require("react-day-picker");
+var import_lucide_react = require("lucide-react");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/calendar.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "dropdown", ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_day_picker.DayPicker,
+    {
+      showOutsideDays,
+      className: cn("w-[260px] rounded-lg p-3", className),
+      classNames: {
+        months: "flex flex-col",
+        month: "space-y-3",
+        month_caption: "relative flex h-8 items-center justify-center",
+        caption_label: "text-sm font-medium hidden",
+        nav: "flex items-center",
+        button_previous: cn(
+          "absolute start-0 inline-flex size-7 items-center justify-center rounded-md bg-transparent p-0 text-muted-foreground hover:bg-[var(--hc-color-border-subtle)] hover:text-foreground transition-colors cursor-pointer border-none"
+        ),
+        button_next: cn(
+          "absolute end-0 inline-flex size-7 items-center justify-center rounded-md bg-transparent p-0 text-muted-foreground hover:bg-[var(--hc-color-border-subtle)] hover:text-foreground transition-colors cursor-pointer border-none"
+        ),
+        month_grid: "w-full border-collapse",
+        weekdays: "flex w-full",
+        weekday: "flex-1 h-8 flex items-center justify-center text-[11px] font-medium text-muted-foreground uppercase tracking-wider",
+        week: "flex w-full mt-1",
+        day: "flex-1 h-8 p-0 relative focus-within:z-20 flex items-center justify-center text-sm",
+        day_button: cn(
+          "inline-flex size-8 items-center justify-center rounded-md bg-transparent text-sm font-normal cursor-pointer border-none hover:bg-[var(--hc-color-border-subtle)] transition-colors"
+        ),
+        range_end: "day-range-end",
+        selected: "[&>button]:bg-[var(--hc-primary-600)] [&>button]:text-white [&>button]:hover:bg-[var(--hc-primary-600)] [&>button]:hover:text-white [&>button]:font-medium",
+        today: "[&>button]:font-semibold [&>button]:text-[var(--hc-primary-600)]",
+        outside: "day-outside [&>button]:bg-transparent [&>button]:text-[var(--hc-grey-200)]",
+        disabled: "[&>button]:text-[var(--hc-grey-200)] [&>button]:opacity-50 [&>button]:cursor-default",
+        range_middle: "[&>button]:bg-[var(--hc-primary-100)] [&>button]:text-foreground [&>button]:rounded-none",
+        range_start: "[&>button]:rounded-e-none",
+        dropdowns: "flex items-center gap-1.5 justify-center [&>select]:flex-1",
+        dropdown: "h-7 w-[88px] rounded-md border border-[var(--hc-color-border-subtle)] bg-background px-2 text-xs font-medium text-foreground cursor-pointer outline-none accent-[var(--hc-primary-600)] focus:border-[var(--hc-primary-500)] focus:ring-[2px] focus:ring-[var(--hc-primary-500)]/20 [&>option:checked]:bg-[var(--hc-primary-600)] [&>option:checked]:text-white [&>option]:py-1",
+        hidden: "invisible",
+        ...classNames
+      },
+      captionLayout,
+      components: {
+        Chevron: ({ orientation }) => {
+          const Icon = orientation === "left" ? import_lucide_react.ChevronLeft : import_lucide_react.ChevronRight;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "size-4" });
+        }
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Calendar
+});
+//# sourceMappingURL=calendar.cjs.map

package/dist/components/calendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/calendar.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { DayPicker } from \"react-day-picker\"\nimport { ChevronLeft, ChevronRight } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nfunction Calendar({ className, classNames, showOutsideDays = true, captionLayout = \"dropdown\", ...props }: CalendarProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"w-[260px] rounded-lg p-3\", className)}\n      classNames={{\n        months: \"flex flex-col\",\n        month: \"space-y-3\",\n        month_caption: \"relative flex h-8 items-center justify-center\",\n        caption_label: \"text-sm font-medium hidden\",\n        nav: \"flex items-center\",\n        button_previous: cn(\n          \"absolute start-0 inline-flex size-7 items-center justify-center rounded-md bg-transparent p-0 text-muted-foreground hover:bg-[var(--hc-color-border-subtle)] hover:text-foreground transition-colors cursor-pointer border-none\"\n        ),\n        button_next: cn(\n          \"absolute end-0 inline-flex size-7 items-center justify-center rounded-md bg-transparent p-0 text-muted-foreground hover:bg-[var(--hc-color-border-subtle)] hover:text-foreground transition-colors cursor-pointer border-none\"\n        ),\n        month_grid: \"w-full border-collapse\",\n        weekdays: \"flex w-full\",\n        weekday:\n          \"flex-1 h-8 flex items-center justify-center text-[11px] font-medium text-muted-foreground uppercase tracking-wider\",\n        week: \"flex w-full mt-1\",\n        day: \"flex-1 h-8 p-0 relative focus-within:z-20 flex items-center justify-center text-sm\",\n        day_button: cn(\n          \"inline-flex size-8 items-center justify-center rounded-md bg-transparent text-sm font-normal cursor-pointer border-none hover:bg-[var(--hc-color-border-subtle)] transition-colors\"\n        ),\n        range_end: \"day-range-end\",\n        selected:\n          \"[&>button]:bg-[var(--hc-primary-600)] [&>button]:text-white [&>button]:hover:bg-[var(--hc-primary-600)] [&>button]:hover:text-white [&>button]:font-medium\",\n        today: \"[&>button]:font-semibold [&>button]:text-[var(--hc-primary-600)]\",\n        outside:\n          \"day-outside [&>button]:bg-transparent [&>button]:text-[var(--hc-grey-200)]\",\n        disabled: \"[&>button]:text-[var(--hc-grey-200)] [&>button]:opacity-50 [&>button]:cursor-default\",\n        range_middle:\n          \"[&>button]:bg-[var(--hc-primary-100)] [&>button]:text-foreground [&>button]:rounded-none\",\n        range_start: \"[&>button]:rounded-e-none\",\n        dropdowns: \"flex items-center gap-1.5 justify-center [&>select]:flex-1\",\n        dropdown:\n          \"h-7 w-[88px] rounded-md border border-[var(--hc-color-border-subtle)] bg-background px-2 text-xs font-medium text-foreground cursor-pointer outline-none accent-[var(--hc-primary-600)] focus:border-[var(--hc-primary-500)] focus:ring-[2px] focus:ring-[var(--hc-primary-500)]/20 [&>option:checked]:bg-[var(--hc-primary-600)] [&>option:checked]:text-white [&>option]:py-1\",\n        hidden: \"invisible\",\n        ...classNames,\n      }}\n      captionLayout={captionLayout}\n      components={{\n        Chevron: ({ orientation }) => {\n          const Icon = orientation === \"left\" ? ChevronLeft : ChevronRight\n          return <Icon className=\"size-4\" />\n        },\n      }}\n      {...props}\n    />\n  )\n}\nCalendar.displayName = \"Calendar\"\n\nexport { Calendar }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,8BAA0B;AAC1B,0BAA0C;;;ACF1C,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADgDiB;AA9CjB,SAAS,SAAS,EAAE,WAAW,YAAY,kBAAkB,MAAM,gBAAgB,YAAY,GAAG,MAAM,GAAkB;AACxH,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,MACnD,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,eAAe;AAAA,QACf,eAAe;AAAA,QACf,KAAK;AAAA,QACL,iBAAiB;AAAA,UACf;AAAA,QACF;AAAA,QACA,aAAa;AAAA,UACX;AAAA,QACF;AAAA,QACA,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,SACE;AAAA,QACF,MAAM;AAAA,QACN,KAAK;AAAA,QACL,YAAY;AAAA,UACV;AAAA,QACF;AAAA,QACA,WAAW;AAAA,QACX,UACE;AAAA,QACF,OAAO;AAAA,QACP,SACE;AAAA,QACF,UAAU;AAAA,QACV,cACE;AAAA,QACF,aAAa;AAAA,QACb,WAAW;AAAA,QACX,UACE;AAAA,QACF,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,MACA;AAAA,MACA,YAAY;AAAA,QACV,SAAS,CAAC,EAAE,YAAY,MAAM;AAC5B,gBAAM,OAAO,gBAAgB,SAAS,kCAAc;AACpD,iBAAO,4CAAC,QAAK,WAAU,UAAS;AAAA,QAClC;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,SAAS,cAAc;","names":[]}

package/dist/components/calendar.d.cts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { DayPicker } from 'react-day-picker';
+
+type CalendarProps = React.ComponentProps<typeof DayPicker>;
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+
+export { Calendar, type CalendarProps };

package/dist/components/calendar.d.ts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { DayPicker } from 'react-day-picker';
+
+type CalendarProps = React.ComponentProps<typeof DayPicker>;
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+
+export { Calendar, type CalendarProps };

package/dist/components/calendar.js

@@ -0,0 +1,67 @@
+// src/components/calendar.tsx
+import { DayPicker } from "react-day-picker";
+import { ChevronLeft, ChevronRight } from "lucide-react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/calendar.tsx
+import { jsx } from "react/jsx-runtime";
+function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "dropdown", ...props }) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("w-[260px] rounded-lg p-3", className),
+      classNames: {
+        months: "flex flex-col",
+        month: "space-y-3",
+        month_caption: "relative flex h-8 items-center justify-center",
+        caption_label: "text-sm font-medium hidden",
+        nav: "flex items-center",
+        button_previous: cn(
+          "absolute start-0 inline-flex size-7 items-center justify-center rounded-md bg-transparent p-0 text-muted-foreground hover:bg-[var(--hc-color-border-subtle)] hover:text-foreground transition-colors cursor-pointer border-none"
+        ),
+        button_next: cn(
+          "absolute end-0 inline-flex size-7 items-center justify-center rounded-md bg-transparent p-0 text-muted-foreground hover:bg-[var(--hc-color-border-subtle)] hover:text-foreground transition-colors cursor-pointer border-none"
+        ),
+        month_grid: "w-full border-collapse",
+        weekdays: "flex w-full",
+        weekday: "flex-1 h-8 flex items-center justify-center text-[11px] font-medium text-muted-foreground uppercase tracking-wider",
+        week: "flex w-full mt-1",
+        day: "flex-1 h-8 p-0 relative focus-within:z-20 flex items-center justify-center text-sm",
+        day_button: cn(
+          "inline-flex size-8 items-center justify-center rounded-md bg-transparent text-sm font-normal cursor-pointer border-none hover:bg-[var(--hc-color-border-subtle)] transition-colors"
+        ),
+        range_end: "day-range-end",
+        selected: "[&>button]:bg-[var(--hc-primary-600)] [&>button]:text-white [&>button]:hover:bg-[var(--hc-primary-600)] [&>button]:hover:text-white [&>button]:font-medium",
+        today: "[&>button]:font-semibold [&>button]:text-[var(--hc-primary-600)]",
+        outside: "day-outside [&>button]:bg-transparent [&>button]:text-[var(--hc-grey-200)]",
+        disabled: "[&>button]:text-[var(--hc-grey-200)] [&>button]:opacity-50 [&>button]:cursor-default",
+        range_middle: "[&>button]:bg-[var(--hc-primary-100)] [&>button]:text-foreground [&>button]:rounded-none",
+        range_start: "[&>button]:rounded-e-none",
+        dropdowns: "flex items-center gap-1.5 justify-center [&>select]:flex-1",
+        dropdown: "h-7 w-[88px] rounded-md border border-[var(--hc-color-border-subtle)] bg-background px-2 text-xs font-medium text-foreground cursor-pointer outline-none accent-[var(--hc-primary-600)] focus:border-[var(--hc-primary-500)] focus:ring-[2px] focus:ring-[var(--hc-primary-500)]/20 [&>option:checked]:bg-[var(--hc-primary-600)] [&>option:checked]:text-white [&>option]:py-1",
+        hidden: "invisible",
+        ...classNames
+      },
+      captionLayout,
+      components: {
+        Chevron: ({ orientation }) => {
+          const Icon = orientation === "left" ? ChevronLeft : ChevronRight;
+          return /* @__PURE__ */ jsx(Icon, { className: "size-4" });
+        }
+      },
+      ...props
+    }
+  );
+}
+Calendar.displayName = "Calendar";
+export {
+  Calendar
+};
+//# sourceMappingURL=calendar.js.map

package/dist/components/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/calendar.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { DayPicker } from \"react-day-picker\"\nimport { ChevronLeft, ChevronRight } from \"lucide-react\"\nimport { cn } from \"../lib/utils\"\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nfunction Calendar({ className, classNames, showOutsideDays = true, captionLayout = \"dropdown\", ...props }: CalendarProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn(\"w-[260px] rounded-lg p-3\", className)}\n      classNames={{\n        months: \"flex flex-col\",\n        month: \"space-y-3\",\n        month_caption: \"relative flex h-8 items-center justify-center\",\n        caption_label: \"text-sm font-medium hidden\",\n        nav: \"flex items-center\",\n        button_previous: cn(\n          \"absolute start-0 inline-flex size-7 items-center justify-center rounded-md bg-transparent p-0 text-muted-foreground hover:bg-[var(--hc-color-border-subtle)] hover:text-foreground transition-colors cursor-pointer border-none\"\n        ),\n        button_next: cn(\n          \"absolute end-0 inline-flex size-7 items-center justify-center rounded-md bg-transparent p-0 text-muted-foreground hover:bg-[var(--hc-color-border-subtle)] hover:text-foreground transition-colors cursor-pointer border-none\"\n        ),\n        month_grid: \"w-full border-collapse\",\n        weekdays: \"flex w-full\",\n        weekday:\n          \"flex-1 h-8 flex items-center justify-center text-[11px] font-medium text-muted-foreground uppercase tracking-wider\",\n        week: \"flex w-full mt-1\",\n        day: \"flex-1 h-8 p-0 relative focus-within:z-20 flex items-center justify-center text-sm\",\n        day_button: cn(\n          \"inline-flex size-8 items-center justify-center rounded-md bg-transparent text-sm font-normal cursor-pointer border-none hover:bg-[var(--hc-color-border-subtle)] transition-colors\"\n        ),\n        range_end: \"day-range-end\",\n        selected:\n          \"[&>button]:bg-[var(--hc-primary-600)] [&>button]:text-white [&>button]:hover:bg-[var(--hc-primary-600)] [&>button]:hover:text-white [&>button]:font-medium\",\n        today: \"[&>button]:font-semibold [&>button]:text-[var(--hc-primary-600)]\",\n        outside:\n          \"day-outside [&>button]:bg-transparent [&>button]:text-[var(--hc-grey-200)]\",\n        disabled: \"[&>button]:text-[var(--hc-grey-200)] [&>button]:opacity-50 [&>button]:cursor-default\",\n        range_middle:\n          \"[&>button]:bg-[var(--hc-primary-100)] [&>button]:text-foreground [&>button]:rounded-none\",\n        range_start: \"[&>button]:rounded-e-none\",\n        dropdowns: \"flex items-center gap-1.5 justify-center [&>select]:flex-1\",\n        dropdown:\n          \"h-7 w-[88px] rounded-md border border-[var(--hc-color-border-subtle)] bg-background px-2 text-xs font-medium text-foreground cursor-pointer outline-none accent-[var(--hc-primary-600)] focus:border-[var(--hc-primary-500)] focus:ring-[2px] focus:ring-[var(--hc-primary-500)]/20 [&>option:checked]:bg-[var(--hc-primary-600)] [&>option:checked]:text-white [&>option]:py-1\",\n        hidden: \"invisible\",\n        ...classNames,\n      }}\n      captionLayout={captionLayout}\n      components={{\n        Chevron: ({ orientation }) => {\n          const Icon = orientation === \"left\" ? ChevronLeft : ChevronRight\n          return <Icon className=\"size-4\" />\n        },\n      }}\n      {...props}\n    />\n  )\n}\nCalendar.displayName = \"Calendar\"\n\nexport { Calendar }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AACA,SAAS,iBAAiB;AAC1B,SAAS,aAAa,oBAAoB;;;ACF1C,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADgDiB;AA9CjB,SAAS,SAAS,EAAE,WAAW,YAAY,kBAAkB,MAAM,gBAAgB,YAAY,GAAG,MAAM,GAAkB;AACxH,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,4BAA4B,SAAS;AAAA,MACnD,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,eAAe;AAAA,QACf,eAAe;AAAA,QACf,KAAK;AAAA,QACL,iBAAiB;AAAA,UACf;AAAA,QACF;AAAA,QACA,aAAa;AAAA,UACX;AAAA,QACF;AAAA,QACA,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,SACE;AAAA,QACF,MAAM;AAAA,QACN,KAAK;AAAA,QACL,YAAY;AAAA,UACV;AAAA,QACF;AAAA,QACA,WAAW;AAAA,QACX,UACE;AAAA,QACF,OAAO;AAAA,QACP,SACE;AAAA,QACF,UAAU;AAAA,QACV,cACE;AAAA,QACF,aAAa;AAAA,QACb,WAAW;AAAA,QACX,UACE;AAAA,QACF,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,MACA;AAAA,MACA,YAAY;AAAA,QACV,SAAS,CAAC,EAAE,YAAY,MAAM;AAC5B,gBAAM,OAAO,gBAAgB,SAAS,cAAc;AACpD,iBAAO,oBAAC,QAAK,WAAU,UAAS;AAAA,QAClC;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,SAAS,cAAc;","names":[]}

package/dist/components/card.cjs

@@ -0,0 +1,142 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/card.tsx
+var card_exports = {};
+__export(card_exports, {
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardDescription: () => CardDescription,
+  CardFooter: () => CardFooter,
+  CardHeader: () => CardHeader,
+  CardKPI: () => CardKPI,
+  CardTitle: () => CardTitle
+});
+module.exports = __toCommonJS(card_exports);
+var React = __toESM(require("react"), 1);
+var import_class_variance_authority = require("class-variance-authority");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/card.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var cardVariants = (0, import_class_variance_authority.cva)("rounded-lg text-card-foreground", {
+  variants: {
+    variant: {
+      default: "border bg-card shadow-sm",
+      outline: "border bg-transparent",
+      elevated: "bg-card shadow-md hover:shadow-lg transition-shadow",
+      ghost: "bg-transparent",
+      warning: "border border-[var(--hc-color-warning)] bg-card shadow-sm",
+      info: "border border-[var(--hc-color-primary)] bg-card shadow-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var Card = React.forwardRef(
+  ({ className, variant, image, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, className: cn(cardVariants({ variant }), image && "overflow-hidden", className), ...props, children: [
+    image && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-t-lg overflow-hidden", children: image }),
+    children
+  ] })
+);
+Card.displayName = "Card";
+var CardHeader = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+);
+CardFooter.displayName = "CardFooter";
+var CardKPI = React.forwardRef(
+  ({ icon, iconBg = "var(--hc-banner-success-bg)", label, value, changeText, changeColor, className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      ref,
+      className: cn(
+        "grid min-h-[140px] grid-rows-[auto_1fr_auto] gap-4 rounded-lg border border-[var(--hc-color-border-subtle)] bg-background p-5",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm leading-5 font-medium text-muted-foreground", children: label }),
+          icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: "flex size-10 shrink-0 items-center justify-center rounded-md [&>svg]:size-5",
+              style: { backgroundColor: iconBg },
+              children: icon
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-end", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-3xl leading-none font-semibold text-foreground tracking-tight", children: value }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "min-h-[20px]", children: changeText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "span",
+          {
+            className: "text-sm leading-5 font-medium",
+            style: changeColor ? { color: changeColor } : void 0,
+            children: changeText
+          }
+        ) })
+      ]
+    }
+  )
+);
+CardKPI.displayName = "CardKPI";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardKPI,
+  CardTitle
+});
+//# sourceMappingURL=card.cjs.map

package/dist/components/card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/card.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../lib/utils\"\n\nconst cardVariants = cva(\"rounded-lg text-card-foreground\", {\n  variants: {\n    variant: {\n      default: \"border bg-card shadow-sm\",\n      outline: \"border bg-transparent\",\n      elevated: \"bg-card shadow-md hover:shadow-lg transition-shadow\",\n      ghost: \"bg-transparent\",\n      warning: \"border border-[var(--hc-color-warning)] bg-card shadow-sm\",\n      info: \"border border-[var(--hc-color-primary)] bg-card shadow-sm\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n})\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof cardVariants> {\n  /** Optional image/media slot rendered above the CardHeader with rounded top corners */\n  image?: React.ReactNode\n}\n\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, variant, image, children, ...props }, ref) => (\n    <div ref={ref} className={cn(cardVariants({ variant }), image && \"overflow-hidden\", className)} {...props}>\n      {image && (\n        <div className=\"rounded-t-lg overflow-hidden\">\n          {image}\n        </div>\n      )}\n      {children}\n    </div>\n  )\n)\nCard.displayName = \"Card\"\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...props} />\n  )\n)\nCardHeader.displayName = \"CardHeader\"\n\nconst CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h3 ref={ref} className={cn(\"text-2xl font-semibold leading-none tracking-tight\", className)} {...props} />\n  )\n)\nCardTitle.displayName = \"CardTitle\"\n\nconst CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n  ({ className, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n  )\n)\nCardDescription.displayName = \"CardDescription\"\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n  )\n)\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n  )\n)\nCardFooter.displayName = \"CardFooter\"\n\nexport interface CardKPIProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Icon element rendered inside the icon box */\n  icon?: React.ReactNode\n  /** Background color for the icon box. Defaults to var(--hc-banner-success-bg). */\n  iconBg?: string\n  /** KPI label text (e.g. \"Open Cases\") */\n  label: string\n  /** KPI number value */\n  value: string | number\n  /** Change / trend text (e.g. \"+6 from last week\") */\n  changeText?: string\n  /** Color for the change text (e.g. var(--hc-color-success), var(--hc-color-destructive)) */\n  changeColor?: string\n}\n\nconst CardKPI = React.forwardRef<HTMLDivElement, CardKPIProps>(\n  ({ icon, iconBg = \"var(--hc-banner-success-bg)\", label, value, changeText, changeColor, className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"grid min-h-[140px] grid-rows-[auto_1fr_auto] gap-4 rounded-lg border border-[var(--hc-color-border-subtle)] bg-background p-5\",\n        className\n      )}\n      {...props}\n    >\n      {/* Top row: label + icon — icon stays put even when changeText is missing */}\n      <div className=\"flex items-start justify-between gap-3\">\n        <span className=\"text-sm leading-5 font-medium text-muted-foreground\">{label}</span>\n        {icon && (\n          <div\n            className=\"flex size-10 shrink-0 items-center justify-center rounded-md [&>svg]:size-5\"\n            style={{ backgroundColor: iconBg }}\n          >\n            {icon}\n          </div>\n        )}\n      </div>\n      {/* Middle: value (anchored to bottom via grid-row) */}\n      <div className=\"flex items-end\">\n        <span className=\"text-3xl leading-none font-semibold text-foreground tracking-tight\">{value}</span>\n      </div>\n      {/* Bottom: change text — always rendered (as spacer when missing) to keep layout stable */}\n      <div className=\"min-h-[20px]\">\n        {changeText && (\n          <span\n            className=\"text-sm leading-5 font-medium\"\n            style={changeColor ? { color: changeColor } : undefined}\n          >\n            {changeText}\n          </span>\n        )}\n      </div>\n    </div>\n  )\n)\nCardKPI.displayName = \"CardKPI\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, CardKPI }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,sCAAuC;;;ACDvC,kBAAsC;AACtC,4BAAwB;AAEjB,SAAS,MAAM,QAAsB;AAC1C,aAAO,mCAAQ,kBAAK,MAAM,CAAC;AAC7B;;;ADwBI;AAzBJ,IAAM,mBAAe,qCAAI,mCAAmC;AAAA,EAC1D,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AASD,IAAM,OAAa;AAAA,EACjB,CAAC,EAAE,WAAW,SAAS,OAAO,UAAU,GAAG,MAAM,GAAG,QAClD,6CAAC,SAAI,KAAU,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,GAAG,SAAS,mBAAmB,SAAS,GAAI,GAAG,OACjG;AAAA,aACC,4CAAC,SAAI,WAAU,gCACZ,iBACH;AAAA,IAED;AAAA,KACH;AAEJ;AACA,KAAK,cAAc;AAEnB,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,4CAAC,SAAI,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEzF;AACA,WAAW,cAAc;AAEzB,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,4CAAC,QAAG,KAAU,WAAW,GAAG,sDAAsD,SAAS,GAAI,GAAG,OAAO;AAE7G;AACA,UAAU,cAAc;AAExB,IAAM,kBAAwB;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,4CAAC,OAAE,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEvF;AACA,gBAAgB,cAAc;AAE9B,IAAM,cAAoB;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,4CAAC,SAAI,KAAU,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO;AAEpE;AACA,YAAY,cAAc;AAE1B,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,4CAAC,SAAI,KAAU,WAAW,GAAG,8BAA8B,SAAS,GAAI,GAAG,OAAO;AAEtF;AACA,WAAW,cAAc;AAiBzB,IAAM,UAAgB;AAAA,EACpB,CAAC,EAAE,MAAM,SAAS,+BAA+B,OAAO,OAAO,YAAY,aAAa,WAAW,GAAG,MAAM,GAAG,QAC7G;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAGJ;AAAA,qDAAC,SAAI,WAAU,0CACb;AAAA,sDAAC,UAAK,WAAU,uDAAuD,iBAAM;AAAA,UAC5E,QACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,iBAAiB,OAAO;AAAA,cAEhC;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA,QAEA,4CAAC,SAAI,WAAU,kBACb,sDAAC,UAAK,WAAU,sEAAsE,iBAAM,GAC9F;AAAA,QAEA,4CAAC,SAAI,WAAU,gBACZ,wBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,cAAc,EAAE,OAAO,YAAY,IAAI;AAAA,YAE7C;AAAA;AAAA,QACH,GAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AACA,QAAQ,cAAc;","names":[]}

package/dist/components/card.d.cts

@@ -0,0 +1,34 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const cardVariants: (props?: ({
+    variant?: "default" | "warning" | "outline" | "ghost" | "info" | "elevated" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+    /** Optional image/media slot rendered above the CardHeader with rounded top corners */
+    image?: React.ReactNode;
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+interface CardKPIProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Icon element rendered inside the icon box */
+    icon?: React.ReactNode;
+    /** Background color for the icon box. Defaults to var(--hc-banner-success-bg). */
+    iconBg?: string;
+    /** KPI label text (e.g. "Open Cases") */
+    label: string;
+    /** KPI number value */
+    value: string | number;
+    /** Change / trend text (e.g. "+6 from last week") */
+    changeText?: string;
+    /** Color for the change text (e.g. var(--hc-color-success), var(--hc-color-destructive)) */
+    changeColor?: string;
+}
+declare const CardKPI: React.ForwardRefExoticComponent<CardKPIProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardKPI, type CardKPIProps, type CardProps, CardTitle };

package/dist/components/card.d.ts

@@ -0,0 +1,34 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const cardVariants: (props?: ({
+    variant?: "default" | "warning" | "outline" | "ghost" | "info" | "elevated" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+    /** Optional image/media slot rendered above the CardHeader with rounded top corners */
+    image?: React.ReactNode;
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+interface CardKPIProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Icon element rendered inside the icon box */
+    icon?: React.ReactNode;
+    /** Background color for the icon box. Defaults to var(--hc-banner-success-bg). */
+    iconBg?: string;
+    /** KPI label text (e.g. "Open Cases") */
+    label: string;
+    /** KPI number value */
+    value: string | number;
+    /** Change / trend text (e.g. "+6 from last week") */
+    changeText?: string;
+    /** Color for the change text (e.g. var(--hc-color-success), var(--hc-color-destructive)) */
+    changeColor?: string;
+}
+declare const CardKPI: React.ForwardRefExoticComponent<CardKPIProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardKPI, type CardKPIProps, type CardProps, CardTitle };

package/dist/components/card.js

@@ -0,0 +1,101 @@
+// src/components/card.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/components/card.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var cardVariants = cva("rounded-lg text-card-foreground", {
+  variants: {
+    variant: {
+      default: "border bg-card shadow-sm",
+      outline: "border bg-transparent",
+      elevated: "bg-card shadow-md hover:shadow-lg transition-shadow",
+      ghost: "bg-transparent",
+      warning: "border border-[var(--hc-color-warning)] bg-card shadow-sm",
+      info: "border border-[var(--hc-color-primary)] bg-card shadow-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var Card = React.forwardRef(
+  ({ className, variant, image, children, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: cn(cardVariants({ variant }), image && "overflow-hidden", className), ...props, children: [
+    image && /* @__PURE__ */ jsx("div", { className: "rounded-t-lg overflow-hidden", children: image }),
+    children
+  ] })
+);
+Card.displayName = "Card";
+var CardHeader = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("h3", { ref, className: cn("text-2xl font-semibold leading-none tracking-tight", className), ...props })
+);
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+var CardContent = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props })
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center p-6 pt-0", className), ...props })
+);
+CardFooter.displayName = "CardFooter";
+var CardKPI = React.forwardRef(
+  ({ icon, iconBg = "var(--hc-banner-success-bg)", label, value, changeText, changeColor, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "grid min-h-[140px] grid-rows-[auto_1fr_auto] gap-4 rounded-lg border border-[var(--hc-color-border-subtle)] bg-background p-5",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm leading-5 font-medium text-muted-foreground", children: label }),
+          icon && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "flex size-10 shrink-0 items-center justify-center rounded-md [&>svg]:size-5",
+              style: { backgroundColor: iconBg },
+              children: icon
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex items-end", children: /* @__PURE__ */ jsx("span", { className: "text-3xl leading-none font-semibold text-foreground tracking-tight", children: value }) }),
+        /* @__PURE__ */ jsx("div", { className: "min-h-[20px]", children: changeText && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "text-sm leading-5 font-medium",
+            style: changeColor ? { color: changeColor } : void 0,
+            children: changeText
+          }
+        ) })
+      ]
+    }
+  )
+);
+CardKPI.displayName = "CardKPI";
+export {
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardKPI,
+  CardTitle
+};
+//# sourceMappingURL=card.js.map

package/dist/components/card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/card.tsx","../../src/lib/utils.ts"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { cn } from \"../lib/utils\"\n\nconst cardVariants = cva(\"rounded-lg text-card-foreground\", {\n  variants: {\n    variant: {\n      default: \"border bg-card shadow-sm\",\n      outline: \"border bg-transparent\",\n      elevated: \"bg-card shadow-md hover:shadow-lg transition-shadow\",\n      ghost: \"bg-transparent\",\n      warning: \"border border-[var(--hc-color-warning)] bg-card shadow-sm\",\n      info: \"border border-[var(--hc-color-primary)] bg-card shadow-sm\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n})\n\nexport interface CardProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof cardVariants> {\n  /** Optional image/media slot rendered above the CardHeader with rounded top corners */\n  image?: React.ReactNode\n}\n\nconst Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ className, variant, image, children, ...props }, ref) => (\n    <div ref={ref} className={cn(cardVariants({ variant }), image && \"overflow-hidden\", className)} {...props}>\n      {image && (\n        <div className=\"rounded-t-lg overflow-hidden\">\n          {image}\n        </div>\n      )}\n      {children}\n    </div>\n  )\n)\nCard.displayName = \"Card\"\n\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex flex-col space-y-1.5 p-6\", className)} {...props} />\n  )\n)\nCardHeader.displayName = \"CardHeader\"\n\nconst CardTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h3 ref={ref} className={cn(\"text-2xl font-semibold leading-none tracking-tight\", className)} {...props} />\n  )\n)\nCardTitle.displayName = \"CardTitle\"\n\nconst CardDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\n  ({ className, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n  )\n)\nCardDescription.displayName = \"CardDescription\"\n\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n  )\n)\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex items-center p-6 pt-0\", className)} {...props} />\n  )\n)\nCardFooter.displayName = \"CardFooter\"\n\nexport interface CardKPIProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Icon element rendered inside the icon box */\n  icon?: React.ReactNode\n  /** Background color for the icon box. Defaults to var(--hc-banner-success-bg). */\n  iconBg?: string\n  /** KPI label text (e.g. \"Open Cases\") */\n  label: string\n  /** KPI number value */\n  value: string | number\n  /** Change / trend text (e.g. \"+6 from last week\") */\n  changeText?: string\n  /** Color for the change text (e.g. var(--hc-color-success), var(--hc-color-destructive)) */\n  changeColor?: string\n}\n\nconst CardKPI = React.forwardRef<HTMLDivElement, CardKPIProps>(\n  ({ icon, iconBg = \"var(--hc-banner-success-bg)\", label, value, changeText, changeColor, className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"grid min-h-[140px] grid-rows-[auto_1fr_auto] gap-4 rounded-lg border border-[var(--hc-color-border-subtle)] bg-background p-5\",\n        className\n      )}\n      {...props}\n    >\n      {/* Top row: label + icon — icon stays put even when changeText is missing */}\n      <div className=\"flex items-start justify-between gap-3\">\n        <span className=\"text-sm leading-5 font-medium text-muted-foreground\">{label}</span>\n        {icon && (\n          <div\n            className=\"flex size-10 shrink-0 items-center justify-center rounded-md [&>svg]:size-5\"\n            style={{ backgroundColor: iconBg }}\n          >\n            {icon}\n          </div>\n        )}\n      </div>\n      {/* Middle: value (anchored to bottom via grid-row) */}\n      <div className=\"flex items-end\">\n        <span className=\"text-3xl leading-none font-semibold text-foreground tracking-tight\">{value}</span>\n      </div>\n      {/* Bottom: change text — always rendered (as spacer when missing) to keep layout stable */}\n      <div className=\"min-h-[20px]\">\n        {changeText && (\n          <span\n            className=\"text-sm leading-5 font-medium\"\n            style={changeColor ? { color: changeColor } : undefined}\n          >\n            {changeText}\n          </span>\n        )}\n      </div>\n    </div>\n  )\n)\nCardKPI.displayName = \"CardKPI\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, CardKPI }\n","import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,WAA8B;;;ACDvC,SAA0B,YAAY;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADwBI,SAEI,KAFJ;AAzBJ,IAAM,eAAe,IAAI,mCAAmC;AAAA,EAC1D,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AASD,IAAM,OAAa;AAAA,EACjB,CAAC,EAAE,WAAW,SAAS,OAAO,UAAU,GAAG,MAAM,GAAG,QAClD,qBAAC,SAAI,KAAU,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,GAAG,SAAS,mBAAmB,SAAS,GAAI,GAAG,OACjG;AAAA,aACC,oBAAC,SAAI,WAAU,gCACZ,iBACH;AAAA,IAED;AAAA,KACH;AAEJ;AACA,KAAK,cAAc;AAEnB,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEzF;AACA,WAAW,cAAc;AAEzB,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,QAAG,KAAU,WAAW,GAAG,sDAAsD,SAAS,GAAI,GAAG,OAAO;AAE7G;AACA,UAAU,cAAc;AAExB,IAAM,kBAAwB;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,OAAE,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEvF;AACA,gBAAgB,cAAc;AAE9B,IAAM,cAAoB;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,WAAW,GAAG,YAAY,SAAS,GAAI,GAAG,OAAO;AAEpE;AACA,YAAY,cAAc;AAE1B,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,WAAW,GAAG,8BAA8B,SAAS,GAAI,GAAG,OAAO;AAEtF;AACA,WAAW,cAAc;AAiBzB,IAAM,UAAgB;AAAA,EACpB,CAAC,EAAE,MAAM,SAAS,+BAA+B,OAAO,OAAO,YAAY,aAAa,WAAW,GAAG,MAAM,GAAG,QAC7G;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAGJ;AAAA,6BAAC,SAAI,WAAU,0CACb;AAAA,8BAAC,UAAK,WAAU,uDAAuD,iBAAM;AAAA,UAC5E,QACC;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,iBAAiB,OAAO;AAAA,cAEhC;AAAA;AAAA,UACH;AAAA,WAEJ;AAAA,QAEA,oBAAC,SAAI,WAAU,kBACb,8BAAC,UAAK,WAAU,sEAAsE,iBAAM,GAC9F;AAAA,QAEA,oBAAC,SAAI,WAAU,gBACZ,wBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,cAAc,EAAE,OAAO,YAAY,IAAI;AAAA,YAE7C;AAAA;AAAA,QACH,GAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;AACA,QAAQ,cAAc;","names":[]}