@wealthx/shadcn 1.5.6 → 1.5.8

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,