@wealthx/shadcn 1.5.7 → 1.5.9

package/dist/index.mjs

@@ -7,16 +7,16 @@ import {
   ContactAlertDialog,
   ContactAlertQueryBuilder,
   createAlertTree
-} from "./chunk-CKPEFZNH.mjs";
+} from "./chunk-5LZZYODG.mjs";
 import {
   TransactionsExpenseCategoriesDoughnutChart
-} from "./chunk-KB7MZMED.mjs";
+} from "./chunk-FGMDBJCF.mjs";
 import {
   TransactionsIncomeExpenseBarChart
-} from "./chunk-PGR53HMH.mjs";
+} from "./chunk-G2W754UJ.mjs";
 import {
   TransactionsLiabilitiesBreakdownChart
-} from "./chunk-V4CUTCHS.mjs";
+} from "./chunk-77L3UPBW.mjs";
 import {
   TwoFASetupForm
 } from "./chunk-B7DD3ODQ.mjs";
@@ -25,7 +25,7 @@ import {
 } from "./chunk-IQGKOT7A.mjs";
 import {
   SidebarNav
-} from "./chunk-IKDTOCSY.mjs";
+} from "./chunk-RSEVIQEO.mjs";
 import {
   FrontendShell,
   SignupShell,
@@ -40,19 +40,19 @@ import {
 import {
   EmailTemplateDialog,
   ShareDetailsDialog
-} from "./chunk-TGVXRD53.mjs";
+} from "./chunk-OZ2R6ERP.mjs";
 import {
   PropertyCashflowDoughnutChart
-} from "./chunk-BDESHD25.mjs";
+} from "./chunk-VLVEZHFE.mjs";
 import {
   PropertyDebtEquityDoughnutChart
-} from "./chunk-AHKHVBWR.mjs";
+} from "./chunk-GYWOD2YI.mjs";
 import {
   PropertyMobileEstimateLineChart
-} from "./chunk-Y6UM3VTN.mjs";
+} from "./chunk-JUMEIPII.mjs";
 import {
   PropertyReportDialog
-} from "./chunk-F24U4QQQ.mjs";
+} from "./chunk-LPVXO3TD.mjs";
 import {
   ResourceCarousel,
   ResourceCenterHeader,
@@ -60,24 +60,24 @@ import {
   ResourceEmailTemplateCard,
   ResourceModal,
   ResourceVideoCard
-} from "./chunk-EUYPMDQG.mjs";
+} from "./chunk-VWZS32ZQ.mjs";
 import {
   ReviewAlertsDialog
-} from "./chunk-WUA546RX.mjs";
+} from "./chunk-IFSQWDRN.mjs";
 import {
   PipelineAlerts
 } from "./chunk-KFH36NKF.mjs";
 import {
   PipelineBoard
-} from "./chunk-BQBSYM2I.mjs";
+} from "./chunk-E5EDZQ5J.mjs";
 import {
   PipelineChart
-} from "./chunk-7OLKVKJF.mjs";
+} from "./chunk-PCULNQWA.mjs";
 import {
   ChangePriorityDialog,
   DeleteOpportunityDialog,
   PutOnHoldDialog
-} from "./chunk-SDNG4XL6.mjs";
+} from "./chunk-K4WDPVFY.mjs";
 import {
   OnboardingLayout,
   OnboardingPanelLayout
@@ -92,7 +92,7 @@ import {
 } from "./chunk-TCE5L44O.mjs";
 import {
   OpportunitySummaryTab
-} from "./chunk-3QAQQBCM.mjs";
+} from "./chunk-6U4NQGVM.mjs";
 import {
   EditAboutApplicantModal,
   EditAssetsModal,
@@ -100,7 +100,7 @@ import {
   EditExpensesModal,
   EditIncomeModal,
   EditLoanScenarioModal
-} from "./chunk-IXKE6LHN.mjs";
+} from "./chunk-6MDNL5I2.mjs";
 import {
   PageHeader
 } from "./chunk-NT4FX27K.mjs";
@@ -115,11 +115,11 @@ import {
 } from "./chunk-PUJ42INK.mjs";
 import {
   KanbanColumn
-} from "./chunk-HRHXZIX5.mjs";
+} from "./chunk-3CGM3QXQ.mjs";
 import {
   LeadCard,
   OpportunityCard
-} from "./chunk-5WCIGJ3E.mjs";
+} from "./chunk-54MTIKNC.mjs";
 import {
   TaskCheckItem
 } from "./chunk-2WCIORP7.mjs";
@@ -128,14 +128,14 @@ import {
 } from "./chunk-4DO3WM7V.mjs";
 import {
   IncomeWorkDetails
-} from "./chunk-2QNOPXMQ.mjs";
+} from "./chunk-XMP24PWA.mjs";
 import {
   IntegrationCard
 } from "./chunk-CEEVYRQA.mjs";
 import {
   OpportunityDetailsDrawer,
   SummaryReportDrawer
-} from "./chunk-OECGKCVF.mjs";
+} from "./chunk-TLLD5IU6.mjs";
 import {
   AlertAccordion,
   DebtSection,
@@ -173,7 +173,7 @@ import {
   FrontendSuccessStep,
   PhoneVerifyStep,
   RetrieveBankDataStep
-} from "./chunk-A6ER36CW.mjs";
+} from "./chunk-JGBV3XMQ.mjs";
 import {
   InputOTP,
   InputOTPGroup,
@@ -182,13 +182,13 @@ import {
 } from "./chunk-HK4HUQTV.mjs";
 import {
   IncomeBarChart
-} from "./chunk-KAD26MCC.mjs";
+} from "./chunk-IRZWYTGV.mjs";
 import {
   ExpenseBarChart
-} from "./chunk-KLJLDNCA.mjs";
+} from "./chunk-4LLTZ45R.mjs";
 import {
   FilePreviewDialog
-} from "./chunk-HXU5JGLQ.mjs";
+} from "./chunk-UBHBIWIA.mjs";
 import {
   Progress
 } from "./chunk-JPGL36WQ.mjs";
@@ -199,13 +199,13 @@ import {
   DataTableSkeleton,
   DataTableToolbar,
   getSelectionColumn
-} from "./chunk-TLYSVRSK.mjs";
+} from "./chunk-TUC2BNUR.mjs";
 import {
   DeleteContactComponent
-} from "./chunk-KCKYGQVQ.mjs";
+} from "./chunk-5DAQU3B6.mjs";
 import {
   DocumentChecklistTemplate
-} from "./chunk-K7WSRWOU.mjs";
+} from "./chunk-6LWCFAB4.mjs";
 import {
   Drawer,
   DrawerClose,
@@ -217,7 +217,7 @@ import {
   DrawerPortal,
   DrawerTitle,
   DrawerTrigger
-} from "./chunk-QAX6HCUH.mjs";
+} from "./chunk-ZAXZBOWI.mjs";
 import {
   Combobox,
   ComboboxContent,
@@ -233,10 +233,10 @@ import {
 } from "./chunk-OEOOYMC2.mjs";
 import {
   CreateContactModal
-} from "./chunk-2A53WPEC.mjs";
+} from "./chunk-5YVJSKFH.mjs";
 import {
   CsvImportModal
-} from "./chunk-QBPNYXTI.mjs";
+} from "./chunk-3NJPNSJG.mjs";
 import {
   InputGroup,
   InputGroupAddon,
@@ -247,10 +247,10 @@ import {
 } from "./chunk-7YI3HEBH.mjs";
 import {
   CashBalanceLineChart
-} from "./chunk-3AREQTZU.mjs";
+} from "./chunk-DCKT635J.mjs";
 import {
   CashflowBarChart
-} from "./chunk-I3UDLWQ7.mjs";
+} from "./chunk-D3HKFRQO.mjs";
 import {
   ChatWidget,
   ChatWidgetIntakeForm,
@@ -272,13 +272,13 @@ import {
 } from "./chunk-KWD6GANL.mjs";
 import {
   BorrowingCapacityLineChart
-} from "./chunk-HF4FUBCY.mjs";
+} from "./chunk-UTCW5YUX.mjs";
 import {
   BackofficeContactHistoryChart
-} from "./chunk-XTWAJWCQ.mjs";
+} from "./chunk-BAONSY54.mjs";
 import {
   BackofficeContactMatchingChart
-} from "./chunk-E3PQDBYI.mjs";
+} from "./chunk-ZFKAYRFQ.mjs";
 import {
   BackofficeSuccessStep,
   BrandingInfoStep,
@@ -287,16 +287,16 @@ import {
   PaymentView,
   PersonalDetailsStep,
   StripeView
-} from "./chunk-K7TWMLLW.mjs";
+} from "./chunk-FW4U543X.mjs";
 import {
   FormField,
   PasswordField,
   SectionHeading,
   StaffRowItem
-} from "./chunk-TXUBGKB7.mjs";
+} from "./chunk-UJMVXREM.mjs";
 import {
   PasswordStrengthTooltip
-} from "./chunk-F4O2YPXJ.mjs";
+} from "./chunk-WHIW6KOB.mjs";
 import {
   COLOR_PICKER_PRESETS,
   ColorPicker,
@@ -304,7 +304,7 @@ import {
   ColorSwatch,
   isValidHex,
   normalizeHex
-} from "./chunk-AL6GOL2Y.mjs";
+} from "./chunk-IW33VLL5.mjs";
 import {
   UploadCard,
   uploadCardVariants
@@ -314,7 +314,7 @@ import {
 } from "./chunk-TC43SMIN.mjs";
 import {
   BankStatementGenerateDialog
-} from "./chunk-I6QVWQCD.mjs";
+} from "./chunk-O5CP6VP6.mjs";
 import {
   Field,
   FieldContent,
@@ -329,7 +329,7 @@ import {
 } from "./chunk-MUV4EGDW.mjs";
 import {
   BankStatementPDFViewer
-} from "./chunk-XIY5DJXI.mjs";
+} from "./chunk-BXL74CM2.mjs";
 import {
   AuthLogo
 } from "./chunk-Y2MTAVAK.mjs";
@@ -338,16 +338,16 @@ import {
 } from "./chunk-6OSULDEO.mjs";
 import {
   BackofficeAlertHistoryChart
-} from "./chunk-OYBIUEGE.mjs";
+} from "./chunk-BZGFW6L7.mjs";
 import {
   BackofficeAlertMatchingChart
-} from "./chunk-CDVG7SFT.mjs";
+} from "./chunk-PGJRZHN7.mjs";
 import {
   BackofficeAlertsChart
-} from "./chunk-M4LTX3MH.mjs";
+} from "./chunk-3C4DZTGA.mjs";
 import {
   BackofficeConnectionsChart
-} from "./chunk-TOIVHWNC.mjs";
+} from "./chunk-WWIWRNBK.mjs";
 import {
   Skeleton
 } from "./chunk-GTAVSBDO.mjs";
@@ -362,7 +362,7 @@ import {
 } from "./chunk-R2ON6CAN.mjs";
 import {
   AppointmentBookDialog
-} from "./chunk-F73QFUZH.mjs";
+} from "./chunk-GS47ZSSA.mjs";
 import {
   RadioGroup,
   RadioGroupCard,
@@ -379,10 +379,10 @@ import {
 } from "./chunk-ISUA7DSB.mjs";
 import {
   AppointmentCalendarView
-} from "./chunk-XVZGXPIX.mjs";
+} from "./chunk-TAFL4WDY.mjs";
 import {
   AppointmentDetailSheet
-} from "./chunk-G4WLCKFV.mjs";
+} from "./chunk-XUCDPAVI.mjs";
 import {
   AppointmentGmailConnect
 } from "./chunk-ZXEUBBHJ.mjs";
@@ -391,7 +391,7 @@ import {
 } from "./chunk-4Z66LMIQ.mjs";
 import {
   AppointmentUpcomingCard
-} from "./chunk-T6MMCOX6.mjs";
+} from "./chunk-4BHDDLWK.mjs";
 import {
   Alert,
   AlertDescription,
@@ -406,20 +406,20 @@ import {
 import {
   AppointmentConfirmDialog,
   AppointmentRescheduleDialog
-} from "./chunk-3OOUI5TO.mjs";
+} from "./chunk-AANINK2B.mjs";
 import {
   AppointmentSlotSection,
   AppointmentTimeSlotPicker
 } from "./chunk-FRT3S72S.mjs";
 import {
   AppointmentAvailabilitySettings
-} from "./chunk-CXGZSIQN.mjs";
+} from "./chunk-MNMSHB2J.mjs";
 import {
   AddColumnModal
-} from "./chunk-JCH2BG24.mjs";
+} from "./chunk-UYRHYJPX.mjs";
 import {
   AddLeadModal
-} from "./chunk-XN37434W.mjs";
+} from "./chunk-B3CTBLIY.mjs";
 import {
   Pagination,
   PaginationContent,
@@ -430,7 +430,7 @@ import {
   PaginationNext,
   PaginationPrevious,
   TablePagination
-} from "./chunk-GNER6MCO.mjs";
+} from "./chunk-SSUK6C2K.mjs";
 import {
   Table,
   TableBody,
@@ -456,7 +456,7 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "./chunk-TAX3KL66.mjs";
+} from "./chunk-USOVLDGS.mjs";
 import {
   AdvisorCard,
   AdvisorInviteCard
@@ -467,7 +467,7 @@ import {
 } from "./chunk-AHSCWXYJ.mjs";
 import {
   AiAssistantDrawer
-} from "./chunk-CW32WTZU.mjs";
+} from "./chunk-7UIL5UN3.mjs";
 import {
   Sheet,
   SheetClose,
@@ -478,7 +478,7 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "./chunk-J5NW5NCT.mjs";
+} from "./chunk-NCMV3LTP.mjs";
 import {
   Spinner,
   spinnerVariants
@@ -489,7 +489,7 @@ import {
   IntegrationInstructionCard,
   IntegrationServiceCard,
   ServiceConfigurationModal
-} from "./chunk-7KT5HPYM.mjs";
+} from "./chunk-3VZ6CYY2.mjs";
 import {
   Card,
   CardAction,
@@ -514,7 +514,7 @@ import {
   ConversationStatusChip,
   ConversationsPage,
   LeadInfoPanel
-} from "./chunk-MS4PDUSU.mjs";
+} from "./chunk-54TRNCID.mjs";
 import {
   DropdownMenu,
   DropdownMenuCheckboxItem,
@@ -531,13 +531,13 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "./chunk-HNDTLT5X.mjs";
+} from "./chunk-H5DTKPJ2.mjs";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
-} from "./chunk-6SR4K5T5.mjs";
+} from "./chunk-3S6KVFF5.mjs";
 import {
   Tabs,
   TabsContent,
@@ -562,7 +562,7 @@ import {
   DialogPortal,
   DialogTitle,
   DialogTrigger
-} from "./chunk-NCUH54IZ.mjs";
+} from "./chunk-LI2CTS5O.mjs";
 import {
   Avatar,
   AvatarBadge,
@@ -588,7 +588,7 @@ import {
   AlertDialogPortal,
   AlertDialogTitle,
   AlertDialogTrigger
-} from "./chunk-BD3DWDT4.mjs";
+} from "./chunk-CEYEK3TI.mjs";
 import {
   FONT_FAMILY_SANS,
   TYPOGRAPHY,
@@ -604,7 +604,7 @@ import {
 import "./chunk-FFXTQTB4.mjs";
 import {
   DatePicker
-} from "./chunk-C2QMHKLT.mjs";
+} from "./chunk-TRM3KIHT.mjs";
 import {
   Popover,
   PopoverAnchor,
@@ -613,7 +613,7 @@ import {
   PopoverHeader,
   PopoverTitle,
   PopoverTrigger
-} from "./chunk-C6SWS7OW.mjs";
+} from "./chunk-HB5BKRMH.mjs";
 import {
   Calendar,
   CalendarDayButton
@@ -633,8 +633,8 @@ import {
 import {
   Input
 } from "./chunk-LBTHZSBT.mjs";
-import "./chunk-WDTXHLYM.mjs";
-import "./chunk-S4CTM3UE.mjs";
+import "./chunk-XYSRRDBH.mjs";
+import "./chunk-FRCTOAKZ.mjs";
 import {
   Accordion,
   AccordionContent,

package/dist/lib/colors.js

@@ -21,9 +21,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var colors_exports = {};
 __export(colors_exports, {
   colorMixSwatch: () => colorMixSwatch,
+  generatePrimaryShades: () => generatePrimaryShades,
   getContrastText: () => getContrastText,
   getLuminance: () => getLuminance,
   hexToOklch: () => hexToOklch,
+  hexToOklchComponents: () => hexToOklchComponents,
   hexToRgb: () => hexToRgb
 });
 module.exports = __toCommonJS(colors_exports);
@@ -61,7 +63,7 @@ function colorMixSwatch(color, fillOpacity = 0.15) {
   const percent = Math.round(fillOpacity * 100);
   return `color-mix(in srgb, ${color} ${percent}%, transparent)`;
 }
-function hexToOklch(hex) {
+function hexToOklchComponents(hex) {
   const [r, g, b] = hexToRgb(hex);
   const rl = linearizeSrgb(r);
   const gl = linearizeSrgb(g);
@@ -76,15 +78,46 @@ function hexToOklch(hex) {
   const a = 1.9779984951 * l_ - 2.428592205 * m_ + 0.4505937099 * s_;
   const bv = 0.0259040371 * l_ + 0.7827717662 * m_ - 0.808675766 * s_;
   const C = Math.sqrt(a * a + bv * bv);
-  const h = (Math.atan2(bv, a) * 180 / Math.PI + 360) % 360;
+  const H = (Math.atan2(bv, a) * 180 / Math.PI + 360) % 360;
+  return { L, C, H };
+}
+function hexToOklch(hex) {
+  const { L, C, H } = hexToOklchComponents(hex);
   if (C < 1e-3) return `oklch(${L.toFixed(3)} 0 0)`;
-  return `oklch(${L.toFixed(3)} ${C.toFixed(3)} ${h.toFixed(1)})`;
+  return `oklch(${L.toFixed(3)} ${C.toFixed(3)} ${H.toFixed(1)})`;
+}
+var SHADE_LIGHTNESS = [
+  [50, 0.971],
+  [100, 0.944],
+  [200, 0.887],
+  [300, 0.808],
+  [400, 0.72],
+  [500, 0.646],
+  [600, 0.57],
+  [700, 0.48],
+  [800, 0.39],
+  [900, 0.31],
+  [950, 0.24]
+];
+function generatePrimaryShades(hex) {
+  const { L: baseL, C: baseC, H } = hexToOklchComponents(hex);
+  return Object.fromEntries(
+    SHADE_LIGHTNESS.map(([shade, targetL]) => {
+      const distance = Math.abs(targetL - baseL);
+      const chromaScale = Math.max(0.1, 1 - distance * 1.5);
+      const C = +(baseC * chromaScale).toFixed(3);
+      const value = C < 1e-3 ? `oklch(${targetL.toFixed(3)} 0 0)` : `oklch(${targetL.toFixed(3)} ${C} ${H.toFixed(1)})`;
+      return [`--primary-${shade}`, value];
+    })
+  );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   colorMixSwatch,
+  generatePrimaryShades,
   getContrastText,
   getLuminance,
   hexToOklch,
+  hexToOklchComponents,
   hexToRgb
 });

package/dist/lib/colors.mjs

@@ -1,15 +1,19 @@
 import {
   colorMixSwatch,
+  generatePrimaryShades,
   getContrastText,
   getLuminance,
   hexToOklch,
+  hexToOklchComponents,
   hexToRgb
-} from "../chunk-S4CTM3UE.mjs";
+} from "../chunk-FRCTOAKZ.mjs";
 import "../chunk-WNQUEZJF.mjs";
 export {
   colorMixSwatch,
+  generatePrimaryShades,
   getContrastText,
   getLuminance,
   hexToOklch,
+  hexToOklchComponents,
   hexToRgb
 };

package/dist/lib/theme-provider.js

@@ -1,9 +1,26 @@
 "use strict";
 "use client";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -59,7 +76,7 @@ function getContrastText(backgroundColor) {
   const luminance = getLuminance(backgroundColor);
   return luminance > 0.179 ? CONTRAST_DARK : CONTRAST_LIGHT;
 }
-function hexToOklch(hex) {
+function hexToOklchComponents(hex) {
   const [r, g, b] = hexToRgb(hex);
   const rl = linearizeSrgb(r);
   const gl = linearizeSrgb(g);
@@ -74,9 +91,38 @@ function hexToOklch(hex) {
   const a = 1.9779984951 * l_ - 2.428592205 * m_ + 0.4505937099 * s_;
   const bv = 0.0259040371 * l_ + 0.7827717662 * m_ - 0.808675766 * s_;
   const C = Math.sqrt(a * a + bv * bv);
-  const h = (Math.atan2(bv, a) * 180 / Math.PI + 360) % 360;
+  const H = (Math.atan2(bv, a) * 180 / Math.PI + 360) % 360;
+  return { L, C, H };
+}
+function hexToOklch(hex) {
+  const { L, C, H } = hexToOklchComponents(hex);
   if (C < 1e-3) return `oklch(${L.toFixed(3)} 0 0)`;
-  return `oklch(${L.toFixed(3)} ${C.toFixed(3)} ${h.toFixed(1)})`;
+  return `oklch(${L.toFixed(3)} ${C.toFixed(3)} ${H.toFixed(1)})`;
+}
+var SHADE_LIGHTNESS = [
+  [50, 0.971],
+  [100, 0.944],
+  [200, 0.887],
+  [300, 0.808],
+  [400, 0.72],
+  [500, 0.646],
+  [600, 0.57],
+  [700, 0.48],
+  [800, 0.39],
+  [900, 0.31],
+  [950, 0.24]
+];
+function generatePrimaryShades(hex) {
+  const { L: baseL, C: baseC, H } = hexToOklchComponents(hex);
+  return Object.fromEntries(
+    SHADE_LIGHTNESS.map(([shade, targetL]) => {
+      const distance = Math.abs(targetL - baseL);
+      const chromaScale = Math.max(0.1, 1 - distance * 1.5);
+      const C = +(baseC * chromaScale).toFixed(3);
+      const value = C < 1e-3 ? `oklch(${targetL.toFixed(3)} 0 0)` : `oklch(${targetL.toFixed(3)} ${C} ${H.toFixed(1)})`;
+      return [`--primary-${shade}`, value];
+    })
+  );
 }
 
 // src/lib/theme-provider.tsx
@@ -101,7 +147,7 @@ function ThemeProvider({
     const primaryFgOklch = hexToOklch(getContrastText(primary));
     const secondaryOklch = hexToOklch(secondary);
     const secondaryFgOklch = hexToOklch(getContrastText(secondary));
-    return {
+    return __spreadProps(__spreadValues({
       // Brand primary — used by buttons, links, focus rings, active states
       "--primary": primaryOklch,
       "--primary-foreground": primaryFgOklch,
@@ -118,17 +164,18 @@ function ThemeProvider({
       "--font-family-sans": fontFamily,
       // Legacy compat (used by existing WealthX apps)
       "--theme-primary": primary,
-      "--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)`,
+      "--theme-secondary": secondary
+    }, generatePrimaryShades(primary)), {
+      // Pipeline stage palette — maps stage slots to primary shades.
+      // stage-1 = darkest visible, stage-5 = lightest visible on white bg.
+      "--color-stage-1": `var(--primary-600)`,
+      "--color-stage-2": `var(--primary-400)`,
+      "--color-stage-3": `var(--primary-300)`,
+      "--color-stage-4": `var(--primary-200)`,
+      "--color-stage-5": `var(--primary-100)`,
       // WCAG-computed contrast text for any primary-shaded background
       "--color-stage-fg": primaryFgOklch
-    };
+    });
   }, [primary, secondary, fontFamily, injectCssVariables]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ThemeVarsContext.Provider, { value: vars, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-wealthx-theme": true, style: vars, children }) });
 }

package/dist/lib/theme-provider.mjs

@@ -3,8 +3,8 @@ import {
   ThemeProvider,
   buildCssVariables,
   useThemeVars
-} from "../chunk-WDTXHLYM.mjs";
-import "../chunk-S4CTM3UE.mjs";
+} from "../chunk-XYSRRDBH.mjs";
+import "../chunk-FRCTOAKZ.mjs";
 import "../chunk-WNQUEZJF.mjs";
 export {
   ThemeProvider,