@wealthx/shadcn 1.1.0 → 1.2.1

package/dist/chunk-DOH3EHX7.mjs

@@ -0,0 +1,378 @@
+import {
+  Slider
+} from "./chunk-Y6DWJSKZ.mjs";
+import {
+  ToggleGroup,
+  ToggleGroupItem
+} from "./chunk-PMB3A7V3.mjs";
+import {
+  Label
+} from "./chunk-NSLMILBT.mjs";
+import {
+  Input
+} from "./chunk-GYMYRIZP.mjs";
+import {
+  cn
+} from "./chunk-VLQZANBF.mjs";
+import {
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/form-primitives.tsx
+import * as React from "react";
+import { Check, Search } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function parseCurrencyToNumber(raw) {
+  const cleaned = raw.replace(/[^0-9.]/g, "");
+  const n = parseFloat(cleaned);
+  return isNaN(n) ? 0 : n;
+}
+function formatNumberToCurrency(n) {
+  return "$" + Math.round(n).toLocaleString("en-AU");
+}
+function CurrencyInputWithSlider({
+  value: controlledValue,
+  defaultValue = 0,
+  min = 0,
+  max = 5e6,
+  step = 1e4,
+  disabled = false,
+  onValueChange,
+  className
+}) {
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const numericValue = controlledValue !== void 0 ? controlledValue : internalValue;
+  const [inputText, setInputText] = React.useState(
+    formatNumberToCurrency(numericValue)
+  );
+  const [isFocused, setIsFocused] = React.useState(false);
+  React.useEffect(() => {
+    if (!isFocused) {
+      setInputText(formatNumberToCurrency(numericValue));
+    }
+  }, [numericValue, isFocused]);
+  const commitValue = (n) => {
+    const clamped = Math.max(min, Math.min(max, n));
+    if (controlledValue === void 0) setInternalValue(clamped);
+    onValueChange == null ? void 0 : onValueChange(clamped);
+    setInputText(formatNumberToCurrency(clamped));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3", className), children: [
+    /* @__PURE__ */ jsx(
+      Input,
+      {
+        type: "text",
+        value: isFocused ? inputText : formatNumberToCurrency(numericValue),
+        disabled,
+        onFocus: () => {
+          setIsFocused(true);
+          setInputText(formatNumberToCurrency(numericValue));
+        },
+        onChange: (e) => setInputText(e.target.value),
+        onBlur: () => {
+          setIsFocused(false);
+          commitValue(parseCurrencyToNumber(inputText));
+        },
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            e.target.blur();
+          }
+        },
+        className: "tabular-nums",
+        "aria-label": "Currency amount"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Slider,
+      {
+        value: numericValue,
+        min,
+        max,
+        step,
+        disabled,
+        onValueChange: (n) => {
+          if (controlledValue === void 0) setInternalValue(n);
+          onValueChange == null ? void 0 : onValueChange(n);
+        }
+      }
+    )
+  ] });
+}
+var CONCERN_LABELS = {
+  1: "Not important",
+  2: "Slightly important",
+  3: "Moderately important",
+  4: "Very important",
+  5: "Critical"
+};
+function ConcernScale({
+  value: controlledValue,
+  defaultValue = 0,
+  disabled = false,
+  steps = 5,
+  lowLabel = "Not important",
+  highLabel = "Critical",
+  onValueChange,
+  className
+}) {
+  var _a;
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const selected = controlledValue !== void 0 ? controlledValue : internalValue;
+  const handleValueChange = (val) => {
+    const n = val ? Number(val) : 0;
+    if (controlledValue === void 0) setInternalValue(n);
+    onValueChange == null ? void 0 : onValueChange(n);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsx(
+      ToggleGroup,
+      {
+        type: "single",
+        value: selected > 0 ? String(selected) : "",
+        onValueChange: handleValueChange,
+        variant: "outline",
+        size: "sm",
+        disabled,
+        className: "w-full",
+        children: Array.from({ length: steps }, (_, i) => i + 1).map((n) => {
+          var _a2;
+          return /* @__PURE__ */ jsx(
+            ToggleGroupItem,
+            {
+              value: String(n),
+              "aria-label": (_a2 = CONCERN_LABELS[n]) != null ? _a2 : String(n),
+              className: "flex-1",
+              children: n
+            },
+            n
+          );
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-[10px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { children: lowLabel }),
+      /* @__PURE__ */ jsx("span", { children: highLabel })
+    ] }),
+    selected > 0 && /* @__PURE__ */ jsx("p", { className: "text-xs text-foreground", children: (_a = CONCERN_LABELS[selected]) != null ? _a : `Level ${selected}` })
+  ] });
+}
+var DEFAULT_SUGGESTIONS = [
+  {
+    id: "1",
+    label: "12 Harbour View Terrace, Mosman NSW 2088",
+    suburb: "Mosman",
+    state: "NSW",
+    postcode: "2088"
+  },
+  {
+    id: "2",
+    label: "5 Coastal Road, Manly NSW 2095",
+    suburb: "Manly",
+    state: "NSW",
+    postcode: "2095"
+  },
+  {
+    id: "3",
+    label: "24 Collins Street, Melbourne VIC 3000",
+    suburb: "Melbourne",
+    state: "VIC",
+    postcode: "3000"
+  },
+  {
+    id: "4",
+    label: "88 Pacific Highway, St Leonards NSW 2065",
+    suburb: "St Leonards",
+    state: "NSW",
+    postcode: "2065"
+  },
+  {
+    id: "5",
+    label: "1 Queen Street, Brisbane QLD 4000",
+    suburb: "Brisbane",
+    state: "QLD",
+    postcode: "4000"
+  }
+];
+function AddressAutocomplete({
+  value: controlledValue,
+  placeholder = "Start typing an address\u2026",
+  suggestions = DEFAULT_SUGGESTIONS,
+  disabled = false,
+  onValueChange,
+  onSelect,
+  className
+}) {
+  const [internalValue, setInternalValue] = React.useState("");
+  const inputValue = controlledValue !== void 0 ? controlledValue : internalValue;
+  const [open, setOpen] = React.useState(false);
+  const [activeIndex, setActiveIndex] = React.useState(-1);
+  const containerRef = React.useRef(null);
+  const listRef = React.useRef(null);
+  const filtered = React.useMemo(() => {
+    if (!inputValue.trim()) return suggestions.slice(0, 5);
+    const q = inputValue.toLowerCase();
+    return suggestions.filter((s) => s.label.toLowerCase().includes(q)).slice(0, 5);
+  }, [inputValue, suggestions]);
+  const setValue = (v) => {
+    if (controlledValue === void 0) setInternalValue(v);
+    onValueChange == null ? void 0 : onValueChange(v);
+  };
+  const handleSelect = (opt) => {
+    setValue(opt.label);
+    onSelect == null ? void 0 : onSelect(opt);
+    setOpen(false);
+    setActiveIndex(-1);
+  };
+  const handleKeyDown = (e) => {
+    if (!open) return;
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setActiveIndex((i) => Math.min(i + 1, filtered.length - 1));
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setActiveIndex((i) => Math.max(i - 1, -1));
+    } else if (e.key === "Enter" && activeIndex >= 0) {
+      e.preventDefault();
+      handleSelect(filtered[activeIndex]);
+    } else if (e.key === "Escape") {
+      setOpen(false);
+    }
+  };
+  React.useEffect(() => {
+    const handler = (e) => {
+      if (containerRef.current && !containerRef.current.contains(e.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, []);
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("relative", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground pointer-events-none" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          type: "text",
+          value: inputValue,
+          placeholder,
+          disabled,
+          className: "pl-8",
+          onChange: (e) => {
+            setValue(e.target.value);
+            setOpen(true);
+            setActiveIndex(-1);
+          },
+          onFocus: () => setOpen(true),
+          onKeyDown: handleKeyDown,
+          "aria-autocomplete": "list",
+          "aria-expanded": open
+        }
+      )
+    ] }),
+    open && filtered.length > 0 && /* @__PURE__ */ jsx(
+      "ul",
+      {
+        ref: listRef,
+        role: "listbox",
+        className: cn(
+          "absolute z-50 top-full left-0 right-0 mt-1",
+          "border border-border bg-popover shadow-md",
+          "max-h-48 overflow-y-auto py-1"
+        ),
+        children: filtered.map((opt, idx) => /* @__PURE__ */ jsxs(
+          "li",
+          {
+            role: "option",
+            "aria-selected": idx === activeIndex,
+            onMouseEnter: () => setActiveIndex(idx),
+            onMouseDown: (e) => {
+              e.preventDefault();
+              handleSelect(opt);
+            },
+            className: cn(
+              "flex items-center gap-2 px-3 py-2 text-sm cursor-pointer",
+              idx === activeIndex ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: opt.label }),
+              idx === activeIndex && /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 shrink-0 text-primary" })
+            ]
+          },
+          opt.id
+        ))
+      }
+    )
+  ] });
+}
+var DEFAULT_OWNERS = [
+  { id: "main", name: "Main Applicant", share: 50 },
+  { id: "co", name: "Co-Applicant", share: 50 }
+];
+function OwnershipSplit({
+  owners: controlledOwners,
+  disabled = false,
+  onOwnersChange,
+  className
+}) {
+  const [internalOwners, setInternalOwners] = React.useState(DEFAULT_OWNERS);
+  const owners = controlledOwners !== void 0 ? controlledOwners : internalOwners;
+  const setOwners = (updated) => {
+    if (controlledOwners === void 0) setInternalOwners(updated);
+    onOwnersChange == null ? void 0 : onOwnersChange(updated);
+  };
+  const handleSliderChange = (id, newShare) => {
+    if (owners.length !== 2) return;
+    const clamped = Math.max(0, Math.min(100, Math.round(newShare)));
+    const other = owners.find((o) => o.id !== id);
+    if (!other) return;
+    setOwners(
+      owners.map(
+        (o) => o.id === id ? __spreadProps(__spreadValues({}, o), { share: clamped }) : __spreadProps(__spreadValues({}, o), { share: 100 - clamped })
+      )
+    );
+  };
+  const handleInputChange = (id, raw) => {
+    const n = parseInt(raw.replace(/[^0-9]/g, ""), 10);
+    if (isNaN(n)) return;
+    handleSliderChange(id, n);
+  };
+  return /* @__PURE__ */ jsx("div", { className: cn("flex gap-4", className), children: owners.map((owner) => {
+    const pct = Math.max(0, Math.min(100, owner.share));
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 flex-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx(Label, { className: "text-xs font-medium", children: owner.name }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            type: "text",
+            value: `${pct}%`,
+            disabled,
+            className: "w-14 h-7 text-xs text-right tabular-nums px-2",
+            onChange: (e) => handleInputChange(owner.id, e.target.value),
+            onBlur: (e) => handleInputChange(owner.id, e.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Slider,
+        {
+          value: pct,
+          min: 0,
+          max: 100,
+          step: 1,
+          disabled,
+          onValueChange: (n) => handleSliderChange(owner.id, n)
+        }
+      )
+    ] }, owner.id);
+  }) });
+}
+
+export {
+  CurrencyInputWithSlider,
+  ConcernScale,
+  AddressAutocomplete,
+  OwnershipSplit
+};

package/dist/{chunk-MJIEMGRD.mjs → chunk-EFRENWEJ.mjs}

@@ -1,9 +1,9 @@
 import {
   useThemeVars
-} from "./chunk-OXQQNQZI.mjs";
+} from "./chunk-FEZKMUCF.mjs";
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -24,12 +24,7 @@ function DropdownMenuPortal(_a) {
 }
 function DropdownMenuTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx(
-    MenuPrimitive.Trigger,
-    __spreadValues({
-      "data-slot": "dropdown-menu-trigger"
-    }, props)
-  );
+  return /* @__PURE__ */ jsx(MenuPrimitive.Trigger, __spreadValues({ "data-slot": "dropdown-menu-trigger" }, props));
 }
 function DropdownMenuContent(_a) {
   var _b = _a, {
@@ -72,7 +67,7 @@ function DropdownMenuItem(_a) {
     MenuPrimitive.Item,
     __spreadValues({
       className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-none px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
+        "relative flex cursor-default items-center gap-2 rounded-none px-2 py-1.5 text-body-small outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
         className
       ),
       "data-inset": inset,
@@ -96,7 +91,7 @@ function DropdownMenuCheckboxItem(_a) {
     __spreadProps(__spreadValues({
       checked,
       className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-none py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-checked:bg-primary/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex cursor-default items-center gap-2 rounded-none py-1.5 pr-2 pl-8 text-body-small outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-checked:bg-primary/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       "data-slot": "dropdown-menu-checkbox-item"
@@ -129,7 +124,7 @@ function DropdownMenuRadioItem(_a) {
     MenuPrimitive.RadioItem,
     __spreadProps(__spreadValues({
       className: cn(
-        "relative flex cursor-default items-center gap-2 rounded-none py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-checked:bg-primary/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "relative flex cursor-default items-center gap-2 rounded-none py-1.5 pr-2 pl-8 text-body-small outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-checked:bg-primary/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className
       ),
       "data-slot": "dropdown-menu-radio-item"
@@ -152,10 +147,7 @@ function DropdownMenuLabel(_a) {
   return /* @__PURE__ */ jsx(
     MenuPrimitive.GroupLabel,
     __spreadValues({
-      className: cn(
-        "px-2 py-1.5 text-sm font-medium data-inset:pl-8",
-        className
-      ),
+      className: cn("px-2 py-1.5 text-label-medium data-inset:pl-8", className),
       "data-inset": inset,
       "data-slot": "dropdown-menu-label"
     }, props)
@@ -185,7 +177,7 @@ function DropdownMenuShortcut(_a) {
     "span",
     __spreadValues({
       className: cn(
-        "ml-auto text-xs tracking-widest text-muted-foreground",
+        "ml-auto text-caption tracking-widest text-muted-foreground",
         className
       ),
       "data-slot": "dropdown-menu-shortcut"
@@ -210,7 +202,7 @@ function DropdownMenuSubTrigger(_a) {
     MenuPrimitive.SubmenuTrigger,
     __spreadProps(__spreadValues({
       className: cn(
-        "flex cursor-default items-center gap-2 rounded-none px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        "flex cursor-default items-center gap-2 rounded-none px-2 py-1.5 text-body-small outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
         className
       ),
       "data-inset": inset,

package/dist/{chunk-YBXCIF5Q.mjs → chunk-ERGGHC2V.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadProps,
@@ -31,7 +31,7 @@ function ComboboxTrigger(_a) {
       "data-slot": "combobox-trigger",
       "data-size": size,
       className: cn(
-        "flex w-fit items-center justify-between gap-2 border border-input bg-transparent px-3 py-2 text-body-small whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 data-[popup-open]:border-primary data-[popup-open]:ring-[3px] data-[popup-open]:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=combobox-value]:line-clamp-1 *:data-[slot=combobox-value]:flex *:data-[slot=combobox-value]:items-center *:data-[slot=combobox-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        "flex w-fit items-center justify-between gap-2 border border-input bg-transparent px-3 py-2 text-body-small whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-primary focus-visible:ring-[3px] focus-visible:ring-primary/20 data-[popup-open]:border-primary data-[popup-open]:ring-[3px] data-[popup-open]:ring-primary/20 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[placeholder]:font-normal data-[placeholder]:text-muted-foreground data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=combobox-value]:line-clamp-1 *:data-[slot=combobox-value]:flex *:data-[slot=combobox-value]:items-center *:data-[slot=combobox-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
         className
       )
     }, props), {
@@ -47,24 +47,27 @@ function ComboboxValue(_a) {
   return /* @__PURE__ */ jsx(ComboboxPrimitive.Value, __spreadValues({ "data-slot": "combobox-value" }, props));
 }
 function ComboboxInput(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "combobox-input-wrapper", className: "flex items-center gap-2 border-b border-border px-3", children: [
-    /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
-    /* @__PURE__ */ jsx(
-      ComboboxPrimitive.Input,
-      __spreadValues({
-        "data-slot": "combobox-input",
-        className: cn(
-          "h-9 w-full min-w-0 bg-transparent py-1 text-body-small outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-          className
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "combobox-input-wrapper",
+      className: "flex items-center gap-2 border-b border-border px-3",
+      children: [
+        /* @__PURE__ */ jsx(SearchIcon, { className: "size-4 shrink-0 text-muted-foreground" }),
+        /* @__PURE__ */ jsx(
+          ComboboxPrimitive.Input,
+          __spreadValues({
+            "data-slot": "combobox-input",
+            className: cn(
+              "h-9 w-full min-w-0 bg-transparent py-1 text-body-small outline-none placeholder:font-normal placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+              className
+            )
+          }, props)
         )
-      }, props)
-    )
-  ] });
+      ]
+    }
+  );
 }
 function ComboboxContent(_a) {
   var _b = _a, {
@@ -88,11 +91,7 @@ function ComboboxContent(_a) {
   ) }) });
 }
 function ComboboxList(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     ComboboxPrimitive.List,
     __spreadValues({
@@ -105,19 +104,13 @@ function ComboboxList(_a) {
   );
 }
 function ComboboxItem(_a) {
-  var _b = _a, {
-    className,
-    children
-  } = _b, props = __objRest(_b, [
-    "className",
-    "children"
-  ]);
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsxs(
     ComboboxPrimitive.Item,
     __spreadProps(__spreadValues({
       "data-slot": "combobox-item",
       className: cn(
-        "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-body-small outline-hidden select-none data-[highlighted]:bg-primary/5 data-[highlighted]:text-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        "relative flex w-full cursor-default items-center gap-2 py-1.5 pr-8 pl-2 text-body-small outline-hidden select-none data-highlighted:bg-primary/5 data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
         className
       )
     }, props), {
@@ -136,16 +129,15 @@ function ComboboxItem(_a) {
   );
 }
 function ComboboxEmpty(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     ComboboxPrimitive.Empty,
     __spreadValues({
       "data-slot": "combobox-empty",
-      className: `text-body-small ${cn("py-6 text-center text-muted-foreground empty:hidden", className)}`
+      className: cn(
+        "text-body-small py-6 text-center text-muted-foreground empty:hidden",
+        className
+      )
     }, props)
   );
 }
@@ -154,25 +146,20 @@ function ComboboxGroup(_a) {
   return /* @__PURE__ */ jsx(ComboboxPrimitive.Group, __spreadValues({ "data-slot": "combobox-group" }, props));
 }
 function ComboboxGroupLabel(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     ComboboxPrimitive.GroupLabel,
     __spreadValues({
       "data-slot": "combobox-group-label",
-      className: `text-label-small ${cn("px-2 py-1.5 uppercase text-muted-foreground", className)}`
+      className: cn(
+        "text-label-small px-2 py-1.5 uppercase text-muted-foreground",
+        className
+      )
     }, props)
   );
 }
 function ComboboxSeparator(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({

package/dist/{chunk-OXQQNQZI.mjs → chunk-FEZKMUCF.mjs}

@@ -43,7 +43,16 @@ function ThemeProvider({
       "--font-family-sans": fontFamily,
       // Legacy compat (used by existing WealthX apps)
       "--theme-primary": primary,
-      "--theme-secondary": secondary
+      "--theme-secondary": secondary,
+      // Pipeline stage palette — 5 opacity levels of primary, tenant-adaptive.
+      // Defined here (not :root) so they react to tenant theme switches.
+      "--color-stage-1": primaryOklch,
+      "--color-stage-2": `color-mix(in oklch, ${primaryOklch} 80%, transparent)`,
+      "--color-stage-3": `color-mix(in oklch, ${primaryOklch} 60%, transparent)`,
+      "--color-stage-4": `color-mix(in oklch, ${primaryOklch} 40%, transparent)`,
+      "--color-stage-5": `color-mix(in oklch, ${primaryOklch} 20%, transparent)`,
+      // WCAG-computed contrast text for any primary-shaded background
+      "--color-stage-fg": primaryFgOklch
     };
   }, [primary, secondary, fontFamily, injectCssVariables]);
   return /* @__PURE__ */ jsx(ThemeVarsContext.Provider, { value: vars, children: /* @__PURE__ */ jsx("div", { "data-wealthx-theme": true, style: vars, children }) });

package/dist/{chunk-55CEW76V.mjs → chunk-FH6QVUVZ.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-V7CNWJT3.mjs";
+} from "./chunk-VLQZANBF.mjs";
 import {
   __objRest,
   __spreadValues