soadtech-ui 0.1.0

package/dist/components/Calendar/Calendar.types.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes } from 'react';
+export type CalendarHeaderAlign = 'left' | 'center' | 'right';
+export interface CalendarProps extends HTMLAttributes<HTMLDivElement> {
+    /** Displayed month (0–11). Component is controlled when provided. */
+    month?: number;
+    /** Displayed year. Component is controlled when provided. */
+    year?: number;
+    /** Selected date (single-selection mode). */
+    value?: Date | null;
+    /** Range start date. */
+    rangeStart?: Date | null;
+    /** Range end date. */
+    rangeEnd?: Date | null;
+    /** Dates that display an event indicator dot. */
+    events?: Date[];
+    /** Minimum selectable date. */
+    minDate?: Date;
+    /** Maximum selectable date. */
+    maxDate?: Date;
+    /** Header layout: where month/year selects and nav arrows are placed. */
+    headerAlign?: CalendarHeaderAlign;
+    /** Called when a day is clicked. */
+    onDateSelect?: (date: Date) => void;
+    /** Called when the displayed month/year changes via navigation. */
+    onMonthChange?: (month: number, year: number) => void;
+}
+//# sourceMappingURL=Calendar.types.d.ts.map

package/dist/components/Calendar/Calendar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9D,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,wBAAwB;IACxB,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,iDAAiD;IACjD,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC;IAChB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,+BAA+B;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,yEAAyE;IACzE,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,oCAAoC;IACpC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,mEAAmE;IACnE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD"}

package/dist/components/Calendar/CalendarDialog.d.ts

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

package/dist/components/Calendar/CalendarDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDialog.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAa,MAAM,wBAAwB,CAAC;AAG7E,eAAO,MAAM,cAAc,gHAmK1B,CAAC"}

package/dist/components/Calendar/CalendarDialog.js

@@ -0,0 +1,110 @@
+import { jsxs as m, jsx as p } from "react/jsx-runtime";
+import { forwardRef as U, useState as o, useCallback as v } from "react";
+import { cn as W } from "../../utils/cn.js";
+import { Calendar as z } from "./Calendar.js";
+import { Button as B } from "../Button/Button.js";
+import S from "./CalendarDialog.module.css.js";
+const X = U(
+  ({
+    mode: i = "basic",
+    defaultValue: n,
+    defaultRange: s,
+    headerAlign: y = "center",
+    events: Y,
+    minDate: N,
+    maxDate: T,
+    onCancel: L,
+    onDone: e,
+    className: I,
+    ...q
+  }, G) => {
+    const k = /* @__PURE__ */ new Date(), [h, H] = o(
+      n ?? null
+    ), [r, E] = o(
+      (s == null ? void 0 : s.start) ?? null
+    ), [c, g] = o(
+      (s == null ? void 0 : s.end) ?? null
+    ), [F, j] = o("start"), [a, C] = o(
+      () => {
+        var t;
+        return ((t = s == null ? void 0 : s.start) == null ? void 0 : t.getMonth()) ?? (n == null ? void 0 : n.getMonth()) ?? k.getMonth();
+      }
+    ), [M, b] = o(
+      () => {
+        var t;
+        return ((t = s == null ? void 0 : s.start) == null ? void 0 : t.getFullYear()) ?? (n == null ? void 0 : n.getFullYear()) ?? k.getFullYear();
+      }
+    ), J = a === 11 ? 0 : a + 1, K = a === 11 ? M + 1 : M, O = v((t) => {
+      H(t);
+    }, []), w = v(
+      (t) => {
+        F === "start" ? (E(t), g(null), j("end")) : (r && t.getTime() < r.getTime() ? (g(r), E(t)) : g(t), j("start"));
+      },
+      [F, r]
+    ), P = v(() => {
+      i === "basic" ? e == null || e(h) : r && c && (e == null || e({ start: r, end: c }));
+    }, [i, h, r, c, e]), x = r && c ? Math.round(
+      Math.abs(c.getTime() - r.getTime()) / (1e3 * 60 * 60 * 24)
+    ) + 1 : 0, Q = i === "basic" ? !h : !(r && c);
+    return /* @__PURE__ */ m("div", { ref: G, className: W(S.root, I), ...q, children: [
+      /* @__PURE__ */ m("div", { className: S.calendars, children: [
+        /* @__PURE__ */ p(
+          z,
+          {
+            month: a,
+            year: M,
+            value: i === "basic" ? h : void 0,
+            rangeStart: i === "range" ? r : void 0,
+            rangeEnd: i === "range" ? c : void 0,
+            headerAlign: y,
+            events: Y,
+            minDate: N,
+            maxDate: T,
+            onDateSelect: i === "basic" ? O : w,
+            onMonthChange: (t, l) => {
+              C(t), b(l);
+            }
+          }
+        ),
+        i === "range" && /* @__PURE__ */ p(
+          z,
+          {
+            month: J,
+            year: K,
+            rangeStart: r,
+            rangeEnd: c,
+            headerAlign: y,
+            events: Y,
+            minDate: N,
+            maxDate: T,
+            onDateSelect: w,
+            onMonthChange: (t, l) => {
+              t === 0 ? (C(11), b(l - 1)) : (C(t - 1), b(l));
+            }
+          }
+        )
+      ] }),
+      i === "range" && x > 0 && /* @__PURE__ */ m("p", { className: S.rangeInfo, children: [
+        x,
+        " days selected"
+      ] }),
+      /* @__PURE__ */ m("div", { className: S.actions, children: [
+        /* @__PURE__ */ p(B, { variant: "outline", size: "md", onClick: L, children: "Cancel" }),
+        /* @__PURE__ */ p(
+          B,
+          {
+            variant: "fill",
+            size: "md",
+            onClick: P,
+            disabled: Q,
+            children: "Done"
+          }
+        )
+      ] })
+    ] });
+  }
+);
+X.displayName = "CalendarDialog";
+export {
+  X as CalendarDialog
+};

package/dist/components/Calendar/CalendarDialog.module.css

@@ -0,0 +1 @@
+._root_a0api_1{font-family:var(--st-font-family);display:inline-flex;flex-direction:column;gap:var(--st-space-4);padding:var(--st-space-6);background:var(--st-color-surface);border-radius:var(--st-radius-xl);box-shadow:var(--st-shadow-lg);border:1px solid var(--st-color-border)}._calendars_a0api_13{display:flex;gap:var(--st-space-8)}._rangeInfo_a0api_18{font-size:var(--st-font-size-sm);color:var(--st-color-muted);text-align:center;margin:0}._actions_a0api_25{display:flex;justify-content:flex-end;gap:var(--st-space-3)}

package/dist/components/Calendar/CalendarDialog.module.css.js

@@ -0,0 +1,13 @@
+import './CalendarDialog.module.css';const a = "_root_a0api_1", o = "_calendars_a0api_13", n = "_rangeInfo_a0api_18", s = "_actions_a0api_25", t = {
+  root: a,
+  calendars: o,
+  rangeInfo: n,
+  actions: s
+};
+export {
+  s as actions,
+  o as calendars,
+  t as default,
+  n as rangeInfo,
+  a as root
+};

package/dist/components/Calendar/CalendarDialog.types.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes } from 'react';
+import { CalendarHeaderAlign } from './Calendar.types';
+export type CalendarDialogMode = 'basic' | 'range';
+export interface DateRange {
+    start: Date;
+    end: Date;
+}
+export interface CalendarDialogProps extends Omit<HTMLAttributes<HTMLDivElement>, 'defaultValue'> {
+    /** Single calendar or side-by-side range picker. */
+    mode?: CalendarDialogMode;
+    /** Initial selected date (basic mode). */
+    defaultValue?: Date | null;
+    /** Initial date range (range mode). */
+    defaultRange?: DateRange | null;
+    /** Header alignment passed to inner Calendar(s). */
+    headerAlign?: CalendarHeaderAlign;
+    /** Dates that display an event indicator dot. */
+    events?: Date[];
+    /** Minimum selectable date. */
+    minDate?: Date;
+    /** Maximum selectable date. */
+    maxDate?: Date;
+    /** Called when Cancel is clicked. */
+    onCancel?: () => void;
+    /** Called when Done is clicked. Returns Date (basic) or DateRange (range). */
+    onDone?: (value: Date | DateRange | null) => void;
+}
+//# sourceMappingURL=CalendarDialog.types.d.ts.map

package/dist/components/Calendar/CalendarDialog.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarDialog.types.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/CalendarDialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,IAAI,CAAC;IACZ,GAAG,EAAE,IAAI,CAAC;CACX;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC;IAC/F,oDAAoD;IACpD,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAC3B,uCAAuC;IACvC,YAAY,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAChC,oDAAoD;IACpD,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,iDAAiD;IACjD,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC;IAChB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,+BAA+B;IAC/B,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,qCAAqC;IACrC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD"}

package/dist/components/Calendar/index.d.ts

@@ -0,0 +1,5 @@
+export { Calendar } from './Calendar';
+export type { CalendarProps, CalendarHeaderAlign } from './Calendar.types';
+export { CalendarDialog } from './CalendarDialog';
+export type { CalendarDialogProps, CalendarDialogMode, DateRange, } from './CalendarDialog.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Calendar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE3E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,SAAS,GACV,MAAM,wBAAwB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,eAAO,MAAM,IAAI,sGA4BhB,CAAC"}

package/dist/components/Card/Card.js

@@ -0,0 +1,32 @@
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { cn as f } from "../../utils/cn.js";
+import r from "./Card.module.css.js";
+const i = d(
+  ({
+    variant: m = "outline",
+    padding: o = "none",
+    className: t,
+    children: a,
+    ...e
+  }, s) => /* @__PURE__ */ p(
+    "div",
+    {
+      ref: s,
+      className: f(
+        r.root,
+        r[m],
+        o === "sm" && r.padSm,
+        o === "md" && r.padMd,
+        o === "lg" && r.padLg,
+        t
+      ),
+      ...e,
+      children: a
+    }
+  )
+);
+i.displayName = "Card";
+export {
+  i as Card
+};

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

@@ -0,0 +1 @@
+._root_bcn03_1{font-family:var(--st-font-family);border-radius:var(--st-radius-xl);overflow:hidden}._outline_bcn03_9{background:var(--st-color-surface);border:1px solid var(--st-color-border)}._elevated_bcn03_14{background:var(--st-color-surface);box-shadow:var(--st-shadow-md)}._filled_bcn03_19{background:var(--st-color-surface-raised)}._padSm_bcn03_25{padding:var(--st-space-4)}._padMd_bcn03_29{padding:var(--st-space-5)}._padLg_bcn03_33{padding:var(--st-space-6)}

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

@@ -0,0 +1,19 @@
+import './Card.module.css';const _ = "_root_bcn03_1", t = "_outline_bcn03_9", d = "_elevated_bcn03_14", e = "_filled_bcn03_19", n = "_padSm_bcn03_25", o = "_padMd_bcn03_29", c = "_padLg_bcn03_33", a = {
+  root: _,
+  outline: t,
+  elevated: d,
+  filled: e,
+  padSm: n,
+  padMd: o,
+  padLg: c
+};
+export {
+  a as default,
+  d as elevated,
+  e as filled,
+  t as outline,
+  c as padLg,
+  o as padMd,
+  n as padSm,
+  _ as root
+};

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

@@ -0,0 +1,32 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type CardVariant = 'outline' | 'elevated' | 'filled';
+export type CardPadding = 'none' | 'sm' | 'md' | 'lg';
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Visual style. */
+    variant?: CardVariant;
+    /** Shorthand padding for simple cards (use sub-components for structured cards). */
+    padding?: CardPadding;
+}
+export type CardHeaderSize = 'sm' | 'md' | 'lg';
+export interface CardHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Header title text or node. */
+    title?: ReactNode;
+    /** Optional leading icon. */
+    icon?: ReactNode;
+    /** Right-aligned action area (buttons, selects, etc.). */
+    action?: ReactNode;
+    /** Show bottom border separator. */
+    border?: boolean;
+    /** Vertical density. */
+    size?: CardHeaderSize;
+}
+export interface CardContentProps extends HTMLAttributes<HTMLDivElement> {
+}
+export type CardFooterAlign = 'left' | 'center' | 'right' | 'between';
+export interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {
+    /** Show top border separator. */
+    border?: boolean;
+    /** Horizontal alignment of footer children. */
+    align?: CardFooterAlign;
+}
+//# sourceMappingURL=Card.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;AAC5D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,oBAAoB;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,oFAAoF;IACpF,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6BAA6B;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wBAAwB;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAE3E,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtE,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGrD,eAAO,MAAM,WAAW,6GAQvB,CAAC"}

package/dist/components/Card/CardContent.js

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { cn as n } from "../../utils/cn.js";
+import s from "./CardContent.module.css.js";
+const f = a(
+  ({ className: r, children: o, ...t }, m) => /* @__PURE__ */ e("div", { ref: m, className: n(s.root, r), ...t, children: o })
+);
+f.displayName = "CardContent";
+export {
+  f as CardContent
+};

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

@@ -0,0 +1 @@
+._root_1ede0_1{padding:0 var(--st-space-5) var(--st-space-5)}

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

@@ -0,0 +1,7 @@
+import './CardContent.module.css';const o = "_root_1ede0_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,eAAO,MAAM,UAAU,4GA0BtB,CAAC"}

package/dist/components/Card/CardFooter.js

@@ -0,0 +1,30 @@
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { cn as d } from "../../utils/cn.js";
+import r from "./CardFooter.module.css.js";
+const p = i(
+  ({
+    border: o = !1,
+    align: t = "right",
+    className: e,
+    children: m,
+    ...a
+  }, s) => /* @__PURE__ */ f(
+    "div",
+    {
+      ref: s,
+      className: d(
+        r.root,
+        r[t],
+        o && r.border,
+        e
+      ),
+      ...a,
+      children: m
+    }
+  )
+);
+p.displayName = "CardFooter";
+export {
+  p as CardFooter
+};

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

@@ -0,0 +1 @@
+._root_1eodd_1{display:flex;align-items:center;gap:var(--st-space-3);padding:0 var(--st-space-5) var(--st-space-5)}._border_1eodd_10{border-top:1px solid var(--st-color-border);padding-top:var(--st-space-4)}._left_1eodd_17{justify-content:flex-start}._center_1eodd_21{justify-content:center}._right_1eodd_25{justify-content:flex-end}._between_1eodd_29{justify-content:space-between}

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

@@ -0,0 +1,17 @@
+import './CardFooter.module.css';const e = "_root_1eodd_1", t = "_border_1eodd_10", o = "_left_1eodd_17", _ = "_center_1eodd_21", d = "_right_1eodd_25", r = "_between_1eodd_29", n = {
+  root: e,
+  border: t,
+  left: o,
+  center: _,
+  right: d,
+  between: r
+};
+export {
+  r as between,
+  t as border,
+  _ as center,
+  n as default,
+  o as left,
+  d as right,
+  e as root
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAGpD,eAAO,MAAM,UAAU,4GAsCtB,CAAC"}

package/dist/components/Card/CardHeader.js

@@ -0,0 +1,40 @@
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { cn as f } from "../../utils/cn.js";
+import r from "./CardHeader.module.css.js";
+const N = t(
+  ({
+    title: a,
+    icon: e,
+    action: d,
+    border: m = !1,
+    size: o = "md",
+    className: i,
+    children: c,
+    ...n
+  }, p) => /* @__PURE__ */ l(
+    "div",
+    {
+      ref: p,
+      className: f(
+        r.root,
+        r[o],
+        m && r.border,
+        i
+      ),
+      ...n,
+      children: [
+        (a || e) && /* @__PURE__ */ l("div", { className: r.titleWrap, children: [
+          e && /* @__PURE__ */ s("span", { className: r.icon, children: e }),
+          a != null && /* @__PURE__ */ s("span", { className: r.title, children: a })
+        ] }),
+        d && /* @__PURE__ */ s("div", { className: r.action, children: d }),
+        c
+      ]
+    }
+  )
+);
+N.displayName = "CardHeader";
+export {
+  N as CardHeader
+};

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

@@ -0,0 +1 @@
+._root_xduph_1{display:flex;align-items:center;justify-content:space-between;gap:var(--st-space-3)}._sm_xduph_10{padding:var(--st-space-2) var(--st-space-4)}._md_xduph_14{padding:var(--st-space-4) var(--st-space-5)}._lg_xduph_18{padding:var(--st-space-5) var(--st-space-6)}._border_xduph_24{border-bottom:1px solid var(--st-color-border)}._titleWrap_xduph_30{display:flex;align-items:center;gap:var(--st-space-2);min-width:0}._icon_xduph_37{display:flex;align-items:center;flex-shrink:0;color:var(--st-color-muted)}._title_xduph_30{font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-medium);color:var(--st-color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._action_xduph_55{display:flex;align-items:center;gap:var(--st-space-2);flex-shrink:0;margin-left:auto}

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

@@ -0,0 +1,23 @@
+import './CardHeader.module.css';const t = "_root_xduph_1", _ = "_sm_xduph_10", o = "_md_xduph_14", c = "_lg_xduph_18", d = "_border_xduph_24", n = "_titleWrap_xduph_30", s = "_icon_xduph_37", p = "_title_xduph_30", r = "_action_xduph_55", e = {
+  root: t,
+  sm: _,
+  md: o,
+  lg: c,
+  border: d,
+  titleWrap: n,
+  icon: s,
+  title: p,
+  action: r
+};
+export {
+  r as action,
+  d as border,
+  e as default,
+  s as icon,
+  c as lg,
+  o as md,
+  t as root,
+  _ as sm,
+  p as title,
+  n as titleWrap
+};

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

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

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

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

package/dist/components/Card/InsightCard.js

@@ -0,0 +1,64 @@
+import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import { cn as C } from "../../utils/cn.js";
+import { Card as g } from "./Card.js";
+import { Button as m } from "../Button/Button.js";
+import s from "./InsightCard.module.css.js";
+const x = v(
+  ({
+    icon: l,
+    badge: c,
+    title: n,
+    description: t,
+    variant: d = "light",
+    onDismiss: i,
+    onApply: e,
+    dismissLabel: o = "Dismiss",
+    applyLabel: h = "Apply",
+    className: p,
+    ...N
+  }, f) => /* @__PURE__ */ r(
+    g,
+    {
+      ref: f,
+      className: C(s.root, s[d], p),
+      ...N,
+      children: [
+        /* @__PURE__ */ r("div", { className: s.body, children: [
+          l && /* @__PURE__ */ a("span", { className: s.icon, children: l }),
+          /* @__PURE__ */ r("div", { className: s.content, children: [
+            c && /* @__PURE__ */ a("span", { className: s.badge, children: c }),
+            /* @__PURE__ */ a("span", { className: s.title, children: n }),
+            t && /* @__PURE__ */ a("p", { className: s.description, children: t })
+          ] })
+        ] }),
+        (i || e) && /* @__PURE__ */ r("div", { className: s.actions, children: [
+          i && /* @__PURE__ */ a(
+            m,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: i,
+              className: s.dismissBtn,
+              children: o
+            }
+          ),
+          e && /* @__PURE__ */ a(
+            m,
+            {
+              variant: "fill",
+              size: "sm",
+              onClick: e,
+              className: s.applyBtn,
+              children: h
+            }
+          )
+        ] })
+      ]
+    }
+  )
+);
+x.displayName = "InsightCard";
+export {
+  x as InsightCard
+};

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

@@ -0,0 +1 @@
+._root_wdmw2_1{padding:var(--st-space-5);display:flex;flex-direction:column;gap:var(--st-space-4)}._light_wdmw2_10{background:var(--st-color-surface);color:var(--st-color-foreground)}._dark_wdmw2_15{background:var(--st-color-neutral-900);color:#fff;border-color:var(--st-color-neutral-800)}._primary_wdmw2_21{background:var(--st-color-primary);color:#fff;border-color:var(--st-color-primary)}._body_wdmw2_29{display:flex;gap:var(--st-space-3)}._icon_wdmw2_34{display:flex;align-items:flex-start;flex-shrink:0}._content_wdmw2_40{display:flex;flex-direction:column;gap:var(--st-space-1);min-width:0}._badge_wdmw2_47{display:inline-flex;align-self:flex-start;padding:var(--st-space-1) var(--st-space-2);border-radius:var(--st-radius-full);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-medium);background:#ffffff26}._light_wdmw2_10 ._badge_wdmw2_47{background:var(--st-color-primary-subtle);color:var(--st-color-primary)}._title_wdmw2_62{font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-semibold);line-height:var(--st-line-height-tight)}._description_wdmw2_68{font-size:var(--st-font-size-sm);line-height:var(--st-line-height-normal);opacity:.8;margin:0}._light_wdmw2_10 ._description_wdmw2_68{color:var(--st-color-muted);opacity:1}._actions_wdmw2_82{display:flex;align-items:center;gap:var(--st-space-2)}._dark_wdmw2_15 ._dismissBtn_wdmw2_88,._primary_wdmw2_21 ._dismissBtn_wdmw2_88{color:#fffc}._dark_wdmw2_15 ._dismissBtn_wdmw2_88:hover,._primary_wdmw2_21 ._dismissBtn_wdmw2_88:hover{color:#fff}._dark_wdmw2_15 ._applyBtn_wdmw2_98{background:#fff;color:var(--st-color-neutral-900)}._primary_wdmw2_21 ._applyBtn_wdmw2_98{background:#fff;color:var(--st-color-primary)}

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

@@ -0,0 +1,31 @@
+import './InsightCard.module.css';const t = "_root_wdmw2_1", _ = "_light_wdmw2_10", o = "_dark_wdmw2_15", n = "_primary_wdmw2_21", s = "_body_wdmw2_29", d = "_icon_wdmw2_34", i = "_content_wdmw2_40", c = "_badge_wdmw2_47", w = "_title_wdmw2_62", m = "_description_wdmw2_68", a = "_actions_wdmw2_82", r = "_dismissBtn_wdmw2_88", e = "_applyBtn_wdmw2_98", p = {
+  root: t,
+  light: _,
+  dark: o,
+  primary: n,
+  body: s,
+  icon: d,
+  content: i,
+  badge: c,
+  title: w,
+  description: m,
+  actions: a,
+  dismissBtn: r,
+  applyBtn: e
+};
+export {
+  a as actions,
+  e as applyBtn,
+  c as badge,
+  s as body,
+  i as content,
+  o as dark,
+  p as default,
+  m as description,
+  r as dismissBtn,
+  d as icon,
+  _ as light,
+  n as primary,
+  t as root,
+  w as title
+};

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

@@ -0,0 +1,23 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type InsightCardVariant = 'light' | 'dark' | 'primary';
+export interface InsightCardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Leading icon. */
+    icon?: ReactNode;
+    /** Badge label (e.g. "Insight"). */
+    badge?: string;
+    /** Title text. */
+    title: string;
+    /** Body text. */
+    description?: string;
+    /** Color scheme. */
+    variant?: InsightCardVariant;
+    /** Dismiss handler. */
+    onDismiss?: () => void;
+    /** Apply handler. */
+    onApply?: () => void;
+    /** Dismiss button text. */
+    dismissLabel?: string;
+    /** Apply button text. */
+    applyLabel?: string;
+}
+//# sourceMappingURL=InsightCard.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InsightCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/InsightCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAE9D,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB;IACpB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yBAAyB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"KPICard.d.ts","sourceRoot":"","sources":["../../../src/components/Card/KPICard.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,yGAoBnB,CAAC"}