@assure-one/design-system 1.0.0 → 1.2.0

package/dist/index.js

@@ -1,6 +1,6 @@
 "use client";
 import * as React36 from 'react';
-import { forwardRef, useState, useCallback, useId, useRef, useImperativeHandle, useMemo, useEffect, createContext, useContext } from 'react';
+import { forwardRef, useId, useRef, useState, useEffect, useCallback, useImperativeHandle, useMemo, createContext, useContext } from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -25,6 +25,7 @@ import * as LabelPrimitive from '@radix-ui/react-label';
 import Link from 'next/link';
 import Image2 from 'next/image';
 import { OTPInput as OTPInput$1, REGEXP_ONLY_DIGITS } from 'input-otp';
+import * as AllFlags from 'country-flag-icons/react/3x2';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
@@ -90,9 +91,9 @@ var colors = {
 };
 var typography = {
   family: {
-    display: '"Inter", -apple-system, system-ui, sans-serif',
-    body: '"Inter", -apple-system, system-ui, sans-serif',
-    mono: '"Inter", -apple-system, system-ui, sans-serif'
+    display: '"Plus Jakarta Sans", -apple-system, system-ui, sans-serif',
+    body: '"Plus Jakarta Sans", -apple-system, system-ui, sans-serif',
+    mono: '"Plus Jakarta Sans", -apple-system, system-ui, sans-serif'
   },
   weight: {
     regular: 400,
@@ -193,7 +194,7 @@ var systemTokens = {
     rule: "var(--color-rule)",
     ruleSoft: "var(--color-rule-soft)",
     ruleStrong: "var(--color-rule-strong)",
-    /* Accent (cyan) */
+    /* Accent (purple) */
     accent: "var(--color-accent)",
     accent2: "var(--color-accent-2)",
     accentTint: "var(--color-accent-tint)",
@@ -228,8 +229,30 @@ var systemTokens = {
     warningLine: "var(--color-warning-line)",
     dangerFg: "var(--color-danger-fg)",
     dangerBg: "var(--color-danger-bg)",
-    dangerLine: "var(--color-danger-line)"
+    dangerLine: "var(--color-danger-line)",
+    /* Data-viz — chart series ramp + area gradient stops */
+    chart1: "var(--color-chart-1)",
+    chart2: "var(--color-chart-2)",
+    chart3: "var(--color-chart-3)",
+    chart4: "var(--color-chart-4)",
+    chartLine: "var(--color-chart-line)",
+    chartAreaFrom: "var(--color-chart-area-from)",
+    chartAreaTo: "var(--color-chart-area-to)",
+    /* Practice service tones — fill + track tint */
+    serviceTax: "var(--color-service-tax)",
+    serviceTaxBg: "var(--color-service-tax-bg)",
+    serviceAudit: "var(--color-service-audit)",
+    serviceAuditBg: "var(--color-service-audit-bg)",
+    serviceAccounting: "var(--color-service-accounting)",
+    serviceAccountingBg: "var(--color-service-accounting-bg)"
   },
+  /** Ordered chart series ramp — index a series by position, cycle with `% 4`. */
+  chart: [
+    "var(--color-chart-1)",
+    "var(--color-chart-2)",
+    "var(--color-chart-3)",
+    "var(--color-chart-4)"
+  ],
   gradient: {
     brand: "var(--gradient-brand)",
     pro: "var(--gradient-pro)",
@@ -2472,6 +2495,103 @@ var AlertDescription = forwardRef(function AlertDescription2({ className, ...pro
   return /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm", className), ...props });
 });
 AlertDescription.displayName = "AlertDescription";
+var defaultFormat = (n) => n.toLocaleString();
+var AreaChart = forwardRef(function AreaChart2({ data, height = 140, formatValue = defaultFormat, showAxis = true, className, ...props }, ref) {
+  const gradientId = useId();
+  const wrapRef = useRef(null);
+  const [width, setWidth] = useState(620);
+  const [hover, setHover] = useState(null);
+  useEffect(() => {
+    const el = wrapRef.current;
+    if (!el) return;
+    const ro = new ResizeObserver((entries) => {
+      for (const entry of entries) setWidth(entry.contentRect.width);
+    });
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, []);
+  const padX = 10;
+  const padTop = 14;
+  const padBot = 8;
+  const max = Math.max(...data.map((d) => d.value), 1) * 1.15;
+  const step = data.length > 1 ? (width - padX * 2) / (data.length - 1) : 0;
+  const pts = data.map(
+    (d, i) => [padX + i * step, height - padBot - d.value / max * (height - padTop - padBot)]
+  );
+  const line = pts.map((p, i) => `${i ? "L" : "M"}${p[0].toFixed(1)} ${p[1].toFixed(1)}`).join(" ");
+  const area = pts.length > 0 ? `${line} L${pts[pts.length - 1][0].toFixed(1)} ${height} L${pts[0][0].toFixed(1)} ${height} Z` : "";
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), ...props, children: [
+    /* @__PURE__ */ jsxs("div", { ref: wrapRef, className: "relative w-full", children: [
+      /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          width,
+          height,
+          viewBox: `0 0 ${width} ${height}`,
+          role: "img",
+          "aria-label": "Area trend chart",
+          onMouseLeave: () => setHover(null),
+          children: [
+            /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+              /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "var(--color-chart-area-from)" }),
+              /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "var(--color-chart-area-to)" })
+            ] }) }),
+            area && /* @__PURE__ */ jsx("path", { d: area, fill: `url(#${gradientId})` }),
+            line && /* @__PURE__ */ jsx(
+              "path",
+              {
+                d: line,
+                fill: "none",
+                stroke: "var(--color-chart-line)",
+                strokeWidth: "2.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            pts.map((p, i) => /* @__PURE__ */ jsxs("g", { children: [
+              /* @__PURE__ */ jsx(
+                "circle",
+                {
+                  cx: p[0],
+                  cy: p[1],
+                  r: hover === i ? 5.5 : 4,
+                  fill: "var(--color-surface)",
+                  stroke: "var(--color-chart-line)",
+                  strokeWidth: "2.5",
+                  className: "transition-[r] duration-[var(--duration-instant)] ease-[var(--ease-out-quart)] motion-reduce:transition-none"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "rect",
+                {
+                  x: p[0] - (step || width) / 2,
+                  y: 0,
+                  width: step || width,
+                  height,
+                  fill: "transparent",
+                  onMouseEnter: () => setHover(i)
+                }
+              )
+            ] }, i))
+          ]
+        }
+      ),
+      hover != null && pts[hover] && /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "bg-fg text-bg pointer-events-none absolute top-0 z-[var(--z-tooltip)] -translate-x-1/2 -translate-y-1 rounded-[var(--radius-icon)] px-2 py-1 text-center shadow-[var(--shadow-pop)]",
+          style: { left: `${pts[hover][0] / width * 100}%` },
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "block text-xs font-semibold tabular-nums", children: formatValue(data[hover].value) }),
+            /* @__PURE__ */ jsx("span", { className: "block text-[10px] opacity-70", children: data[hover].label })
+          ]
+        }
+      )
+    ] }),
+    showAxis && /* @__PURE__ */ jsx("div", { className: "text-fg-4 mt-1.5 flex justify-between text-[11px] tabular-nums", children: data.map((d) => /* @__PURE__ */ jsx("span", { children: d.label }, d.label)) })
+  ] });
+});
+AreaChart.displayName = "AreaChart";
 var AspectRatio = React36.forwardRef(function AspectRatio2({ className, ratio = 16 / 9, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     AspectRatioPrimitive.Root,
@@ -2793,7 +2913,7 @@ var Spinner = forwardRef(function Spinner2({ size, tone, label, className, ...pr
 Spinner.displayName = "Spinner";
 var buttonVariants = cva(
   cn(
-    "inline-flex items-center justify-center rounded-btn font-medium whitespace-nowrap",
+    "inline-flex items-center justify-center rounded-btn font-medium whitespace-nowrap cursor-pointer",
     "transition-[color,background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)]",
     "focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
     "disabled:pointer-events-none disabled:bg-bg-disabled disabled:text-fg-disabled",
@@ -4510,6 +4630,123 @@ var DismissibleChip = React36.forwardRef(function DismissibleChip2({ label, onDi
     }
   );
 });
+var RAMP = [
+  "var(--color-chart-1)",
+  "var(--color-chart-2)",
+  "var(--color-chart-3)",
+  "var(--color-chart-4)"
+];
+var DonutChart = forwardRef(function DonutChart2({
+  segments,
+  size = 132,
+  strokeWidth = 16,
+  centerLabel = "Total",
+  center,
+  legend = true,
+  className,
+  ...props
+}, ref) {
+  const [hover, setHover] = useState(null);
+  const titleId = useId();
+  const total = segments.reduce((sum, s) => sum + s.value, 0) || 1;
+  const radius = (size - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  let acc = 0;
+  const arcs = segments.map((s, i) => {
+    const frac = s.value / total;
+    const arc = {
+      ...s,
+      color: s.color ?? RAMP[i % RAMP.length],
+      dash: frac * circumference,
+      offset: acc * circumference
+    };
+    acc += frac;
+    return arc;
+  });
+  const active = hover != null ? arcs[hover] : null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn("flex items-center gap-6", className),
+      role: "img",
+      "aria-labelledby": titleId,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("span", { id: titleId, className: "sr-only", children: [
+          "Donut chart: ",
+          arcs.map((a) => `${a.label} ${a.value}`).join(", ")
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", style: { width: size, height: size }, children: [
+          /* @__PURE__ */ jsxs("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx(
+              "circle",
+              {
+                cx: size / 2,
+                cy: size / 2,
+                r: radius,
+                fill: "none",
+                stroke: "var(--color-bg-3)",
+                strokeWidth
+              }
+            ),
+            arcs.map((s, i) => /* @__PURE__ */ jsx(
+              "circle",
+              {
+                cx: size / 2,
+                cy: size / 2,
+                r: radius,
+                fill: "none",
+                stroke: s.color,
+                strokeWidth: hover === i ? strokeWidth + 3 : strokeWidth,
+                strokeDasharray: `${s.dash} ${circumference - s.dash}`,
+                strokeDashoffset: -s.offset,
+                strokeLinecap: "butt",
+                transform: `rotate(-90 ${size / 2} ${size / 2})`,
+                className: "cursor-pointer transition-[stroke-width,opacity] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                style: { opacity: hover != null && hover !== i ? 0.35 : 1 },
+                onMouseEnter: () => setHover(i),
+                onMouseLeave: () => setHover(null)
+              },
+              i
+            ))
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center", children: center ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "text-fg text-2xl font-semibold tabular-nums", children: active ? active.value : total }),
+            /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-xs", children: active ? active.label : centerLabel })
+          ] }) })
+        ] }),
+        legend && /* @__PURE__ */ jsx("ul", { className: "flex min-w-0 flex-col gap-1.5", children: arcs.map((s, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onMouseEnter: () => setHover(i),
+            onMouseLeave: () => setHover(null),
+            onFocus: () => setHover(i),
+            onBlur: () => setHover(null),
+            className: cn(
+              "flex w-full items-center gap-2 rounded-[var(--radius-icon)] px-1.5 py-1 text-left text-sm transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+              hover === i ? "bg-bg-2" : "hover:bg-bg-2"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: "size-2.5 shrink-0 rounded-[3px]",
+                  style: { background: s.color }
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-fg-2 min-w-0 flex-1 truncate", children: s.label }),
+              /* @__PURE__ */ jsx("span", { className: "text-fg tabular-nums", children: s.value })
+            ]
+          }
+        ) }, i)) })
+      ]
+    }
+  );
+});
+DonutChart.displayName = "DonutChart";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
@@ -4691,6 +4928,44 @@ var EmptyState = forwardRef(function EmptyState2({ icon, title, description, act
   );
 });
 EmptyState.displayName = "EmptyState";
+var kindTile = {
+  doc: "bg-danger-bg text-danger-fg",
+  sheet: "bg-success-bg text-success-fg",
+  image: "bg-accent-tint text-accent",
+  generic: "bg-bg-3 text-fg-3"
+};
+var FileChip = forwardRef(function FileChip2({ name, meta, kind = "doc", icon, action, className, ...props }, ref) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "border-rule bg-surface flex items-center gap-3 rounded-[var(--radius-input)] border p-2.5",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-icon)] [&_svg]:size-4.5",
+              kindTile[kind]
+            ),
+            children: icon ?? /* @__PURE__ */ jsx(FileTextIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-fg truncate text-sm font-medium", children: name }),
+          meta != null && /* @__PURE__ */ jsx("p", { className: "text-fg-3 truncate text-xs", children: meta })
+        ] }),
+        action && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action })
+      ]
+    }
+  );
+});
+FileChip.displayName = "FileChip";
 function FileUpload({
   accept,
   maxSize,
@@ -5684,6 +5959,367 @@ var PhoneInput = forwardRef(function PhoneInput2({ value, defaultValue, onChange
   ] });
 });
 PhoneInput.displayName = "PhoneInput";
+
+// src/lib/country-codes.ts
+var COUNTRY_CODES = [
+  { iso: "US", name: "United States", dialCode: "+1" },
+  { iso: "CA", name: "Canada", dialCode: "+1" },
+  { iso: "GB", name: "United Kingdom", dialCode: "+44" },
+  { iso: "AU", name: "Australia", dialCode: "+61" },
+  { iso: "IN", name: "India", dialCode: "+91" },
+  { iso: "AF", name: "Afghanistan", dialCode: "+93" },
+  { iso: "AL", name: "Albania", dialCode: "+355" },
+  { iso: "DZ", name: "Algeria", dialCode: "+213" },
+  { iso: "AD", name: "Andorra", dialCode: "+376" },
+  { iso: "AO", name: "Angola", dialCode: "+244" },
+  { iso: "AG", name: "Antigua and Barbuda", dialCode: "+1268" },
+  { iso: "AR", name: "Argentina", dialCode: "+54" },
+  { iso: "AM", name: "Armenia", dialCode: "+374" },
+  { iso: "AT", name: "Austria", dialCode: "+43" },
+  { iso: "AZ", name: "Azerbaijan", dialCode: "+994" },
+  { iso: "BS", name: "Bahamas", dialCode: "+1242" },
+  { iso: "BH", name: "Bahrain", dialCode: "+973" },
+  { iso: "BD", name: "Bangladesh", dialCode: "+880" },
+  { iso: "BB", name: "Barbados", dialCode: "+1246" },
+  { iso: "BY", name: "Belarus", dialCode: "+375" },
+  { iso: "BE", name: "Belgium", dialCode: "+32" },
+  { iso: "BZ", name: "Belize", dialCode: "+501" },
+  { iso: "BJ", name: "Benin", dialCode: "+229" },
+  { iso: "BT", name: "Bhutan", dialCode: "+975" },
+  { iso: "BO", name: "Bolivia", dialCode: "+591" },
+  { iso: "BA", name: "Bosnia and Herzegovina", dialCode: "+387" },
+  { iso: "BW", name: "Botswana", dialCode: "+267" },
+  { iso: "BR", name: "Brazil", dialCode: "+55" },
+  { iso: "BN", name: "Brunei", dialCode: "+673" },
+  { iso: "BG", name: "Bulgaria", dialCode: "+359" },
+  { iso: "BF", name: "Burkina Faso", dialCode: "+226" },
+  { iso: "BI", name: "Burundi", dialCode: "+257" },
+  { iso: "KH", name: "Cambodia", dialCode: "+855" },
+  { iso: "CM", name: "Cameroon", dialCode: "+237" },
+  { iso: "CV", name: "Cape Verde", dialCode: "+238" },
+  { iso: "CF", name: "Central African Republic", dialCode: "+236" },
+  { iso: "TD", name: "Chad", dialCode: "+235" },
+  { iso: "CL", name: "Chile", dialCode: "+56" },
+  { iso: "CN", name: "China", dialCode: "+86" },
+  { iso: "CO", name: "Colombia", dialCode: "+57" },
+  { iso: "KM", name: "Comoros", dialCode: "+269" },
+  { iso: "CG", name: "Congo", dialCode: "+242" },
+  { iso: "CD", name: "Congo, DR", dialCode: "+243" },
+  { iso: "CR", name: "Costa Rica", dialCode: "+506" },
+  { iso: "HR", name: "Croatia", dialCode: "+385" },
+  { iso: "CU", name: "Cuba", dialCode: "+53" },
+  { iso: "CY", name: "Cyprus", dialCode: "+357" },
+  { iso: "CZ", name: "Czech Republic", dialCode: "+420" },
+  { iso: "DK", name: "Denmark", dialCode: "+45" },
+  { iso: "DJ", name: "Djibouti", dialCode: "+253" },
+  { iso: "DM", name: "Dominica", dialCode: "+1767" },
+  { iso: "DO", name: "Dominican Republic", dialCode: "+1809" },
+  { iso: "EC", name: "Ecuador", dialCode: "+593" },
+  { iso: "EG", name: "Egypt", dialCode: "+20" },
+  { iso: "SV", name: "El Salvador", dialCode: "+503" },
+  { iso: "GQ", name: "Equatorial Guinea", dialCode: "+240" },
+  { iso: "ER", name: "Eritrea", dialCode: "+291" },
+  { iso: "EE", name: "Estonia", dialCode: "+372" },
+  { iso: "SZ", name: "Eswatini", dialCode: "+268" },
+  { iso: "ET", name: "Ethiopia", dialCode: "+251" },
+  { iso: "FJ", name: "Fiji", dialCode: "+679" },
+  { iso: "FI", name: "Finland", dialCode: "+358" },
+  { iso: "FR", name: "France", dialCode: "+33" },
+  { iso: "GA", name: "Gabon", dialCode: "+241" },
+  { iso: "GM", name: "Gambia", dialCode: "+220" },
+  { iso: "GE", name: "Georgia", dialCode: "+995" },
+  { iso: "DE", name: "Germany", dialCode: "+49" },
+  { iso: "GH", name: "Ghana", dialCode: "+233" },
+  { iso: "GR", name: "Greece", dialCode: "+30" },
+  { iso: "GD", name: "Grenada", dialCode: "+1473" },
+  { iso: "GT", name: "Guatemala", dialCode: "+502" },
+  { iso: "GN", name: "Guinea", dialCode: "+224" },
+  { iso: "GW", name: "Guinea-Bissau", dialCode: "+245" },
+  { iso: "GY", name: "Guyana", dialCode: "+592" },
+  { iso: "HT", name: "Haiti", dialCode: "+509" },
+  { iso: "HN", name: "Honduras", dialCode: "+504" },
+  { iso: "HK", name: "Hong Kong", dialCode: "+852" },
+  { iso: "HU", name: "Hungary", dialCode: "+36" },
+  { iso: "IS", name: "Iceland", dialCode: "+354" },
+  { iso: "ID", name: "Indonesia", dialCode: "+62" },
+  { iso: "IR", name: "Iran", dialCode: "+98" },
+  { iso: "IQ", name: "Iraq", dialCode: "+964" },
+  { iso: "IE", name: "Ireland", dialCode: "+353" },
+  { iso: "IL", name: "Israel", dialCode: "+972" },
+  { iso: "IT", name: "Italy", dialCode: "+39" },
+  { iso: "CI", name: "Ivory Coast", dialCode: "+225" },
+  { iso: "JM", name: "Jamaica", dialCode: "+1876" },
+  { iso: "JP", name: "Japan", dialCode: "+81" },
+  { iso: "JO", name: "Jordan", dialCode: "+962" },
+  { iso: "KZ", name: "Kazakhstan", dialCode: "+7" },
+  { iso: "KE", name: "Kenya", dialCode: "+254" },
+  { iso: "KI", name: "Kiribati", dialCode: "+686" },
+  { iso: "KW", name: "Kuwait", dialCode: "+965" },
+  { iso: "KG", name: "Kyrgyzstan", dialCode: "+996" },
+  { iso: "LA", name: "Laos", dialCode: "+856" },
+  { iso: "LV", name: "Latvia", dialCode: "+371" },
+  { iso: "LB", name: "Lebanon", dialCode: "+961" },
+  { iso: "LS", name: "Lesotho", dialCode: "+266" },
+  { iso: "LR", name: "Liberia", dialCode: "+231" },
+  { iso: "LY", name: "Libya", dialCode: "+218" },
+  { iso: "LI", name: "Liechtenstein", dialCode: "+423" },
+  { iso: "LT", name: "Lithuania", dialCode: "+370" },
+  { iso: "LU", name: "Luxembourg", dialCode: "+352" },
+  { iso: "MO", name: "Macau", dialCode: "+853" },
+  { iso: "MG", name: "Madagascar", dialCode: "+261" },
+  { iso: "MW", name: "Malawi", dialCode: "+265" },
+  { iso: "MY", name: "Malaysia", dialCode: "+60" },
+  { iso: "MV", name: "Maldives", dialCode: "+960" },
+  { iso: "ML", name: "Mali", dialCode: "+223" },
+  { iso: "MT", name: "Malta", dialCode: "+356" },
+  { iso: "MH", name: "Marshall Islands", dialCode: "+692" },
+  { iso: "MR", name: "Mauritania", dialCode: "+222" },
+  { iso: "MU", name: "Mauritius", dialCode: "+230" },
+  { iso: "MX", name: "Mexico", dialCode: "+52" },
+  { iso: "FM", name: "Micronesia", dialCode: "+691" },
+  { iso: "MD", name: "Moldova", dialCode: "+373" },
+  { iso: "MC", name: "Monaco", dialCode: "+377" },
+  { iso: "MN", name: "Mongolia", dialCode: "+976" },
+  { iso: "ME", name: "Montenegro", dialCode: "+382" },
+  { iso: "MA", name: "Morocco", dialCode: "+212" },
+  { iso: "MZ", name: "Mozambique", dialCode: "+258" },
+  { iso: "MM", name: "Myanmar", dialCode: "+95" },
+  { iso: "NA", name: "Namibia", dialCode: "+264" },
+  { iso: "NR", name: "Nauru", dialCode: "+674" },
+  { iso: "NP", name: "Nepal", dialCode: "+977" },
+  { iso: "NL", name: "Netherlands", dialCode: "+31" },
+  { iso: "NZ", name: "New Zealand", dialCode: "+64" },
+  { iso: "NI", name: "Nicaragua", dialCode: "+505" },
+  { iso: "NE", name: "Niger", dialCode: "+227" },
+  { iso: "NG", name: "Nigeria", dialCode: "+234" },
+  { iso: "KP", name: "North Korea", dialCode: "+850" },
+  { iso: "MK", name: "North Macedonia", dialCode: "+389" },
+  { iso: "NO", name: "Norway", dialCode: "+47" },
+  { iso: "OM", name: "Oman", dialCode: "+968" },
+  { iso: "PK", name: "Pakistan", dialCode: "+92" },
+  { iso: "PW", name: "Palau", dialCode: "+680" },
+  { iso: "PS", name: "Palestine", dialCode: "+970" },
+  { iso: "PA", name: "Panama", dialCode: "+507" },
+  { iso: "PG", name: "Papua New Guinea", dialCode: "+675" },
+  { iso: "PY", name: "Paraguay", dialCode: "+595" },
+  { iso: "PE", name: "Peru", dialCode: "+51" },
+  { iso: "PH", name: "Philippines", dialCode: "+63" },
+  { iso: "PL", name: "Poland", dialCode: "+48" },
+  { iso: "PT", name: "Portugal", dialCode: "+351" },
+  { iso: "PR", name: "Puerto Rico", dialCode: "+1787" },
+  { iso: "QA", name: "Qatar", dialCode: "+974" },
+  { iso: "RO", name: "Romania", dialCode: "+40" },
+  { iso: "RU", name: "Russia", dialCode: "+7" },
+  { iso: "RW", name: "Rwanda", dialCode: "+250" },
+  { iso: "KN", name: "Saint Kitts and Nevis", dialCode: "+1869" },
+  { iso: "LC", name: "Saint Lucia", dialCode: "+1758" },
+  { iso: "VC", name: "Saint Vincent", dialCode: "+1784" },
+  { iso: "WS", name: "Samoa", dialCode: "+685" },
+  { iso: "SM", name: "San Marino", dialCode: "+378" },
+  { iso: "ST", name: "Sao Tome and Principe", dialCode: "+239" },
+  { iso: "SA", name: "Saudi Arabia", dialCode: "+966" },
+  { iso: "SN", name: "Senegal", dialCode: "+221" },
+  { iso: "RS", name: "Serbia", dialCode: "+381" },
+  { iso: "SC", name: "Seychelles", dialCode: "+248" },
+  { iso: "SL", name: "Sierra Leone", dialCode: "+232" },
+  { iso: "SG", name: "Singapore", dialCode: "+65" },
+  { iso: "SK", name: "Slovakia", dialCode: "+421" },
+  { iso: "SI", name: "Slovenia", dialCode: "+386" },
+  { iso: "SB", name: "Solomon Islands", dialCode: "+677" },
+  { iso: "SO", name: "Somalia", dialCode: "+252" },
+  { iso: "ZA", name: "South Africa", dialCode: "+27" },
+  { iso: "KR", name: "South Korea", dialCode: "+82" },
+  { iso: "SS", name: "South Sudan", dialCode: "+211" },
+  { iso: "ES", name: "Spain", dialCode: "+34" },
+  { iso: "LK", name: "Sri Lanka", dialCode: "+94" },
+  { iso: "SD", name: "Sudan", dialCode: "+249" },
+  { iso: "SR", name: "Suriname", dialCode: "+597" },
+  { iso: "SE", name: "Sweden", dialCode: "+46" },
+  { iso: "CH", name: "Switzerland", dialCode: "+41" },
+  { iso: "SY", name: "Syria", dialCode: "+963" },
+  { iso: "TW", name: "Taiwan", dialCode: "+886" },
+  { iso: "TJ", name: "Tajikistan", dialCode: "+992" },
+  { iso: "TZ", name: "Tanzania", dialCode: "+255" },
+  { iso: "TH", name: "Thailand", dialCode: "+66" },
+  { iso: "TL", name: "Timor-Leste", dialCode: "+670" },
+  { iso: "TG", name: "Togo", dialCode: "+228" },
+  { iso: "TO", name: "Tonga", dialCode: "+676" },
+  { iso: "TT", name: "Trinidad and Tobago", dialCode: "+1868" },
+  { iso: "TN", name: "Tunisia", dialCode: "+216" },
+  { iso: "TR", name: "Turkey", dialCode: "+90" },
+  { iso: "TM", name: "Turkmenistan", dialCode: "+993" },
+  { iso: "TV", name: "Tuvalu", dialCode: "+688" },
+  { iso: "UG", name: "Uganda", dialCode: "+256" },
+  { iso: "UA", name: "Ukraine", dialCode: "+380" },
+  { iso: "AE", name: "United Arab Emirates", dialCode: "+971" },
+  { iso: "UY", name: "Uruguay", dialCode: "+598" },
+  { iso: "UZ", name: "Uzbekistan", dialCode: "+998" },
+  { iso: "VU", name: "Vanuatu", dialCode: "+678" },
+  { iso: "VE", name: "Venezuela", dialCode: "+58" },
+  { iso: "VN", name: "Vietnam", dialCode: "+84" },
+  { iso: "YE", name: "Yemen", dialCode: "+967" },
+  { iso: "ZM", name: "Zambia", dialCode: "+260" },
+  { iso: "ZW", name: "Zimbabwe", dialCode: "+263" }
+];
+function getFlagEmoji(iso) {
+  return iso.toUpperCase().split("").map((c) => String.fromCodePoint(127456 + c.charCodeAt(0) - 65)).join("");
+}
+function parsePhoneForEditing(phone) {
+  if (!phone || !phone.startsWith("+")) {
+    return { iso: "US", localPhone: phone };
+  }
+  const sorted = [...COUNTRY_CODES].sort((a, b) => b.dialCode.length - a.dialCode.length);
+  for (const c of sorted) {
+    if (phone.startsWith(c.dialCode)) {
+      return { iso: c.iso, localPhone: phone.slice(c.dialCode.length).trimStart() };
+    }
+  }
+  return { iso: "US", localPhone: phone };
+}
+function CountryFlag({ iso }) {
+  const Flag = AllFlags[iso];
+  if (!Flag) return /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono", children: iso });
+  return /* @__PURE__ */ jsx(Flag, { style: { width: 20, height: 14, borderRadius: 2, display: "block", flexShrink: 0 } });
+}
+function CountrySelect({
+  value,
+  onChange,
+  disabled
+}) {
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState("");
+  const searchRef = useRef(null);
+  const selected = COUNTRY_CODES.find((c) => c.iso === value) ?? COUNTRY_CODES[0];
+  const filtered = useMemo(() => {
+    const q = search.toLowerCase();
+    if (!q) return COUNTRY_CODES;
+    return COUNTRY_CODES.filter(
+      (c) => c.name.toLowerCase().includes(q) || c.dialCode.includes(q) || c.iso.toLowerCase().includes(q)
+    );
+  }, [search]);
+  return /* @__PURE__ */ jsxs(
+    PopoverPrimitive.Root,
+    {
+      modal: true,
+      open,
+      onOpenChange: (next) => {
+        setOpen(next);
+        if (!next) setSearch("");
+      },
+      children: [
+        /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            disabled,
+            "aria-label": "Select country code",
+            className: "flex h-10 w-[90px] shrink-0 items-center gap-1.5 rounded-lg border border-input bg-input-background px-2.5 text-sm text-foreground focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] disabled:cursor-not-allowed disabled:opacity-50",
+            children: [
+              /* @__PURE__ */ jsx(CountryFlag, { iso: selected.iso }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs tabular-nums text-muted-foreground", children: selected.dialCode }),
+              /* @__PURE__ */ jsx("svg", { className: "ml-auto size-3 shrink-0 text-muted-foreground", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+          PopoverPrimitive.Content,
+          {
+            side: "bottom",
+            align: "start",
+            sideOffset: 4,
+            style: { zIndex: 9999, minWidth: 248 },
+            className: "rounded-xl border border-border bg-popover shadow-xl outline-none",
+            onOpenAutoFocus: (e) => {
+              e.preventDefault();
+              searchRef.current?.focus({ preventScroll: true });
+            },
+            onCloseAutoFocus: (e) => e.preventDefault(),
+            onKeyDown: (e) => {
+              if (e.key !== "Escape") e.stopPropagation();
+            },
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "rounded-t-xl border-b border-border px-3 py-2.5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg border border-input bg-input-background px-2.5", children: [
+                /* @__PURE__ */ jsxs("svg", { className: "size-3.5 shrink-0 text-muted-foreground", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                  /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+                  /* @__PURE__ */ jsx("path", { d: "m21 21-4.35-4.35" })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    ref: searchRef,
+                    value: search,
+                    onChange: (e) => setSearch(e.target.value),
+                    onKeyDown: (e) => e.stopPropagation(),
+                    placeholder: "Search country or code...",
+                    className: "h-8 flex-1 bg-transparent text-xs text-foreground placeholder:text-muted-foreground focus:outline-none"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "max-h-56 overflow-y-auto rounded-b-xl",
+                  style: { overscrollBehavior: "contain" },
+                  onWheel: (e) => e.stopPropagation(),
+                  children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-4 py-3 text-center text-xs text-muted-foreground", children: "No countries found" }) : filtered.map((c) => /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      onMouseDown: (e) => e.preventDefault(),
+                      onClick: () => {
+                        onChange(c.iso);
+                        setOpen(false);
+                        setSearch("");
+                      },
+                      className: cn(
+                        "flex w-full items-center gap-3 px-3 py-2 text-left transition-colors hover:bg-muted/60",
+                        c.iso === value && "bg-primary/5"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx(CountryFlag, { iso: c.iso }),
+                        /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-xs text-foreground", children: c.name }),
+                        /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: c.dialCode })
+                      ]
+                    },
+                    c.iso
+                  ))
+                }
+              )
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function PhoneCountryInput({
+  countryIso,
+  localPhone,
+  onCountryChange,
+  onPhoneChange,
+  placeholder,
+  error,
+  disabled,
+  id
+}) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
+      /* @__PURE__ */ jsx(CountrySelect, { value: countryIso, onChange: onCountryChange, disabled }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          id,
+          value: localPhone,
+          onChange: (e) => onPhoneChange(e.target.value),
+          placeholder: placeholder ?? "(555) 555-0100",
+          disabled,
+          className: "flex-1"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-destructive", children: error })
+  ] });
+}
 var BARS = [
   { x: 1.5, y: 9, height: 5 },
   // bar 1 (shortest)
@@ -5911,6 +6547,56 @@ var RadioGroupItem = React36.forwardRef(function RadioGroupItem2({ className, la
   ] });
 });
 RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+var RAMP2 = [
+  "var(--color-chart-1)",
+  "var(--color-chart-2)",
+  "var(--color-chart-3)",
+  "var(--color-chart-4)"
+];
+var RankedBars = forwardRef(function RankedBars2({ items, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx("ul", { ref, className: cn("flex flex-col gap-4", className), ...props, children: items.map((bar, i) => {
+    const up = (bar.change ?? 0) >= 0;
+    const ChangeIcon = up ? TrendingUpIcon : TrendingDownIcon;
+    return /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-fg-2 text-sm font-medium", children: bar.label }),
+        bar.value != null && /* @__PURE__ */ jsx("span", { className: "text-fg text-sm font-semibold tabular-nums", children: bar.value })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "bg-bg-3 h-2 flex-1 overflow-hidden rounded-full", children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "h-full rounded-full transition-[width] duration-[var(--duration-slow)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+            style: {
+              width: `${Math.min(100, Math.max(0, bar.pct))}%`,
+              background: bar.color ?? RAMP2[i % RAMP2.length]
+            }
+          }
+        ) }),
+        bar.change != null && /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: cn(
+              "inline-flex shrink-0 items-center gap-0.5 text-xs font-semibold tabular-nums",
+              up ? "text-success-fg" : "text-danger-fg"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(ChangeIcon, { className: "size-3", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+                up ? "Up" : "Down",
+                " "
+              ] }),
+              Math.abs(bar.change),
+              "%"
+            ]
+          }
+        )
+      ] }),
+      bar.sublabel != null && /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-xs", children: bar.sublabel })
+    ] }, i);
+  }) });
+});
+RankedBars.displayName = "RankedBars";
 var ScrollArea = React36.forwardRef(function ScrollArea2({ className, children, ...props }, ref) {
   return /* @__PURE__ */ jsxs(
     ScrollAreaPrimitive.Root,
@@ -6595,6 +7281,45 @@ var SectionHead = forwardRef(function SectionHead2({ eyebrow, title, meta, class
   );
 });
 SectionHead.displayName = "SectionHead";
+var toneFill = {
+  default: "var(--color-pro-fg)",
+  success: "var(--color-success-fg)",
+  warning: "var(--color-warning-fg)",
+  destructive: "var(--color-danger-fg)",
+  info: "var(--color-accent)",
+  tax: "var(--color-service-tax)",
+  audit: "var(--color-service-audit)",
+  accounting: "var(--color-service-accounting)"
+};
+var SegmentedProgress = forwardRef(
+  function SegmentedProgress2({ steps, current, tone = "default", thickness = 6, label, className, style, ...props }, ref) {
+    const filled = Math.min(steps, Math.max(0, current));
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "progressbar",
+        "aria-valuenow": filled,
+        "aria-valuemin": 0,
+        "aria-valuemax": steps,
+        "aria-label": label ?? `Step ${filled} of ${steps}`,
+        className: cn("flex w-full items-center gap-1", className),
+        style: { height: thickness, ...style },
+        ...props,
+        children: Array.from({ length: steps }, (_, i) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "h-full flex-1 rounded-full transition-colors duration-[var(--duration-normal)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+            style: { background: i < filled ? toneFill[tone] : "var(--color-bg-3)" }
+          },
+          i
+        ))
+      }
+    );
+  }
+);
+SegmentedProgress.displayName = "SegmentedProgress";
 var Separator4 = React36.forwardRef(function Separator5({ className, orientation = "horizontal", decorative = true, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     SeparatorPrimitive.Root,
@@ -7116,6 +7841,25 @@ function StatusIcon({
     }
   );
 }
+var statusMap = {
+  requested: { variant: "warning", label: "Requested" },
+  "in-review": { variant: "info", label: "In review" },
+  "needs-revision": { variant: "destructive", label: "Needs revision" },
+  accepted: { variant: "success", label: "Accepted" },
+  signed: { variant: "success", label: "Signed" },
+  approved: { variant: "success", label: "Approved" },
+  paid: { variant: "success", label: "Paid" },
+  complete: { variant: "success", label: "Complete" },
+  draft: { variant: "secondary", label: "Draft" },
+  pending: { variant: "secondary", label: "Pending" },
+  overdue: { variant: "destructive", label: "Overdue" },
+  declined: { variant: "destructive", label: "Declined" }
+};
+var StatusPill = forwardRef(function StatusPill2({ status, dot = true, children, ...props }, ref) {
+  const { variant, label } = statusMap[status];
+  return /* @__PURE__ */ jsx(Badge, { ref, variant, dot, ...props, children: children ?? label });
+});
+StatusPill.displayName = "StatusPill";
 var Stepper = forwardRef(function Stepper2({ steps, currentStep, orientation = "horizontal", className, ...props }, ref) {
   const isVertical = orientation === "vertical";
   return /* @__PURE__ */ jsx(
@@ -7306,7 +8050,7 @@ var Table = forwardRef(function Table2({ className, wrapperClassName, ...props }
     "div",
     {
       className: cn(
-        "rounded-card border-rule bg-surface w-full overflow-x-auto border",
+        "rounded-card border-rule-strong bg-surface w-full overflow-x-auto border shadow-quiet",
         wrapperClassName
       ),
       children: /* @__PURE__ */ jsx(
@@ -7371,10 +8115,11 @@ var TableHead = forwardRef(function TableHead2({ className, ...props }, ref) {
     {
       ref,
       className: cn(
-        // .data-table th — mono, 10px, uppercase, tight tracking 0.12em
-        "h-9 px-3.5 py-2 text-left align-middle whitespace-nowrap",
-        "font-mono text-[10px] font-medium tracking-[0.12em] uppercase",
-        "text-fg-4 bg-surface-2",
+        // Sentence-case column labels in the body font (Plus Jakarta Sans),
+        // quiet gray — not mono uppercase eyebrows.
+        "h-11 px-4 py-2.5 text-left align-middle whitespace-nowrap",
+        "font-sans text-[14px] font-medium tracking-normal normal-case",
+        "text-fg-3 bg-surface-2",
         "border-rule border-b",
         "[&:has([role=checkbox])]:pr-0",
         className
@@ -7390,8 +8135,9 @@ var TableCell = forwardRef(function TableCell2({ className, ...props }, ref) {
     {
       ref,
       className: cn(
-        // .data-table td — 13px, fg-2, soft 1px row divider, tabular nums
-        "text-fg-2 px-3.5 py-2.5 align-middle text-[13px] tabular-nums",
+        // 13px, fg-2, soft 1px row divider, tabular nums; airier vertical
+        // rhythm (py-3) for the taller rows in the catalog layout.
+        "text-fg-2 px-4 py-3 align-middle text-[13px] tabular-nums",
         "[&:has([role=checkbox])]:pr-0",
         className
       ),
@@ -7417,7 +8163,7 @@ var TabsList = React36.forwardRef(function TabsList2({ className, ...props }, re
     TabsPrimitive.List,
     {
       ref,
-      className: cn("border-rule inline-flex items-center gap-0 border-b", className),
+      className: cn("border-rule flex items-center gap-0 border-b", className),
       ...props
     }
   );
@@ -7883,6 +8629,637 @@ var VisuallyHidden = forwardRef(
   }
 );
 VisuallyHidden.displayName = "VisuallyHidden";
+function AiSpark({ size = 16, className }) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: size,
+      height: size * 12 / 16,
+      viewBox: "0 0 16 12",
+      fill: "none",
+      className: cn("block shrink-0", className),
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M6.24553 5.34293C5.91553 5.23294 5.91553 4.76699 6.24553 4.657L8.18254 4.01207C8.60834 3.87011 8.99522 3.63094 9.31252 3.3135C9.62982 2.99607 9.8688 2.6091 10.0105 2.18327L10.6555 0.247473C10.7655 -0.0824911 11.2315 -0.0824912 11.3415 0.247473L11.9866 2.18427C12.1285 2.61002 12.3677 2.99686 12.6852 3.31412C13.0027 3.63139 13.3897 3.87035 13.8156 4.01207L15.7516 4.657C15.8238 4.68071 15.8868 4.72664 15.9314 4.78823C15.976 4.84982 16 4.92392 16 4.99996C16 5.07601 15.976 5.15011 15.9314 5.2117C15.8868 5.27329 15.8238 5.31921 15.7516 5.34293L13.8146 5.98786C13.3889 6.12971 13.0021 6.36874 12.6848 6.68599C12.3675 7.00324 12.1284 7.39001 11.9866 7.81566L11.3415 9.75245C11.3178 9.82471 11.2719 9.88763 11.2103 9.93223C11.1487 9.97684 11.0746 10.0009 10.9985 10.0009C10.9225 10.0009 10.8484 9.97684 10.7868 9.93223C10.7252 9.88763 10.6793 9.82471 10.6555 9.75245L10.0105 7.81566C9.86867 7.39001 9.62962 7.00324 9.31233 6.68599C8.99505 6.36874 8.60823 6.12971 8.18254 5.98786L6.24553 5.34293ZM1.14651 9.20551C1.1032 9.19117 1.06552 9.16355 1.03881 9.12658C1.0121 9.0896 0.99772 9.04515 0.99772 8.99954C0.99772 8.95392 1.0121 8.90947 1.03881 8.87249C1.06552 8.83552 1.1032 8.8079 1.14651 8.79356L2.30851 8.4066C2.82651 8.23362 3.23252 7.82766 3.40552 7.30972L3.79252 6.14784C3.80686 6.10454 3.83448 6.06686 3.87146 6.04015C3.90844 6.01345 3.9529 5.99907 3.99852 5.99907C4.04414 5.99907 4.0886 6.01345 4.12558 6.04015C4.16256 6.06686 4.19018 6.10454 4.20452 6.14784L4.59152 7.30972C4.67664 7.56516 4.82009 7.79728 5.0105 7.98767C5.20091 8.17806 5.43305 8.32149 5.68853 8.4066L6.85053 8.79356C6.89384 8.8079 6.93152 8.83551 6.95823 8.87249C6.98494 8.90947 6.99932 8.95392 6.99932 8.99954C6.99932 9.04515 6.98494 9.0896 6.95823 9.12658C6.93152 9.16355 6.89384 9.19117 6.85053 9.20551L5.68853 9.59247C5.43305 9.67758 5.20091 9.82101 5.0105 10.0114C4.82009 10.2018 4.67664 10.4339 4.59152 10.6894L4.20452 11.8512C4.19018 11.8945 4.16256 11.9322 4.12558 11.9589C4.0886 11.9856 4.04414 12 3.99852 12C3.9529 12 3.90844 11.9856 3.87146 11.9589C3.83448 11.9322 3.80686 11.8945 3.79252 11.8512L3.40552 10.6894C3.3204 10.4339 3.17695 10.2018 2.98654 10.0114C2.79613 9.82101 2.56399 9.67758 2.30851 9.59247L1.14651 9.20551ZM0.097503 2.13727C0.0690292 2.1274 0.0443387 2.1089 0.0268643 2.08435C0.00938996 2.0598 1.317e-09 2.03042 0 2.00029C-1.318e-09 1.97015 0.00938995 1.94077 0.0268643 1.91622C0.0443387 1.89167 0.0690292 1.87317 0.097503 1.8633L0.871506 1.60533C1.21751 1.49034 1.48851 1.21937 1.60351 0.873408L1.86151 0.0994903C1.87138 0.0710193 1.88988 0.0463306 1.91443 0.0288584C1.93899 0.0113861 1.96837 0.00199815 1.99851 0.00199814C2.02865 0.00199814 2.05803 0.0113861 2.08259 0.0288583C2.10714 0.0463306 2.12564 0.0710193 2.13551 0.0994903L2.39351 0.873408C2.45024 1.0439 2.54593 1.19882 2.673 1.32588C2.80006 1.45293 2.955 1.54861 3.12552 1.60533L3.89952 1.8633C3.92799 1.87317 3.95268 1.89167 3.97016 1.91622C3.98763 1.94077 3.99702 1.97015 3.99702 2.00029C3.99702 2.03042 3.98763 2.0598 3.97016 2.08435C3.95268 2.1089 3.92799 2.1274 3.89952 2.13727L3.12552 2.39524C2.955 2.45196 2.80006 2.54764 2.673 2.6747C2.54593 2.80175 2.45024 2.95667 2.39351 3.12717L2.13551 3.90008C2.12564 3.92855 2.10714 3.95324 2.08259 3.97071C2.05804 3.98819 2.02865 3.99757 1.99851 3.99757C1.96837 3.99757 1.93899 3.98819 1.91443 3.97071C1.88988 3.95324 1.87138 3.92855 1.86151 3.90008L1.60351 3.12617C1.48851 2.7802 1.21751 2.50923 0.871506 2.39424L0.097503 2.13727Z",
+            fill: `url(#${id})`
+          }
+        ),
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+          "linearGradient",
+          {
+            id,
+            x1: "0.265576",
+            y1: "0.856805",
+            x2: "13.5",
+            y2: "12",
+            gradientUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ jsx("stop", { stopColor: "#9E32FF" }),
+              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#1BB6FF" })
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}
+function Field({ label, value, confirmed }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-[11px]", children: label }),
+    /* @__PURE__ */ jsxs("span", { className: "text-fg inline-flex items-center gap-1 text-sm font-medium", children: [
+      value,
+      confirmed && /* @__PURE__ */ jsx(CheckIcon, { className: "text-success-fg size-3", strokeWidth: 3 })
+    ] })
+  ] });
+}
+var AIReceiptPanel = forwardRef(function AIReceiptPanel2({ state = "idle", result, onAttach, onRemove, onViewFile, className, ...props }, ref) {
+  if (state === "reading") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "status",
+        "aria-live": "polite",
+        className: cn(
+          "border-rule bg-surface-2 flex items-center gap-3 rounded-[var(--radius-input)] border p-3",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(AiSpark, { size: 18, className: "motion-safe:animate-pulse" }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("p", { className: "text-fg text-sm font-medium", children: "Reading your receipt\u2026" }),
+            /* @__PURE__ */ jsx("p", { className: "text-fg-3 text-xs", children: "Pulling the vendor, amount and a suggested category." })
+          ] })
+        ]
+      }
+    );
+  }
+  if (state === "done" && result) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "border-rule bg-surface-2 flex flex-col gap-3 rounded-[var(--radius-input)] border p-3",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ jsxs("span", { className: "text-fg-2 inline-flex items-center gap-1.5 text-xs font-semibold", children: [
+              /* @__PURE__ */ jsx(AiSpark, { size: 14 }),
+              " Auto-filled from receipt"
+            ] }),
+            onRemove && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onRemove, children: "Remove" })
+          ] }),
+          /* @__PURE__ */ jsx(
+            FileChip,
+            {
+              name: result.file.name,
+              meta: result.file.meta,
+              className: "bg-surface",
+              action: onViewFile && /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onViewFile, children: "View" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "border-rule grid grid-cols-3 gap-3 border-t pt-3", children: [
+            /* @__PURE__ */ jsx(Field, { label: "Vendor", value: result.vendor }),
+            /* @__PURE__ */ jsx(Field, { label: "Amount", value: result.amount, confirmed: true }),
+            /* @__PURE__ */ jsx(Field, { label: "Date", value: result.date, confirmed: true })
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      onClick: onAttach,
+      className: cn(
+        "group border-rule-strong bg-surface hover:border-pro-fg/50 hover:bg-pro-bg/40 flex w-full items-center gap-3 rounded-[var(--radius-input)] border-2 border-dashed p-3 text-left transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] motion-reduce:transition-none",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(AiSpark, { size: 19 }),
+        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-fg block text-sm font-medium", children: "Attach receipt \u2014 auto-fill with AI" }),
+          /* @__PURE__ */ jsx("span", { className: "text-fg-3 block text-xs", children: "We'll read the vendor, amount & suggest a category" })
+        ] }),
+        /* @__PURE__ */ jsx(UploadIcon, { className: "text-fg-3 size-4.5 shrink-0", "aria-hidden": "true" })
+      ]
+    }
+  );
+});
+AIReceiptPanel.displayName = "AIReceiptPanel";
+
+// src/lib/service-tone.ts
+var toneToken = {
+  tax: { fill: "var(--color-service-tax)", bg: "var(--color-service-tax-bg)" },
+  audit: { fill: "var(--color-service-audit)", bg: "var(--color-service-audit-bg)" },
+  accounting: {
+    fill: "var(--color-service-accounting)",
+    bg: "var(--color-service-accounting-bg)"
+  },
+  neutral: { fill: "var(--color-pro-fg)", bg: "var(--color-pro-bg)" }
+};
+function serviceToneStyle(tone) {
+  const { fill, bg } = toneToken[tone];
+  return { "--tone": fill, "--tone-bg": bg };
+}
+var SERVICE_TONES = ["tax", "audit", "accounting", "neutral"];
+var serviceToneLabel = {
+  tax: "Tax",
+  audit: "Audit",
+  accounting: "Accounting",
+  neutral: "General"
+};
+var urgencyTile = {
+  default: "[background:var(--tone-bg)] [color:var(--tone)]",
+  warning: "bg-warning-bg text-warning-fg",
+  danger: "bg-danger-bg text-danger-fg"
+};
+var AttentionItem = forwardRef(function AttentionItem2({ icon, title, description, tone = "neutral", urgency = "default", action, onClick, className, style, ...props }, ref) {
+  const interactive = Boolean(onClick);
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "aria-hidden": "true",
+        className: cn(
+          "flex size-9 shrink-0 items-center justify-center rounded-[var(--radius-input)] [&_svg]:size-4.5",
+          urgencyTile[urgency]
+        ),
+        children: icon
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-fg text-sm font-medium", children: title }),
+      description != null && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-0.5 text-xs", children: description })
+    ] }),
+    action ?? (interactive && /* @__PURE__ */ jsx(ArrowRightIcon, { className: "text-fg-4 size-4 shrink-0 self-center", "aria-hidden": "true" }))
+  ] });
+  const rootClass = cn(
+    "border-rule bg-surface flex items-start gap-3 rounded-[var(--radius-input)] border p-3 text-left",
+    interactive && "w-full transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] hover:bg-bg-2 focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] motion-reduce:transition-none",
+    className
+  );
+  const rootStyle = { ...serviceToneStyle(tone), ...style };
+  if (interactive) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        onClick,
+        className: rootClass,
+        style: rootStyle,
+        ...props,
+        children: body
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { ref, className: rootClass, style: rootStyle, ...props, children: body });
+});
+AttentionItem.displayName = "AttentionItem";
+var BottomNav = forwardRef(function BottomNav2({ tabs, value, onChange, className, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      ref,
+      "aria-label": "Primary",
+      className: cn(
+        "border-rule bg-surface/95 sticky bottom-0 z-[var(--z-sticky)] flex items-stretch border-t pb-[env(safe-area-inset-bottom)] backdrop-blur",
+        className
+      ),
+      ...props,
+      children: tabs.map((tab) => {
+        const active = tab.id === value;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            "aria-current": active ? "page" : void 0,
+            onClick: () => onChange(tab.id),
+            className: cn(
+              "relative flex flex-1 flex-col items-center gap-1 px-1 py-2 text-[11px] font-medium transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] motion-reduce:transition-none",
+              active ? "text-pro-fg" : "text-fg-4 hover:text-fg-2"
+            ),
+            children: [
+              /* @__PURE__ */ jsxs("span", { className: "relative [&_svg]:size-5", children: [
+                tab.icon,
+                tab.badge != null && tab.badge !== false && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "bg-danger-fg text-fg-on-danger absolute -top-1 -right-1.5 flex min-w-3.5 items-center justify-center rounded-full px-1 text-[9px] leading-none font-semibold tabular-nums",
+                      tab.badge === true && "size-2 min-w-0 px-0"
+                    ),
+                    children: typeof tab.badge === "number" ? tab.badge : null
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: "max-w-full truncate", children: tab.label })
+            ]
+          },
+          tab.id
+        );
+      })
+    }
+  );
+});
+BottomNav.displayName = "BottomNav";
+function readOrder(storageKey) {
+  if (!storageKey || typeof window === "undefined") return null;
+  try {
+    const raw = window.localStorage.getItem(storageKey);
+    return raw ? JSON.parse(raw) : null;
+  } catch {
+    return null;
+  }
+}
+var colsClass = {
+  2: "lg:grid-cols-2",
+  3: "lg:grid-cols-3",
+  4: "lg:grid-cols-4"
+};
+var spanClass = {
+  1: "",
+  2: "lg:col-span-2",
+  3: "lg:col-span-3"
+};
+var DashGrid = forwardRef(function DashGrid2({ widgets, storageKey, onReorder, columns = 3, className, ...props }, ref) {
+  const [order, setOrder] = useState(() => {
+    const stored = readOrder(storageKey);
+    const ids = widgets.map((w) => w.id);
+    if (!stored) return ids;
+    const kept = stored.filter((id) => ids.includes(id));
+    const added = ids.filter((id) => !kept.includes(id));
+    return [...kept, ...added];
+  });
+  const [dragId, setDragId] = useState(null);
+  const [overId, setOverId] = useState(null);
+  const commit = (next) => {
+    setOrder(next);
+    onReorder?.(next);
+    if (storageKey && typeof window !== "undefined") {
+      try {
+        window.localStorage.setItem(storageKey, JSON.stringify(next));
+      } catch {
+      }
+    }
+  };
+  const move = (from, to) => {
+    if (from === to) return;
+    const next = [...order];
+    const fromIdx = next.indexOf(from);
+    const toIdx = next.indexOf(to);
+    if (fromIdx < 0 || toIdx < 0) return;
+    next.splice(toIdx, 0, next.splice(fromIdx, 1)[0]);
+    commit(next);
+  };
+  const byId = new Map(widgets.map((w) => [w.id, w]));
+  const ordered = order.map((id) => byId.get(id)).filter(Boolean);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      suppressHydrationWarning: true,
+      className: cn("grid grid-cols-1 gap-4 sm:grid-cols-2", colsClass[columns], className),
+      ...props,
+      children: ordered.map((widget) => {
+        const isDragging = dragId === widget.id;
+        const isOver = overId === widget.id && dragId !== widget.id;
+        return (
+          // The wrapper is an HTML5 drag DROP target: onDragOver/onDrop carry
+          // no click semantics and aren't keyboard-reachable by design — the
+          // grab handle below is the focusable control. Pointer reordering is
+          // an enhancement (same precedent as the sidebar hover-peek); there
+          // is intentionally no keyboard analogue on the drop zone itself.
+          // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "group/dash relative transition-[opacity,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                spanClass[widget.span ?? 1],
+                isDragging && "opacity-40",
+                isOver && "rounded-card [box-shadow:var(--shadow-focus-ring)]"
+              ),
+              onDragOver: (e) => {
+                if (!dragId) return;
+                e.preventDefault();
+                setOverId(widget.id);
+              },
+              onDrop: (e) => {
+                e.preventDefault();
+                if (dragId) move(dragId, widget.id);
+                setDragId(null);
+                setOverId(null);
+              },
+              children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": `Reorder widget`,
+                    draggable: true,
+                    onDragStart: (e) => {
+                      setDragId(widget.id);
+                      e.dataTransfer.effectAllowed = "move";
+                    },
+                    onDragEnd: () => {
+                      setDragId(null);
+                      setOverId(null);
+                    },
+                    className: "absolute top-3 right-3 z-[var(--z-base)] flex cursor-grab touch-none items-center justify-center rounded-[var(--radius-icon)] p-1 text-fg-4 opacity-0 transition-opacity duration-[var(--duration-fast)] hover:bg-bg-2 hover:text-fg-2 focus-visible:opacity-100 focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] active:cursor-grabbing group-hover/dash:opacity-100 motion-reduce:transition-none",
+                    children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "grid grid-cols-2 gap-[3px]", children: Array.from({ length: 6 }, (_, i) => /* @__PURE__ */ jsx("span", { className: "size-[3px] rounded-full bg-current" }, i)) })
+                  }
+                ),
+                widget.content
+              ]
+            },
+            widget.id
+          )
+        );
+      })
+    }
+  );
+});
+DashGrid.displayName = "DashGrid";
+var toneToSegment = {
+  tax: "tax",
+  audit: "audit",
+  accounting: "accounting",
+  neutral: "default"
+};
+var EngagementCard = forwardRef(function EngagementCard2({
+  service,
+  serviceIcon,
+  tone = "neutral",
+  title,
+  status,
+  current,
+  steps,
+  stepLabel,
+  eta,
+  ring,
+  onOpen,
+  className,
+  style,
+  ...props
+}, ref) {
+  const pct = steps > 0 ? Math.round(current / steps * 100) : 0;
+  const interactive = Boolean(onOpen);
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-sm font-semibold [color:var(--tone)] [&_svg]:size-[15px]", children: [
+        serviceIcon,
+        service
+      ] }),
+      status
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-fg mt-2 text-base leading-snug font-medium", children: title }),
+    stepLabel != null && /* @__PURE__ */ jsxs("p", { className: "text-fg-3 mt-1 text-xs", children: [
+      stepLabel,
+      " \xB7 Step ",
+      current,
+      " of ",
+      steps
+    ] }),
+    ring ? /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(
+        ProgressRing,
+        {
+          value: pct,
+          size: 52,
+          strokeWidth: 6,
+          label: `${pct}%`,
+          className: "[&_circle:last-child]:[stroke:var(--tone)]"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-fg-3 text-xs", children: "complete" })
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "mt-3 flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(SegmentedProgress, { steps, current, tone: toneToSegment[tone] }),
+      /* @__PURE__ */ jsxs("span", { className: "shrink-0 text-sm font-semibold tabular-nums [color:var(--tone)]", children: [
+        pct,
+        /* @__PURE__ */ jsx("span", { className: "text-fg-4 text-xs font-normal", children: "%" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "border-rule-soft mt-3 flex items-center justify-between gap-2 border-t pt-3", children: [
+      eta != null && /* @__PURE__ */ jsxs("span", { className: "text-fg-3 inline-flex items-center gap-1.5 text-xs [&_svg]:size-3.5", children: [
+        /* @__PURE__ */ jsx(CalendarIcon, { "aria-hidden": "true" }),
+        eta
+      ] }),
+      interactive && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-xs font-medium [color:var(--tone)] [&_svg]:size-3.5", children: [
+        "Open ",
+        /* @__PURE__ */ jsx(ArrowRightIcon, { "aria-hidden": "true" })
+      ] })
+    ] })
+  ] });
+  const rootClass = cn(
+    "border-rule bg-surface block w-full rounded-card border p-4 text-left shadow-quiet",
+    interactive && "transition-[border-color,box-shadow] duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] hover:border-[color:var(--tone)] hover:shadow-card focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)] motion-reduce:transition-none",
+    className
+  );
+  const rootStyle = { ...serviceToneStyle(tone), ...style };
+  if (interactive) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        onClick: onOpen,
+        className: rootClass,
+        style: rootStyle,
+        ...props,
+        children: body
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { ref, className: rootClass, style: rootStyle, ...props, children: body });
+});
+EngagementCard.displayName = "EngagementCard";
+var EngagementTimeline = forwardRef(
+  function EngagementTimeline2({ tone = "neutral", className, style, children, ...props }, ref) {
+    return /* @__PURE__ */ jsx(
+      "ol",
+      {
+        ref,
+        className: cn("flex flex-col", className),
+        style: { ...serviceToneStyle(tone), ...style },
+        ...props,
+        children
+      }
+    );
+  }
+);
+EngagementTimeline.displayName = "EngagementTimeline";
+var stateBadge = {
+  done: { label: "Done", className: "text-success-fg" },
+  active: { label: "In progress", className: "[color:var(--tone)]" },
+  todo: { label: "Upcoming", className: "text-fg-4" }
+};
+var EngagementTimelineStep = forwardRef(
+  function EngagementTimelineStep2({ state, name, index, note, date, actions, last, className, ...props }, ref) {
+    const badge = stateBadge[state];
+    return /* @__PURE__ */ jsxs("li", { ref, className: cn("flex gap-3", className), ...props, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "flex size-7 shrink-0 items-center justify-center rounded-full text-xs font-semibold tabular-nums",
+              state === "done" && "bg-success-fg text-fg-on-success",
+              state === "active" && "bg-surface border-2 [border-color:var(--tone)] [color:var(--tone)]",
+              state === "todo" && "bg-bg-3 text-fg-4"
+            ),
+            children: state === "done" ? /* @__PURE__ */ jsx(CheckIcon, { className: "size-4", strokeWidth: 3 }) : index
+          }
+        ),
+        !last && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn("w-0.5 flex-1", state === "done" ? "bg-success-line" : "bg-rule")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: cn("min-w-0 flex-1", last ? "pb-0" : "pb-6"), children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "text-sm font-medium",
+                state === "todo" ? "text-fg-3" : "text-fg"
+              ),
+              children: name
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: cn("shrink-0 text-[11px] font-semibold", badge.className), children: badge.label })
+        ] }),
+        note != null && /* @__PURE__ */ jsx("p", { className: "text-fg-3 mt-0.5 text-xs", children: note }),
+        state === "done" && date != null && /* @__PURE__ */ jsxs("p", { className: "text-success-fg mt-1 inline-flex items-center gap-1 text-[11px]", children: [
+          /* @__PURE__ */ jsx(CheckIcon, { className: "size-3", strokeWidth: 3, "aria-hidden": "true" }),
+          " Completed ",
+          date
+        ] }),
+        state === "active" && actions && /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-2", children: actions })
+      ] })
+    ] });
+  }
+);
+EngagementTimelineStep.displayName = "EngagementTimelineStep";
+var INDENT = 18;
+var FolderTree = forwardRef(function FolderTree2({ nodes, activeId, onSelect, defaultOpenIds, openIds, onOpenChange, className, ...props }, ref) {
+  const isControlled = openIds !== void 0;
+  const [internalOpen, setInternalOpen] = useState(() => new Set(defaultOpenIds ?? []));
+  const open = isControlled ? new Set(openIds) : internalOpen;
+  const toggle = (id) => {
+    const next = new Set(open);
+    if (next.has(id)) next.delete(id);
+    else next.add(id);
+    if (isControlled) onOpenChange?.([...next]);
+    else {
+      setInternalOpen(next);
+      onOpenChange?.([...next]);
+    }
+  };
+  const renderNode = (node, depth) => {
+    const hasChildren = Boolean(node.children?.length);
+    const isOpen = open.has(node.id);
+    const isActive = activeId === node.id;
+    return /* @__PURE__ */ jsxs("li", { children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "group/row flex items-stretch rounded-[var(--radius-icon)]",
+            isActive ? "bg-pro-bg" : "hover:bg-bg-2"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-expanded": hasChildren ? isOpen : void 0,
+                "aria-label": isOpen ? `Collapse ${node.name}` : `Expand ${node.name}`,
+                onClick: () => hasChildren && toggle(node.id),
+                disabled: !hasChildren,
+                className: "flex w-6 shrink-0 items-center justify-center self-stretch text-fg-4 disabled:opacity-0",
+                style: { marginLeft: depth * INDENT },
+                tabIndex: hasChildren ? 0 : -1,
+                children: /* @__PURE__ */ jsx(
+                  ChevronRightIcon,
+                  {
+                    className: cn(
+                      "size-3.5 transition-transform duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+                      isOpen && "rotate-90"
+                    ),
+                    "aria-hidden": "true"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => onSelect?.(node.id),
+                "aria-current": isActive ? "true" : void 0,
+                className: cn(
+                  "flex min-w-0 flex-1 items-center gap-2 py-1.5 pr-2 text-left text-sm focus-visible:outline-none focus-visible:[box-shadow:var(--shadow-focus-ring)]",
+                  isActive ? "text-pro-fg font-medium" : "text-fg-2"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "shrink-0 [&_svg]:size-4", children: isOpen && hasChildren ? /* @__PURE__ */ jsx(FolderOpenIcon, {}) : /* @__PURE__ */ jsx(FolderClosedIcon, {}) }),
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: node.name }),
+                  node.count != null && /* @__PURE__ */ jsx("span", { className: "text-fg-4 shrink-0 text-xs tabular-nums", children: node.count })
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      hasChildren && isOpen && /* @__PURE__ */ jsx("ul", { className: "flex flex-col", children: node.children.map((child) => renderNode(child, depth + 1)) })
+    ] }, node.id);
+  };
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("w-full", className), ...props, children: /* @__PURE__ */ jsx("ul", { className: "flex flex-col", children: nodes.map((node) => renderNode(node, 0)) }) });
+});
+FolderTree.displayName = "FolderTree";
+function renderAction(action) {
+  return /* @__PURE__ */ jsxs(DropdownMenuItem, { onSelect: action.onSelect, children: [
+    action.icon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-fg-3 [&_svg]:size-4", children: action.icon }),
+    /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-col", children: [
+      /* @__PURE__ */ jsx("span", { className: "truncate", children: action.label }),
+      action.description && /* @__PURE__ */ jsx("span", { className: "text-fg-3 truncate text-xs", children: action.description })
+    ] }),
+    action.shortcut && /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: action.shortcut })
+  ] }, action.id);
+}
+var NewMenu = forwardRef(function NewMenu2({ actions, groups, triggerLabel = "New", trigger, align = "end" }, ref) {
+  const sections = groups ?? (actions ? [{ actions }] : []);
+  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: trigger ?? /* @__PURE__ */ jsxs(Button, { ref, iconLeft: /* @__PURE__ */ jsx(PlusIcon, {}), children: [
+      triggerLabel,
+      /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-70" })
+    ] }) }),
+    /* @__PURE__ */ jsx(DropdownMenuContent, { align, className: "w-60", children: sections.map((section, i) => /* @__PURE__ */ jsxs("div", { children: [
+      i > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+      section.label && /* @__PURE__ */ jsx(DropdownMenuLabel, { children: section.label }),
+      section.actions.map(renderAction)
+    ] }, i)) })
+  ] });
+});
+NewMenu.displayName = "NewMenu";
 var Shell = forwardRef(function Shell2({ className, ...props }, ref) {
   return /* @__PURE__ */ jsx("div", { ref, className: cn("bg-bg flex h-dvh w-full", className), ...props });
 });
@@ -7898,7 +9275,7 @@ var Main = forwardRef(function Main2({ className, ...props }, ref) {
   );
 });
 Main.displayName = "Main";
-var Content15 = forwardRef(function Content16({ padTop, padBottom, className, style, ...props }, ref) {
+var Content16 = forwardRef(function Content17({ padTop, padBottom, className, style, ...props }, ref) {
   const paddingStyle = padTop || padBottom ? {
     ...padTop ? { paddingTop: padTop } : null,
     ...padBottom ? { paddingBottom: padBottom } : null,
@@ -7917,7 +9294,7 @@ var Content15 = forwardRef(function Content16({ padTop, padBottom, className, st
     }
   );
 });
-Content15.displayName = "Content";
+Content16.displayName = "Content";
 var SidebarContext = React36.createContext(null);
 var NOOP_CONTEXT = {
   state: "expanded",
@@ -9197,14 +10574,14 @@ var DataTable = forwardRef(function DataTable2({ withToolbar, className, childre
     "div",
     {
       ref,
+      "data-with-toolbar": withToolbar ? "true" : void 0,
       className: cn(
-        "w-full",
-        // Surface card chrome on the descendant `<table>`.
+        // Outer frame on the whole component: a single visible border +
+        // quiet shadow wrapping the toolbar (if any) and the table as one
+        // card. overflow-hidden clips the header/cell backgrounds to the
+        // rounded corners.
+        "w-full overflow-hidden rounded-card border border-rule-strong bg-surface shadow-quiet",
         "[&_table]:bg-surface [&_table]:w-full [&_table]:border-collapse",
-        "[&_table]:border-rule [&_table]:border",
-        withToolbar ? "[&_table]:rounded-b-card [&_table]:border-t-0" : "[&_table]:rounded-card",
-        // Clip cell backgrounds at the rounded corners.
-        "[&_table]:overflow-hidden",
         className
       ),
       ...props,
@@ -9221,7 +10598,7 @@ var DataTableToolbar = forwardRef(
         ref,
         className: cn(
           "flex items-center gap-2 px-3 py-2.5",
-          "rounded-t-card border-rule bg-surface border",
+          "border-rule bg-surface border-b",
           className
         ),
         ...props
@@ -9259,7 +10636,7 @@ var DataTableResultsCount = forwardRef(
       "span",
       {
         ref,
-        className: cn("text-fg-4 mr-1 font-mono text-[11px] tabular-nums", className),
+        className: cn("text-fg-4 mr-1 font-sans text-[11px] tabular-nums", className),
         ...props,
         children: [
           current.toLocaleString(),
@@ -9344,9 +10721,9 @@ var DataTableHeader = forwardRef(
         scope: "col",
         "aria-sort": ariaSort,
         className: cn(
-          "h-9 px-3.5 py-2 text-left align-middle whitespace-nowrap",
-          "font-mono text-[10px] font-medium tracking-[0.12em] uppercase",
-          "text-fg-4 bg-surface-2",
+          "h-11 px-4 py-2.5 text-left align-middle whitespace-nowrap",
+          "font-sans text-[14px] font-medium tracking-normal normal-case",
+          "text-fg-3 bg-surface-2",
           "border-rule border-b",
           "[&:has([role=checkbox])]:pr-0",
           className
@@ -9359,9 +10736,9 @@ var DataTableHeader = forwardRef(
             onClick: handleClick,
             className: cn(
               "-mx-1 -my-1 inline-flex items-center gap-1 rounded-[4px] px-1 py-1",
-              "font-mono text-[10px] font-medium tracking-[0.12em] uppercase",
-              "text-fg-4 transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
-              "hover:text-fg-2",
+              "font-sans text-[14px] font-medium tracking-normal normal-case",
+              "text-fg-3 transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out-quart)] motion-reduce:transition-none",
+              "hover:text-fg",
               "focus-visible:[box-shadow:var(--shadow-focus-ring)] focus-visible:outline-none"
             ),
             children: [
@@ -9375,7 +10752,7 @@ var DataTableHeader = forwardRef(
   }
 );
 DataTableHeader.displayName = "DataTableHeader";
-var cellBase = "px-3.5 py-2.5 align-middle";
+var cellBase = "px-4 py-3 align-middle";
 var DataTableCell = forwardRef(
   function DataTableCell2({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
@@ -9413,7 +10790,7 @@ var DataTableCellMono = forwardRef(
       "td",
       {
         ref,
-        className: cn(cellBase, "font-spec text-fg-2 text-[12.5px]", className),
+        className: cn(cellBase, "font-sans text-fg-2 text-[13px] tabular-nums", className),
         style,
         ...props
       }
@@ -9427,7 +10804,7 @@ var DataTableCellId = forwardRef(
       "td",
       {
         ref,
-        className: cn(cellBase, "font-spec text-fg-4 text-xs", className),
+        className: cn(cellBase, "font-sans text-fg-4 text-xs tabular-nums", className),
         style,
         ...props
       }
@@ -9452,7 +10829,7 @@ var DataTableCellDue = forwardRef(
       {
         ref,
         "data-due-state": ariaState,
-        className: cn(cellBase, "font-spec text-[12.5px]", tone, className),
+        className: cn(cellBase, "font-sans text-[13px] tabular-nums", tone, className),
         style,
         ...props,
         children: children ?? dueDateFormatter.format(value)
@@ -9478,8 +10855,8 @@ var DataTableCheckbox = forwardRef(
       {
         ref,
         className: cn(
-          "w-8 px-3.5 py-2.5 pr-0 align-middle",
-          asHeader && "bg-surface-2 border-rule h-9 border-b",
+          "w-8 px-4 py-3 pr-0 align-middle",
+          asHeader && "bg-surface-2 border-rule h-11 border-b",
           className
         ),
         ...props,
@@ -10943,6 +12320,6 @@ var KbdHint = forwardRef(function KbdHint2({ className, children, ...props }, re
 });
 KbdHint.displayName = "KbdHint";
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, Button, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content15 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EyeIcon, EyeOffIcon, Eyebrow, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PenSignIcon, PencilIcon, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, ReceiptIcon, ReplyIcon, RotateCcwIcon, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, StarIcon, StarRating, Stat, StatusIcon, Stepper, StopIcon, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, badgeVariants, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, filterChipVariants, formatClock, formatCurrency, formatDuration, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
+export { AIReceiptPanel, Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityEventItem, ActivityItem, ActivityList, Alert, AlertCircleIcon, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlertTriangleIcon, AlertTriangleSolidIcon, AppHeader, AppHeaderActions, AppHeaderBreadcrumb, AppHeaderSearch, AppHeaderTitle, AreaChart, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowRightSmallIcon, ArrowUpIcon, AspectRatio, AssureAuditBrandIcon, AssureBooksBrandIcon, AssureProBrandIcon, AssureTaxBrandIcon, AtSignIcon, AttentionItem, Avatar, Badge, BarChartIcon, BellIcon, Blockquote, BoldIcon, BottomNav, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BriefcaseIcon, Building2Icon, BuildingIcon, BulkActionBar, BulkActionBarAction, BulkActionBarSeparator, Button, COUNTRY_CODES, Calendar, CalendarIcon, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatBubbleIcon, CheckCircle2Icon, CheckCircleSolidIcon, CheckIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsUpDownIcon, CircleDotIcon, CircleIcon, ClientSelect, ClipboardCheckIcon, ClockIcon, CloseIcon, Collapsible, CollapsibleContent, CollapsibleTrigger, ComingSoon, CommandIcon, CommandPalette, ConfirmActionButton, Content16 as Content, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, CopyButton, CopyIcon, CornerDownLeftIcon, CountryFlag, CountrySelect, CreditCardIcon, DATE_DISPLAY_PLACEHOLDER, DangerAction, DashGrid, DataItem, DataTable, DataTableBody, DataTableCell, DataTableCellDue, DataTableCellId, DataTableCellMono, DataTableCellName, DataTableCheckbox, DataTableHead, DataTableHeader, DataTablePagination, DataTableResultsCount, DataTableRow, DataTableSearch, DataTableSpacer, DataTableToolbar, DatePicker, DateRangePicker, DetailGrid, DetailMain, DetailSpine, DetailSpineHeader, DetailSpineSection, DetailSpineStats, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DismissibleChip, DocumentIcon, DollarSignIcon, DonutChart, DownloadIcon, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EngagementCard, EngagementTimeline, EngagementTimelineStep, EyeIcon, EyeOffIcon, Eyebrow, FileChip, FileIcon, FileReturnIcon, FileTextIcon, FileUpload, FilterChip, FilterIcon, FlagIcon, FolderClosedIcon, FolderOpenIcon, FolderPlusIcon, FolderTree, FormError, FormSection, FormSuccess, GlobeIcon, GoogleBrandIcon, HelpCircleIcon, HistoryIcon, HomeIcon, HoverCard, HoverCardContent, HoverCardPortal, HoverCardTrigger, IconAction, InboxIcon, InfoCircleSolidIcon, InfoIcon, Input, ItalicIcon, Kanban, KanbanCard, KanbanColumn, KanbanIcon, KbdHint, KeyIcon, KeyboardShortcutsDialog, KpiCard, Label4 as Label, LayoutDashboardIcon, LayoutGridIcon, LayoutListIcon, LightningIcon, Link2Icon, LinkAction, LinkButton, LinkIcon, ListChecksIcon, ListIcon, ListOrderedIcon, LoaderIcon, LoadingRows, LockIcon, LockKeyholeIcon, LockOpenIcon, LogOutIcon, Logo, MailIcon, Main, MapPinIcon, MenuIcon, MessageBubble, MessageBubbleAction, MessageBubbleTombstone, MessageCircleIcon, MessageCircleWarningIcon, MessageComposer, MetadataGrid, MicrosoftBrandIcon, MinusIcon, MonitorIcon, MoonIcon, MoreHorizontalIcon, MoveIcon, MultiFilterPill, MultiSelectField, MutedSpec, NewMenu, NotificationFilter, NotificationItem, NotificationList, NotificationPanel, NotificationPanelFooter, NotificationPanelHeader, Numeric, OTPInput, PageHeader, PageHeaderSep, PageHeaderSpec, Pagination, PaletteIcon, PanelLeftCloseIcon, PanelLeftIcon, PaperclipIcon, PauseIcon, PenSignIcon, PencilIcon, PhoneCountryInput, PhoneIcon, PhoneInput, PlayIcon, PlusIcon, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, PrimaryAction, PriorityIcon, ProgressBar, ProgressRing, RadioGroup3 as RadioGroup, RadioGroupItem, RankedBars, ReceiptIcon, ReplyIcon, RotateCcwIcon, SERVICE_TONES, SaveIcon, ScrollArea, ScrollBar, SearchIcon, SearchInput, SearchSelect, SecondaryAction, Section, SectionHead, SectionHeader, SegmentedProgress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRoot, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectableKpiCard, SendIcon, Separator4 as Separator, SettingsIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shell, ShieldIcon, SideDrawer, Sidebar, SidebarBrand, SidebarBrandSwitcher, SidebarBrandSwitcherTile, SidebarBrandText, SidebarFooter, SidebarLink, SidebarLinkAction, SidebarLinkBadge, SidebarLinkGroup, SidebarLinkLabel, SidebarPinButton, SidebarProvider, SidebarSection, SidebarTrigger, SidebarUser, Skeleton, SkeletonCircle, SkeletonText, SlashIcon, Slider, SmartphoneIcon, SparkleIcon, SparklesIcon, Spinner, StarIcon, StarRating, Stat, StatusIcon, StatusPill, Stepper, StopIcon, StrikethroughIcon, SubmitButton, SunIcon, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableIcon, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagIcon, TeamIcon, TeamMemberSelect, Textarea, TimeLogger, TimeLoggerActions, TimeLoggerBillable, TimeLoggerContextRow, TimeLoggerEntry, TimeLoggerEntryList, TimeLoggerField, TimeLoggerFooter, TimeLoggerHeader, TimeLoggerNotes, TimeLoggerTimer, ToastProvider, ToggleGroup, ToggleGroupItem, Toolbar, Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Trash2Icon, TrashIcon, TrendingDownIcon, TrendingUpIcon, UnderlineIcon, UploadIcon, UserCircleIcon, UserIcon, UsersIcon, VisuallyHidden, WorkflowIcon, XCircleSolidIcon, XIcon, YEAR_DISPLAY_PLACEHOLDER, ZoomInIcon, ZoomOutIcon, alertVariants, applyMask, applyYearMask, badgeVariants, buttonVariants, cardVariants, cn, colors, dateToIso, displayToIso, filterChipVariants, formatClock, formatCurrency, formatDuration, getFlagEmoji, inputVariants, isoToDate, isoToDisplay, isoToYear, labelVariants, parseDuration, parsePhoneForEditing, progressBarVariants, progressRingVariants, radii, reference, searchInputVariants, serviceToneLabel, serviceToneStyle, shadows, sidebarLinkBadgeVariants, spacing, spinnerVariants, starRatingVariants, surfaces, systemTokens, textareaVariants, typography, useSidebarPeekLock, useSidebarState, useStopwatch, useToast, yearToIso };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map