soadtech-ui 0.1.0

package/dist/components/Card/KPICard.js

@@ -0,0 +1,25 @@
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { cn as i } from "../../utils/cn.js";
+import { Card as p } from "./Card.js";
+import r from "./KPICard.module.css.js";
+const f = t(
+  ({ items: e, columns: s, className: o, ...m }, c) => {
+    const d = s ?? e.length;
+    return /* @__PURE__ */ a(p, { ref: c, className: i(r.root, o), ...m, children: /* @__PURE__ */ a(
+      "div",
+      {
+        className: r.grid,
+        style: { gridTemplateColumns: `repeat(${d}, 1fr)` },
+        children: e.map((l) => /* @__PURE__ */ n("div", { className: r.item, children: [
+          /* @__PURE__ */ a("span", { className: r.label, children: l.label }),
+          /* @__PURE__ */ a("span", { className: r.value, children: l.value })
+        ] }, l.label))
+      }
+    ) });
+  }
+);
+f.displayName = "KPICard";
+export {
+  f as KPICard
+};

package/dist/components/Card/KPICard.module.css

@@ -0,0 +1 @@
+._grid_jnnb1_5{display:grid}._item_jnnb1_9{display:flex;flex-direction:column;gap:var(--st-space-1);padding:var(--st-space-4) var(--st-space-5)}._item_jnnb1_9:not(:last-child){border-right:1px solid var(--st-color-border)}._label_jnnb1_20{font-size:var(--st-font-size-xs);color:var(--st-color-muted);font-weight:var(--st-font-weight-medium)}._value_jnnb1_26{font-size:var(--st-font-size-2xl);font-weight:var(--st-font-weight-semibold);color:var(--st-color-foreground);line-height:var(--st-line-height-tight)}

package/dist/components/Card/KPICard.module.css.js

@@ -0,0 +1,15 @@
+import './KPICard.module.css';const n = "_root_jnnb1_1", t = "_grid_jnnb1_5", _ = "_item_jnnb1_9", o = "_label_jnnb1_20", e = "_value_jnnb1_26", l = {
+  root: n,
+  grid: t,
+  item: _,
+  label: o,
+  value: e
+};
+export {
+  l as default,
+  t as grid,
+  _ as item,
+  o as label,
+  n as root,
+  e as value
+};

package/dist/components/Card/KPICard.types.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes } from 'react';
+export interface KPIItem {
+    label: string;
+    value: string | number;
+}
+export interface KPICardProps extends HTMLAttributes<HTMLDivElement> {
+    /** KPI items to display. */
+    items: KPIItem[];
+    /** Grid columns (defaults to items.length). */
+    columns?: number;
+}
+//# sourceMappingURL=KPICard.types.d.ts.map

package/dist/components/Card/KPICard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KPICard.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/KPICard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,4BAA4B;IAC5B,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/dist/components/Card/ListItemCard.d.ts

@@ -0,0 +1,3 @@
+import { ListItemCardProps } from './ListItemCard.types';
+export declare const ListItemCard: import('react').ForwardRefExoticComponent<ListItemCardProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ListItemCard.d.ts.map

package/dist/components/Card/ListItemCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemCard.d.ts","sourceRoot":"","sources":["../../../src/components/Card/ListItemCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAG9D,eAAO,MAAM,YAAY,8GA2BxB,CAAC"}

package/dist/components/Card/ListItemCard.js

@@ -0,0 +1,24 @@
+import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { cn as p } from "../../utils/cn.js";
+import { Card as N } from "./Card.js";
+import { CardHeader as h } from "./CardHeader.js";
+import r from "./ListItemCard.module.css.js";
+const f = m(
+  ({ title: c, action: i, items: n, className: o, ...l }, d) => /* @__PURE__ */ e(N, { ref: d, className: p(r.root, o), ...l, children: [
+    c && /* @__PURE__ */ s(h, { title: c, action: i, border: !0 }),
+    /* @__PURE__ */ s("div", { className: r.list, children: n.map((a, t) => /* @__PURE__ */ e("div", { className: r.item, children: [
+      a.icon && /* @__PURE__ */ s("span", { className: r.icon, children: a.icon }),
+      /* @__PURE__ */ e("div", { className: r.content, children: [
+        /* @__PURE__ */ s("span", { className: r.itemTitle, children: a.title }),
+        a.description && /* @__PURE__ */ s("span", { className: r.itemDescription, children: a.description })
+      ] }),
+      a.value && /* @__PURE__ */ s("span", { className: r.value, children: a.value }),
+      a.action && /* @__PURE__ */ s("span", { className: r.action, children: a.action })
+    ] }, t)) })
+  ] })
+);
+f.displayName = "ListItemCard";
+export {
+  f as ListItemCard
+};

package/dist/components/Card/ListItemCard.module.css

@@ -0,0 +1 @@
+._list_xt27h_5{display:flex;flex-direction:column}._item_xt27h_10{display:flex;align-items:center;gap:var(--st-space-3);padding:var(--st-space-3) var(--st-space-5)}._item_xt27h_10:not(:last-child){border-bottom:1px solid var(--st-color-border)}._icon_xt27h_21{display:flex;align-items:center;flex-shrink:0;color:var(--st-color-muted)}._content_xt27h_28{display:flex;flex-direction:column;gap:var(--st-space-0);min-width:0;flex:1}._itemTitle_xt27h_36{font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-medium);color:var(--st-color-foreground)}._itemDescription_xt27h_42{font-size:var(--st-font-size-xs);color:var(--st-color-muted)}._value_xt27h_47{font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-semibold);color:var(--st-color-foreground);flex-shrink:0;margin-left:auto}._action_xt27h_55{display:flex;align-items:center;flex-shrink:0}

package/dist/components/Card/ListItemCard.module.css.js

@@ -0,0 +1,23 @@
+import './ListItemCard.module.css';const t = "_root_xt27h_1", o = "_list_xt27h_5", i = "_item_xt27h_10", _ = "_icon_xt27h_21", n = "_content_xt27h_28", e = "_itemTitle_xt27h_36", c = "_itemDescription_xt27h_42", s = "_value_xt27h_47", l = "_action_xt27h_55", x = {
+  root: t,
+  list: o,
+  item: i,
+  icon: _,
+  content: n,
+  itemTitle: e,
+  itemDescription: c,
+  value: s,
+  action: l
+};
+export {
+  l as action,
+  n as content,
+  x as default,
+  _ as icon,
+  i as item,
+  c as itemDescription,
+  e as itemTitle,
+  o as list,
+  t as root,
+  s as value
+};

package/dist/components/Card/ListItemCard.types.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface ListItem {
+    icon?: ReactNode;
+    title: string;
+    description?: string;
+    value?: ReactNode;
+    action?: ReactNode;
+}
+export interface ListItemCardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Card header title. */
+    title?: string;
+    /** Header action. */
+    action?: ReactNode;
+    /** List items. */
+    items: ListItem[];
+}
+//# sourceMappingURL=ListItemCard.types.d.ts.map

package/dist/components/Card/ListItemCard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/ListItemCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,QAAQ;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kBAAkB;IAClB,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB"}

package/dist/components/Card/PlanCard.d.ts

@@ -0,0 +1,3 @@
+import { PlanCardProps } from './PlanCard.types';
+export declare const PlanCard: import('react').ForwardRefExoticComponent<PlanCardProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PlanCard.d.ts.map

package/dist/components/Card/PlanCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanCard.d.ts","sourceRoot":"","sources":["../../../src/components/Card/PlanCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA+BtD,eAAO,MAAM,QAAQ,0GAsEpB,CAAC"}

package/dist/components/Card/PlanCard.js

@@ -0,0 +1,93 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { cn as d } from "../../utils/cn.js";
+import { Card as C } from "./Card.js";
+import { Button as x } from "../Button/Button.js";
+import e from "./PlanCard.module.css.js";
+function L() {
+  return /* @__PURE__ */ r("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M3 8.5L6.5 12L13 4",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function g() {
+  return /* @__PURE__ */ r("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M4 4L12 12M12 4L4 12",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+const w = v(
+  ({
+    icon: l,
+    title: h,
+    description: c,
+    price: m,
+    period: o,
+    features: i,
+    recommended: s = !1,
+    current: p = !1,
+    actionLabel: t,
+    onAction: u,
+    className: N,
+    ...f
+  }, k) => /* @__PURE__ */ n(
+    C,
+    {
+      ref: k,
+      className: d(e.root, s && e.recommended, N),
+      ...f,
+      children: [
+        /* @__PURE__ */ n("div", { className: e.header, children: [
+          /* @__PURE__ */ n("div", { className: e.titleRow, children: [
+            l && /* @__PURE__ */ r("span", { className: e.icon, children: l }),
+            /* @__PURE__ */ r("span", { className: e.title, children: h })
+          ] }),
+          s && /* @__PURE__ */ r("span", { className: e.badge, children: "Recommended" }),
+          p && /* @__PURE__ */ r("span", { className: e.currentLabel, children: "Your Current Plan" }),
+          c && /* @__PURE__ */ r("p", { className: e.description, children: c })
+        ] }),
+        /* @__PURE__ */ n("div", { className: e.pricing, children: [
+          /* @__PURE__ */ r("span", { className: e.price, children: m }),
+          o && /* @__PURE__ */ r("span", { className: e.period, children: o })
+        ] }),
+        i && i.length > 0 && /* @__PURE__ */ r("ul", { className: e.features, children: i.map((a) => /* @__PURE__ */ n(
+          "li",
+          {
+            className: d(e.feature, !a.included && e.excluded),
+            children: [
+              /* @__PURE__ */ r("span", { className: e.featureIcon, children: a.included ? /* @__PURE__ */ r(L, {}) : /* @__PURE__ */ r(g, {}) }),
+              /* @__PURE__ */ r("span", { children: a.text })
+            ]
+          },
+          a.text
+        )) }),
+        t && /* @__PURE__ */ r("div", { className: e.action, children: /* @__PURE__ */ r(
+          x,
+          {
+            variant: s ? "fill" : "outline",
+            size: "md",
+            onClick: u,
+            className: e.cta,
+            children: t
+          }
+        ) })
+      ]
+    }
+  )
+);
+w.displayName = "PlanCard";
+export {
+  w as PlanCard
+};

package/dist/components/Card/PlanCard.module.css

@@ -0,0 +1 @@
+._root_1qoqi_1{padding:var(--st-space-5);display:flex;flex-direction:column;gap:var(--st-space-5)}._recommended_1qoqi_8{border-color:var(--st-color-primary);border-width:2px}._header_1qoqi_15{display:flex;flex-direction:column;gap:var(--st-space-1)}._titleRow_1qoqi_21{display:flex;align-items:center;gap:var(--st-space-2)}._icon_1qoqi_27{display:flex;align-items:center;flex-shrink:0;color:var(--st-color-primary)}._title_1qoqi_21{font-size:var(--st-font-size-lg);font-weight:var(--st-font-weight-semibold);color:var(--st-color-foreground)}._badge_1qoqi_40{display:inline-flex;align-self:flex-start;padding:var(--st-space-1) var(--st-space-2);border-radius:var(--st-radius-full);background-color:var(--st-color-primary-subtle);color:var(--st-color-primary);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-medium)}._currentLabel_1qoqi_51{font-size:var(--st-font-size-xs);color:var(--st-color-muted);font-weight:var(--st-font-weight-medium)}._description_1qoqi_57{font-size:var(--st-font-size-sm);color:var(--st-color-muted);line-height:var(--st-line-height-normal)}._pricing_1qoqi_65{display:flex;align-items:baseline;gap:var(--st-space-1)}._price_1qoqi_71{font-size:var(--st-font-size-3xl);font-weight:var(--st-font-weight-bold);color:var(--st-color-foreground);line-height:var(--st-line-height-tight)}._period_1qoqi_78{font-size:var(--st-font-size-sm);color:var(--st-color-muted)}._features_1qoqi_85{display:flex;flex-direction:column;gap:var(--st-space-2);list-style:none;padding:0;margin:0}._feature_1qoqi_85{display:flex;align-items:center;gap:var(--st-space-2);font-size:var(--st-font-size-sm);color:var(--st-color-foreground)}._excluded_1qoqi_102{color:var(--st-color-muted)}._featureIcon_1qoqi_106{display:flex;align-items:center;flex-shrink:0;color:var(--st-color-success)}._excluded_1qoqi_102 ._featureIcon_1qoqi_106{color:var(--st-color-neutral-400)}._action_1qoqi_119{margin-top:auto}._cta_1qoqi_123{width:100%}

package/dist/components/Card/PlanCard.module.css.js

@@ -0,0 +1,41 @@
+import './PlanCard.module.css';const e = "_root_1qoqi_1", o = "_recommended_1qoqi_8", t = "_header_1qoqi_15", _ = "_titleRow_1qoqi_21", c = "_icon_1qoqi_27", i = "_title_1qoqi_21", n = "_badge_1qoqi_40", r = "_currentLabel_1qoqi_51", q = "_description_1qoqi_57", s = "_pricing_1qoqi_65", a = "_price_1qoqi_71", d = "_period_1qoqi_78", u = "_features_1qoqi_85", l = "_feature_1qoqi_85", p = "_excluded_1qoqi_102", f = "_featureIcon_1qoqi_106", b = "_action_1qoqi_119", g = "_cta_1qoqi_123", m = {
+  root: e,
+  recommended: o,
+  header: t,
+  titleRow: _,
+  icon: c,
+  title: i,
+  badge: n,
+  currentLabel: r,
+  description: q,
+  pricing: s,
+  price: a,
+  period: d,
+  features: u,
+  feature: l,
+  excluded: p,
+  featureIcon: f,
+  action: b,
+  cta: g
+};
+export {
+  b as action,
+  n as badge,
+  g as cta,
+  r as currentLabel,
+  m as default,
+  q as description,
+  p as excluded,
+  l as feature,
+  f as featureIcon,
+  u as features,
+  t as header,
+  c as icon,
+  d as period,
+  a as price,
+  s as pricing,
+  o as recommended,
+  e as root,
+  i as title,
+  _ as titleRow
+};

package/dist/components/Card/PlanCard.types.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface PlanCardFeature {
+    text: string;
+    included: boolean;
+}
+export interface PlanCardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Plan icon. */
+    icon?: ReactNode;
+    /** Plan name. */
+    title: string;
+    /** Plan description. */
+    description?: string;
+    /** Price display (e.g. "$9.99"). */
+    price: string;
+    /** Billing period (e.g. "/month"). */
+    period?: string;
+    /** Feature list with included/excluded status. */
+    features?: PlanCardFeature[];
+    /** Highlighted border + badge. */
+    recommended?: boolean;
+    /** "Your Current Plan" label. */
+    current?: boolean;
+    /** CTA button text. */
+    actionLabel?: string;
+    /** CTA click handler. */
+    onAction?: () => void;
+}
+//# sourceMappingURL=PlanCard.types.d.ts.map

package/dist/components/Card/PlanCard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/PlanCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,iBAAiB;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;IAC7B,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB"}

package/dist/components/Card/ProductCard.d.ts

@@ -0,0 +1,3 @@
+import { ProductCardProps } from './ProductCard.types';
+export declare const ProductCard: import('react').ForwardRefExoticComponent<ProductCardProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ProductCard.d.ts.map

package/dist/components/Card/ProductCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.d.ts","sourceRoot":"","sources":["../../../src/components/Card/ProductCard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,WAAW,6GA+CvB,CAAC"}

package/dist/components/Card/ProductCard.js

@@ -0,0 +1,52 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { cn as v } from "../../utils/cn.js";
+import { Card as u } from "./Card.js";
+import a from "./ProductCard.module.css.js";
+const x = h(
+  ({
+    image: s,
+    imageAlt: m = "",
+    title: o,
+    description: c,
+    price: i,
+    badges: l,
+    layout: t = "vertical",
+    featured: n = !1,
+    actions: d,
+    className: N,
+    ...f
+  }, p) => /* @__PURE__ */ e(
+    u,
+    {
+      ref: p,
+      className: v(
+        a.root,
+        a[t],
+        n && a.featured,
+        N
+      ),
+      ...f,
+      children: [
+        s && /* @__PURE__ */ e("div", { className: a.imageWrap, children: [
+          /* @__PURE__ */ r("img", { src: s, alt: m, className: a.image }),
+          l && /* @__PURE__ */ r("div", { className: a.badges, children: l })
+        ] }),
+        /* @__PURE__ */ e("div", { className: a.body, children: [
+          /* @__PURE__ */ e("div", { className: a.info, children: [
+            /* @__PURE__ */ r("span", { className: a.title, children: o }),
+            c && /* @__PURE__ */ r("p", { className: a.description, children: c })
+          ] }),
+          /* @__PURE__ */ e("div", { className: a.footer, children: [
+            i && /* @__PURE__ */ r("span", { className: a.price, children: i }),
+            d && /* @__PURE__ */ r("div", { className: a.actions, children: d })
+          ] })
+        ] })
+      ]
+    }
+  )
+);
+x.displayName = "ProductCard";
+export {
+  x as ProductCard
+};

package/dist/components/Card/ProductCard.module.css

@@ -0,0 +1 @@
+._root_wmmdk_1{display:flex;overflow:hidden}._vertical_wmmdk_8{flex-direction:column}._horizontal_wmmdk_12{flex-direction:row}._featured_wmmdk_18{background:var(--st-color-neutral-900);color:#fff;border-color:var(--st-color-neutral-800)}._imageWrap_wmmdk_26{position:relative;overflow:hidden;flex-shrink:0}._vertical_wmmdk_8 ._imageWrap_wmmdk_26{aspect-ratio:16 / 10}._horizontal_wmmdk_12 ._imageWrap_wmmdk_26{width:200px}._image_wmmdk_26{width:100%;height:100%;object-fit:cover;display:block}._badges_wmmdk_47{position:absolute;top:var(--st-space-3);left:var(--st-space-3);display:flex;gap:var(--st-space-1)}._body_wmmdk_57{display:flex;flex-direction:column;gap:var(--st-space-3);padding:var(--st-space-4);flex:1;min-width:0}._info_wmmdk_66{display:flex;flex-direction:column;gap:var(--st-space-1)}._title_wmmdk_72{font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-semibold);color:var(--st-color-foreground);line-height:var(--st-line-height-tight)}._featured_wmmdk_18 ._title_wmmdk_72{color:#fff}._description_wmmdk_83{font-size:var(--st-font-size-sm);color:var(--st-color-muted);line-height:var(--st-line-height-normal);margin:0}._featured_wmmdk_18 ._description_wmmdk_83{color:var(--st-color-neutral-400)}._footer_wmmdk_96{display:flex;align-items:center;justify-content:space-between;gap:var(--st-space-2);margin-top:auto}._price_wmmdk_104{font-size:var(--st-font-size-md);font-weight:var(--st-font-weight-semibold);color:var(--st-color-foreground)}._featured_wmmdk_18 ._price_wmmdk_104{color:#fff}._actions_wmmdk_114{display:flex;align-items:center;gap:var(--st-space-2)}

package/dist/components/Card/ProductCard.module.css.js

@@ -0,0 +1,33 @@
+import './ProductCard.module.css';const o = "_root_wmmdk_1", t = "_vertical_wmmdk_8", _ = "_horizontal_wmmdk_12", m = "_featured_wmmdk_18", e = "_imageWrap_wmmdk_26", i = "_image_wmmdk_26", c = "_badges_wmmdk_47", d = "_body_wmmdk_57", n = "_info_wmmdk_66", s = "_title_wmmdk_72", a = "_description_wmmdk_83", r = "_footer_wmmdk_96", k = "_price_wmmdk_104", w = "_actions_wmmdk_114", l = {
+  root: o,
+  vertical: t,
+  horizontal: _,
+  featured: m,
+  imageWrap: e,
+  image: i,
+  badges: c,
+  body: d,
+  info: n,
+  title: s,
+  description: a,
+  footer: r,
+  price: k,
+  actions: w
+};
+export {
+  w as actions,
+  c as badges,
+  d as body,
+  l as default,
+  a as description,
+  m as featured,
+  r as footer,
+  _ as horizontal,
+  i as image,
+  e as imageWrap,
+  n as info,
+  k as price,
+  o as root,
+  s as title,
+  t as vertical
+};

package/dist/components/Card/ProductCard.types.d.ts

@@ -0,0 +1,23 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type ProductCardLayout = 'vertical' | 'horizontal';
+export interface ProductCardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Product image URL. */
+    image?: string;
+    /** Image alt text. */
+    imageAlt?: string;
+    /** Product name. */
+    title: string;
+    /** Product description. */
+    description?: string;
+    /** Price text. */
+    price?: string;
+    /** Badge/tag elements. */
+    badges?: ReactNode;
+    /** Image position layout. */
+    layout?: ProductCardLayout;
+    /** Dark background variant. */
+    featured?: boolean;
+    /** Action buttons/icons. */
+    actions?: ReactNode;
+}
+//# sourceMappingURL=ProductCard.types.d.ts.map

package/dist/components/Card/ProductCard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/ProductCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,YAAY,CAAC;AAE1D,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB"}

package/dist/components/Card/StatCard.d.ts

@@ -0,0 +1,3 @@
+import { StatCardProps } from './StatCard.types';
+export declare const StatCard: import('react').ForwardRefExoticComponent<StatCardProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=StatCard.d.ts.map

package/dist/components/Card/StatCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../../src/components/Card/StatCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,QAAQ,0GAepB,CAAC"}

package/dist/components/Card/StatCard.js

@@ -0,0 +1,23 @@
+import { jsxs as a, jsx as m } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { cn as f } from "../../utils/cn.js";
+import { Card as n } from "./Card.js";
+import { CardHeader as C } from "./CardHeader.js";
+import { CardContent as N } from "./CardContent.js";
+import r from "./StatCard.module.css.js";
+const h = p(
+  ({ title: t, value: e, trend: s, action: i, className: d, children: o, ...c }, l) => /* @__PURE__ */ a(n, { ref: l, className: f(r.root, d), ...c, children: [
+    /* @__PURE__ */ m(C, { title: t, action: i }),
+    /* @__PURE__ */ a(N, { children: [
+      /* @__PURE__ */ a("div", { className: r.metric, children: [
+        /* @__PURE__ */ m("span", { className: r.value, children: e }),
+        s
+      ] }),
+      o && /* @__PURE__ */ m("div", { className: r.chart, children: o })
+    ] })
+  ] })
+);
+h.displayName = "StatCard";
+export {
+  h as StatCard
+};

package/dist/components/Card/StatCard.module.css

@@ -0,0 +1 @@
+._metric_1sa7n_5{display:flex;align-items:center;gap:var(--st-space-2)}._value_1sa7n_11{font-size:var(--st-font-size-2xl);font-weight:var(--st-font-weight-semibold);color:var(--st-color-foreground);line-height:var(--st-line-height-tight)}._chart_1sa7n_18{margin-top:var(--st-space-4)}

package/dist/components/Card/StatCard.module.css.js

@@ -0,0 +1,13 @@
+import './StatCard.module.css';const t = "_root_1sa7n_1", a = "_metric_1sa7n_5", o = "_value_1sa7n_11", s = "_chart_1sa7n_18", _ = {
+  root: t,
+  metric: a,
+  value: o,
+  chart: s
+};
+export {
+  s as chart,
+  _ as default,
+  a as metric,
+  t as root,
+  o as value
+};

package/dist/components/Card/StatCard.types.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface StatCardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Metric label. */
+    title: string;
+    /** Large metric value. */
+    value: string | number;
+    /** TrendBadge or custom indicator. */
+    trend?: ReactNode;
+    /** Time selector, dropdown, etc. */
+    action?: ReactNode;
+}
+//# sourceMappingURL=StatCard.types.d.ts.map

package/dist/components/Card/StatCard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/StatCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,sCAAsC;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,oCAAoC;IACpC,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB"}

package/dist/components/Card/UserGroupCard.d.ts

@@ -0,0 +1,3 @@
+import { UserGroupCardProps } from './UserGroupCard.types';
+export declare const UserGroupCard: import('react').ForwardRefExoticComponent<UserGroupCardProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=UserGroupCard.d.ts.map

package/dist/components/Card/UserGroupCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserGroupCard.d.ts","sourceRoot":"","sources":["../../../src/components/Card/UserGroupCard.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE,eAAO,MAAM,aAAa,+GAgDzB,CAAC"}

package/dist/components/Card/UserGroupCard.js

@@ -0,0 +1,44 @@
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { cn as u } from "../../utils/cn.js";
+import { Card as x } from "./Card.js";
+import { Avatar as v } from "../Avatar/Avatar.js";
+import { AvatarGroup as C } from "../Avatar/AvatarGroup.js";
+import r from "./UserGroupCard.module.css.js";
+const G = N(
+  ({
+    title: i,
+    description: m,
+    value: e,
+    avatars: a,
+    avatarLimit: n,
+    media: d,
+    action: o,
+    className: p,
+    ...t
+  }, h) => /* @__PURE__ */ l(
+    x,
+    {
+      ref: h,
+      className: u(r.root, p),
+      padding: "md",
+      ...t,
+      children: [
+        (i || m || e) && /* @__PURE__ */ l("div", { className: r.header, children: [
+          /* @__PURE__ */ l("div", { className: r.text, children: [
+            i && /* @__PURE__ */ s("span", { className: r.title, children: i }),
+            m && /* @__PURE__ */ s("p", { className: r.description, children: m })
+          ] }),
+          e != null && /* @__PURE__ */ s("span", { className: r.value, children: e })
+        ] }),
+        d && /* @__PURE__ */ s("div", { className: r.media, children: d }),
+        a && a.length > 0 && /* @__PURE__ */ s(C, { size: "sm", limit: n, children: a.map((c, f) => /* @__PURE__ */ s(v, { src: c.src, initials: c.initials }, f)) }),
+        o && /* @__PURE__ */ s("div", { className: r.action, children: o })
+      ]
+    }
+  )
+);
+G.displayName = "UserGroupCard";
+export {
+  G as UserGroupCard
+};

package/dist/components/Card/UserGroupCard.module.css

@@ -0,0 +1 @@
+._root_sawpr_1{display:flex;flex-direction:column;gap:var(--st-space-4)}._header_sawpr_7{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--st-space-3)}._text_sawpr_14{display:flex;flex-direction:column;gap:var(--st-space-1);min-width:0}._title_sawpr_21{font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-semibold);color:var(--st-color-foreground)}._description_sawpr_27{font-size:var(--st-font-size-xs);color:var(--st-color-muted);line-height:var(--st-line-height-normal);margin:0}._value_sawpr_34{font-size:var(--st-font-size-2xl);font-weight:var(--st-font-weight-semibold);color:var(--st-color-foreground);line-height:var(--st-line-height-tight);flex-shrink:0}._media_sawpr_42{border-radius:var(--st-radius-lg);overflow:hidden}._action_sawpr_47{display:flex;align-items:center}

package/dist/components/Card/UserGroupCard.module.css.js

@@ -0,0 +1,21 @@
+import './UserGroupCard.module.css';const t = "_root_sawpr_1", e = "_header_sawpr_7", _ = "_text_sawpr_14", s = "_title_sawpr_21", a = "_description_sawpr_27", o = "_value_sawpr_34", r = "_media_sawpr_42", c = "_action_sawpr_47", i = {
+  root: t,
+  header: e,
+  text: _,
+  title: s,
+  description: a,
+  value: o,
+  media: r,
+  action: c
+};
+export {
+  c as action,
+  i as default,
+  a as description,
+  e as header,
+  r as media,
+  t as root,
+  _ as text,
+  s as title,
+  o as value
+};

package/dist/components/Card/UserGroupCard.types.d.ts

@@ -0,0 +1,22 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface UserGroupAvatar {
+    src?: string;
+    initials?: string;
+}
+export interface UserGroupCardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Card title. */
+    title?: string;
+    /** Description text. */
+    description?: string;
+    /** Large value display. */
+    value?: string | number;
+    /** Avatar data array. */
+    avatars?: UserGroupAvatar[];
+    /** Max visible avatars. */
+    avatarLimit?: number;
+    /** Image grid or custom content. */
+    media?: ReactNode;
+    /** Action slot. */
+    action?: ReactNode;
+}
+//# sourceMappingURL=UserGroupCard.types.d.ts.map

package/dist/components/Card/UserGroupCard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserGroupCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/UserGroupCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,yBAAyB;IACzB,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mBAAmB;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB"}