react-marketing-ui 0.0.1

package/dist/chunk-KMXUQYR3.mjs

@@ -0,0 +1,74 @@
+import { Button } from './chunk-AYY7D2RJ.mjs';
+import { ActionSwapRollIcon, ActionSwapRollText } from './chunk-DA3I3Y5O.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ICON_LAYOUT = "w-8 p-0";
+var LABELED_LAYOUT = "gap-2 px-3 text-[13px]";
+function SunIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: 14,
+      height: 14,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "4" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "3", x2: "12", y2: "1" }),
+        /* @__PURE__ */ jsx("line", { x1: "12", y1: "23", x2: "12", y2: "21" }),
+        /* @__PURE__ */ jsx("line", { x1: "3", y1: "12", x2: "1", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "23", y1: "12", x2: "21", y2: "12" }),
+        /* @__PURE__ */ jsx("line", { x1: "5", y1: "5", x2: "3.5", y2: "3.5" }),
+        /* @__PURE__ */ jsx("line", { x1: "20.5", y1: "20.5", x2: "19", y2: "19" }),
+        /* @__PURE__ */ jsx("line", { x1: "19", y1: "5", x2: "20.5", y2: "3.5" }),
+        /* @__PURE__ */ jsx("line", { x1: "4.5", y1: "20.5", x2: "3", y2: "19" })
+      ]
+    }
+  );
+}
+function MoonIcon() {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width: 14,
+      height: 14,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": true,
+      children: /* @__PURE__ */ jsx("path", { d: "M21 12.8A9 9 0 1 1 11.2 3 7 7 0 0 0 21 12.8z" })
+    }
+  );
+}
+function ThemeToggle({ theme, onToggle, showLabel = false }) {
+  const size = showLabel ? "md" : "sm";
+  const layoutClassName = showLabel ? LABELED_LAYOUT : ICON_LAYOUT;
+  const isDark = theme === "dark";
+  const label = isDark ? "Switch to light mode" : "Switch to dark mode";
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant: "filled",
+      size,
+      actionOrLink: onToggle,
+      className: layoutClassName,
+      "aria-label": label,
+      children: [
+        /* @__PURE__ */ jsx(ActionSwapRollIcon, { value: theme, className: "h-4 w-4", children: isDark ? /* @__PURE__ */ jsx(SunIcon, {}) : /* @__PURE__ */ jsx(MoonIcon, {}) }),
+        showLabel ? /* @__PURE__ */ jsx(ActionSwapRollText, { value: theme, children: label }) : null
+      ]
+    }
+  );
+}
+
+export { ThemeToggle };
+//# sourceMappingURL=chunk-KMXUQYR3.mjs.map
+//# sourceMappingURL=chunk-KMXUQYR3.mjs.map

package/dist/chunk-KMXUQYR3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/theme-toggle.tsx"],"names":[],"mappings":"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","file":"chunk-KMXUQYR3.mjs","sourcesContent":["'use client';\n\nimport { ActionSwapRollIcon, ActionSwapRollText } from './action-swap.js';\nimport { Button } from './button.js';\n\n/*\n * Controlled theme toggle: the parent owns the current theme and the flip\n * handler, so there's no next-themes, no hydration detection, and no\n * pre-hydration CSS fallback — the theme is always known and the roll renders\n * directly on first paint.\n */\n\n// Icon-only (navbar / footer) sits on the `sm` height; the labeled row (mobile\n// drawer) on `md`. The `w-8 p-0` / `gap-2 px-3 text-[13px]` overrides turn the\n// shared <Button> sizes into the toggle's square and labeled geometries.\nconst ICON_LAYOUT = 'w-8 p-0';\nconst LABELED_LAYOUT = 'gap-2 px-3 text-[13px]';\n\n/** Sun glyph — the icon shown while dark, i.e. the theme you switch *to*. */\nfunction SunIcon() {\n  return (\n    <svg\n      width={14}\n      height={14}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden={true}\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"4\" />\n      <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"1\" />\n      <line x1=\"12\" y1=\"23\" x2=\"12\" y2=\"21\" />\n      <line x1=\"3\" y1=\"12\" x2=\"1\" y2=\"12\" />\n      <line x1=\"23\" y1=\"12\" x2=\"21\" y2=\"12\" />\n      <line x1=\"5\" y1=\"5\" x2=\"3.5\" y2=\"3.5\" />\n      <line x1=\"20.5\" y1=\"20.5\" x2=\"19\" y2=\"19\" />\n      <line x1=\"19\" y1=\"5\" x2=\"20.5\" y2=\"3.5\" />\n      <line x1=\"4.5\" y1=\"20.5\" x2=\"3\" y2=\"19\" />\n    </svg>\n  );\n}\n\n/** Moon glyph — the icon shown while light, i.e. the theme you switch *to*. */\nfunction MoonIcon() {\n  return (\n    <svg\n      width={14}\n      height={14}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden={true}\n    >\n      <path d=\"M21 12.8A9 9 0 1 1 11.2 3 7 7 0 0 0 21 12.8z\" />\n    </svg>\n  );\n}\n\nexport type ThemeToggleProps = {\n  /** Current theme — drives which icon/label the roll shows. */\n  theme: 'light' | 'dark';\n  /** Flip handler; the parent persists the new theme. */\n  onToggle: () => void;\n  /** Render the labeled row (mobile drawer) instead of the icon-only square. */\n  showLabel?: boolean;\n};\n\nexport function ThemeToggle({ theme, onToggle, showLabel = false }: ThemeToggleProps) {\n  const size = showLabel ? 'md' : 'sm';\n  const layoutClassName = showLabel ? LABELED_LAYOUT : ICON_LAYOUT;\n\n  // The icon shows the theme you are switching *to*, matching the label.\n  const isDark = theme === 'dark';\n  const label = isDark ? 'Switch to light mode' : 'Switch to dark mode';\n\n  return (\n    <Button\n      variant=\"filled\"\n      size={size}\n      actionOrLink={onToggle}\n      className={layoutClassName}\n      // The visible label rolls, so mid-swap both strings are briefly in the\n      // tree. Naming the button explicitly keeps it unambiguous either way.\n      aria-label={label}\n    >\n      <ActionSwapRollIcon value={theme} className=\"h-4 w-4\">\n        {isDark ? <SunIcon /> : <MoonIcon />}\n      </ActionSwapRollIcon>\n      {showLabel ? <ActionSwapRollText value={theme}>{label}</ActionSwapRollText> : null}\n    </Button>\n  );\n}\n"]}

package/dist/chunk-KNPOZ34H.mjs

@@ -0,0 +1,88 @@
+import { cn } from './chunk-QAWSH567.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var downChevronClass = "absolute left-1/2 top-full size-2 -translate-x-1/2 -translate-y-1/2 rotate-45 border-b border-r border-(--foreground-muted)";
+var rightChevronClass = "absolute right-0 top-1/2 size-2 translate-x-1/2 -translate-y-1/2 rotate-45 border-t border-r border-(--foreground-muted)";
+var leftChevronClass = "absolute left-0 top-1/2 size-2 -translate-x-1/2 -translate-y-1/2 -rotate-45 border-t border-l border-(--foreground-muted)";
+var microLabelClass = "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 whitespace-nowrap rounded-full border border-(--border) bg-(--muted) px-1.5 py-px font-mono text-[8.5px] leading-tight text-(--foreground-secondary)";
+function ArrowRight({ label, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative flex items-center", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "h-px w-full bg-(--foreground-muted)" }),
+    /* @__PURE__ */ jsx("span", { className: rightChevronClass }),
+    label ? /* @__PURE__ */ jsx("span", { className: microLabelClass, children: label }) : null
+  ] });
+}
+function ArrowLeft({ label, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative flex items-center", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "h-px w-full bg-(--foreground-muted)" }),
+    /* @__PURE__ */ jsx("span", { className: leftChevronClass }),
+    label ? /* @__PURE__ */ jsx("span", { className: microLabelClass, children: label }) : null
+  ] });
+}
+function TurnDown({ className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative h-4", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "absolute left-1/2 top-0 h-full w-px -translate-x-1/2 bg-(--foreground-muted)" }),
+    /* @__PURE__ */ jsx("span", { className: downChevronClass })
+  ] });
+}
+function SplitArrow({ leftLabel, rightLabel, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative h-12", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "absolute left-1/2 top-0 h-1/2 w-px -translate-x-1/2 bg-(--foreground-muted)" }),
+    /* @__PURE__ */ jsx("span", { className: "absolute left-[25%] right-[25%] top-1/2 h-px -translate-y-1/2 bg-(--foreground-muted)" }),
+    /* @__PURE__ */ jsx("span", { className: "absolute left-[25%] top-1/2 h-1/2 w-px -translate-x-1/2 bg-(--foreground-muted)" }),
+    /* @__PURE__ */ jsx("span", { className: "absolute left-[75%] top-1/2 h-1/2 w-px -translate-x-1/2 bg-(--foreground-muted)" }),
+    /* @__PURE__ */ jsx("span", { className: "absolute left-[25%] top-full size-2 -translate-x-1/2 -translate-y-1/2 rotate-45 border-b border-r border-(--foreground-muted)" }),
+    /* @__PURE__ */ jsx("span", { className: "absolute left-[75%] top-full size-2 -translate-x-1/2 -translate-y-1/2 rotate-45 border-b border-r border-(--foreground-muted)" }),
+    leftLabel ? /* @__PURE__ */ jsx("span", { className: "absolute left-[30%] top-1/2 -translate-y-1/2 rounded-full border border-(--border) bg-(--muted) px-2 py-0.5 font-mono text-[10px] text-(--foreground-secondary)", children: leftLabel }) : null,
+    rightLabel ? /* @__PURE__ */ jsx("span", { className: "absolute right-[30%] top-1/2 -translate-y-1/2 rounded-full border border-(--border) bg-(--muted) px-2 py-0.5 font-mono text-[10px] text-(--foreground-secondary)", children: rightLabel }) : null
+  ] });
+}
+function JoinArrow({ className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative h-12", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "absolute left-[25%] top-0 h-1/2 w-px -translate-x-1/2 bg-(--foreground-muted)" }),
+    /* @__PURE__ */ jsx("span", { className: "absolute left-[75%] top-0 h-1/2 w-px -translate-x-1/2 bg-(--foreground-muted)" }),
+    /* @__PURE__ */ jsx("span", { className: "absolute left-[25%] right-[25%] top-1/2 h-px -translate-y-1/2 bg-(--foreground-muted)" }),
+    /* @__PURE__ */ jsx("span", { className: "absolute left-1/2 top-1/2 h-1/2 w-px -translate-x-1/2 bg-(--foreground-muted)" }),
+    /* @__PURE__ */ jsx("span", { className: "absolute left-1/2 top-full size-2 -translate-x-1/2 -translate-y-1/2 rotate-45 border-b border-r border-(--foreground-muted)" })
+  ] });
+}
+function FlowNode({ icon, chipClass, title, body, tag, children, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex h-full flex-col rounded-[12px] border border-(--border) bg-(--surface) p-2.5", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+      icon ? /* @__PURE__ */ jsx("div", { className: cn("flex size-7 shrink-0 items-center justify-center rounded-[8px]", chipClass ?? "bg-(--muted)"), children: icon }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-1.5 gap-y-0.5", children: [
+          /* @__PURE__ */ jsx("p", { className: "font-semibold text-[11px] leading-snug text-foreground sm:text-[12px]", children: title }),
+          tag ? /* @__PURE__ */ jsx("span", { className: "rounded-full border border-(--border) px-1.5 py-px font-mono text-[8.5px] text-(--foreground-muted)", children: tag }) : null
+        ] }),
+        body ? /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-[9.5px] leading-snug text-(--foreground-secondary) sm:text-[10px]", children: body }) : null
+      ] })
+    ] }),
+    children ? /* @__PURE__ */ jsx("div", { className: "mt-2", children }) : null
+  ] });
+}
+function FlowPill({ title, className }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        "mx-auto flex w-fit max-w-full items-center justify-center rounded-full border border-(--border) bg-(--surface) px-4 py-2 text-center",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("p", { className: "text-[12px] font-semibold leading-snug text-foreground", children: title })
+    }
+  );
+}
+function FlowDiamond({ label, sub, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative h-14 w-36 justify-self-center sm:h-16 sm:w-44", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-(--border-hi) [clip-path:polygon(50%_0,100%_50%,50%_100%,0_50%)]" }),
+    /* @__PURE__ */ jsxs("div", { className: "absolute inset-[1px] flex flex-col items-center justify-center gap-0.5 bg-(--surface) px-6 text-center [clip-path:polygon(50%_0,100%_50%,50%_100%,0_50%)]", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] font-semibold leading-tight text-foreground sm:text-[12px]", children: label }),
+      sub ? /* @__PURE__ */ jsx("p", { className: "text-[8.5px] leading-tight text-(--foreground-muted)", children: sub }) : null
+    ] })
+  ] });
+}
+
+export { ArrowLeft, ArrowRight, FlowDiamond, FlowNode, FlowPill, JoinArrow, SplitArrow, TurnDown };
+//# sourceMappingURL=chunk-KNPOZ34H.mjs.map
+//# sourceMappingURL=chunk-KNPOZ34H.mjs.map

package/dist/chunk-KNPOZ34H.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/flowchart-parts.tsx"],"names":[],"mappings":"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","file":"chunk-KNPOZ34H.mjs","sourcesContent":["import type { ReactNode } from 'react';\n\nimport { cn } from '../lib/utils.js';\n\n// ── Non-exported helpers ──────────────────────────────────────────────────────\n\n/** Downward chevron (rotated square, two borders) placed at the end of a line. */\nconst downChevronClass =\n  'absolute left-1/2 top-full size-2 -translate-x-1/2 -translate-y-1/2 rotate-45 border-b border-r border-(--foreground-muted)';\n\nconst rightChevronClass =\n  'absolute right-0 top-1/2 size-2 translate-x-1/2 -translate-y-1/2 rotate-45 border-t border-r border-(--foreground-muted)';\n\nconst leftChevronClass =\n  'absolute left-0 top-1/2 size-2 -translate-x-1/2 -translate-y-1/2 -rotate-45 border-t border-l border-(--foreground-muted)';\n\n/** Micro label chip that masks the line it sits on. */\nconst microLabelClass =\n  'absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 whitespace-nowrap rounded-full border border-(--border) bg-(--muted) px-1.5 py-px font-mono text-[8.5px] leading-tight text-(--foreground-secondary)';\n\n// ── Exports ───────────────────────────────────────────────────────────────────\n\ntype ArrowRightProps = { label?: string; className?: string };\n\n/** Horizontal connector (left → right) between two snake cells. */\nexport function ArrowRight({ label, className }: ArrowRightProps) {\n  return (\n    <div className={cn('relative flex items-center', className)}>\n      <span className=\"h-px w-full bg-(--foreground-muted)\" />\n      <span className={rightChevronClass} />\n      {label ? <span className={microLabelClass}>{label}</span> : null}\n    </div>\n  );\n}\n\ntype ArrowLeftProps = { label?: string; className?: string };\n\n/** Horizontal connector (right → left) between two snake cells. */\nexport function ArrowLeft({ label, className }: ArrowLeftProps) {\n  return (\n    <div className={cn('relative flex items-center', className)}>\n      <span className=\"h-px w-full bg-(--foreground-muted)\" />\n      <span className={leftChevronClass} />\n      {label ? <span className={microLabelClass}>{label}</span> : null}\n    </div>\n  );\n}\n\ntype TurnDownProps = { className?: string };\n\n/** Short vertical connector used when the snake drops to the next row. */\nexport function TurnDown({ className }: TurnDownProps) {\n  return (\n    <div className={cn('relative h-4', className)}>\n      <span className=\"absolute left-1/2 top-0 h-full w-px -translate-x-1/2 bg-(--foreground-muted)\" />\n      <span className={downChevronClass} />\n    </div>\n  );\n}\n\ntype SplitArrowProps = { leftLabel?: string; rightLabel?: string; className?: string };\n\n/** One-to-two branch connector: spine down, horizontal arm, drops at 25% / 75%. */\nexport function SplitArrow({ leftLabel, rightLabel, className }: SplitArrowProps) {\n  return (\n    <div className={cn('relative h-12', className)}>\n      <span className=\"absolute left-1/2 top-0 h-1/2 w-px -translate-x-1/2 bg-(--foreground-muted)\" />\n      <span className=\"absolute left-[25%] right-[25%] top-1/2 h-px -translate-y-1/2 bg-(--foreground-muted)\" />\n      <span className=\"absolute left-[25%] top-1/2 h-1/2 w-px -translate-x-1/2 bg-(--foreground-muted)\" />\n      <span className=\"absolute left-[75%] top-1/2 h-1/2 w-px -translate-x-1/2 bg-(--foreground-muted)\" />\n      <span className=\"absolute left-[25%] top-full size-2 -translate-x-1/2 -translate-y-1/2 rotate-45 border-b border-r border-(--foreground-muted)\" />\n      <span className=\"absolute left-[75%] top-full size-2 -translate-x-1/2 -translate-y-1/2 rotate-45 border-b border-r border-(--foreground-muted)\" />\n      {leftLabel ? (\n        <span className=\"absolute left-[30%] top-1/2 -translate-y-1/2 rounded-full border border-(--border) bg-(--muted) px-2 py-0.5 font-mono text-[10px] text-(--foreground-secondary)\">\n          {leftLabel}\n        </span>\n      ) : null}\n      {rightLabel ? (\n        <span className=\"absolute right-[30%] top-1/2 -translate-y-1/2 rounded-full border border-(--border) bg-(--muted) px-2 py-0.5 font-mono text-[10px] text-(--foreground-secondary)\">\n          {rightLabel}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\ntype JoinArrowProps = { className?: string };\n\n/** Two-to-one join connector: risers at 25% / 75%, horizontal arm, spine down. */\nexport function JoinArrow({ className }: JoinArrowProps) {\n  return (\n    <div className={cn('relative h-12', className)}>\n      <span className=\"absolute left-[25%] top-0 h-1/2 w-px -translate-x-1/2 bg-(--foreground-muted)\" />\n      <span className=\"absolute left-[75%] top-0 h-1/2 w-px -translate-x-1/2 bg-(--foreground-muted)\" />\n      <span className=\"absolute left-[25%] right-[25%] top-1/2 h-px -translate-y-1/2 bg-(--foreground-muted)\" />\n      <span className=\"absolute left-1/2 top-1/2 h-1/2 w-px -translate-x-1/2 bg-(--foreground-muted)\" />\n      <span className=\"absolute left-1/2 top-full size-2 -translate-x-1/2 -translate-y-1/2 rotate-45 border-b border-r border-(--foreground-muted)\" />\n    </div>\n  );\n}\n\ntype FlowNodeProps = {\n  icon?: ReactNode;\n  /**\n   * Accepted for API compatibility with the site's icon-based version; the icon is now a\n   * caller-supplied ReactNode that carries its own sizing/color classes, so this is unused.\n   */\n  iconClass?: string;\n  chipClass?: string;\n  title: string;\n  body?: string;\n  tag?: string;\n  children?: ReactNode;\n  className?: string;\n};\n\n/** A compact rounded node: icon chip, one-line title, one-line sub, optional children. */\nexport function FlowNode({ icon, chipClass, title, body, tag, children, className }: FlowNodeProps) {\n  return (\n    <div className={cn('flex h-full flex-col rounded-[12px] border border-(--border) bg-(--surface) p-2.5', className)}>\n      <div className=\"flex items-start gap-2\">\n        {icon ? (\n          <div className={cn('flex size-7 shrink-0 items-center justify-center rounded-[8px]', chipClass ?? 'bg-(--muted)')}>\n            {icon}\n          </div>\n        ) : null}\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex flex-wrap items-center gap-x-1.5 gap-y-0.5\">\n            <p className=\"font-semibold text-[11px] leading-snug text-foreground sm:text-[12px]\">{title}</p>\n            {tag ? (\n              <span className=\"rounded-full border border-(--border) px-1.5 py-px font-mono text-[8.5px] text-(--foreground-muted)\">\n                {tag}\n              </span>\n            ) : null}\n          </div>\n          {body ? <p className=\"mt-0.5 text-[9.5px] leading-snug text-(--foreground-secondary) sm:text-[10px]\">{body}</p> : null}\n        </div>\n      </div>\n      {children ? <div className=\"mt-2\">{children}</div> : null}\n    </div>\n  );\n}\n\ntype FlowPillProps = { title: string; className?: string };\n\n/** A start/end pill: centered, fits content, sits on the flowchart spine. */\nexport function FlowPill({ title, className }: FlowPillProps) {\n  return (\n    <div\n      className={cn(\n        'mx-auto flex w-fit max-w-full items-center justify-center rounded-full border border-(--border) bg-(--surface) px-4 py-2 text-center',\n        className,\n      )}\n    >\n      <p className=\"text-[12px] font-semibold leading-snug text-foreground\">{title}</p>\n    </div>\n  );\n}\n\ntype FlowDiamondProps = { label: string; sub?: string; className?: string };\n\n/** A compact decision diamond (clip-path, straight text inside). */\nexport function FlowDiamond({ label, sub, className }: FlowDiamondProps) {\n  return (\n    <div className={cn('relative h-14 w-36 justify-self-center sm:h-16 sm:w-44', className)}>\n      <div className=\"absolute inset-0 bg-(--border-hi) [clip-path:polygon(50%_0,100%_50%,50%_100%,0_50%)]\" />\n      <div className=\"absolute inset-[1px] flex flex-col items-center justify-center gap-0.5 bg-(--surface) px-6 text-center [clip-path:polygon(50%_0,100%_50%,50%_100%,0_50%)]\">\n        <p className=\"text-[11px] font-semibold leading-tight text-foreground sm:text-[12px]\">{label}</p>\n        {sub ? <p className=\"text-[8.5px] leading-tight text-(--foreground-muted)\">{sub}</p> : null}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/chunk-KRNWCJ4D.mjs

@@ -0,0 +1,219 @@
+import { cn } from './chunk-QAWSH567.mjs';
+import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Accordion({
+  className,
+  multiple = false,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Root,
+    {
+      "data-slot": "accordion",
+      "data-variant": variant,
+      multiple,
+      className: cn(
+        "group flex w-full flex-col",
+        variant === "split" && "space-y-2",
+        variant === "outline" && "overflow-hidden rounded-lg border bg-(--surface)",
+        variant === "nested" && "rounded-lg border bg-muted p-1",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AccordionItem({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn(
+        "transition-[margin,border-radius,border] duration-250 ease-out-expo",
+        // Default variant styles
+        "group-data-[variant=default]:border-(--border) group-data-[variant=default]:border-b group-data-[variant=default]:last:border-b-0",
+        // Split variant styles (individual cards)
+        "group-data-[variant=split]:overflow-hidden group-data-[variant=split]:rounded-lg group-data-[variant=split]:border group-data-[variant=split]:border-(--border) group-data-[variant=split]:bg-(--surface)",
+        // Outline variant styles (items within single card)
+        "group-data-[variant=outline]:border-(--border) group-data-[variant=outline]:border-b group-data-[variant=outline]:last:border-b-0",
+        // Nested variant styles - items within the single outer card
+        "group-data-[variant=nested]:mt-0.5 group-data-[variant=nested]:first:mt-0",
+        // Isolated bordered variant styles - dynamically separates open items from closed ones
+        // Base styles: all items have borders and background to look like cards
+        "group-data-[variant=isolated-bordered]:overflow-hidden group-data-[variant=isolated-bordered]:border group-data-[variant=isolated-bordered]:border-(--border) group-data-[variant=isolated-bordered]:bg-(--surface)",
+        // Closed items: group together by overlapping borders with negative margin
+        // Only apply to closed items that follow another closed item (not open items, first item, or items after open items)
+        "group-data-[variant=isolated-bordered]:relative group-data-[variant=isolated-bordered]:not-first:not-data-open:not-[[data-open]+&]:-mt-px",
+        // Opened item - separated with margins
+        "group-data-[variant=isolated-bordered]:data-open:mt-2 group-data-[variant=isolated-bordered]:data-open:mb-2 group-data-[variant=isolated-bordered]:data-open:rounded-lg",
+        // First item
+        "group-data-[variant=isolated-bordered]:first:rounded-t-lg group-data-[variant=isolated-bordered]:data-open:first:mt-0",
+        // Last item
+        "group-data-[variant=isolated-bordered]:last:rounded-b-lg group-data-[variant=isolated-bordered]:data-open:last:mb-0",
+        // Item after open item: round top corners (start of new group)
+        "group-data-[variant=isolated-bordered]:[[data-open]+&]:rounded-t-lg",
+        // Item before open item: round bottom corners (end of group)
+        "group-data-[variant=isolated-bordered]:[&:has(+_[data-open])]:rounded-b-lg",
+        // Isolated filled variant
+        "group-data-[variant=isolated-filled]:overflow-hidden group-data-[variant=isolated-filled]:bg-muted",
+        // Opened item - separated with margins and rounded
+        "group-data-[variant=isolated-filled]:data-open:my-2 group-data-[variant=isolated-filled]:data-open:rounded-lg",
+        // First item
+        "group-data-[variant=isolated-filled]:first:rounded-t-lg group-data-[variant=isolated-filled]:data-open:first:mt-0",
+        // Last item
+        "group-data-[variant=isolated-filled]:last:rounded-b-lg group-data-[variant=isolated-filled]:data-open:last:mb-0",
+        // Item after open item: round top corners (start of new group)
+        "group-data-[variant=isolated-filled]:[[data-open]+&]:rounded-t-lg",
+        // Item before open item: round bottom corners (end of group)
+        "group-data-[variant=isolated-filled]:[&:has(+_[data-open])]:rounded-b-lg",
+        // Isolated filled bordered variant - filled background with borders between closed items
+        "group-data-[variant=isolated-filled-bordered]:overflow-hidden group-data-[variant=isolated-filled-bordered]:bg-muted",
+        // All items except last have border-bottom to prevent layout shift, default to visible border
+        "group-data-[variant=isolated-filled-bordered]:not-last:border-(--border) group-data-[variant=isolated-filled-bordered]:not-last:border-b",
+        // Make border transparent (invisible) for: items before open items, and open items themselves
+        "group-data-[variant=isolated-filled-bordered]:[&:has(+_[data-open])]:border-transparent",
+        "group-data-[variant=isolated-filled-bordered]:data-open:border-transparent",
+        // Opened item - separated with margins and rounded
+        "group-data-[variant=isolated-filled-bordered]:data-open:my-2 group-data-[variant=isolated-filled-bordered]:data-open:rounded-lg",
+        // First item
+        "group-data-[variant=isolated-filled-bordered]:first:rounded-t-lg group-data-[variant=isolated-filled-bordered]:data-open:first:mt-0",
+        // Last item
+        "group-data-[variant=isolated-filled-bordered]:last:rounded-b-lg group-data-[variant=isolated-filled-bordered]:data-open:last:mb-0",
+        // Item after open item: round top corners (start of new group)
+        "group-data-[variant=isolated-filled-bordered]:[[data-open]+&]:rounded-t-lg",
+        // Item before open item: round bottom corners (end of group)
+        "group-data-[variant=isolated-filled-bordered]:[&:has(+_[data-open])]:rounded-b-lg",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AccordionHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Header,
+    {
+      "data-slot": "accordion-header",
+      className: cn("not-prose", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  children,
+  className,
+  showIndicator = true,
+  indicatorType = "plus",
+  indicatorPosition = "end",
+  indicatorColor,
+  icon,
+  subtitle,
+  ...props
+}) {
+  const hasStartIndicator = showIndicator && indicatorPosition === "start";
+  const hasEndIndicator = showIndicator && indicatorPosition === "end";
+  const renderIndicator = () => {
+    if (!showIndicator) return null;
+    const indicatorClassName = cn("size-4 shrink-0 transition-transform duration-200 ease-out-expo", indicatorColor);
+    const indicatorIcon = indicatorType === "chevron" ? /* @__PURE__ */ jsx(ChevronDownIcon, { "data-slot": "accordion-indicator", className: indicatorClassName }) : /* @__PURE__ */ jsx(PlusIcon, { "data-slot": "accordion-indicator", className: indicatorClassName });
+    return /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", "aria-hidden": "true", children: indicatorIcon });
+  };
+  return /* @__PURE__ */ jsx(AccordionHeader, { children: /* @__PURE__ */ jsxs(
+    Accordion$1.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      "data-has-icon": hasStartIndicator ? "true" : void 0,
+      className: cn(
+        "group/trigger flex w-full cursor-pointer items-center justify-between gap-3 py-5 px-3.5 text-left font-medium text-sm outline-none disabled:pointer-events-none disabled:opacity-60",
+        // Default variant styles
+        "group-data-[variant=default]:px-0",
+        // Split variant styles
+        "group-data-[variant=split]:rounded-t-lg",
+        // Nested variant styles - trigger with subtle interaction
+        "group-data-[variant=nested]:rounded-sm group-data-[variant=nested]:px-3 group-data-[variant=nested]:py-2.5 group-data-[variant=nested]:hover:bg-background group-data-[variant=nested]:dark:hover:bg-background/50",
+        // Indicator rotation animations
+        indicatorType === "chevron" && "[&[data-panel-open]_[data-slot=accordion-indicator]]:rotate-180",
+        indicatorType === "plus" && "[&[data-panel-open]_[data-slot=accordion-indicator]]:rotate-90",
+        className
+      ),
+      ...props,
+      children: [
+        hasStartIndicator ? renderIndicator() : null,
+        icon && !hasStartIndicator && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-muted-foreground", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "underline-offset-2 group-hover/trigger:underline", children }),
+          subtitle ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm no-underline", children: subtitle }) : null
+        ] }),
+        hasEndIndicator ? renderIndicator() : null
+      ]
+    }
+  ) });
+}
+function AccordionContent({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Accordion$1.Panel,
+    {
+      "data-slot": "accordion-content",
+      className: cn(
+        "h-(--accordion-panel-height) overflow-hidden text-sm transition-[height,opacity] duration-250 ease-out-expo data-ending-style:h-0 data-starting-style:h-0 data-ending-style:opacity-0 data-starting-style:opacity-0"
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "p-3.5 text-muted-foreground",
+            "group-data-[variant=default]:px-0 group-data-[variant=default]:pt-0",
+            "group-data-[variant=split]:pt-0",
+            "group-data-[variant=outline]:pt-0",
+            // Nested variant
+            "group-data-[variant=nested]:mt-1 group-data-[variant=nested]:mb-0.5 group-data-[variant=nested]:rounded-sm group-data-[variant=nested]:border group-data-[variant=nested]:bg-background group-data-[variant=nested]:p-3 group-data-[variant=nested]:[[data-slot=accordion-item]:last-child_&]:mb-0",
+            // Isolated bordered variant
+            "group-data-[variant=isolated-bordered]:pt-0",
+            // Isolated filled variant
+            "group-data-[variant=isolated-filled]:pt-0",
+            // Isolated filled bordered variant
+            "group-data-[variant=isolated-filled-bordered]:pt-0",
+            // Icon alignment - add left padding when parent item contains a trigger with icon
+            "[[data-slot=accordion-item]:has([data-has-icon])_&]:pl-[calc(1rem+0.75rem)]",
+            "[[data-slot=accordion-item]:has([data-has-icon])_&]:group-data-[variant=default]:pl-[calc(1rem+0.75rem)]",
+            className
+          ),
+          children
+        }
+      )
+    }
+  );
+}
+function PlusIcon(props) {
+  return /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", ...props, children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M2.75 12C2.75 11.3096 3.30964 10.75 4 10.75H20C20.6904 10.75 21.25 11.3096 21.25 12C21.25 12.6904 20.6904 13.25 20 13.25H4C3.30964 13.25 2.75 12.6904 2.75 12Z",
+        fill: "currentColor",
+        className: "in-data-panel-open:opacity-0 transition-opacity duration-200 ease-out-expo"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 2.75C12.6904 2.75 13.25 3.30964 13.25 4V20C13.25 20.6904 12.6904 21.25 12 21.25C11.3096 21.25 10.75 20.6904 10.75 20V4C10.75 3.30964 11.3096 2.75 12 2.75Z",
+        fill: "currentColor"
+      }
+    )
+  ] });
+}
+function ChevronDownIcon(props) {
+  return /* @__PURE__ */ jsx("svg", { "aria-hidden": "true", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", ...props, children: /* @__PURE__ */ jsx("path", { d: "M1 3.5L5 7.5L9 3.5", stroke: "currentColor", strokeWidth: "1.5" }) });
+}
+
+export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger };
+//# sourceMappingURL=chunk-KRNWCJ4D.mjs.map
+//# sourceMappingURL=chunk-KRNWCJ4D.mjs.map

package/dist/chunk-KRNWCJ4D.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/accordion.tsx"],"names":["BaseAccordion"],"mappings":";;;;AAaA,SAAS,SAAA,CAAU;AAAA,EACjB,SAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,OAAA,GAAU,SAAA;AAAA,EACV,GAAG;AACL,CAAA,EAA8D;AAC5D,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAc,IAAA;AAAA,IAAd;AAAA,MACC,WAAA,EAAU,WAAA;AAAA,MACV,cAAA,EAAc,OAAA;AAAA,MACd,QAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,4BAAA;AAAA,QACA,YAAY,OAAA,IAAW,WAAA;AAAA,QACvB,YAAY,SAAA,IAAa,kDAAA;AAAA,QACzB,YAAY,QAAA,IAAY,gCAAA;AAAA,QACxB;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,aAAA,CAAc,EAAE,SAAA,EAAW,GAAG,OAAM,EAA6B;AACxE,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAc,IAAA;AAAA,IAAd;AAAA,MACC,WAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT,qEAAA;AAAA;AAAA,QAEA,mIAAA;AAAA;AAAA,QAEA,2MAAA;AAAA;AAAA,QAEA,mIAAA;AAAA;AAAA,QAEA,2EAAA;AAAA;AAAA;AAAA,QAGA,qNAAA;AAAA;AAAA;AAAA,QAGA,2IAAA;AAAA;AAAA,QAEA,yKAAA;AAAA;AAAA,QAEA,uHAAA;AAAA;AAAA,QAEA,qHAAA;AAAA;AAAA,QAEA,qEAAA;AAAA;AAAA,QAEA,4EAAA;AAAA;AAAA,QAEA,oGAAA;AAAA;AAAA,QAEA,+GAAA;AAAA;AAAA,QAEA,mHAAA;AAAA;AAAA,QAEA,iHAAA;AAAA;AAAA,QAEA,mEAAA;AAAA;AAAA,QAEA,0EAAA;AAAA;AAAA,QAEA,sHAAA;AAAA;AAAA,QAEA,0IAAA;AAAA;AAAA,QAEA,yFAAA;AAAA,QACA,4EAAA;AAAA;AAAA,QAEA,iIAAA;AAAA;AAAA,QAEA,qIAAA;AAAA;AAAA,QAEA,mIAAA;AAAA;AAAA,QAEA,4EAAA;AAAA;AAAA,QAEA,mFAAA;AAAA,QAEA;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,eAAA,CAAgB,EAAE,SAAA,EAAW,GAAG,OAAM,EAA+B;AAC5E,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAc,MAAA;AAAA,IAAd;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MAKV,SAAA,EAAW,EAAA,CAAG,WAAA,EAAa,SAAS,CAAA;AAAA,MACnC,GAAG;AAAA;AAAA,GACN;AAEJ;AAYA,SAAS,gBAAA,CAAiB;AAAA,EACxB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA,GAAgB,IAAA;AAAA,EAChB,aAAA,GAAgB,MAAA;AAAA,EAChB,iBAAA,GAAoB,KAAA;AAAA,EACpB,cAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0B;AACxB,EAAA,MAAM,iBAAA,GAAoB,iBAAiB,iBAAA,KAAsB,OAAA;AACjE,EAAA,MAAM,eAAA,GAAkB,iBAAiB,iBAAA,KAAsB,KAAA;AAE/D,EAAA,MAAM,kBAAkB,MAAM;AAC5B,IAAA,IAAI,CAAC,eAAe,OAAO,IAAA;AAE3B,IAAA,MAAM,kBAAA,GAAqB,EAAA,CAAG,iEAAA,EAAmE,cAAc,CAAA;AAE/G,IAAA,MAAM,aAAA,GACJ,aAAA,KAAkB,SAAA,mBAChB,GAAA,CAAC,mBAAgB,WAAA,EAAU,qBAAA,EAAsB,SAAA,EAAW,kBAAA,EAAoB,oBAEhF,GAAA,CAAC,QAAA,EAAA,EAAS,WAAA,EAAU,qBAAA,EAAsB,WAAW,kBAAA,EAAoB,CAAA;AAG7E,IAAA,2BACG,MAAA,EAAA,EAAK,SAAA,EAAU,gCAAA,EAAiC,aAAA,EAAY,QAC1D,QAAA,EAAA,aAAA,EACH,CAAA;AAAA,EAEJ,CAAA;AAEA,EAAA,2BACG,eAAA,EAAA,EACC,QAAA,kBAAA,IAAA;AAAA,IAACA,WAAA,CAAc,OAAA;AAAA,IAAd;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,eAAA,EAAe,oBAAoB,MAAA,GAAS,MAAA;AAAA,MAC5C,SAAA,EAAW,EAAA;AAAA,QACT,qLAAA;AAAA;AAAA,QAEA,mCAAA;AAAA;AAAA,QAEA,yCAAA;AAAA;AAAA,QAEA,oNAAA;AAAA;AAAA,QAEA,kBAAkB,SAAA,IAAa,iEAAA;AAAA,QAC/B,kBAAkB,MAAA,IAAU,gEAAA;AAAA,QAC5B;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,iBAAA,GAAoB,iBAAgB,GAAI,IAAA;AAAA,QAGxC,IAAA,IAAQ,CAAC,iBAAA,oBACR,GAAA,CAAC,UAAK,SAAA,EAAU,gCAAA,EAAiC,aAAA,EAAY,MAAA,EAC1D,QAAA,EAAA,IAAA,EACH,CAAA;AAAA,wBAGF,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sCAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kDAAA,EAAoD,QAAA,EAAS,CAAA;AAAA,UAC5E,2BAAW,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,4CAAA,EAA8C,oBAAS,CAAA,GAAU;AAAA,SAAA,EAC/F,CAAA;AAAA,QAEC,eAAA,GAAkB,iBAAgB,GAAI;AAAA;AAAA;AAAA,GACzC,EACF,CAAA;AAEJ;AAEA,SAAS,iBAAiB,EAAE,QAAA,EAAU,SAAA,EAAW,GAAG,OAAM,EAA8B;AACtF,EAAA,uBACE,GAAA;AAAA,IAACA,WAAA,CAAc,KAAA;AAAA,IAAd;AAAA,MACC,WAAA,EAAU,mBAAA;AAAA,MACV,SAAA,EAAW,EAAA;AAAA,QACT;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT,6BAAA;AAAA,YACA,qEAAA;AAAA,YACA,iCAAA;AAAA,YACA,mCAAA;AAAA;AAAA,YAEA,oSAAA;AAAA;AAAA,YAEA,6CAAA;AAAA;AAAA,YAEA,2CAAA;AAAA;AAAA,YAEA,oDAAA;AAAA;AAAA,YAEA,6EAAA;AAAA,YACA,0GAAA;AAAA,YACA;AAAA,WACF;AAAA,UAEC;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AAEA,SAAS,SAAS,KAAA,EAAoC;AACpD,EAAA,uBACE,IAAA,CAAC,SAAI,aAAA,EAAY,MAAA,EAAO,SAAQ,WAAA,EAAY,IAAA,EAAK,MAAA,EAAQ,GAAG,KAAA,EAE1D,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAS,SAAA;AAAA,QACT,QAAA,EAAS,SAAA;AAAA,QACT,CAAA,EAAE,gKAAA;AAAA,QACF,IAAA,EAAK,cAAA;AAAA,QACL,SAAA,EAAU;AAAA;AAAA,KACZ;AAAA,oBAEA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAS,SAAA;AAAA,QACT,QAAA,EAAS,SAAA;AAAA,QACT,CAAA,EAAE,gKAAA;AAAA,QACF,IAAA,EAAK;AAAA;AAAA;AACP,GAAA,EACF,CAAA;AAEJ;AAGA,SAAS,gBAAgB,KAAA,EAAoC;AAC3D,EAAA,uBACE,GAAA,CAAC,SAAI,aAAA,EAAY,MAAA,EAAO,OAAM,IAAA,EAAK,MAAA,EAAO,IAAA,EAAK,OAAA,EAAQ,WAAA,EAAY,IAAA,EAAK,QAAQ,GAAG,KAAA,EACjF,8BAAC,MAAA,EAAA,EAAK,CAAA,EAAE,sBAAqB,MAAA,EAAO,cAAA,EAAe,WAAA,EAAY,KAAA,EAAM,CAAA,EACvE,CAAA;AAEJ","file":"chunk-KRNWCJ4D.mjs","sourcesContent":["import { Accordion as BaseAccordion } from '@base-ui/react/accordion';\nimport type * as React from 'react';\nimport { cn } from '../lib/utils.js';\n\ntype AccordionVariant =\n  | 'default'\n  | 'split'\n  | 'outline'\n  | 'nested'\n  | 'isolated-bordered'\n  | 'isolated-filled'\n  | 'isolated-filled-bordered';\n\nfunction Accordion({\n  className,\n  multiple = false,\n  variant = 'default',\n  ...props\n}: BaseAccordion.Root.Props & { variant?: AccordionVariant }) {\n  return (\n    <BaseAccordion.Root\n      data-slot=\"accordion\"\n      data-variant={variant}\n      multiple={multiple}\n      className={cn(\n        'group flex w-full flex-col',\n        variant === 'split' && 'space-y-2',\n        variant === 'outline' && 'overflow-hidden rounded-lg border bg-(--surface)',\n        variant === 'nested' && 'rounded-lg border bg-muted p-1',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionItem({ className, ...props }: BaseAccordion.Item.Props) {\n  return (\n    <BaseAccordion.Item\n      data-slot=\"accordion-item\"\n      className={cn(\n        'transition-[margin,border-radius,border] duration-250 ease-out-expo',\n        // Default variant styles\n        'group-data-[variant=default]:border-(--border) group-data-[variant=default]:border-b group-data-[variant=default]:last:border-b-0',\n        // Split variant styles (individual cards)\n        'group-data-[variant=split]:overflow-hidden group-data-[variant=split]:rounded-lg group-data-[variant=split]:border group-data-[variant=split]:border-(--border) group-data-[variant=split]:bg-(--surface)',\n        // Outline variant styles (items within single card)\n        'group-data-[variant=outline]:border-(--border) group-data-[variant=outline]:border-b group-data-[variant=outline]:last:border-b-0',\n        // Nested variant styles - items within the single outer card\n        'group-data-[variant=nested]:mt-0.5 group-data-[variant=nested]:first:mt-0',\n        // Isolated bordered variant styles - dynamically separates open items from closed ones\n        // Base styles: all items have borders and background to look like cards\n        'group-data-[variant=isolated-bordered]:overflow-hidden group-data-[variant=isolated-bordered]:border group-data-[variant=isolated-bordered]:border-(--border) group-data-[variant=isolated-bordered]:bg-(--surface)',\n        // Closed items: group together by overlapping borders with negative margin\n        // Only apply to closed items that follow another closed item (not open items, first item, or items after open items)\n        'group-data-[variant=isolated-bordered]:relative group-data-[variant=isolated-bordered]:not-first:not-data-open:not-[[data-open]+&]:-mt-px',\n        // Opened item - separated with margins\n        'group-data-[variant=isolated-bordered]:data-open:mt-2 group-data-[variant=isolated-bordered]:data-open:mb-2 group-data-[variant=isolated-bordered]:data-open:rounded-lg',\n        // First item\n        'group-data-[variant=isolated-bordered]:first:rounded-t-lg group-data-[variant=isolated-bordered]:data-open:first:mt-0',\n        // Last item\n        'group-data-[variant=isolated-bordered]:last:rounded-b-lg group-data-[variant=isolated-bordered]:data-open:last:mb-0',\n        // Item after open item: round top corners (start of new group)\n        'group-data-[variant=isolated-bordered]:[[data-open]+&]:rounded-t-lg',\n        // Item before open item: round bottom corners (end of group)\n        'group-data-[variant=isolated-bordered]:[&:has(+_[data-open])]:rounded-b-lg',\n        // Isolated filled variant\n        'group-data-[variant=isolated-filled]:overflow-hidden group-data-[variant=isolated-filled]:bg-muted',\n        // Opened item - separated with margins and rounded\n        'group-data-[variant=isolated-filled]:data-open:my-2 group-data-[variant=isolated-filled]:data-open:rounded-lg',\n        // First item\n        'group-data-[variant=isolated-filled]:first:rounded-t-lg group-data-[variant=isolated-filled]:data-open:first:mt-0',\n        // Last item\n        'group-data-[variant=isolated-filled]:last:rounded-b-lg group-data-[variant=isolated-filled]:data-open:last:mb-0',\n        // Item after open item: round top corners (start of new group)\n        'group-data-[variant=isolated-filled]:[[data-open]+&]:rounded-t-lg',\n        // Item before open item: round bottom corners (end of group)\n        'group-data-[variant=isolated-filled]:[&:has(+_[data-open])]:rounded-b-lg',\n        // Isolated filled bordered variant - filled background with borders between closed items\n        'group-data-[variant=isolated-filled-bordered]:overflow-hidden group-data-[variant=isolated-filled-bordered]:bg-muted',\n        // All items except last have border-bottom to prevent layout shift, default to visible border\n        'group-data-[variant=isolated-filled-bordered]:not-last:border-(--border) group-data-[variant=isolated-filled-bordered]:not-last:border-b',\n        // Make border transparent (invisible) for: items before open items, and open items themselves\n        'group-data-[variant=isolated-filled-bordered]:[&:has(+_[data-open])]:border-transparent',\n        'group-data-[variant=isolated-filled-bordered]:data-open:border-transparent',\n        // Opened item - separated with margins and rounded\n        'group-data-[variant=isolated-filled-bordered]:data-open:my-2 group-data-[variant=isolated-filled-bordered]:data-open:rounded-lg',\n        // First item\n        'group-data-[variant=isolated-filled-bordered]:first:rounded-t-lg group-data-[variant=isolated-filled-bordered]:data-open:first:mt-0',\n        // Last item\n        'group-data-[variant=isolated-filled-bordered]:last:rounded-b-lg group-data-[variant=isolated-filled-bordered]:data-open:last:mb-0',\n        // Item after open item: round top corners (start of new group)\n        'group-data-[variant=isolated-filled-bordered]:[[data-open]+&]:rounded-t-lg',\n        // Item before open item: round bottom corners (end of group)\n        'group-data-[variant=isolated-filled-bordered]:[&:has(+_[data-open])]:rounded-b-lg',\n\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction AccordionHeader({ className, ...props }: BaseAccordion.Header.Props) {\n  return (\n    <BaseAccordion.Header\n      data-slot=\"accordion-header\"\n      // `not-prose` guards the trigger from document typography when the\n      // accordion is rendered inside a prose/markdown container (e.g. MDX docs),\n      // which would otherwise style this heading with large margins and an\n      // inflated line-height. Inert outside a prose context.\n      className={cn('not-prose', className)}\n      {...props}\n    />\n  );\n}\n\ninterface AccordionTriggerProps extends BaseAccordion.Trigger.Props {\n  showIndicator?: boolean;\n  indicatorType?: 'chevron' | 'plus';\n  indicatorPosition?: 'start' | 'end';\n  /** Colour class applied to the indicator glyph, e.g. `text-(--accent-brand)`. Defaults to muted-foreground. */\n  indicatorColor?: string;\n  icon?: React.ReactNode;\n  subtitle?: React.ReactNode;\n}\n\nfunction AccordionTrigger({\n  children,\n  className,\n  showIndicator = true,\n  indicatorType = 'plus',\n  indicatorPosition = 'end',\n  indicatorColor,\n  icon,\n  subtitle,\n  ...props\n}: AccordionTriggerProps) {\n  const hasStartIndicator = showIndicator && indicatorPosition === 'start';\n  const hasEndIndicator = showIndicator && indicatorPosition === 'end';\n\n  const renderIndicator = () => {\n    if (!showIndicator) return null;\n\n    const indicatorClassName = cn('size-4 shrink-0 transition-transform duration-200 ease-out-expo', indicatorColor);\n\n    const indicatorIcon =\n      indicatorType === 'chevron' ? (\n        <ChevronDownIcon data-slot=\"accordion-indicator\" className={indicatorClassName} />\n      ) : (\n        <PlusIcon data-slot=\"accordion-indicator\" className={indicatorClassName} />\n      );\n\n    return (\n      <span className=\"shrink-0 text-muted-foreground\" aria-hidden=\"true\">\n        {indicatorIcon}\n      </span>\n    );\n  };\n\n  return (\n    <AccordionHeader>\n      <BaseAccordion.Trigger\n        data-slot=\"accordion-trigger\"\n        data-has-icon={hasStartIndicator ? 'true' : undefined}\n        className={cn(\n          'group/trigger flex w-full cursor-pointer items-center justify-between gap-3 py-5 px-3.5 text-left font-medium text-sm outline-none disabled:pointer-events-none disabled:opacity-60',\n          // Default variant styles\n          'group-data-[variant=default]:px-0',\n          // Split variant styles\n          'group-data-[variant=split]:rounded-t-lg',\n          // Nested variant styles - trigger with subtle interaction\n          'group-data-[variant=nested]:rounded-sm group-data-[variant=nested]:px-3 group-data-[variant=nested]:py-2.5 group-data-[variant=nested]:hover:bg-background group-data-[variant=nested]:dark:hover:bg-background/50',\n          // Indicator rotation animations\n          indicatorType === 'chevron' && '[&[data-panel-open]_[data-slot=accordion-indicator]]:rotate-180',\n          indicatorType === 'plus' && '[&[data-panel-open]_[data-slot=accordion-indicator]]:rotate-90',\n          className,\n        )}\n        {...props}\n      >\n        {hasStartIndicator ? renderIndicator() : null}\n\n        {/* icon prop — only rendered when indicator is at end position */}\n        {icon && !hasStartIndicator && (\n          <span className=\"shrink-0 text-muted-foreground\" aria-hidden=\"true\">\n            {icon}\n          </span>\n        )}\n\n        <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n          <span className=\"underline-offset-2 group-hover/trigger:underline\">{children}</span>\n          {subtitle ? <span className=\"text-muted-foreground text-sm no-underline\">{subtitle}</span> : null}\n        </div>\n\n        {hasEndIndicator ? renderIndicator() : null}\n      </BaseAccordion.Trigger>\n    </AccordionHeader>\n  );\n}\n\nfunction AccordionContent({ children, className, ...props }: BaseAccordion.Panel.Props) {\n  return (\n    <BaseAccordion.Panel\n      data-slot=\"accordion-content\"\n      className={cn(\n        'h-(--accordion-panel-height) overflow-hidden text-sm transition-[height,opacity] duration-250 ease-out-expo data-ending-style:h-0 data-starting-style:h-0 data-ending-style:opacity-0 data-starting-style:opacity-0',\n      )}\n      {...props}\n    >\n      <div\n        className={cn(\n          'p-3.5 text-muted-foreground',\n          'group-data-[variant=default]:px-0 group-data-[variant=default]:pt-0',\n          'group-data-[variant=split]:pt-0',\n          'group-data-[variant=outline]:pt-0',\n          // Nested variant\n          'group-data-[variant=nested]:mt-1 group-data-[variant=nested]:mb-0.5 group-data-[variant=nested]:rounded-sm group-data-[variant=nested]:border group-data-[variant=nested]:bg-background group-data-[variant=nested]:p-3 group-data-[variant=nested]:[[data-slot=accordion-item]:last-child_&]:mb-0',\n          // Isolated bordered variant\n          'group-data-[variant=isolated-bordered]:pt-0',\n          // Isolated filled variant\n          'group-data-[variant=isolated-filled]:pt-0',\n          // Isolated filled bordered variant\n          'group-data-[variant=isolated-filled-bordered]:pt-0',\n          // Icon alignment - add left padding when parent item contains a trigger with icon\n          '[[data-slot=accordion-item]:has([data-has-icon])_&]:pl-[calc(1rem+0.75rem)]',\n          '[[data-slot=accordion-item]:has([data-has-icon])_&]:group-data-[variant=default]:pl-[calc(1rem+0.75rem)]',\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </BaseAccordion.Panel>\n  );\n}\n\nfunction PlusIcon(props: React.ComponentProps<'svg'>) {\n  return (\n    <svg aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n      {/* Horizontal bar - fades out when accordion opens */}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M2.75 12C2.75 11.3096 3.30964 10.75 4 10.75H20C20.6904 10.75 21.25 11.3096 21.25 12C21.25 12.6904 20.6904 13.25 20 13.25H4C3.30964 13.25 2.75 12.6904 2.75 12Z\"\n        fill=\"currentColor\"\n        className=\"in-data-panel-open:opacity-0 transition-opacity duration-200 ease-out-expo\"\n      />\n      {/* Vertical bar - remains visible (becomes horizontal after 90° rotation) */}\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M12 2.75C12.6904 2.75 13.25 3.30964 13.25 4V20C13.25 20.6904 12.6904 21.25 12 21.25C11.3096 21.25 10.75 20.6904 10.75 20V4C10.75 3.30964 11.3096 2.75 12 2.75Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  );\n}\n\n/** Inline replacement for the site's `@iconify-icons/mingcute/down-line` glyph. */\nfunction ChevronDownIcon(props: React.ComponentProps<'svg'>) {\n  return (\n    <svg aria-hidden=\"true\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" {...props}>\n      <path d=\"M1 3.5L5 7.5L9 3.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    </svg>\n  );\n}\n\nexport { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger };\n"]}

package/dist/chunk-M5MESV26.mjs

@@ -0,0 +1,124 @@
+import { cn } from './chunk-QAWSH567.mjs';
+import { motion } from 'framer-motion';
+import { useId, useState, useEffect } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function AnimatedBeam({
+  className,
+  containerRef,
+  fromRef,
+  toRef,
+  curvature = 0,
+  reverse = false,
+  duration = 5,
+  delay = 0,
+  pathColor = "gray",
+  pathWidth = 2,
+  pathOpacity = 0.2,
+  gradientStartColor = "#ffaa40",
+  gradientStopColor = "#9c40ff",
+  repeat = Number.POSITIVE_INFINITY,
+  repeatDelay = 0,
+  startXOffset = 0,
+  startYOffset = 0,
+  endXOffset = 0,
+  endYOffset = 0
+}) {
+  const id = useId();
+  const [pathD, setPathD] = useState("");
+  const [svgDimensions, setSvgDimensions] = useState({
+    width: 0,
+    height: 0
+  });
+  const gradientCoordinates = reverse ? {
+    x1: ["90%", "-10%"],
+    x2: ["100%", "0%"],
+    y1: ["0%", "0%"],
+    y2: ["0%", "0%"]
+  } : {
+    x1: ["10%", "110%"],
+    x2: ["0%", "100%"],
+    y1: ["0%", "0%"],
+    y2: ["0%", "0%"]
+  };
+  useEffect(() => {
+    const updatePath = () => {
+      if (containerRef.current && fromRef.current && toRef.current) {
+        const containerRect = containerRef.current.getBoundingClientRect();
+        const rectA = fromRef.current.getBoundingClientRect();
+        const rectB = toRef.current.getBoundingClientRect();
+        const svgWidth = containerRect.width;
+        const svgHeight = containerRect.height;
+        setSvgDimensions({ width: svgWidth, height: svgHeight });
+        const startX = rectA.left - containerRect.left + rectA.width / 2 + startXOffset;
+        const startY = rectA.top - containerRect.top + rectA.height / 2 + startYOffset;
+        const endX = rectB.left - containerRect.left + rectB.width / 2 + endXOffset;
+        const endY = rectB.top - containerRect.top + rectB.height / 2 + endYOffset;
+        const controlY = startY - curvature;
+        const d = `M ${startX},${startY} Q ${(startX + endX) / 2},${controlY} ${endX},${endY}`;
+        setPathD(d);
+      }
+    };
+    const resizeObserver = new ResizeObserver(() => {
+      updatePath();
+    });
+    if (containerRef.current) resizeObserver.observe(containerRef.current);
+    updatePath();
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [containerRef, fromRef, toRef, curvature, startXOffset, startYOffset, endXOffset, endYOffset]);
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      fill: "none",
+      width: svgDimensions.width,
+      height: svgDimensions.height,
+      xmlns: "http://www.w3.org/2000/svg",
+      className: cn("pointer-events-none absolute top-0 left-0 transform-gpu stroke-2", className),
+      viewBox: `0 0 ${svgDimensions.width} ${svgDimensions.height}`,
+      children: [
+        /* @__PURE__ */ jsx("path", { d: pathD, stroke: pathColor, strokeWidth: pathWidth, strokeOpacity: pathOpacity, strokeLinecap: "round" }),
+        /* @__PURE__ */ jsx("path", { d: pathD, strokeWidth: pathWidth, stroke: `url(#${id})`, strokeOpacity: "1", strokeLinecap: "round" }),
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+          motion.linearGradient,
+          {
+            className: "transform-gpu",
+            id,
+            gradientUnits: "userSpaceOnUse",
+            initial: {
+              x1: "0%",
+              x2: "0%",
+              y1: "0%",
+              y2: "0%"
+            },
+            animate: {
+              x1: gradientCoordinates.x1,
+              x2: gradientCoordinates.x2,
+              y1: gradientCoordinates.y1,
+              y2: gradientCoordinates.y2
+            },
+            transition: {
+              delay,
+              duration,
+              ease: [0.16, 1, 0.3, 1],
+              repeat,
+              repeatDelay
+            },
+            children: [
+              /* @__PURE__ */ jsx("stop", { stopColor: gradientStartColor, stopOpacity: "0" }),
+              /* @__PURE__ */ jsx("stop", { stopColor: gradientStartColor }),
+              /* @__PURE__ */ jsx("stop", { offset: "32.5%", stopColor: gradientStopColor }),
+              /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: gradientStopColor, stopOpacity: "0" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+
+export { AnimatedBeam };
+//# sourceMappingURL=chunk-M5MESV26.mjs.map
+//# sourceMappingURL=chunk-M5MESV26.mjs.map

package/dist/chunk-M5MESV26.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/animated-beam.tsx"],"names":[],"mappings":"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","file":"chunk-M5MESV26.mjs","sourcesContent":["'use client';\n\nimport { motion } from 'framer-motion';\nimport { type RefObject, useEffect, useId, useState } from 'react';\nimport { cn } from '../lib/utils.js';\n\nexport type AnimatedBeamProps = {\n  className?: string;\n  containerRef: RefObject<HTMLElement | null>;\n  fromRef: RefObject<HTMLElement | null>;\n  toRef: RefObject<HTMLElement | null>;\n  curvature?: number;\n  reverse?: boolean;\n  pathColor?: string;\n  pathWidth?: number;\n  pathOpacity?: number;\n  gradientStartColor?: string;\n  gradientStopColor?: string;\n  delay?: number;\n  duration?: number;\n  repeat?: number;\n  repeatDelay?: number;\n  startXOffset?: number;\n  startYOffset?: number;\n  endXOffset?: number;\n  endYOffset?: number;\n};\n\nexport function AnimatedBeam({\n  className,\n  containerRef,\n  fromRef,\n  toRef,\n  curvature = 0,\n  reverse = false,\n  duration = 5,\n  delay = 0,\n  pathColor = 'gray',\n  pathWidth = 2,\n  pathOpacity = 0.2,\n  gradientStartColor = '#ffaa40',\n  gradientStopColor = '#9c40ff',\n  repeat = Number.POSITIVE_INFINITY,\n  repeatDelay = 0,\n  startXOffset = 0,\n  startYOffset = 0,\n  endXOffset = 0,\n  endYOffset = 0,\n}: AnimatedBeamProps) {\n  const id = useId();\n  const [pathD, setPathD] = useState('');\n  const [svgDimensions, setSvgDimensions] = useState({\n    width: 0,\n    height: 0,\n  });\n\n  const gradientCoordinates = reverse\n    ? {\n        x1: ['90%', '-10%'],\n        x2: ['100%', '0%'],\n        y1: ['0%', '0%'],\n        y2: ['0%', '0%'],\n      }\n    : {\n        x1: ['10%', '110%'],\n        x2: ['0%', '100%'],\n        y1: ['0%', '0%'],\n        y2: ['0%', '0%'],\n      };\n\n  // biome-ignore lint/plugin: measures live DOM layout to compute beam path — post-render measurement.\n  useEffect(() => {\n    const updatePath = () => {\n      if (containerRef.current && fromRef.current && toRef.current) {\n        const containerRect = containerRef.current.getBoundingClientRect();\n        const rectA = fromRef.current.getBoundingClientRect();\n        const rectB = toRef.current.getBoundingClientRect();\n\n        const svgWidth = containerRect.width;\n        const svgHeight = containerRect.height;\n        setSvgDimensions({ width: svgWidth, height: svgHeight });\n\n        const startX = rectA.left - containerRect.left + rectA.width / 2 + startXOffset;\n        const startY = rectA.top - containerRect.top + rectA.height / 2 + startYOffset;\n        const endX = rectB.left - containerRect.left + rectB.width / 2 + endXOffset;\n        const endY = rectB.top - containerRect.top + rectB.height / 2 + endYOffset;\n\n        const controlY = startY - curvature;\n        const d = `M ${startX},${startY} Q ${(startX + endX) / 2},${controlY} ${endX},${endY}`;\n        setPathD(d);\n      }\n    };\n\n    const resizeObserver = new ResizeObserver(() => {\n      updatePath();\n    });\n\n    if (containerRef.current) resizeObserver.observe(containerRef.current);\n\n    updatePath();\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [containerRef, fromRef, toRef, curvature, startXOffset, startYOffset, endXOffset, endYOffset]);\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      fill=\"none\"\n      width={svgDimensions.width}\n      height={svgDimensions.height}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={cn('pointer-events-none absolute top-0 left-0 transform-gpu stroke-2', className)}\n      viewBox={`0 0 ${svgDimensions.width} ${svgDimensions.height}`}\n    >\n      <path d={pathD} stroke={pathColor} strokeWidth={pathWidth} strokeOpacity={pathOpacity} strokeLinecap=\"round\" />\n      <path d={pathD} strokeWidth={pathWidth} stroke={`url(#${id})`} strokeOpacity=\"1\" strokeLinecap=\"round\" />\n      <defs>\n        <motion.linearGradient\n          className=\"transform-gpu\"\n          id={id}\n          gradientUnits=\"userSpaceOnUse\"\n          initial={{\n            x1: '0%',\n            x2: '0%',\n            y1: '0%',\n            y2: '0%',\n          }}\n          animate={{\n            x1: gradientCoordinates.x1,\n            x2: gradientCoordinates.x2,\n            y1: gradientCoordinates.y1,\n            y2: gradientCoordinates.y2,\n          }}\n          transition={{\n            delay,\n            duration,\n            ease: [0.16, 1, 0.3, 1],\n            repeat,\n            repeatDelay,\n          }}\n        >\n          <stop stopColor={gradientStartColor} stopOpacity=\"0\" />\n          <stop stopColor={gradientStartColor} />\n          <stop offset=\"32.5%\" stopColor={gradientStopColor} />\n          <stop offset=\"100%\" stopColor={gradientStopColor} stopOpacity=\"0\" />\n        </motion.linearGradient>\n      </defs>\n    </svg>\n  );\n}\n"]}