@wealthx/shadcn 0.0.2 → 1.0.1

package/dist/lib/colors.js

@@ -0,0 +1,84 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/colors.ts
+var colors_exports = {};
+__export(colors_exports, {
+  getContrastText: () => getContrastText,
+  getLuminance: () => getLuminance,
+  hexToOklch: () => hexToOklch,
+  hexToRgb: () => hexToRgb
+});
+module.exports = __toCommonJS(colors_exports);
+var CONTRAST_DARK = "#040D13";
+var CONTRAST_LIGHT = "#FFFFFF";
+function hexToRgb(hex) {
+  const normalized = hex.replace(/^#/, "");
+  if (normalized.length === 3) {
+    const r = parseInt(normalized[0] + normalized[0], 16);
+    const g = parseInt(normalized[1] + normalized[1], 16);
+    const b = parseInt(normalized[2] + normalized[2], 16);
+    return [r, g, b];
+  }
+  if (normalized.length === 6 || normalized.length === 8) {
+    const r = parseInt(normalized.slice(0, 2), 16);
+    const g = parseInt(normalized.slice(2, 4), 16);
+    const b = parseInt(normalized.slice(4, 6), 16);
+    return [r, g, b];
+  }
+  throw new Error(`Invalid hex color: ${hex}`);
+}
+function linearizeSrgb(c) {
+  const n = c / 255;
+  return n <= 0.03928 ? n / 12.92 : Math.pow((n + 0.055) / 1.055, 2.4);
+}
+function getLuminance(hex) {
+  const [r, g, b] = hexToRgb(hex);
+  return 0.2126 * linearizeSrgb(r) + 0.7152 * linearizeSrgb(g) + 0.0722 * linearizeSrgb(b);
+}
+function getContrastText(backgroundColor) {
+  const luminance = getLuminance(backgroundColor);
+  return luminance > 0.179 ? CONTRAST_DARK : CONTRAST_LIGHT;
+}
+function hexToOklch(hex) {
+  const [r, g, b] = hexToRgb(hex);
+  const rl = linearizeSrgb(r);
+  const gl = linearizeSrgb(g);
+  const bl = linearizeSrgb(b);
+  const l = 0.4122214708 * rl + 0.5363325363 * gl + 0.0514459929 * bl;
+  const m = 0.2119034982 * rl + 0.6806995451 * gl + 0.1073969566 * bl;
+  const s = 0.0883024619 * rl + 0.2817188376 * gl + 0.6299787005 * bl;
+  const l_ = l > 0 ? Math.cbrt(l) : 0;
+  const m_ = m > 0 ? Math.cbrt(m) : 0;
+  const s_ = s > 0 ? Math.cbrt(s) : 0;
+  const L = 0.2104542553 * l_ + 0.793617785 * m_ - 0.0040720468 * s_;
+  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;
+  if (C < 1e-3) return `oklch(${L.toFixed(3)} 0 0)`;
+  return `oklch(${L.toFixed(3)} ${C.toFixed(3)} ${h.toFixed(1)})`;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getContrastText,
+  getLuminance,
+  hexToOklch,
+  hexToRgb
+});

package/dist/lib/colors.mjs

@@ -0,0 +1,13 @@
+import {
+  getContrastText,
+  getLuminance,
+  hexToOklch,
+  hexToRgb
+} from "../chunk-QOJ2DQD6.mjs";
+import "../chunk-FWCSY2DS.mjs";
+export {
+  getContrastText,
+  getLuminance,
+  hexToOklch,
+  hexToRgb
+};

package/dist/lib/theme-provider.js

@@ -0,0 +1,150 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/theme-provider.tsx
+var theme_provider_exports = {};
+__export(theme_provider_exports, {
+  ThemeProvider: () => ThemeProvider,
+  buildCssVariables: () => buildCssVariables,
+  useThemeVars: () => useThemeVars
+});
+module.exports = __toCommonJS(theme_provider_exports);
+var import_react = require("react");
+
+// src/lib/colors.ts
+var CONTRAST_DARK = "#040D13";
+var CONTRAST_LIGHT = "#FFFFFF";
+function hexToRgb(hex) {
+  const normalized = hex.replace(/^#/, "");
+  if (normalized.length === 3) {
+    const r = parseInt(normalized[0] + normalized[0], 16);
+    const g = parseInt(normalized[1] + normalized[1], 16);
+    const b = parseInt(normalized[2] + normalized[2], 16);
+    return [r, g, b];
+  }
+  if (normalized.length === 6 || normalized.length === 8) {
+    const r = parseInt(normalized.slice(0, 2), 16);
+    const g = parseInt(normalized.slice(2, 4), 16);
+    const b = parseInt(normalized.slice(4, 6), 16);
+    return [r, g, b];
+  }
+  throw new Error(`Invalid hex color: ${hex}`);
+}
+function linearizeSrgb(c) {
+  const n = c / 255;
+  return n <= 0.03928 ? n / 12.92 : Math.pow((n + 0.055) / 1.055, 2.4);
+}
+function getLuminance(hex) {
+  const [r, g, b] = hexToRgb(hex);
+  return 0.2126 * linearizeSrgb(r) + 0.7152 * linearizeSrgb(g) + 0.0722 * linearizeSrgb(b);
+}
+function getContrastText(backgroundColor) {
+  const luminance = getLuminance(backgroundColor);
+  return luminance > 0.179 ? CONTRAST_DARK : CONTRAST_LIGHT;
+}
+function hexToOklch(hex) {
+  const [r, g, b] = hexToRgb(hex);
+  const rl = linearizeSrgb(r);
+  const gl = linearizeSrgb(g);
+  const bl = linearizeSrgb(b);
+  const l = 0.4122214708 * rl + 0.5363325363 * gl + 0.0514459929 * bl;
+  const m = 0.2119034982 * rl + 0.6806995451 * gl + 0.1073969566 * bl;
+  const s = 0.0883024619 * rl + 0.2817188376 * gl + 0.6299787005 * bl;
+  const l_ = l > 0 ? Math.cbrt(l) : 0;
+  const m_ = m > 0 ? Math.cbrt(m) : 0;
+  const s_ = s > 0 ? Math.cbrt(s) : 0;
+  const L = 0.2104542553 * l_ + 0.793617785 * m_ - 0.0040720468 * s_;
+  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;
+  if (C < 1e-3) return `oklch(${L.toFixed(3)} 0 0)`;
+  return `oklch(${L.toFixed(3)} ${C.toFixed(3)} ${h.toFixed(1)})`;
+}
+
+// src/lib/theme-provider.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ThemeVarsContext = (0, import_react.createContext)({});
+function useThemeVars() {
+  return (0, import_react.useContext)(ThemeVarsContext);
+}
+var DEFAULT_PRIMARY = "#33FF99";
+var DEFAULT_SECONDARY = "#162029";
+var DEFAULT_FONT = '"Figtree", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+function ThemeProvider({
+  children,
+  primary = DEFAULT_PRIMARY,
+  secondary = DEFAULT_SECONDARY,
+  fontFamily = DEFAULT_FONT,
+  injectCssVariables = true
+}) {
+  const vars = (0, import_react.useMemo)(() => {
+    if (!injectCssVariables) return {};
+    const primaryOklch = hexToOklch(primary);
+    const primaryFgOklch = hexToOklch(getContrastText(primary));
+    const secondaryOklch = hexToOklch(secondary);
+    const secondaryFgOklch = hexToOklch(getContrastText(secondary));
+    return {
+      // Brand primary — used by buttons, links, focus rings, active states
+      "--primary": primaryOklch,
+      "--primary-foreground": primaryFgOklch,
+      "--ring": primaryOklch,
+      // Sidebar uses primary for active navigation
+      "--sidebar-primary": primaryOklch,
+      "--sidebar-primary-foreground": primaryFgOklch,
+      // Brand secondary — tenant navy used by Secondary button variant
+      // NOTE: --secondary is reserved for paper/surface (#F5F8FA), so we use --brand-secondary
+      "--brand-secondary": secondaryOklch,
+      "--brand-secondary-foreground": secondaryFgOklch,
+      // Font family — applies to all components + typography utility classes
+      "--font-sans": fontFamily,
+      "--font-family-sans": fontFamily,
+      // Legacy compat (used by existing WealthX apps)
+      "--theme-primary": primary,
+      "--theme-secondary": secondary
+    };
+  }, [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 }) });
+}
+function buildCssVariables(options) {
+  var _a, _b, _c;
+  const primary = (_a = options.primary) != null ? _a : DEFAULT_PRIMARY;
+  const secondary = (_b = options.secondary) != null ? _b : DEFAULT_SECONDARY;
+  const fontFamily = (_c = options.fontFamily) != null ? _c : DEFAULT_FONT;
+  return {
+    "--primary": hexToOklch(primary),
+    "--primary-foreground": hexToOklch(getContrastText(primary)),
+    "--ring": hexToOklch(primary),
+    "--sidebar-primary": hexToOklch(primary),
+    "--sidebar-primary-foreground": hexToOklch(getContrastText(primary)),
+    "--brand-secondary": hexToOklch(secondary),
+    "--brand-secondary-foreground": hexToOklch(getContrastText(secondary)),
+    "--font-sans": fontFamily,
+    "--font-family-sans": fontFamily,
+    "--theme-primary": primary,
+    "--theme-secondary": secondary
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeProvider,
+  buildCssVariables,
+  useThemeVars
+});

package/dist/lib/theme-provider.mjs

@@ -0,0 +1,13 @@
+"use client";
+import {
+  ThemeProvider,
+  buildCssVariables,
+  useThemeVars
+} from "../chunk-OXQQNQZI.mjs";
+import "../chunk-QOJ2DQD6.mjs";
+import "../chunk-FWCSY2DS.mjs";
+export {
+  ThemeProvider,
+  buildCssVariables,
+  useThemeVars
+};

package/dist/lib/typography.js

@@ -0,0 +1,157 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/typography.ts
+var typography_exports = {};
+__export(typography_exports, {
+  FONT_FAMILY_SANS: () => FONT_FAMILY_SANS,
+  TYPOGRAPHY: () => TYPOGRAPHY,
+  TYPOGRAPHY_BODY: () => TYPOGRAPHY_BODY,
+  TYPOGRAPHY_DISPLAY: () => TYPOGRAPHY_DISPLAY,
+  TYPOGRAPHY_HEADING: () => TYPOGRAPHY_HEADING,
+  TYPOGRAPHY_LABEL: () => TYPOGRAPHY_LABEL,
+  TYPOGRAPHY_RESPONSIVE: () => TYPOGRAPHY_RESPONSIVE,
+  TYPOGRAPHY_UTILITY: () => TYPOGRAPHY_UTILITY,
+  getResponsiveTypographyCssVars: () => getResponsiveTypographyCssVars,
+  getTypographyCssVars: () => getTypographyCssVars
+});
+module.exports = __toCommonJS(typography_exports);
+var FONT_FAMILY_SANS = '"Figtree", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
+function style(weight, size, lineHeight, extra) {
+  return __spreadValues({ fontWeight: weight, fontSize: size, lineHeight }, extra);
+}
+var TYPOGRAPHY_DISPLAY = {
+  large: style(700, "4rem", "4.5rem", { letterSpacing: "-0.03125rem" }),
+  medium: style(700, "3rem", "3.5rem"),
+  small: style(600, "2.125rem", "2.625rem")
+};
+var TYPOGRAPHY_HEADING = {
+  h1: style(700, "2rem", "2.5rem"),
+  h2: style(600, "1.75rem", "2.25rem"),
+  h3: style(600, "1.5rem", "2rem"),
+  h4: style(600, "1.3125rem", "1.75rem"),
+  h5: style(600, "1.125rem", "1.5rem"),
+  h6: style(600, "1rem", "1.375rem")
+};
+var TYPOGRAPHY_BODY = {
+  large: style(400, "1.125rem", "1.75rem"),
+  medium: style(400, "1rem", "1.5rem"),
+  small: style(400, "0.875rem", "1.25rem")
+};
+var TYPOGRAPHY_LABEL = {
+  large: style(600, "1rem", "1.25rem"),
+  medium: style(600, "0.875rem", "1.125rem"),
+  small: style(600, "0.75rem", "1rem", { letterSpacing: "0.03125rem" })
+};
+var TYPOGRAPHY_UTILITY = {
+  caption: style(400, "0.75rem", "1rem"),
+  overline: style(600, "0.625rem", "0.875rem", {
+    letterSpacing: "0.09375rem",
+    textTransform: "uppercase"
+  }),
+  code: style(400, "0.875rem", "1.25rem")
+};
+var TYPOGRAPHY = {
+  display: TYPOGRAPHY_DISPLAY,
+  heading: TYPOGRAPHY_HEADING,
+  body: TYPOGRAPHY_BODY,
+  label: TYPOGRAPHY_LABEL,
+  utility: TYPOGRAPHY_UTILITY
+};
+var TYPOGRAPHY_RESPONSIVE = {
+  tablet: {
+    "display-large": style(700, "3.6rem", "4.05rem", {
+      letterSpacing: "-0.03125rem"
+    }),
+    "display-medium": style(700, "2.7rem", "3.15rem"),
+    "display-small": style(600, "1.9125rem", "2.3625rem")
+  },
+  mobile: {
+    "display-large": style(700, "2.5rem", "2.8125rem", {
+      letterSpacing: "-0.03125rem"
+    }),
+    "display-medium": style(700, "2rem", "2.334rem"),
+    h1: style(700, "1.75rem", "2.1875rem"),
+    h2: style(600, "1.5rem", "1.93rem")
+  }
+};
+function getTypographyCssVars(fontFamily = FONT_FAMILY_SANS) {
+  const vars = {};
+  vars["--font-family-sans"] = fontFamily;
+  const allGroups = [
+    [
+      "display",
+      TYPOGRAPHY_DISPLAY
+    ],
+    ["", TYPOGRAPHY_HEADING],
+    ["body", TYPOGRAPHY_BODY],
+    ["label", TYPOGRAPHY_LABEL],
+    ["", TYPOGRAPHY_UTILITY]
+  ];
+  for (const [prefix, group] of allGroups) {
+    for (const [key, s] of Object.entries(group)) {
+      const token = prefix ? `${prefix}-${key}` : key;
+      vars[`--typography-${token}-size`] = s.fontSize;
+      vars[`--typography-${token}-leading`] = s.lineHeight;
+      vars[`--typography-${token}-weight`] = String(s.fontWeight);
+      if (s.letterSpacing)
+        vars[`--typography-${token}-tracking`] = s.letterSpacing;
+      if (s.textTransform)
+        vars[`--typography-${token}-transform`] = s.textTransform;
+    }
+  }
+  return vars;
+}
+function getResponsiveTypographyCssVars(breakpoint) {
+  const vars = {};
+  for (const [key, s] of Object.entries(TYPOGRAPHY_RESPONSIVE[breakpoint])) {
+    vars[`--typography-${key}-size`] = s.fontSize;
+    vars[`--typography-${key}-leading`] = s.lineHeight;
+    vars[`--typography-${key}-weight`] = String(s.fontWeight);
+    if (s.letterSpacing) vars[`--typography-${key}-tracking`] = s.letterSpacing;
+  }
+  return vars;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FONT_FAMILY_SANS,
+  TYPOGRAPHY,
+  TYPOGRAPHY_BODY,
+  TYPOGRAPHY_DISPLAY,
+  TYPOGRAPHY_HEADING,
+  TYPOGRAPHY_LABEL,
+  TYPOGRAPHY_RESPONSIVE,
+  TYPOGRAPHY_UTILITY,
+  getResponsiveTypographyCssVars,
+  getTypographyCssVars
+});

package/dist/lib/typography.mjs

@@ -0,0 +1,25 @@
+import {
+  FONT_FAMILY_SANS,
+  TYPOGRAPHY,
+  TYPOGRAPHY_BODY,
+  TYPOGRAPHY_DISPLAY,
+  TYPOGRAPHY_HEADING,
+  TYPOGRAPHY_LABEL,
+  TYPOGRAPHY_RESPONSIVE,
+  TYPOGRAPHY_UTILITY,
+  getResponsiveTypographyCssVars,
+  getTypographyCssVars
+} from "../chunk-3VQNJ235.mjs";
+import "../chunk-FWCSY2DS.mjs";
+export {
+  FONT_FAMILY_SANS,
+  TYPOGRAPHY,
+  TYPOGRAPHY_BODY,
+  TYPOGRAPHY_DISPLAY,
+  TYPOGRAPHY_HEADING,
+  TYPOGRAPHY_LABEL,
+  TYPOGRAPHY_RESPONSIVE,
+  TYPOGRAPHY_UTILITY,
+  getResponsiveTypographyCssVars,
+  getTypographyCssVars
+};

package/dist/lib/utils.js

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/lib/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  cn: () => cn
+});
+module.exports = __toCommonJS(utils_exports);
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  cn
+});

package/dist/lib/utils.mjs

@@ -0,0 +1,7 @@
+import {
+  cn
+} from "../chunk-V7CNWJT3.mjs";
+import "../chunk-FWCSY2DS.mjs";
+export {
+  cn
+};