@schandlergarcia/sf-web-components 1.7.0 → 1.9.0

package/dist/components/library/cards/ActionList.d.ts

@@ -1,11 +1,11 @@
-/**
- * Row of action buttons — typically used at the bottom of a dashboard section.
- *
- * @param {{ label: string, [key]: any }[] | string[]} actions
- * @param {string}     title
- * @param {Function}   onAction  Called with the action object/string when clicked
- */
-export default function ActionList({ actions, title, onAction, className, }: {
+export interface Action {
     label: string;
-    [key]: any;
-}[] | string[]): import("react/jsx-runtime").JSX.Element;
+    [key: string]: unknown;
+}
+export interface ActionListProps {
+    actions?: (Action | string)[];
+    title?: string;
+    onAction?: (action: Action | string) => void;
+    className?: string;
+}
+export default function ActionList({ actions, title, onAction, className, }: ActionListProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/cards/ActionList.js

@@ -1,7 +1,6 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import "react";
 import m from "../ui/UIButton.js";
-function x({
+function p({
   actions: s = [],
   title: t,
   onAction: l,
@@ -22,6 +21,6 @@ function x({
   ] });
 }
 export {
-  x as default
+  p as default
 };
 //# sourceMappingURL=ActionList.js.map

package/dist/components/library/cards/ActionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionList.js","sources":["../../../../src/components/library/cards/ActionList.jsx"],"sourcesContent":["import React from \"react\";\nimport UIButton from \"../ui/UIButton\";\n\n/**\n * Row of action buttons — typically used at the bottom of a dashboard section.\n *\n * @param {{ label: string, [key]: any }[] | string[]} actions\n * @param {string}     title\n * @param {Function}   onAction  Called with the action object/string when clicked\n */\nexport default function ActionList({\n  actions = [],\n  title,\n  onAction,\n  className = \"\",\n}) {\n  return (\n    <div className={`rounded-2xl border border-slate-200 bg-white p-4 dark:border-slate-800 dark:bg-slate-900 ${className}`}>\n      {title && (\n        <div className=\"mb-3 text-sm font-medium text-slate-900 dark:text-slate-50\">\n          {title}\n        </div>\n      )}\n      <div className=\"flex flex-wrap gap-2\">\n        {actions.map((action, i) => (\n          <UIButton\n            key={i}\n            size=\"sm\"\n            variant={i === 0 ? \"primary\" : \"outline\"}\n            onClick={() => onAction?.(action)}\n          >\n            {typeof action === \"string\" ? action : action.label}\n          </UIButton>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":["ActionList","actions","title","onAction","className","jsxs","jsx","action","i","UIButton"],"mappings":";;;AAUA,SAAwBA,EAAW;AAAA,EACjC,SAAAC,IAAU,CAAA;AAAA,EACV,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAG;AACD,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAW,4FAA4FD,CAAS,IAClH,UAAA;AAAA,IAAAF,KACC,gBAAAI,EAAC,OAAA,EAAI,WAAU,8DACZ,UAAAJ,GACH;AAAA,IAEF,gBAAAI,EAAC,SAAI,WAAU,wBACZ,YAAQ,IAAI,CAACC,GAAQC,MACpB,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,SAASD,MAAM,IAAI,YAAY;AAAA,QAC/B,SAAS,MAAML,IAAWI,CAAM;AAAA,QAE/B,UAAA,OAAOA,KAAW,WAAWA,IAASA,EAAO;AAAA,MAAA;AAAA,MALzCC;AAAA,IAAA,CAOR,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ActionList.js","sources":["../../../../src/components/library/cards/ActionList.tsx"],"sourcesContent":["import UIButton from \"../ui/UIButton\";\n\nexport interface Action {\n  label: string;\n  [key: string]: unknown;\n}\n\nexport interface ActionListProps {\n  actions?: (Action | string)[];\n  title?: string;\n  onAction?: (action: Action | string) => void;\n  className?: string;\n}\n\nexport default function ActionList({\n  actions = [],\n  title,\n  onAction,\n  className = \"\",\n}: ActionListProps) {\n  return (\n    <div className={`rounded-2xl border border-slate-200 bg-white p-4 dark:border-slate-800 dark:bg-slate-900 ${className}`}>\n      {title && (\n        <div className=\"mb-3 text-sm font-medium text-slate-900 dark:text-slate-50\">\n          {title}\n        </div>\n      )}\n      <div className=\"flex flex-wrap gap-2\">\n        {actions.map((action, i) => (\n          <UIButton\n            key={i}\n            size=\"sm\"\n            variant={i === 0 ? \"primary\" : \"outline\"}\n            onClick={() => onAction?.(action)}\n          >\n            {typeof action === \"string\" ? action : action.label}\n          </UIButton>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":["ActionList","actions","title","onAction","className","jsxs","jsx","action","i","UIButton"],"mappings":";;AAcA,SAAwBA,EAAW;AAAA,EACjC,SAAAC,IAAU,CAAA;AAAA,EACV,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAoB;AAClB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAW,4FAA4FD,CAAS,IAClH,UAAA;AAAA,IAAAF,KACC,gBAAAI,EAAC,OAAA,EAAI,WAAU,8DACZ,UAAAJ,GACH;AAAA,IAEF,gBAAAI,EAAC,SAAI,WAAU,wBACZ,YAAQ,IAAI,CAACC,GAAQC,MACpB,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,SAASD,MAAM,IAAI,YAAY;AAAA,QAC/B,SAAS,MAAML,IAAWI,CAAM;AAAA,QAE/B,UAAA,OAAOA,KAAW,WAAWA,IAASA,EAAO;AAAA,MAAA;AAAA,MALzCC;AAAA,IAAA,CAOR,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/library/cards/ActivityCard.d.ts

@@ -1,5 +1,18 @@
-export default function ActivityCard({ title, actions, className }: {
-    title?: string | undefined;
-    actions?: never[] | undefined;
-    className?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element | null;
+type ActionStatus = "working" | "pending" | "complete" | "error";
+export interface ActivityAction {
+    id: string;
+    status: ActionStatus;
+    title?: string;
+    action?: string;
+    subtitle?: string;
+    traveler?: string;
+    timestamp?: string;
+    startedAt?: string;
+}
+export interface ActivityCardProps {
+    title?: string;
+    actions?: ActivityAction[];
+    className?: string;
+}
+export default function ActivityCard({ title, actions, className }: ActivityCardProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/library/cards/ActivityCard.js

@@ -1,5 +1,4 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import "react";
 import { AnimatePresence as n, motion as o } from "framer-motion";
 import { ExclamationCircleIcon as c, CheckCircleIcon as d, ClockIcon as m, ArrowPathIcon as p } from "@heroicons/react/24/outline";
 import x from "../ui/Text.js";
@@ -28,13 +27,13 @@ function u({ action: e }) {
     }
   );
 }
-function b({ title: e = "Activity", actions: r = [], className: a = "" }) {
+function g({ title: e = "Activity", actions: r = [], className: a = "" }) {
   return r.length === 0 ? null : /* @__PURE__ */ i("div", { className: a, children: [
-    e && /* @__PURE__ */ t(x, { as: "div", size: "xs", weight: "semibold", muted: !0, className: "mb-2 uppercase tracking-wider", children: e }),
+    e && /* @__PURE__ */ t(x, { as: "div", size: "xs", weight: "medium", muted: !0, className: "mb-2 uppercase tracking-wider", children: e }),
     /* @__PURE__ */ t("div", { className: "space-y-2", children: /* @__PURE__ */ t(n, { children: r.map((s) => /* @__PURE__ */ t(u, { action: s }, s.id)) }) })
   ] });
 }
 export {
-  b as default
+  g as default
 };
 //# sourceMappingURL=ActivityCard.js.map

package/dist/components/library/cards/ActivityCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityCard.js","sources":["../../../../src/components/library/cards/ActivityCard.jsx"],"sourcesContent":["import React from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport { ArrowPathIcon, CheckCircleIcon, ExclamationCircleIcon, ClockIcon } from \"@heroicons/react/24/outline\";\nimport UIText from \"../ui/Text\";\n\nconst STATUS_ICON = {\n  working:  { Icon: ArrowPathIcon,        color: \"text-indigo-500\",  spin: true },\n  pending:  { Icon: ClockIcon,            color: \"text-slate-400\",   spin: false },\n  complete: { Icon: CheckCircleIcon,      color: \"text-emerald-500\", spin: false },\n  error:    { Icon: ExclamationCircleIcon, color: \"text-red-500\",     spin: false },\n};\n\nfunction ActionItem({ action }) {\n  const s = STATUS_ICON[action.status] ?? STATUS_ICON.pending;\n  return (\n    <motion.div\n      initial={{ y: 12, opacity: 0 }}\n      animate={{ y: 0, opacity: 1 }}\n      exit={{ y: -12, opacity: 0 }}\n      className=\"rounded-lg border border-slate-100 bg-slate-50 p-3 dark:border-slate-800 dark:bg-slate-950/40\"\n    >\n      <div className=\"flex items-start gap-2\">\n        <s.Icon className={`mt-0.5 h-4 w-4 shrink-0 ${s.color} ${s.spin ? \"animate-spin\" : \"\"}`} />\n        <div className=\"min-w-0\">\n          <div className=\"text-xs font-medium text-slate-700 dark:text-slate-200\">{action.title ?? action.action}</div>\n          {(action.subtitle ?? action.traveler ?? action.timestamp ?? action.startedAt) && (\n            <div className=\"mt-0.5 text-[10px] text-slate-400\">\n              {[action.subtitle, action.traveler, action.timestamp ?? action.startedAt].filter(Boolean).join(\" · \")}\n            </div>\n          )}\n        </div>\n      </div>\n    </motion.div>\n  );\n}\n\nexport default function ActivityCard({ title = \"Activity\", actions = [], className = \"\" }) {\n  if (actions.length === 0) return null;\n\n  return (\n    <div className={className}>\n      {title && (\n        <UIText as=\"div\" size=\"xs\" weight=\"semibold\" muted className=\"mb-2 uppercase tracking-wider\">\n          {title}\n        </UIText>\n      )}\n      <div className=\"space-y-2\">\n        <AnimatePresence>\n          {actions.map(a => (\n            <ActionItem key={a.id} action={a} />\n          ))}\n        </AnimatePresence>\n      </div>\n    </div>\n  );\n}\n"],"names":["STATUS_ICON","ArrowPathIcon","ClockIcon","CheckCircleIcon","ExclamationCircleIcon","ActionItem","action","s","jsx","motion","jsxs","ActivityCard","title","actions","className","UIText","AnimatePresence","a"],"mappings":";;;;;AAKA,MAAMA,IAAc;AAAA,EAClB,SAAU,EAAE,MAAMC,GAAsB,OAAO,mBAAoB,MAAM,GAAA;AAAA,EACzE,SAAU,EAAE,MAAMC,GAAsB,OAAO,kBAAoB,MAAM,GAAA;AAAA,EACzE,UAAU,EAAE,MAAMC,GAAsB,OAAO,oBAAoB,MAAM,GAAA;AAAA,EACzE,OAAU,EAAE,MAAMC,GAAuB,OAAO,gBAAoB,MAAM,GAAA;AAC5E;AAEA,SAASC,EAAW,EAAE,QAAAC,KAAU;AAC9B,QAAMC,IAAIP,EAAYM,EAAO,MAAM,KAAKN,EAAY;AACpD,SACE,gBAAAQ;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACC,SAAS,EAAE,GAAG,IAAI,SAAS,EAAA;AAAA,MAC3B,SAAS,EAAE,GAAG,GAAG,SAAS,EAAA;AAAA,MAC1B,MAAM,EAAE,GAAG,KAAK,SAAS,EAAA;AAAA,MACzB,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,QAAA,gBAAAF,EAACD,EAAE,MAAF,EAAO,WAAW,2BAA2BA,EAAE,KAAK,IAAIA,EAAE,OAAO,iBAAiB,EAAE,GAAA,CAAI;AAAA,QACzF,gBAAAG,EAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,UAAA,gBAAAF,EAAC,SAAI,WAAU,0DAA0D,UAAAF,EAAO,SAASA,EAAO,QAAO;AAAA,WACrGA,EAAO,YAAYA,EAAO,YAAYA,EAAO,aAAaA,EAAO,cACjE,gBAAAE,EAAC,OAAA,EAAI,WAAU,qCACZ,UAAA,CAACF,EAAO,UAAUA,EAAO,UAAUA,EAAO,aAAaA,EAAO,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,EAAA,CACtG;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAAwBK,EAAa,EAAE,OAAAC,IAAQ,YAAY,SAAAC,IAAU,IAAI,WAAAC,IAAY,MAAM;AACzF,SAAID,EAAQ,WAAW,IAAU,OAG/B,gBAAAH,EAAC,SAAI,WAAAI,GACF,UAAA;AAAA,IAAAF,KACC,gBAAAJ,EAACO,GAAA,EAAO,IAAG,OAAM,MAAK,MAAK,QAAO,YAAW,OAAK,IAAC,WAAU,iCAC1D,UAAAH,GACH;AAAA,sBAED,OAAA,EAAI,WAAU,aACb,UAAA,gBAAAJ,EAACQ,KACE,UAAAH,EAAQ,IAAI,CAAAI,MACX,gBAAAT,EAACH,KAAsB,QAAQY,EAAA,GAAdA,EAAE,EAAe,CACnC,GACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ActivityCard.js","sources":["../../../../src/components/library/cards/ActivityCard.tsx"],"sourcesContent":["import React from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\nimport { ArrowPathIcon, CheckCircleIcon, ExclamationCircleIcon, ClockIcon } from \"@heroicons/react/24/outline\";\nimport UIText from \"../ui/Text\";\n\ntype ActionStatus = \"working\" | \"pending\" | \"complete\" | \"error\";\n\ninterface StatusIconConfig {\n  Icon: React.ComponentType<{ className?: string }>;\n  color: string;\n  spin: boolean;\n}\n\nconst STATUS_ICON: Record<ActionStatus, StatusIconConfig> = {\n  working:  { Icon: ArrowPathIcon,        color: \"text-indigo-500\",  spin: true },\n  pending:  { Icon: ClockIcon,            color: \"text-slate-400\",   spin: false },\n  complete: { Icon: CheckCircleIcon,      color: \"text-emerald-500\", spin: false },\n  error:    { Icon: ExclamationCircleIcon, color: \"text-red-500\",     spin: false },\n};\n\nexport interface ActivityAction {\n  id: string;\n  status: ActionStatus;\n  title?: string;\n  action?: string;\n  subtitle?: string;\n  traveler?: string;\n  timestamp?: string;\n  startedAt?: string;\n}\n\ninterface ActionItemProps {\n  action: ActivityAction;\n}\n\nfunction ActionItem({ action }: ActionItemProps) {\n  const s = STATUS_ICON[action.status] ?? STATUS_ICON.pending;\n  return (\n    <motion.div\n      initial={{ y: 12, opacity: 0 }}\n      animate={{ y: 0, opacity: 1 }}\n      exit={{ y: -12, opacity: 0 }}\n      className=\"rounded-lg border border-slate-100 bg-slate-50 p-3 dark:border-slate-800 dark:bg-slate-950/40\"\n    >\n      <div className=\"flex items-start gap-2\">\n        <s.Icon className={`mt-0.5 h-4 w-4 shrink-0 ${s.color} ${s.spin ? \"animate-spin\" : \"\"}`} />\n        <div className=\"min-w-0\">\n          <div className=\"text-xs font-medium text-slate-700 dark:text-slate-200\">{action.title ?? action.action}</div>\n          {(action.subtitle ?? action.traveler ?? action.timestamp ?? action.startedAt) && (\n            <div className=\"mt-0.5 text-[10px] text-slate-400\">\n              {[action.subtitle, action.traveler, action.timestamp ?? action.startedAt].filter(Boolean).join(\" · \")}\n            </div>\n          )}\n        </div>\n      </div>\n    </motion.div>\n  );\n}\n\nexport interface ActivityCardProps {\n  title?: string;\n  actions?: ActivityAction[];\n  className?: string;\n}\n\nexport default function ActivityCard({ title = \"Activity\", actions = [], className = \"\" }: ActivityCardProps) {\n  if (actions.length === 0) return null;\n\n  return (\n    <div className={className}>\n      {title && (\n        <UIText as=\"div\" size=\"xs\" weight=\"medium\" muted className=\"mb-2 uppercase tracking-wider\">\n          {title}\n        </UIText>\n      )}\n      <div className=\"space-y-2\">\n        <AnimatePresence>\n          {actions.map(a => (\n            <ActionItem key={a.id} action={a} />\n          ))}\n        </AnimatePresence>\n      </div>\n    </div>\n  );\n}\n"],"names":["STATUS_ICON","ArrowPathIcon","ClockIcon","CheckCircleIcon","ExclamationCircleIcon","ActionItem","action","s","jsx","motion","jsxs","ActivityCard","title","actions","className","UIText","AnimatePresence","a"],"mappings":";;;;AAaA,MAAMA,IAAsD;AAAA,EAC1D,SAAU,EAAE,MAAMC,GAAsB,OAAO,mBAAoB,MAAM,GAAA;AAAA,EACzE,SAAU,EAAE,MAAMC,GAAsB,OAAO,kBAAoB,MAAM,GAAA;AAAA,EACzE,UAAU,EAAE,MAAMC,GAAsB,OAAO,oBAAoB,MAAM,GAAA;AAAA,EACzE,OAAU,EAAE,MAAMC,GAAuB,OAAO,gBAAoB,MAAM,GAAA;AAC5E;AAiBA,SAASC,EAAW,EAAE,QAAAC,KAA2B;AAC/C,QAAMC,IAAIP,EAAYM,EAAO,MAAM,KAAKN,EAAY;AACpD,SACE,gBAAAQ;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACC,SAAS,EAAE,GAAG,IAAI,SAAS,EAAA;AAAA,MAC3B,SAAS,EAAE,GAAG,GAAG,SAAS,EAAA;AAAA,MAC1B,MAAM,EAAE,GAAG,KAAK,SAAS,EAAA;AAAA,MACzB,WAAU;AAAA,MAEV,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,0BACb,UAAA;AAAA,QAAA,gBAAAF,EAACD,EAAE,MAAF,EAAO,WAAW,2BAA2BA,EAAE,KAAK,IAAIA,EAAE,OAAO,iBAAiB,EAAE,GAAA,CAAI;AAAA,QACzF,gBAAAG,EAAC,OAAA,EAAI,WAAU,WACb,UAAA;AAAA,UAAA,gBAAAF,EAAC,SAAI,WAAU,0DAA0D,UAAAF,EAAO,SAASA,EAAO,QAAO;AAAA,WACrGA,EAAO,YAAYA,EAAO,YAAYA,EAAO,aAAaA,EAAO,cACjE,gBAAAE,EAAC,OAAA,EAAI,WAAU,qCACZ,UAAA,CAACF,EAAO,UAAUA,EAAO,UAAUA,EAAO,aAAaA,EAAO,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,EAAA,CACtG;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;AAQA,SAAwBK,EAAa,EAAE,OAAAC,IAAQ,YAAY,SAAAC,IAAU,IAAI,WAAAC,IAAY,MAAyB;AAC5G,SAAID,EAAQ,WAAW,IAAU,OAG/B,gBAAAH,EAAC,SAAI,WAAAI,GACF,UAAA;AAAA,IAAAF,KACC,gBAAAJ,EAACO,GAAA,EAAO,IAAG,OAAM,MAAK,MAAK,QAAO,UAAS,OAAK,IAAC,WAAU,iCACxD,UAAAH,GACH;AAAA,sBAED,OAAA,EAAI,WAAU,aACb,UAAA,gBAAAJ,EAACQ,KACE,UAAAH,EAAQ,IAAI,CAAAI,MACX,gBAAAT,EAACH,KAAsB,QAAQY,EAAA,GAAdA,EAAE,EAAe,CACnC,GACH,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/library/cards/BaseCard.d.ts

@@ -1,24 +1,30 @@
-export default function BaseCard({ header, body, footer, children, variant, size, padding, shadow, radius, border, isHoverable, isPressable, isLoading, isDisabled, isSelected, className, headerClassName, bodyClassName, footerClassName, onPress, onHover, ...rest }: {
-    [x: string]: any;
-    header: any;
-    body: any;
-    footer: any;
-    children: any;
-    variant?: string | undefined;
-    size?: string | undefined;
-    padding?: string | undefined;
-    shadow?: boolean | undefined;
-    radius?: string | undefined;
-    border?: boolean | undefined;
-    isHoverable?: boolean | undefined;
-    isPressable?: boolean | undefined;
-    isLoading?: boolean | undefined;
-    isDisabled?: boolean | undefined;
-    isSelected?: boolean | undefined;
-    className?: string | undefined;
-    headerClassName?: string | undefined;
-    bodyClassName?: string | undefined;
-    footerClassName?: string | undefined;
-    onPress: any;
-    onHover: any;
-}): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+type Variant = "default" | "metric" | "chart" | "table" | "widget" | "status";
+type Size = "xs" | "sm" | "md" | "lg" | "xl" | "full";
+type Padding = "none" | "xs" | "sm" | "default" | "lg" | "xl";
+type Radius = "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+export interface BaseCardProps extends Omit<React.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, "onPress"> {
+    header?: React.ReactNode;
+    body?: React.ReactNode;
+    footer?: React.ReactNode;
+    children?: React.ReactNode;
+    variant?: Variant;
+    size?: Size;
+    padding?: Padding;
+    shadow?: boolean;
+    radius?: Radius;
+    border?: boolean;
+    isHoverable?: boolean;
+    isPressable?: boolean;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    className?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
+    footerClassName?: string;
+    onPress?: () => void;
+    onHover?: () => void;
+}
+export default function BaseCard({ header, body, footer, children, variant, size, padding, shadow, radius, border, isHoverable, isPressable, isLoading, isDisabled, isSelected, className, headerClassName, bodyClassName, footerClassName, onPress, onHover, ...rest }: BaseCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/library/cards/BaseCard.js

@@ -1,5 +1,4 @@
 import { jsx as a, jsxs as e, Fragment as z } from "react/jsx-runtime";
-import "react";
 const c = {
   default: "",
   metric: "",
@@ -22,7 +21,7 @@ const c = {
   lg: "p-6",
   xl: "p-8"
 };
-function M({
+function G({
   header: t,
   body: n,
   footer: d,
@@ -84,6 +83,6 @@ function M({
   );
 }
 export {
-  M as default
+  G as default
 };
 //# sourceMappingURL=BaseCard.js.map

package/dist/components/library/cards/BaseCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseCard.js","sources":["../../../../src/components/library/cards/BaseCard.jsx"],"sourcesContent":["import React from \"react\";\n\nconst VARIANT_CLASSES = {\n  default: \"\",\n  metric: \"\",\n  chart: \"\",\n  table: \"\",\n  widget: \"\",\n  status: \"\"\n};\n\nconst SIZE_CLASSES = {\n  xs: \"\",\n  sm: \"min-h-[80px]\",\n  md: \"min-h-[120px]\",\n  lg: \"min-h-[160px]\",\n  xl: \"min-h-[220px]\",\n  full: \"\"\n};\n\nconst PADDING_CLASSES = {\n  none: \"p-0\",\n  xs: \"p-2\",\n  sm: \"p-3\",\n  default: \"p-4\",\n  lg: \"p-6\",\n  xl: \"p-8\"\n};\n\nexport default function BaseCard({\n  header,\n  body,\n  footer,\n  children,\n  variant = \"default\",\n  size = \"md\",\n  padding = \"default\",\n  shadow = true,\n  radius = \"2xl\",\n  border = true,\n  isHoverable = false,\n  isPressable = false,\n  isLoading = false,\n  isDisabled = false,\n  isSelected = false,\n  className = \"\",\n  headerClassName = \"\",\n  bodyClassName = \"\",\n  footerClassName = \"\",\n  onPress,\n  onHover,\n  ...rest\n}) {\n  const Comp = isPressable ? \"button\" : \"div\";\n\n  const radiusClass = radius ? `rounded-${radius}` : \"rounded-2xl\";\n  const paddingClass = PADDING_CLASSES[padding] ?? PADDING_CLASSES.default;\n  const sizeClass = SIZE_CLASSES[size] ?? SIZE_CLASSES.md;\n  const variantClass = VARIANT_CLASSES[variant] ?? VARIANT_CLASSES.default;\n\n  const interactive = isHoverable || isPressable;\n  const disabled = isDisabled || (isPressable && !onPress);\n\n  return (\n    <Comp\n      type={isPressable ? \"button\" : undefined}\n      onClick={isPressable ? onPress : undefined}\n      onMouseEnter={onHover}\n      disabled={isPressable ? disabled : undefined}\n      className={[\n        \"w-full text-left\",\n        radiusClass,\n        border ? \"border border-slate-200 dark:border-slate-800\" : \"border border-transparent\",\n        \"bg-white dark:bg-slate-900\",\n        shadow ? \"shadow-sm\" : \"\",\n        sizeClass,\n        variantClass,\n        interactive ? \"transition hover:-translate-y-[1px] hover:shadow-md\" : \"\",\n        isSelected ? \"ring-2 ring-brand-500\" : \"\",\n        disabled ? \"opacity-60\" : \"\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      <div className={paddingClass}>\n        {header != null ? <div className={headerClassName}>{header}</div> : null}\n\n        {isLoading ? (\n          <div className={[\"mt-3 space-y-3\", bodyClassName].filter(Boolean).join(\" \")}>\n            <div className=\"h-4 w-1/3 animate-pulse rounded bg-slate-200 dark:bg-slate-800\" />\n            <div className=\"h-4 w-2/3 animate-pulse rounded bg-slate-200 dark:bg-slate-800\" />\n            <div className=\"h-4 w-1/2 animate-pulse rounded bg-slate-200 dark:bg-slate-800\" />\n          </div>\n        ) : (\n          <>\n            {body != null ? <div className={bodyClassName}>{body}</div> : null}\n            {children}\n          </>\n        )}\n\n        {footer != null ? <div className={footerClassName}>{footer}</div> : null}\n      </div>\n    </Comp>\n  );\n}\n\n\n"],"names":["VARIANT_CLASSES","SIZE_CLASSES","PADDING_CLASSES","BaseCard","header","body","footer","children","variant","size","padding","shadow","radius","border","isHoverable","isPressable","isLoading","isDisabled","isSelected","className","headerClassName","bodyClassName","footerClassName","onPress","onHover","rest","Comp","radiusClass","paddingClass","sizeClass","variantClass","interactive","disabled","jsx","jsxs","Fragment"],"mappings":"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"}
+{"version":3,"file":"BaseCard.js","sources":["../../../../src/components/library/cards/BaseCard.tsx"],"sourcesContent":["import React from \"react\";\n\ntype Variant = \"default\" | \"metric\" | \"chart\" | \"table\" | \"widget\" | \"status\";\ntype Size = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\ntype Padding = \"none\" | \"xs\" | \"sm\" | \"default\" | \"lg\" | \"xl\";\ntype Radius = \"none\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"3xl\";\n\nconst VARIANT_CLASSES: Record<Variant, string> = {\n  default: \"\",\n  metric: \"\",\n  chart: \"\",\n  table: \"\",\n  widget: \"\",\n  status: \"\"\n};\n\nconst SIZE_CLASSES: Record<Size, string> = {\n  xs: \"\",\n  sm: \"min-h-[80px]\",\n  md: \"min-h-[120px]\",\n  lg: \"min-h-[160px]\",\n  xl: \"min-h-[220px]\",\n  full: \"\"\n};\n\nconst PADDING_CLASSES: Record<Padding, string> = {\n  none: \"p-0\",\n  xs: \"p-2\",\n  sm: \"p-3\",\n  default: \"p-4\",\n  lg: \"p-6\",\n  xl: \"p-8\"\n};\n\nexport interface BaseCardProps extends Omit<React.HTMLAttributes<HTMLDivElement | HTMLButtonElement>, \"onPress\"> {\n  header?: React.ReactNode;\n  body?: React.ReactNode;\n  footer?: React.ReactNode;\n  children?: React.ReactNode;\n  variant?: Variant;\n  size?: Size;\n  padding?: Padding;\n  shadow?: boolean;\n  radius?: Radius;\n  border?: boolean;\n  isHoverable?: boolean;\n  isPressable?: boolean;\n  isLoading?: boolean;\n  isDisabled?: boolean;\n  isSelected?: boolean;\n  className?: string;\n  headerClassName?: string;\n  bodyClassName?: string;\n  footerClassName?: string;\n  onPress?: () => void;\n  onHover?: () => void;\n}\n\nexport default function BaseCard({\n  header,\n  body,\n  footer,\n  children,\n  variant = \"default\",\n  size = \"md\",\n  padding = \"default\",\n  shadow = true,\n  radius = \"2xl\",\n  border = true,\n  isHoverable = false,\n  isPressable = false,\n  isLoading = false,\n  isDisabled = false,\n  isSelected = false,\n  className = \"\",\n  headerClassName = \"\",\n  bodyClassName = \"\",\n  footerClassName = \"\",\n  onPress,\n  onHover,\n  ...rest\n}: BaseCardProps) {\n  const Comp = isPressable ? \"button\" : \"div\";\n\n  const radiusClass = radius ? `rounded-${radius}` : \"rounded-2xl\";\n  const paddingClass = PADDING_CLASSES[padding] ?? PADDING_CLASSES.default;\n  const sizeClass = SIZE_CLASSES[size] ?? SIZE_CLASSES.md;\n  const variantClass = VARIANT_CLASSES[variant] ?? VARIANT_CLASSES.default;\n\n  const interactive = isHoverable || isPressable;\n  const disabled = isDisabled || (isPressable && !onPress);\n\n  return (\n    <Comp\n      type={isPressable ? \"button\" : undefined}\n      onClick={isPressable ? onPress : undefined}\n      onMouseEnter={onHover}\n      disabled={isPressable ? disabled : undefined}\n      className={[\n        \"w-full text-left\",\n        radiusClass,\n        border ? \"border border-slate-200 dark:border-slate-800\" : \"border border-transparent\",\n        \"bg-white dark:bg-slate-900\",\n        shadow ? \"shadow-sm\" : \"\",\n        sizeClass,\n        variantClass,\n        interactive ? \"transition hover:-translate-y-[1px] hover:shadow-md\" : \"\",\n        isSelected ? \"ring-2 ring-brand-500\" : \"\",\n        disabled ? \"opacity-60\" : \"\",\n        className\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      {...rest}\n    >\n      <div className={paddingClass}>\n        {header != null ? <div className={headerClassName}>{header}</div> : null}\n\n        {isLoading ? (\n          <div className={[\"mt-3 space-y-3\", bodyClassName].filter(Boolean).join(\" \")}>\n            <div className=\"h-4 w-1/3 animate-pulse rounded bg-slate-200 dark:bg-slate-800\" />\n            <div className=\"h-4 w-2/3 animate-pulse rounded bg-slate-200 dark:bg-slate-800\" />\n            <div className=\"h-4 w-1/2 animate-pulse rounded bg-slate-200 dark:bg-slate-800\" />\n          </div>\n        ) : (\n          <>\n            {body != null ? <div className={bodyClassName}>{body}</div> : null}\n            {children}\n          </>\n        )}\n\n        {footer != null ? <div className={footerClassName}>{footer}</div> : null}\n      </div>\n    </Comp>\n  );\n}\n"],"names":["VARIANT_CLASSES","SIZE_CLASSES","PADDING_CLASSES","BaseCard","header","body","footer","children","variant","size","padding","shadow","radius","border","isHoverable","isPressable","isLoading","isDisabled","isSelected","className","headerClassName","bodyClassName","footerClassName","onPress","onHover","rest","Comp","radiusClass","paddingClass","sizeClass","variantClass","interactive","disabled","jsx","jsxs","Fragment"],"mappings":"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"}

package/dist/components/library/cards/CalloutCard.d.ts

@@ -1,9 +1,11 @@
-/**
- * Highlighted callout box for important inline messages.
- *
- * @param {string}  title
- * @param {string|ReactNode} message
- * @param {"neutral"|"success"|"warning"|"danger"|"info"} tone
- * @param {ReactNode} icon   Optional leading icon
- */
-export default function CalloutCard({ title, message, tone, icon, className, }: string): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+type Tone = "neutral" | "success" | "warning" | "danger" | "info";
+export interface CalloutCardProps {
+    title?: string;
+    message: string | React.ReactNode;
+    tone?: Tone;
+    icon?: React.ReactNode;
+    className?: string;
+}
+export default function CalloutCard({ title, message, tone, icon, className, }: CalloutCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/library/cards/CalloutCard.js

@@ -1,5 +1,4 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import "react";
 const t = {
   neutral: "border-slate-200 bg-slate-50 text-slate-700 dark:border-slate-800 dark:bg-slate-950/30 dark:text-slate-200",
   success: "border-emerald-200 bg-emerald-50 text-emerald-800 dark:border-emerald-900/40 dark:bg-emerald-950/20 dark:text-emerald-200",
@@ -7,7 +6,7 @@ const t = {
   danger: "border-rose-200 bg-rose-50 text-rose-800 dark:border-rose-900/40 dark:bg-rose-950/20 dark:text-rose-200",
   info: "border-blue-200 bg-blue-50 text-blue-800 dark:border-blue-900/40 dark:bg-blue-950/20 dark:text-blue-200"
 };
-function n({
+function m({
   title: r,
   message: l,
   tone: b = "neutral",
@@ -23,6 +22,6 @@ function n({
   ] }) });
 }
 export {
-  n as default
+  m as default
 };
 //# sourceMappingURL=CalloutCard.js.map

package/dist/components/library/cards/CalloutCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalloutCard.js","sources":["../../../../src/components/library/cards/CalloutCard.jsx"],"sourcesContent":["import React from \"react\";\n\nconst TONE_CLASSES = {\n  neutral: \"border-slate-200 bg-slate-50 text-slate-700 dark:border-slate-800 dark:bg-slate-950/30 dark:text-slate-200\",\n  success: \"border-emerald-200 bg-emerald-50 text-emerald-800 dark:border-emerald-900/40 dark:bg-emerald-950/20 dark:text-emerald-200\",\n  warning: \"border-amber-200 bg-amber-50 text-amber-800 dark:border-amber-900/40 dark:bg-amber-950/20 dark:text-amber-200\",\n  danger: \"border-rose-200 bg-rose-50 text-rose-800 dark:border-rose-900/40 dark:bg-rose-950/20 dark:text-rose-200\",\n  info: \"border-blue-200 bg-blue-50 text-blue-800 dark:border-blue-900/40 dark:bg-blue-950/20 dark:text-blue-200\",\n};\n\n/**\n * Highlighted callout box for important inline messages.\n *\n * @param {string}  title\n * @param {string|ReactNode} message\n * @param {\"neutral\"|\"success\"|\"warning\"|\"danger\"|\"info\"} tone\n * @param {ReactNode} icon   Optional leading icon\n */\nexport default function CalloutCard({\n  title,\n  message,\n  tone = \"neutral\",\n  icon,\n  className = \"\",\n}) {\n  return (\n    <div className={`rounded-xl border p-4 ${TONE_CLASSES[tone] ?? TONE_CLASSES.neutral} ${className}`}>\n      <div className=\"flex gap-3\">\n        {icon && <div className=\"mt-0.5 shrink-0\">{icon}</div>}\n        <div>\n          {title && <div className=\"mb-1 text-sm font-semibold\">{title}</div>}\n          <div className=\"text-sm\">{message}</div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["TONE_CLASSES","CalloutCard","title","message","tone","icon","className","jsx","jsxs"],"mappings":";;AAEA,MAAMA,IAAe;AAAA,EACnB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AACR;AAUA,SAAwBC,EAAY;AAAA,EAClC,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAG;AACD,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAW,yBAAyBP,EAAaI,CAAI,KAAKJ,EAAa,OAAO,IAAIM,CAAS,IAC9F,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,cACZ,UAAA;AAAA,IAAAH,KAAQ,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBAAmB,UAAAF,GAAK;AAAA,sBAC/C,OAAA,EACE,UAAA;AAAA,MAAAH,KAAS,gBAAAK,EAAC,OAAA,EAAI,WAAU,8BAA8B,UAAAL,GAAM;AAAA,MAC7D,gBAAAK,EAAC,OAAA,EAAI,WAAU,WAAW,UAAAJ,EAAA,CAAQ;AAAA,IAAA,EAAA,CACpC;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"CalloutCard.js","sources":["../../../../src/components/library/cards/CalloutCard.tsx"],"sourcesContent":["import React from \"react\";\n\ntype Tone = \"neutral\" | \"success\" | \"warning\" | \"danger\" | \"info\";\n\nconst TONE_CLASSES: Record<Tone, string> = {\n  neutral: \"border-slate-200 bg-slate-50 text-slate-700 dark:border-slate-800 dark:bg-slate-950/30 dark:text-slate-200\",\n  success: \"border-emerald-200 bg-emerald-50 text-emerald-800 dark:border-emerald-900/40 dark:bg-emerald-950/20 dark:text-emerald-200\",\n  warning: \"border-amber-200 bg-amber-50 text-amber-800 dark:border-amber-900/40 dark:bg-amber-950/20 dark:text-amber-200\",\n  danger: \"border-rose-200 bg-rose-50 text-rose-800 dark:border-rose-900/40 dark:bg-rose-950/20 dark:text-rose-200\",\n  info: \"border-blue-200 bg-blue-50 text-blue-800 dark:border-blue-900/40 dark:bg-blue-950/20 dark:text-blue-200\",\n};\n\nexport interface CalloutCardProps {\n  title?: string;\n  message: string | React.ReactNode;\n  tone?: Tone;\n  icon?: React.ReactNode;\n  className?: string;\n}\n\nexport default function CalloutCard({\n  title,\n  message,\n  tone = \"neutral\",\n  icon,\n  className = \"\",\n}: CalloutCardProps) {\n  return (\n    <div className={`rounded-xl border p-4 ${TONE_CLASSES[tone] ?? TONE_CLASSES.neutral} ${className}`}>\n      <div className=\"flex gap-3\">\n        {icon && <div className=\"mt-0.5 shrink-0\">{icon}</div>}\n        <div>\n          {title && <div className=\"mb-1 text-sm font-semibold\">{title}</div>}\n          <div className=\"text-sm\">{message}</div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["TONE_CLASSES","CalloutCard","title","message","tone","icon","className","jsx","jsxs"],"mappings":";AAIA,MAAMA,IAAqC;AAAA,EACzC,SAAS;AAAA,EACT,SAAS;AAAA,EACT,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AACR;AAUA,SAAwBC,EAAY;AAAA,EAClC,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAqB;AACnB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAW,yBAAyBP,EAAaI,CAAI,KAAKJ,EAAa,OAAO,IAAIM,CAAS,IAC9F,UAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,cACZ,UAAA;AAAA,IAAAH,KAAQ,gBAAAE,EAAC,OAAA,EAAI,WAAU,mBAAmB,UAAAF,GAAK;AAAA,sBAC/C,OAAA,EACE,UAAA;AAAA,MAAAH,KAAS,gBAAAK,EAAC,OAAA,EAAI,WAAU,8BAA8B,UAAAL,GAAM;AAAA,MAC7D,gBAAAK,EAAC,OAAA,EAAI,WAAU,WAAW,UAAAJ,EAAA,CAAQ;AAAA,IAAA,EAAA,CACpC;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/library/cards/ChartCard.d.ts

@@ -1,17 +1,29 @@
-export default function ChartCard({ chart, chartType, title, subtitle, filters, timeRange, actions, legend, height, showGrid, showAxes, data, loading, error, ...cardProps }: {
-    [x: string]: any;
-    chart: any;
-    chartType: any;
-    title: any;
-    subtitle: any;
-    filters: any;
-    timeRange: any;
-    actions: any;
-    legend: any;
-    height?: number | undefined;
-    showGrid: any;
-    showAxes: any;
-    data: any;
-    loading?: boolean | undefined;
-    error: any;
-}): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+import { BaseCardProps } from "./BaseCard";
+interface TimeRangeOption {
+    value: string;
+    label: string;
+}
+export interface TimeRange {
+    current: string;
+    options?: (TimeRangeOption | string)[];
+    onChange?: (value: string) => void;
+}
+export interface ChartCardProps extends Omit<BaseCardProps, "variant" | "header" | "body"> {
+    chart: React.ReactNode;
+    chartType?: string;
+    title?: string;
+    subtitle?: string;
+    filters?: React.ReactNode;
+    timeRange?: TimeRange;
+    actions?: React.ReactNode;
+    legend?: React.ReactNode;
+    height?: number;
+    showGrid?: boolean;
+    showAxes?: boolean;
+    data?: unknown[];
+    loading?: boolean;
+    error?: string | Error;
+}
+export default function ChartCard({ chart, chartType, title, subtitle, filters, timeRange, actions, legend, height, showGrid, showAxes, data, loading, error, ...cardProps }: ChartCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/library/cards/ChartCard.js

@@ -1,16 +1,15 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import "react";
-import f from "./BaseCard.js";
+import v from "./BaseCard.js";
 import g from "../ui/Text.js";
 import k from "../ui/Chip.js";
-function I({
+function z({
   chart: b,
   chartType: s,
   title: t,
   subtitle: i,
-  filters: d,
+  filters: n,
   timeRange: r,
-  actions: n,
+  actions: d,
   legend: m,
   height: N = 280,
   showGrid: c,
@@ -20,13 +19,13 @@ function I({
   error: u,
   ...x
 }) {
-  const v = /* @__PURE__ */ a("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
+  const f = /* @__PURE__ */ a("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between", children: [
     /* @__PURE__ */ a("div", { className: "min-w-0", children: [
       t ? /* @__PURE__ */ e(g, { as: "div", size: "sm", weight: "medium", children: t }) : null,
       i ? /* @__PURE__ */ e(g, { as: "div", size: "xs", muted: !0, className: "mt-1", children: i }) : null
     ] }),
     /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
-      d ? /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: d }) : null,
+      n ? /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: n }) : null,
       r ? /* @__PURE__ */ e(
         "select",
         {
@@ -34,26 +33,26 @@ function I({
           value: r.current,
           onChange: (l) => r.onChange?.(l.target.value),
           "aria-label": "Time range",
-          children: r.options?.map((l) => /* @__PURE__ */ e("option", { value: l.value ?? l, children: l.label ?? l }, l.value ?? l))
+          children: r.options?.map((l) => /* @__PURE__ */ e("option", { value: typeof l == "string" ? l : l.value, children: typeof l == "string" ? l : l.label }, typeof l == "string" ? l : l.value))
         }
       ) : null,
-      n ? /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: n }) : null
+      d ? /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: d }) : null
     ] })
   ] });
   return u ? /* @__PURE__ */ e(
-    f,
+    v,
     {
       variant: "chart",
-      header: v,
+      header: f,
       body: /* @__PURE__ */ e("div", { className: "mt-4 rounded-xl border border-rose-200 bg-rose-50 p-4 text-sm text-rose-900 dark:border-rose-900/40 dark:bg-rose-950/30 dark:text-rose-100", children: String(u) }),
       ...x
     }
   ) : /* @__PURE__ */ e(
-    f,
+    v,
     {
       variant: "chart",
       header: /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-3", children: [
-        /* @__PURE__ */ e("div", { className: "min-w-0", children: v }),
+        /* @__PURE__ */ e("div", { className: "min-w-0", children: f }),
         s ? /* @__PURE__ */ e(k, { children: s }) : null
       ] }),
       body: /* @__PURE__ */ a("div", { className: "mt-4", children: [
@@ -74,6 +73,6 @@ function I({
   );
 }
 export {
-  I as default
+  z as default
 };
 //# sourceMappingURL=ChartCard.js.map

package/dist/components/library/cards/ChartCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartCard.js","sources":["../../../../src/components/library/cards/ChartCard.jsx"],"sourcesContent":["import React from \"react\";\nimport BaseCard from \"./BaseCard\";\nimport UIText from \"../ui/Text\";\nimport UIChip from \"../ui/Chip\";\n\nexport default function ChartCard({\n  chart,\n  chartType,\n  title,\n  subtitle,\n  filters,\n  timeRange,\n  actions,\n  legend,\n  height = 280,\n  showGrid,\n  showAxes,\n  data,\n  loading = false,\n  error,\n  ...cardProps\n}) {\n  const header = (\n    <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n      <div className=\"min-w-0\">\n        {title ? (\n          <UIText as=\"div\" size=\"sm\" weight=\"medium\">\n            {title}\n          </UIText>\n        ) : null}\n        {subtitle ? (\n          <UIText as=\"div\" size=\"xs\" muted className=\"mt-1\">\n            {subtitle}\n          </UIText>\n        ) : null}\n      </div>\n      <div className=\"flex flex-wrap items-center justify-end gap-2\">\n        {filters ? <div className=\"flex items-center gap-2\">{filters}</div> : null}\n        {timeRange ? (\n          <select\n            className=\"h-9 rounded-lg border border-slate-200 bg-white px-3 text-sm text-slate-900 shadow-sm dark:border-slate-800 dark:bg-slate-900 dark:text-slate-50\"\n            value={timeRange.current}\n            onChange={(e) => timeRange.onChange?.(e.target.value)}\n            aria-label=\"Time range\"\n          >\n            {timeRange.options?.map((opt) => (\n              <option key={opt.value ?? opt} value={opt.value ?? opt}>\n                {opt.label ?? opt}\n              </option>\n            ))}\n          </select>\n        ) : null}\n        {actions ? <div className=\"flex items-center gap-2\">{actions}</div> : null}\n      </div>\n    </div>\n  );\n\n  if (error) {\n    return (\n      <BaseCard\n        variant=\"chart\"\n        header={header}\n        body={\n          <div className=\"mt-4 rounded-xl border border-rose-200 bg-rose-50 p-4 text-sm text-rose-900 dark:border-rose-900/40 dark:bg-rose-950/30 dark:text-rose-100\">\n            {String(error)}\n          </div>\n        }\n        {...cardProps}\n      />\n    );\n  }\n\n  const hint = chartType ? <UIChip>{chartType}</UIChip> : null;\n\n  return (\n    <BaseCard\n      variant=\"chart\"\n      header={\n        <div className=\"flex items-center justify-between gap-3\">\n          <div className=\"min-w-0\">{header}</div>\n          {hint}\n        </div>\n      }\n      body={\n        <div className=\"mt-4\">\n          <div className=\"w-full\" style={{ height }}>\n            {chart}\n          </div>\n          {legend ? <div className=\"mt-3\">{legend}</div> : null}\n          {(showGrid != null || showAxes != null) && data ? (\n            <div className=\"mt-2 text-xs text-slate-500 dark:text-slate-400\">\n              grid: {String(!!showGrid)} · axes: {String(!!showAxes)} · points: {data.length}\n            </div>\n          ) : null}\n          {loading ? (\n            <div className=\"mt-3 text-xs text-slate-500 dark:text-slate-400\">Loading…</div>\n          ) : null}\n        </div>\n      }\n      {...cardProps}\n    />\n  );\n}\n\n\n"],"names":["ChartCard","chart","chartType","title","subtitle","filters","timeRange","actions","legend","height","showGrid","showAxes","data","loading","error","cardProps","header","jsxs","jsx","UIText","e","opt","BaseCard","UIChip"],"mappings":"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"}
+{"version":3,"file":"ChartCard.js","sources":["../../../../src/components/library/cards/ChartCard.tsx"],"sourcesContent":["import React from \"react\";\nimport BaseCard, { BaseCardProps } from \"./BaseCard\";\nimport UIText from \"../ui/Text\";\nimport UIChip from \"../ui/Chip\";\n\ninterface TimeRangeOption {\n  value: string;\n  label: string;\n}\n\nexport interface TimeRange {\n  current: string;\n  options?: (TimeRangeOption | string)[];\n  onChange?: (value: string) => void;\n}\n\nexport interface ChartCardProps extends Omit<BaseCardProps, \"variant\" | \"header\" | \"body\"> {\n  chart: React.ReactNode;\n  chartType?: string;\n  title?: string;\n  subtitle?: string;\n  filters?: React.ReactNode;\n  timeRange?: TimeRange;\n  actions?: React.ReactNode;\n  legend?: React.ReactNode;\n  height?: number;\n  showGrid?: boolean;\n  showAxes?: boolean;\n  data?: unknown[];\n  loading?: boolean;\n  error?: string | Error;\n}\n\nexport default function ChartCard({\n  chart,\n  chartType,\n  title,\n  subtitle,\n  filters,\n  timeRange,\n  actions,\n  legend,\n  height = 280,\n  showGrid,\n  showAxes,\n  data,\n  loading = false,\n  error,\n  ...cardProps\n}: ChartCardProps) {\n  const header = (\n    <div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n      <div className=\"min-w-0\">\n        {title ? (\n          <UIText as=\"div\" size=\"sm\" weight=\"medium\">\n            {title}\n          </UIText>\n        ) : null}\n        {subtitle ? (\n          <UIText as=\"div\" size=\"xs\" muted className=\"mt-1\">\n            {subtitle}\n          </UIText>\n        ) : null}\n      </div>\n      <div className=\"flex flex-wrap items-center justify-end gap-2\">\n        {filters ? <div className=\"flex items-center gap-2\">{filters}</div> : null}\n        {timeRange ? (\n          <select\n            className=\"h-9 rounded-lg border border-slate-200 bg-white px-3 text-sm text-slate-900 shadow-sm dark:border-slate-800 dark:bg-slate-900 dark:text-slate-50\"\n            value={timeRange.current}\n            onChange={(e) => timeRange.onChange?.(e.target.value)}\n            aria-label=\"Time range\"\n          >\n            {timeRange.options?.map((opt) => (\n              <option key={typeof opt === \"string\" ? opt : opt.value} value={typeof opt === \"string\" ? opt : opt.value}>\n                {typeof opt === \"string\" ? opt : opt.label}\n              </option>\n            ))}\n          </select>\n        ) : null}\n        {actions ? <div className=\"flex items-center gap-2\">{actions}</div> : null}\n      </div>\n    </div>\n  );\n\n  if (error) {\n    return (\n      <BaseCard\n        variant=\"chart\"\n        header={header}\n        body={\n          <div className=\"mt-4 rounded-xl border border-rose-200 bg-rose-50 p-4 text-sm text-rose-900 dark:border-rose-900/40 dark:bg-rose-950/30 dark:text-rose-100\">\n            {String(error)}\n          </div>\n        }\n        {...cardProps}\n      />\n    );\n  }\n\n  const hint = chartType ? <UIChip>{chartType}</UIChip> : null;\n\n  return (\n    <BaseCard\n      variant=\"chart\"\n      header={\n        <div className=\"flex items-center justify-between gap-3\">\n          <div className=\"min-w-0\">{header}</div>\n          {hint}\n        </div>\n      }\n      body={\n        <div className=\"mt-4\">\n          <div className=\"w-full\" style={{ height }}>\n            {chart}\n          </div>\n          {legend ? <div className=\"mt-3\">{legend}</div> : null}\n          {(showGrid != null || showAxes != null) && data ? (\n            <div className=\"mt-2 text-xs text-slate-500 dark:text-slate-400\">\n              grid: {String(!!showGrid)} · axes: {String(!!showAxes)} · points: {data.length}\n            </div>\n          ) : null}\n          {loading ? (\n            <div className=\"mt-3 text-xs text-slate-500 dark:text-slate-400\">Loading…</div>\n          ) : null}\n        </div>\n      }\n      {...cardProps}\n    />\n  );\n}\n"],"names":["ChartCard","chart","chartType","title","subtitle","filters","timeRange","actions","legend","height","showGrid","showAxes","data","loading","error","cardProps","header","jsxs","jsx","UIText","e","opt","BaseCard","UIChip"],"mappings":"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"}

package/dist/components/library/cards/FeedPanel.d.ts

@@ -1,11 +1,12 @@
-export default function FeedPanel({ title, subtitle, actions, children, width, className, headerClassName, bodyClassName, ...rest }: {
-    [x: string]: any;
-    title: any;
-    subtitle: any;
-    actions: any;
-    children: any;
-    width: any;
-    className?: string | undefined;
-    headerClassName?: string | undefined;
-    bodyClassName?: string | undefined;
-}): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+export interface FeedPanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+    title?: string;
+    subtitle?: string;
+    actions?: React.ReactNode;
+    children?: React.ReactNode;
+    width?: number | string;
+    className?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
+}
+export default function FeedPanel({ title, subtitle, actions, children, width, className, headerClassName, bodyClassName, ...rest }: FeedPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/library/cards/FeedPanel.js

@@ -1,7 +1,6 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import "react";
 import i from "../ui/Text.js";
-function b({
+function v({
   title: s,
   subtitle: d,
   actions: a,
@@ -22,7 +21,7 @@ function b({
       children: [
         (s || d || a) && /* @__PURE__ */ e("div", { className: `shrink-0 border-b border-slate-100 px-4 py-3 dark:border-slate-800 ${n}`, children: /* @__PURE__ */ l("div", { className: "flex items-start justify-between gap-3", children: [
           /* @__PURE__ */ l("div", { className: "min-w-0", children: [
-            s && /* @__PURE__ */ e(i, { as: "div", size: "sm", weight: "semibold", children: s }),
+            s && /* @__PURE__ */ e(i, { as: "div", size: "sm", weight: "medium", children: s }),
             d && /* @__PURE__ */ e(i, { as: "div", size: "xs", muted: !0, className: "mt-0.5", children: d })
           ] }),
           a && /* @__PURE__ */ e("div", { className: "shrink-0", children: a })
@@ -33,6 +32,6 @@ function b({
   );
 }
 export {
-  b as default
+  v as default
 };
 //# sourceMappingURL=FeedPanel.js.map

package/dist/components/library/cards/FeedPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedPanel.js","sources":["../../../../src/components/library/cards/FeedPanel.jsx"],"sourcesContent":["import React from \"react\";\nimport UIText from \"../ui/Text\";\n\nexport default function FeedPanel({\n  title,\n  subtitle,\n  actions,\n  children,\n  width,\n  className = \"\",\n  headerClassName = \"\",\n  bodyClassName = \"\",\n  ...rest\n}) {\n  const widthStyle = width ? (typeof width === \"number\" ? { width: `${width}px` } : { width }) : undefined;\n\n  return (\n    <div\n      className={`flex shrink-0 flex-col overflow-hidden rounded-xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900 ${className}`}\n      style={widthStyle}\n      {...rest}\n    >\n      {(title || subtitle || actions) && (\n        <div className={`shrink-0 border-b border-slate-100 px-4 py-3 dark:border-slate-800 ${headerClassName}`}>\n          <div className=\"flex items-start justify-between gap-3\">\n            <div className=\"min-w-0\">\n              {title && <UIText as=\"div\" size=\"sm\" weight=\"semibold\">{title}</UIText>}\n              {subtitle && <UIText as=\"div\" size=\"xs\" muted className=\"mt-0.5\">{subtitle}</UIText>}\n            </div>\n            {actions && <div className=\"shrink-0\">{actions}</div>}\n          </div>\n        </div>\n      )}\n      <div className={`flex-1 overflow-y-auto ${bodyClassName}`}>\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"names":["FeedPanel","title","subtitle","actions","children","width","className","headerClassName","bodyClassName","rest","widthStyle","jsxs","jsx","UIText"],"mappings":";;;AAGA,SAAwBA,EAAU;AAAA,EAChC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,iBAAAC,IAAkB;AAAA,EAClB,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,GAAG;AACD,QAAMC,IAAaL,IAAS,OAAOA,KAAU,WAAW,EAAE,OAAO,GAAGA,CAAK,KAAA,IAAS,EAAE,OAAAA,MAAW;AAE/F,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,wIAAwIL,CAAS;AAAA,MAC5J,OAAOI;AAAA,MACN,GAAGD;AAAA,MAEF,UAAA;AAAA,SAAAR,KAASC,KAAYC,MACrB,gBAAAS,EAAC,OAAA,EAAI,WAAW,sEAAsEL,CAAe,IACnG,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,WACZ,UAAA;AAAA,YAAAV,KAAS,gBAAAW,EAACC,KAAO,IAAG,OAAM,MAAK,MAAK,QAAO,YAAY,UAAAZ,EAAA,CAAM;AAAA,YAC7DC,KAAY,gBAAAU,EAACC,GAAA,EAAO,IAAG,OAAM,MAAK,MAAK,OAAK,IAAC,WAAU,UAAU,UAAAX,EAAA,CAAS;AAAA,UAAA,GAC7E;AAAA,UACCC,KAAW,gBAAAS,EAAC,OAAA,EAAI,WAAU,YAAY,UAAAT,EAAA,CAAQ;AAAA,QAAA,EAAA,CACjD,EAAA,CACF;AAAA,0BAED,OAAA,EAAI,WAAW,0BAA0BK,CAAa,IACpD,UAAAJ,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"FeedPanel.js","sources":["../../../../src/components/library/cards/FeedPanel.tsx"],"sourcesContent":["import React from \"react\";\nimport UIText from \"../ui/Text\";\n\nexport interface FeedPanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title?: string;\n  subtitle?: string;\n  actions?: React.ReactNode;\n  children?: React.ReactNode;\n  width?: number | string;\n  className?: string;\n  headerClassName?: string;\n  bodyClassName?: string;\n}\n\nexport default function FeedPanel({\n  title,\n  subtitle,\n  actions,\n  children,\n  width,\n  className = \"\",\n  headerClassName = \"\",\n  bodyClassName = \"\",\n  ...rest\n}: FeedPanelProps) {\n  const widthStyle = width ? (typeof width === \"number\" ? { width: `${width}px` } : { width }) : undefined;\n\n  return (\n    <div\n      className={`flex shrink-0 flex-col overflow-hidden rounded-xl border border-slate-200 bg-white shadow-sm dark:border-slate-800 dark:bg-slate-900 ${className}`}\n      style={widthStyle}\n      {...rest}\n    >\n      {(title || subtitle || actions) && (\n        <div className={`shrink-0 border-b border-slate-100 px-4 py-3 dark:border-slate-800 ${headerClassName}`}>\n          <div className=\"flex items-start justify-between gap-3\">\n            <div className=\"min-w-0\">\n              {title && <UIText as=\"div\" size=\"sm\" weight=\"medium\">{title}</UIText>}\n              {subtitle && <UIText as=\"div\" size=\"xs\" muted className=\"mt-0.5\">{subtitle}</UIText>}\n            </div>\n            {actions && <div className=\"shrink-0\">{actions}</div>}\n          </div>\n        </div>\n      )}\n      <div className={`flex-1 overflow-y-auto ${bodyClassName}`}>\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"names":["FeedPanel","title","subtitle","actions","children","width","className","headerClassName","bodyClassName","rest","widthStyle","jsxs","jsx","UIText"],"mappings":";;AAcA,SAAwBA,EAAU;AAAA,EAChC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,iBAAAC,IAAkB;AAAA,EAClB,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,GAAmB;AACjB,QAAMC,IAAaL,IAAS,OAAOA,KAAU,WAAW,EAAE,OAAO,GAAGA,CAAK,KAAA,IAAS,EAAE,OAAAA,MAAW;AAE/F,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,wIAAwIL,CAAS;AAAA,MAC5J,OAAOI;AAAA,MACN,GAAGD;AAAA,MAEF,UAAA;AAAA,SAAAR,KAASC,KAAYC,MACrB,gBAAAS,EAAC,OAAA,EAAI,WAAW,sEAAsEL,CAAe,IACnG,UAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,WACZ,UAAA;AAAA,YAAAV,KAAS,gBAAAW,EAACC,KAAO,IAAG,OAAM,MAAK,MAAK,QAAO,UAAU,UAAAZ,EAAA,CAAM;AAAA,YAC3DC,KAAY,gBAAAU,EAACC,GAAA,EAAO,IAAG,OAAM,MAAK,MAAK,OAAK,IAAC,WAAU,UAAU,UAAAX,EAAA,CAAS;AAAA,UAAA,GAC7E;AAAA,UACCC,KAAW,gBAAAS,EAAC,OAAA,EAAI,WAAU,YAAY,UAAAT,EAAA,CAAQ;AAAA,QAAA,EAAA,CACjD,EAAA,CACF;AAAA,0BAED,OAAA,EAAI,WAAW,0BAA0BK,CAAa,IACpD,UAAAJ,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/library/cards/ListCard.d.ts

@@ -1,20 +1,33 @@
-export default function ListCard({ items, title, subtitle, showAvatars, showStatus, showActions, showTimestamp, dense, divided, actions, itemActions, onItemClick, loading, error, emptyMessage, emptyIcon, maxBodyHeight, ...cardProps }: {
-    [x: string]: any;
-    items?: never[] | undefined;
-    title: any;
-    subtitle: any;
-    showAvatars?: boolean | undefined;
-    showStatus?: boolean | undefined;
-    showActions?: boolean | undefined;
-    showTimestamp?: boolean | undefined;
-    dense?: boolean | undefined;
-    divided?: boolean | undefined;
-    actions: any;
-    itemActions: any;
-    onItemClick: any;
-    loading?: boolean | undefined;
-    error: any;
-    emptyMessage?: string | undefined;
-    emptyIcon: any;
-    maxBodyHeight: any;
-}): import("react/jsx-runtime").JSX.Element;
+import React from "react";
+import { BaseCardProps } from "./BaseCard";
+export interface ListItem {
+    id?: string | number;
+    title?: string;
+    name?: string;
+    description?: string;
+    status?: string;
+    timestamp?: string | Date;
+    value?: string | number;
+    unit?: string;
+    avatar?: string | React.ReactNode;
+}
+export interface ListCardProps extends Omit<BaseCardProps, "variant" | "header" | "body"> {
+    items?: ListItem[];
+    title?: string;
+    subtitle?: string;
+    showAvatars?: boolean;
+    showStatus?: boolean;
+    showActions?: boolean;
+    showTimestamp?: boolean;
+    dense?: boolean;
+    divided?: boolean;
+    actions?: React.ReactNode;
+    itemActions?: (item: ListItem, index: number) => React.ReactNode;
+    onItemClick?: (item: ListItem, index: number) => void;
+    loading?: boolean;
+    error?: string | Error;
+    emptyMessage?: string;
+    emptyIcon?: React.ReactNode;
+    maxBodyHeight?: string | number;
+}
+export default function ListCard({ items, title, subtitle, showAvatars, showStatus, showActions, showTimestamp, dense, divided, actions, itemActions, onItemClick, loading, error, emptyMessage, emptyIcon, maxBodyHeight, ...cardProps }: ListCardProps): import("react/jsx-runtime").JSX.Element;