@alfadocs/ui-kit-debug 0.15.1 → 0.16.0

package/dist/_chunks/benefit-card-Czs0oXdi.js

@@ -0,0 +1,161 @@
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { forwardRef as u, useContext as k, Children as y, createContext as w } from "react";
+import { c as l } from "./index-D2ZczOXr.js";
+const b = [
+  "violet",
+  "purple",
+  "magenta",
+  "blue",
+  "green",
+  "red"
+], m = w(null), C = l("ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-lg)]", {
+  variants: {
+    columns: {
+      1: "ds:md:grid-cols-1",
+      2: "ds:md:grid-cols-2",
+      3: "ds:md:grid-cols-3",
+      4: "ds:md:grid-cols-4"
+    }
+  },
+  defaultVariants: { columns: 3 }
+}), N = l(
+  [
+    "ds:relative ds:rounded-[var(--radius-lg)] ds:overflow-hidden",
+    "ds:flex ds:flex-col ds:h-full",
+    "ds:bg-[var(--card)] ds:text-[var(--card-foreground)]",
+    // Hover lift — the transform is gated through `motion-safe:` so users
+    // with `prefers-reduced-motion: reduce` see only the shadow change.
+    // `--animation-duration` is pinned to 0ms in the accessible theme,
+    // which collapses the transition without dropping the rule entirely.
+    "ds:transition-[transform,box-shadow] ds:duration-[var(--animation-duration)]",
+    "ds:motion-reduce:transition-none",
+    "ds:hover:shadow-[var(--shadow-hover)]",
+    "ds:motion-safe:hover:-translate-y-0.5"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        elevated: "ds:shadow-[var(--shadow-card)]",
+        outlined: "ds:border ds:border-[color:var(--border)]"
+      },
+      // 4px accent strip via the logical `border-block-start` shorthand.
+      // Tailwind v4 doesn't ship per-side logical-border utilities, so the
+      // bracketed CSS shorthand is the kit's idiom (mirrors patterns at
+      // `src/patterns/operator-profile/operator-profile.tsx`).
+      accent: {
+        primary: "ds:[border-block-start:4px_solid_var(--primary)]",
+        accent: "ds:[border-block-start:4px_solid_var(--accent)]",
+        info: "ds:[border-block-start:4px_solid_var(--info)]",
+        success: "ds:[border-block-start:4px_solid_var(--success)]",
+        warning: "ds:[border-block-start:4px_solid_var(--warning)]",
+        violet: "ds:[border-block-start:4px_solid_var(--color-violet-500)]",
+        purple: "ds:[border-block-start:4px_solid_var(--color-purple-500)]",
+        magenta: "ds:[border-block-start:4px_solid_var(--color-magenta-500)]",
+        blue: "ds:[border-block-start:4px_solid_var(--color-blue-500)]",
+        green: "ds:[border-block-start:4px_solid_var(--color-green-500)]",
+        red: "ds:[border-block-start:4px_solid_var(--color-red-500)]"
+      }
+    },
+    defaultVariants: { variant: "elevated", accent: "primary" }
+  }
+), j = l(
+  [
+    "ds:inline-flex ds:items-center ds:justify-center",
+    "ds:size-12 ds:rounded-[var(--radius-md)] ds:shrink-0",
+    "ds:[&>svg]:size-6"
+  ].join(" "),
+  {
+    variants: {
+      accent: {
+        primary: "ds:text-[color:var(--primary)] ds:bg-[color-mix(in_srgb,var(--primary)_12%,var(--background))]",
+        accent: "ds:text-[color:var(--accent)] ds:bg-[color-mix(in_srgb,var(--accent)_12%,var(--background))]",
+        info: "ds:text-[color:var(--info)] ds:bg-[color-mix(in_srgb,var(--info)_12%,var(--background))]",
+        success: "ds:text-[color:var(--success)] ds:bg-[color-mix(in_srgb,var(--success)_12%,var(--background))]",
+        warning: "ds:text-[color:var(--warning)] ds:bg-[color-mix(in_srgb,var(--warning)_12%,var(--background))]",
+        violet: "ds:text-[color:var(--color-violet-500)] ds:bg-[color-mix(in_srgb,var(--color-violet-500)_12%,var(--background))]",
+        purple: "ds:text-[color:var(--color-purple-500)] ds:bg-[color-mix(in_srgb,var(--color-purple-500)_12%,var(--background))]",
+        magenta: "ds:text-[color:var(--color-magenta-500)] ds:bg-[color-mix(in_srgb,var(--color-magenta-500)_12%,var(--background))]",
+        blue: "ds:text-[color:var(--color-blue-500)] ds:bg-[color-mix(in_srgb,var(--color-blue-500)_12%,var(--background))]",
+        green: "ds:text-[color:var(--color-green-500)] ds:bg-[color-mix(in_srgb,var(--color-green-500)_12%,var(--background))]",
+        red: "ds:text-[color:var(--color-red-500)] ds:bg-[color-mix(in_srgb,var(--color-red-500)_12%,var(--background))]"
+      }
+    },
+    defaultVariants: { accent: "primary" }
+  }
+);
+function B(o, a) {
+  return o !== "auto" ? o : a ? b[a.index % b.length] : "primary";
+}
+const p = u(
+  ({ columns: o = 3, children: a, className: t, ...s }, n) => {
+    const c = y.toArray(a);
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: n,
+        "data-component": "benefit-card-row",
+        className: C({ columns: o, className: t }),
+        ...s,
+        children: c.map((e, d) => /* @__PURE__ */ r(m.Provider, { value: { index: d }, children: e }, d))
+      }
+    );
+  }
+);
+p.displayName = "BenefitCard.Row";
+const x = u(
+  ({
+    step: o,
+    icon: a,
+    title: t,
+    cta: s,
+    variant: n = "elevated",
+    accent: c = "auto",
+    children: e,
+    className: d,
+    ..._
+  }, f) => {
+    const h = k(m), i = B(c, h), v = typeof o == "number";
+    return /* @__PURE__ */ r(
+      "article",
+      {
+        ref: f,
+        "data-component": "benefit-card",
+        "data-accent": i,
+        className: N({ variant: n, accent: i, className: d }),
+        ..._,
+        children: /* @__PURE__ */ g("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-lg)] ds:flex-1", children: [
+          (a || v) && /* @__PURE__ */ g("div", { className: "ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]", children: [
+            a ? /* @__PURE__ */ r(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: j({ accent: i }),
+                children: a
+              }
+            ) : /* @__PURE__ */ r("span", { "aria-hidden": "true" }),
+            v ? /* @__PURE__ */ r(
+              "span",
+              {
+                "aria-hidden": "true",
+                "data-part": "step",
+                className: "type-eyebrow ds:rounded-[var(--radius-full)] ds:bg-[var(--muted)] ds:text-[var(--muted-foreground)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]",
+                children: String(o).padStart(2, "0")
+              }
+            ) : null
+          ] }),
+          /* @__PURE__ */ r("h3", { className: "type-title-card ds:text-[var(--foreground)]", children: t }),
+          e ? /* @__PURE__ */ r("div", { className: "type-body ds:text-[var(--muted-foreground)] ds:flex-1", children: e }) : null,
+          s ? /* @__PURE__ */ r("div", { className: "ds:mt-[var(--spacing-xs)]", children: s }) : null
+        ] })
+      }
+    );
+  }
+);
+x.displayName = "BenefitCard";
+const E = Object.assign(x, {
+  Row: p
+});
+export {
+  E as B
+};
+//# sourceMappingURL=benefit-card-Czs0oXdi.js.map

package/dist/_chunks/benefit-card-Czs0oXdi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"benefit-card-Czs0oXdi.js","sources":["../../src/components/benefit-card/benefit-card.tsx"],"sourcesContent":["/* ------------------------------------------------------------------ */\n/* BenefitCard — marketing-surface card for \"benefit row\" / \"how it    */\n/* works\" / \"why choose us\" sections.                                  */\n/*                                                                     */\n/* Visually distinguished from <Card> by:                              */\n/*   1. A 4px accent strip across the top (logical block-start).       */\n/*   2. A tinted icon chip inside the body using `color-mix(in srgb,   */\n/*      var(--accent-token) 12%, var(--background))`.                  */\n/*   3. An optional zero-padded step chip (\"01\", \"02\", ...) in the     */\n/*      top-end corner.                                                */\n/*   4. A hover lift (translateY -2px + --shadow-hover), gated through */\n/*      `--animation-duration` so the accessible theme freezes it.     */\n/*                                                                     */\n/* Compound API:                                                       */\n/*   <BenefitCard.Row columns={3}>                                     */\n/*     <BenefitCard step={1} icon={…} title=\"…\">…</BenefitCard>        */\n/*     ...                                                             */\n/*   </BenefitCard.Row>                                                */\n/*                                                                     */\n/* `accent=\"auto\"` rotates through the brand palette by row index      */\n/* (violet → purple → magenta → blue → green → red, then wraps).       */\n/* Outside a Row, `auto` falls back to `primary`.                      */\n/* ------------------------------------------------------------------ */\n\nimport {\n  Children,\n  createContext,\n  forwardRef,\n  useContext,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\n\n/* ------------------------------------------------------------------ */\n/* Accent wheel — used by `accent=\"auto\"` inside a Row.                */\n/* ------------------------------------------------------------------ */\n\nconst ACCENT_WHEEL = [\n  'violet',\n  'purple',\n  'magenta',\n  'blue',\n  'green',\n  'red',\n] as const;\n\ntype WheelAccent = (typeof ACCENT_WHEEL)[number];\ntype SemanticAccent = 'primary' | 'accent' | 'info' | 'success' | 'warning';\ntype ResolvedAccent = SemanticAccent | WheelAccent;\ntype AccentProp = SemanticAccent | WheelAccent | 'auto';\n\n/* ------------------------------------------------------------------ */\n/* Row context                                                          */\n/* ------------------------------------------------------------------ */\n\ninterface RowContextValue {\n  index: number;\n}\n\nconst RowContext = createContext<RowContextValue | null>(null);\n\n/* ------------------------------------------------------------------ */\n/* CVA — Row grid                                                       */\n/* ------------------------------------------------------------------ */\n\nconst rowVariants = cva('ds:grid ds:grid-cols-1 ds:gap-[var(--spacing-lg)]', {\n  variants: {\n    columns: {\n      1: 'ds:md:grid-cols-1',\n      2: 'ds:md:grid-cols-2',\n      3: 'ds:md:grid-cols-3',\n      4: 'ds:md:grid-cols-4',\n    },\n  },\n  defaultVariants: { columns: 3 },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — BenefitCard root                                               */\n/*                                                                      */\n/* The top 4px accent strip uses `border-block-start` (logical) so it   */\n/* sits at the inline-start-block-start corner regardless of writing    */\n/* direction. Border colour is set per-accent in the `accent` variant.  */\n/* ------------------------------------------------------------------ */\n\nconst cardVariants = cva(\n  [\n    'ds:relative ds:rounded-[var(--radius-lg)] ds:overflow-hidden',\n    'ds:flex ds:flex-col ds:h-full',\n    'ds:bg-[var(--card)] ds:text-[var(--card-foreground)]',\n    // Hover lift — the transform is gated through `motion-safe:` so users\n    // with `prefers-reduced-motion: reduce` see only the shadow change.\n    // `--animation-duration` is pinned to 0ms in the accessible theme,\n    // which collapses the transition without dropping the rule entirely.\n    'ds:transition-[transform,box-shadow] ds:duration-[var(--animation-duration)]',\n    'ds:motion-reduce:transition-none',\n    'ds:hover:shadow-[var(--shadow-hover)]',\n    'ds:motion-safe:hover:-translate-y-0.5',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        elevated: 'ds:shadow-[var(--shadow-card)]',\n        outlined: 'ds:border ds:border-[color:var(--border)]',\n      },\n      // 4px accent strip via the logical `border-block-start` shorthand.\n      // Tailwind v4 doesn't ship per-side logical-border utilities, so the\n      // bracketed CSS shorthand is the kit's idiom (mirrors patterns at\n      // `src/patterns/operator-profile/operator-profile.tsx`).\n      accent: {\n        primary: 'ds:[border-block-start:4px_solid_var(--primary)]',\n        accent: 'ds:[border-block-start:4px_solid_var(--accent)]',\n        info: 'ds:[border-block-start:4px_solid_var(--info)]',\n        success: 'ds:[border-block-start:4px_solid_var(--success)]',\n        warning: 'ds:[border-block-start:4px_solid_var(--warning)]',\n        violet: 'ds:[border-block-start:4px_solid_var(--color-violet-500)]',\n        purple: 'ds:[border-block-start:4px_solid_var(--color-purple-500)]',\n        magenta: 'ds:[border-block-start:4px_solid_var(--color-magenta-500)]',\n        blue: 'ds:[border-block-start:4px_solid_var(--color-blue-500)]',\n        green: 'ds:[border-block-start:4px_solid_var(--color-green-500)]',\n        red: 'ds:[border-block-start:4px_solid_var(--color-red-500)]',\n      },\n    },\n    defaultVariants: { variant: 'elevated', accent: 'primary' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* CVA — icon chip                                                      */\n/*                                                                      */\n/* The chip background uses `color-mix(in srgb, <token> 12%,            */\n/* var(--background))` so it stays legible across themes. The Tailwind  */\n/* JIT requires underscores in arbitrary-value classes wherever         */\n/* whitespace would otherwise terminate the class.                      */\n/* ------------------------------------------------------------------ */\n\nconst iconChipVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:justify-center',\n    'ds:size-12 ds:rounded-[var(--radius-md)] ds:shrink-0',\n    'ds:[&>svg]:size-6',\n  ].join(' '),\n  {\n    variants: {\n      accent: {\n        primary:\n          'ds:text-[color:var(--primary)] ds:bg-[color-mix(in_srgb,var(--primary)_12%,var(--background))]',\n        accent:\n          'ds:text-[color:var(--accent)] ds:bg-[color-mix(in_srgb,var(--accent)_12%,var(--background))]',\n        info: 'ds:text-[color:var(--info)] ds:bg-[color-mix(in_srgb,var(--info)_12%,var(--background))]',\n        success:\n          'ds:text-[color:var(--success)] ds:bg-[color-mix(in_srgb,var(--success)_12%,var(--background))]',\n        warning:\n          'ds:text-[color:var(--warning)] ds:bg-[color-mix(in_srgb,var(--warning)_12%,var(--background))]',\n        violet:\n          'ds:text-[color:var(--color-violet-500)] ds:bg-[color-mix(in_srgb,var(--color-violet-500)_12%,var(--background))]',\n        purple:\n          'ds:text-[color:var(--color-purple-500)] ds:bg-[color-mix(in_srgb,var(--color-purple-500)_12%,var(--background))]',\n        magenta:\n          'ds:text-[color:var(--color-magenta-500)] ds:bg-[color-mix(in_srgb,var(--color-magenta-500)_12%,var(--background))]',\n        blue: 'ds:text-[color:var(--color-blue-500)] ds:bg-[color-mix(in_srgb,var(--color-blue-500)_12%,var(--background))]',\n        green:\n          'ds:text-[color:var(--color-green-500)] ds:bg-[color-mix(in_srgb,var(--color-green-500)_12%,var(--background))]',\n        red: 'ds:text-[color:var(--color-red-500)] ds:bg-[color-mix(in_srgb,var(--color-red-500)_12%,var(--background))]',\n      },\n    },\n    defaultVariants: { accent: 'primary' },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                                */\n/* ------------------------------------------------------------------ */\n\nexport interface BenefitCardProps extends Omit<\n  HTMLAttributes<HTMLElement>,\n  'title'\n> {\n  /** Step number; rendered as a zero-padded chip (\"01\", \"02\", …). Omit to hide. */\n  step?: number;\n  /** Icon node — usually an `<svg>` 24-32px. Rendered inside a tinted square chip. */\n  icon?: ReactNode;\n  /** Card heading. Always rendered inside an `<h3>` — pass only inline / phrasing content. */\n  title: ReactNode;\n  /** Optional CTA — usually a `<Button intent=\"link\">` or kit `<Link>`. Rendered at the block-end. */\n  cta?: ReactNode;\n  /** Surface treatment. */\n  variant?: 'elevated' | 'outlined';\n  /**\n   * Accent colour. `auto` (default inside a `<BenefitCard.Row>`) rotates through the brand\n   * palette by row index: violet → purple → magenta → blue → green → red, then wraps.\n   * Outside a Row, `auto` falls back to `primary`.\n   */\n  accent?: AccentProp;\n  /** Body content (description / list / inline copy). */\n  children?: ReactNode;\n}\n\nexport interface BenefitCardRowProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** Number of columns at md+; defaults to 3. Collapses to 1 at < md. */\n  columns?: 1 | 2 | 3 | 4;\n  children?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* Accent resolution                                                    */\n/* ------------------------------------------------------------------ */\n\nfunction resolveAccent(\n  accent: AccentProp,\n  rowCtx: RowContextValue | null,\n): ResolvedAccent {\n  if (accent !== 'auto') return accent;\n  if (rowCtx) return ACCENT_WHEEL[rowCtx.index % ACCENT_WHEEL.length];\n  return 'primary';\n}\n\n/* ------------------------------------------------------------------ */\n/* Row                                                                  */\n/*                                                                      */\n/* Wraps every child in a `RowContext.Provider` so the child can look   */\n/* up its index and pick a wheel colour when `accent=\"auto\"`.           */\n/* ------------------------------------------------------------------ */\n\nconst BenefitCardRow = forwardRef<HTMLDivElement, BenefitCardRowProps>(\n  ({ columns = 3, children, className, ...rest }, ref) => {\n    const items = Children.toArray(children);\n    return (\n      <div\n        ref={ref}\n        data-component=\"benefit-card-row\"\n        className={rowVariants({ columns, className })}\n        {...rest}\n      >\n        {items.map((child, index) => (\n          <RowContext.Provider key={index} value={{ index }}>\n            {child}\n          </RowContext.Provider>\n        ))}\n      </div>\n    );\n  },\n);\nBenefitCardRow.displayName = 'BenefitCard.Row';\n\n/* ------------------------------------------------------------------ */\n/* Root                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst BenefitCardRoot = forwardRef<HTMLElement, BenefitCardProps>(\n  (\n    {\n      step,\n      icon,\n      title,\n      cta,\n      variant = 'elevated',\n      accent = 'auto',\n      children,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const rowCtx = useContext(RowContext);\n    const resolved = resolveAccent(accent, rowCtx);\n    const hasStep = typeof step === 'number';\n\n    return (\n      <article\n        ref={ref}\n        data-component=\"benefit-card\"\n        data-accent={resolved}\n        className={cardVariants({ variant, accent: resolved, className })}\n        {...rest}\n      >\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)] ds:p-[var(--spacing-lg)] ds:flex-1\">\n          {(icon || hasStep) && (\n            <div className=\"ds:flex ds:items-start ds:justify-between ds:gap-[var(--spacing-sm)]\">\n              {icon ? (\n                <span\n                  aria-hidden=\"true\"\n                  className={iconChipVariants({ accent: resolved })}\n                >\n                  {icon}\n                </span>\n              ) : (\n                <span aria-hidden=\"true\" />\n              )}\n              {hasStep ? (\n                <span\n                  aria-hidden=\"true\"\n                  data-part=\"step\"\n                  className=\"type-eyebrow ds:rounded-[var(--radius-full)] ds:bg-[var(--muted)] ds:text-[var(--muted-foreground)] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:py-[var(--spacing-xs)]\"\n                >\n                  {String(step).padStart(2, '0')}\n                </span>\n              ) : null}\n            </div>\n          )}\n          <h3 className=\"type-title-card ds:text-[var(--foreground)]\">\n            {title}\n          </h3>\n          {children ? (\n            <div className=\"type-body ds:text-[var(--muted-foreground)] ds:flex-1\">\n              {children}\n            </div>\n          ) : null}\n          {cta ? <div className=\"ds:mt-[var(--spacing-xs)]\">{cta}</div> : null}\n        </div>\n      </article>\n    );\n  },\n);\nBenefitCardRoot.displayName = 'BenefitCard';\n\n/* ------------------------------------------------------------------ */\n/* Compound export                                                      */\n/* ------------------------------------------------------------------ */\n\nexport const BenefitCard = Object.assign(BenefitCardRoot, {\n  Row: BenefitCardRow,\n});\n"],"names":["ACCENT_WHEEL","RowContext","createContext","rowVariants","cva","cardVariants","iconChipVariants","resolveAccent","accent","rowCtx","BenefitCardRow","forwardRef","columns","children","className","rest","ref","items","Children","jsx","child","index","BenefitCardRoot","step","icon","title","cta","variant","useContext","resolved","hasStep","jsxs","BenefitCard"],"mappings":"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"}

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.15.1",
+  "packageVersion": "0.16.0",
   "components": [
     {
       "kind": "component",
@@ -387,6 +387,20 @@
         }
       }
     },
+    {
+      "kind": "component",
+      "id": "benefit-card",
+      "capabilities": [],
+      "state": [],
+      "actions": [],
+      "domHooks": {
+        "root": {
+          "attr": "data-component",
+          "value": "benefit-card",
+          "description": "Marks the BenefitCard root. Presentational — no agent-driven state."
+        }
+      }
+    },
     {
       "kind": "component",
       "id": "breadcrumb",

package/dist/components/benefit-card/benefit-card.d.ts

@@ -0,0 +1,35 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+declare const ACCENT_WHEEL: readonly ["violet", "purple", "magenta", "blue", "green", "red"];
+type WheelAccent = (typeof ACCENT_WHEEL)[number];
+type SemanticAccent = 'primary' | 'accent' | 'info' | 'success' | 'warning';
+type AccentProp = SemanticAccent | WheelAccent | 'auto';
+export interface BenefitCardProps extends Omit<HTMLAttributes<HTMLElement>, 'title'> {
+    /** Step number; rendered as a zero-padded chip ("01", "02", …). Omit to hide. */
+    step?: number;
+    /** Icon node — usually an `<svg>` 24-32px. Rendered inside a tinted square chip. */
+    icon?: ReactNode;
+    /** Card heading. Always rendered inside an `<h3>` — pass only inline / phrasing content. */
+    title: ReactNode;
+    /** Optional CTA — usually a `<Button intent="link">` or kit `<Link>`. Rendered at the block-end. */
+    cta?: ReactNode;
+    /** Surface treatment. */
+    variant?: 'elevated' | 'outlined';
+    /**
+     * Accent colour. `auto` (default inside a `<BenefitCard.Row>`) rotates through the brand
+     * palette by row index: violet → purple → magenta → blue → green → red, then wraps.
+     * Outside a Row, `auto` falls back to `primary`.
+     */
+    accent?: AccentProp;
+    /** Body content (description / list / inline copy). */
+    children?: ReactNode;
+}
+export interface BenefitCardRowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /** Number of columns at md+; defaults to 3. Collapses to 1 at < md. */
+    columns?: 1 | 2 | 3 | 4;
+    children?: ReactNode;
+}
+export declare const BenefitCard: import("react").ForwardRefExoticComponent<BenefitCardProps & import("react").RefAttributes<HTMLElement>> & {
+    Row: import("react").ForwardRefExoticComponent<BenefitCardRowProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export {};
+//# sourceMappingURL=benefit-card.d.ts.map

package/dist/components/benefit-card/benefit-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"benefit-card.d.ts","sourceRoot":"","sources":["../../../src/components/benefit-card/benefit-card.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAOf,QAAA,MAAM,YAAY,kEAOR,CAAC;AAEX,KAAK,WAAW,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;AACjD,KAAK,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;AAE5E,KAAK,UAAU,GAAG,cAAc,GAAG,WAAW,GAAG,MAAM,CAAC;AA6HxD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,cAAc,CAAC,WAAW,CAAC,EAC3B,OAAO,CACR;IACC,iFAAiF;IACjF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oFAAoF;IACpF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,4FAA4F;IAC5F,KAAK,EAAE,SAAS,CAAC;IACjB,oGAAoG;IACpG,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,yBAAyB;IACzB,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAClC;;;;OAIG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,uEAAuE;IACvE,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAsHD,eAAO,MAAM,WAAW;;CAEtB,CAAC"}

package/dist/components/benefit-card/index.d.ts

@@ -0,0 +1,3 @@
+export { BenefitCard } from './benefit-card';
+export type { BenefitCardProps, BenefitCardRowProps } from './benefit-card';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/benefit-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/benefit-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/benefit-card/index.js

@@ -0,0 +1,5 @@
+import { B as a } from "../../_chunks/benefit-card-Czs0oXdi.js";
+export {
+  a as BenefitCard
+};
+//# sourceMappingURL=index.js.map

package/dist/components/benefit-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/card/card.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const cardVariants: (props?: ({
-    variant?: "default" | "outlined" | "elevated" | null | undefined;
+    variant?: "default" | "elevated" | "outlined" | null | undefined;
     interactive?: boolean | null | undefined;
     stretch?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/index.d.ts

@@ -37,6 +37,7 @@ export * from './time-picker';
 export * from './accordion';
 export * from './avatar';
 export * from './badge';
+export * from './benefit-card';
 export * from './card';
 export * from './carousel';
 export * from './contact-card';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAMA,OAAO,EACL,uBAAuB,EACvB,aAAa,EACb,qBAAqB,EACrB,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,yBAAyB,GAC1B,MAAM,UAAU,CAAC;AAClB,YAAY,EACV,SAAS,EACT,eAAe,EACf,4BAA4B,EAC5B,eAAe,EACf,uBAAuB,EACvB,aAAa,EACb,cAAc,GACf,MAAM,UAAU,CAAC;AAGlB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AAEzC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAO/C,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAC7D,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAM1E,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACpD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AAEnC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAG9B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAG5B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAO3B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC"}

package/dist/components/stat/stat.d.ts

@@ -1,7 +1,7 @@
 import { type HTMLAttributes, type ReactNode } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const statVariants: (props?: ({
-    variant?: "default" | "compact" | "outlined" | "elevated" | null | undefined;
+    variant?: "default" | "compact" | "elevated" | "outlined" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     align?: "center" | "end" | "start" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;