@wealthx/ui 0.0.1 → 1.0.1

package/dist/table.js

@@ -0,0 +1,62 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/table.tsx
+var table_exports = {};
+__export(table_exports, {
+  Table: () => Table
+});
+module.exports = __toCommonJS(table_exports);
+var import_react = __toESM(require("react"));
+var import_Table = __toESM(require("@mui/material/Table"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Table = import_react.default.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Table.default, __spreadValues({ ref }, props));
+  }
+);
+Table.displayName = "Table";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Table
+});

package/dist/table.mjs

@@ -0,0 +1,17 @@
+import {
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/table.tsx
+import React from "react";
+import MuiTable from "@mui/material/Table";
+import { jsx } from "react/jsx-runtime";
+var Table = React.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(MuiTable, __spreadValues({ ref }, props));
+  }
+);
+Table.displayName = "Table";
+export {
+  Table
+};

package/dist/tabs.d.mts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TabsProps as TabsProps$1 } from '@mui/material/Tabs';
+
+type TabsProps = TabsProps$1;
+declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Tabs, type TabsProps };

package/dist/tabs.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TabsProps as TabsProps$1 } from '@mui/material/Tabs';
+
+type TabsProps = TabsProps$1;
+declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Tabs, type TabsProps };

package/dist/tabs.js

@@ -0,0 +1,62 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/tabs.tsx
+var tabs_exports = {};
+__export(tabs_exports, {
+  Tabs: () => Tabs
+});
+module.exports = __toCommonJS(tabs_exports);
+var import_react = __toESM(require("react"));
+var import_Tabs = __toESM(require("@mui/material/Tabs"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Tabs = import_react.default.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tabs.default, __spreadValues({ ref }, props));
+  }
+);
+Tabs.displayName = "Tabs";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Tabs
+});

package/dist/tabs.mjs

@@ -0,0 +1,17 @@
+import {
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/tabs.tsx
+import React from "react";
+import MuiTabs from "@mui/material/Tabs";
+import { jsx } from "react/jsx-runtime";
+var Tabs = React.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(MuiTabs, __spreadValues({ ref }, props));
+  }
+);
+Tabs.displayName = "Tabs";
+export {
+  Tabs
+};

package/dist/text-field.d.mts

@@ -0,0 +1,8 @@
+import * as _mui_material_TextField from '@mui/material/TextField';
+import { TextFieldProps as TextFieldProps$1 } from '@mui/material/TextField';
+import React from 'react';
+
+type TextFieldProps = TextFieldProps$1;
+declare const TextField: React.ForwardRefExoticComponent<(Omit<_mui_material_TextField.OutlinedTextFieldProps, "ref"> | Omit<_mui_material_TextField.StandardTextFieldProps, "ref"> | Omit<_mui_material_TextField.FilledTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+
+export { TextField, type TextFieldProps };

package/dist/text-field.d.ts

@@ -0,0 +1,8 @@
+import * as _mui_material_TextField from '@mui/material/TextField';
+import { TextFieldProps as TextFieldProps$1 } from '@mui/material/TextField';
+import React from 'react';
+
+type TextFieldProps = TextFieldProps$1;
+declare const TextField: React.ForwardRefExoticComponent<(Omit<_mui_material_TextField.OutlinedTextFieldProps, "ref"> | Omit<_mui_material_TextField.StandardTextFieldProps, "ref"> | Omit<_mui_material_TextField.FilledTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+
+export { TextField, type TextFieldProps };

package/dist/text-field.js

@@ -0,0 +1,62 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/text-field.tsx
+var text_field_exports = {};
+__export(text_field_exports, {
+  TextField: () => TextField
+});
+module.exports = __toCommonJS(text_field_exports);
+var import_react = __toESM(require("react"));
+var import_TextField = __toESM(require("@mui/material/TextField"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var TextField = import_react.default.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TextField.default, __spreadValues({ ref }, props));
+  }
+);
+TextField.displayName = "TextField";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TextField
+});

package/dist/text-field.mjs

@@ -0,0 +1,17 @@
+import {
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/text-field.tsx
+import React from "react";
+import MuiTextField from "@mui/material/TextField";
+import { jsx } from "react/jsx-runtime";
+var TextField = React.forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(MuiTextField, __spreadValues({ ref }, props));
+  }
+);
+TextField.displayName = "TextField";
+export {
+  TextField
+};

package/dist/theme/index.d.mts

@@ -0,0 +1,255 @@
+import React from 'react';
+import * as _mui_material_styles from '@mui/material/styles';
+import '../mui-augmentation-DKlyQ0kQ.mjs';
+
+/**
+ * Build CSS variable set for :root from tenant primary/secondary.
+ */
+interface DesignThemeOptions {
+    /** Tenant primary brand color (hex). */
+    primary: string;
+    /** Tenant secondary brand color (hex). */
+    secondary: string;
+}
+/**
+ * Returns a flat object of CSS variable name → value for injection into :root.
+ * Names use single dashes: --color-brand-primary, --primary-rgb, --primary-50, etc.
+ */
+declare function buildCssVariables(options: DesignThemeOptions): Record<string, string>;
+
+/**
+ * Provider that applies design system theme (MUI + CSS variables).
+ * Primary and secondary are tenant-based and can be set per instance.
+ */
+
+interface ThemeProviderProps extends DesignThemeOptions {
+    children: React.ReactNode;
+    /** Inject CSS variables into document (default true). Set false if you inject them yourself. */
+    injectCssVariables?: boolean;
+}
+/**
+ * Provides MUI theme and design-system CSS variables.
+ * Use primary/secondary to set tenant brand colors; all primary/* and secondary/* tokens update automatically.
+ */
+declare function ThemeProvider({ children, primary, secondary, injectCssVariables, }: ThemeProviderProps): JSX.Element;
+declare namespace ThemeProvider {
+    var displayName: string;
+}
+
+interface DesignThemeConfig {
+    primary: string;
+    secondary: string;
+}
+declare function createDesignTheme(config: DesignThemeConfig): _mui_material_styles.Theme;
+
+/**
+ * Theme utilities: hex ↔ RGB, opacity-based color generation.
+ */
+/**
+ * Parse hex color to RGB tuple [r, g, b] (0-255).
+ */
+declare function hexToRgb(hex: string): [number, number, number];
+/**
+ * Format RGB tuple as "r, g, b" for use in rgba(var(--primary-rgb), 0.5).
+ */
+declare function rgbToCssRgbString(rgb: [number, number, number]): string;
+/**
+ * Create rgba string from hex and opacity.
+ */
+declare function rgba(hex: string, alpha: number): string;
+/**
+ * Build opacity scale: { "50": "rgba(...)", "100": "rgba(...)", ... }.
+ */
+declare function buildOpacityScale(hex: string, steps: readonly {
+    key: string;
+    opacity: number;
+}[]): Record<string, string>;
+/**
+ * Get relative luminance of a hex color (0 = black, 1 = white).
+ */
+declare function getLuminance(hex: string): number;
+/**
+ * Returns a readable text color (hex) for a given background color.
+ * Uses WCAG relative luminance: dark text on light backgrounds, light text on dark backgrounds.
+ * Use for button labels, chips, and any text on colored backgrounds.
+ *
+ * @param backgroundColor - Hex color (e.g. "#33FF99" or "#162029")
+ * @returns "#040D13" (dark) or "#FFFFFF" (light)
+ */
+declare function getContrastText(backgroundColor: string): string;
+
+/**
+ * Design system - Fixed color tokens (non-tenant).
+ * Primary and secondary are tenant-based and provided at runtime.
+ */
+declare const FOUNDATION_COLORS: {
+    readonly brand: {
+        readonly primary: "#33FF99";
+        readonly secondary: "#162029";
+    };
+    readonly text: {
+        readonly primary: "#040D13";
+        readonly secondary: "#4A5C6A";
+        readonly disabled: "#9EAAB5";
+        readonly inverse: "#FFFFFF";
+    };
+    readonly background: {
+        readonly primary: "#FFFFFF";
+        readonly secondary: "#F5F8FA";
+        readonly tertiary: "#E8EAEC";
+        readonly elevated: "#FFFFFF";
+    };
+    readonly border: {
+        readonly default: "#E8EAEC";
+        readonly focus: "#33FF99";
+        readonly error: "#F44336";
+    };
+    readonly state: {
+        readonly error: "#F44336";
+        readonly warning: "#FF9800";
+        readonly success: "#4CAF50";
+        readonly info: "#2196F3";
+    };
+};
+declare const GRAY_SCALE: {
+    readonly 50: "#F6F6F8";
+    readonly 100: "#E8E8EB";
+    readonly 200: "#D9D9D9";
+    readonly 300: "#B9BCBF";
+    readonly 400: "#959495";
+    readonly 500: "#868686";
+    readonly 600: "#8A8F94";
+};
+declare const ACCENTS: {
+    readonly purple: "#9747FF";
+    readonly darkGreen: "#1E4620";
+};
+declare const OPACITY_UTILITY: {
+    readonly disabled: 0.38;
+    readonly hover: 0.08;
+};
+declare const CHART_COLORS: {
+    readonly background: "#F7F7F8";
+    readonly textLabels: "#000000";
+    readonly textTitle: "#757373";
+    readonly grid: "#E3E3E8";
+    readonly series: {
+        readonly blue: "#2B72FB";
+        readonly teal: "#64BDC6";
+        readonly yellow: "#EECA34";
+        readonly orange: "#FE6A35";
+        readonly red: "#FA4B42";
+        readonly pink: "#EE60E0";
+        readonly purple: "#7B47E9";
+        readonly indigo: "#5D89DF";
+        readonly lightBlue: "#6AD1FE";
+        readonly green: "#3FDC7E";
+    };
+};
+
+/**
+ * Design system – Spacing scale (4px base).
+ * Matches tokens.css reference: --space-1 … --space-12.
+ */
+/** Base unit in pixels. All spacing tokens are multiples of this. */
+declare const SPACING_BASE_PX = 4;
+/**
+ * Spacing scale: token name → CSS value (e.g. "1" → "4px").
+ * Keys match tokens.css: 1, 2, 3, 4, 5, 6, 8, 10, 12.
+ */
+declare const SPACING_SCALE: Record<string, string>;
+
+/**
+ * Design system – Typography (rem-based).
+ * Font: Proxima Nova. Base: 16px (1rem).
+ */
+declare const FONT_FAMILY_SANS = "\"Proxima Nova\", sans-serif";
+/** Single typography style: font shorthand (weight size/lineHeight family) + optional letterSpacing & textTransform */
+interface TypographyStyle {
+    fontWeight: number;
+    fontSize: string;
+    lineHeight: string;
+    letterSpacing?: string;
+    textTransform?: "uppercase" | "none";
+    fontFamily?: string;
+}
+/** Display – hero and major titles */
+declare const TYPOGRAPHY_DISPLAY: {
+    readonly large: TypographyStyle;
+    readonly medium: TypographyStyle;
+    readonly small: TypographyStyle;
+};
+/** Headings H1–H6 */
+declare const TYPOGRAPHY_HEADING: {
+    readonly h1: TypographyStyle;
+    readonly h2: TypographyStyle;
+    readonly h3: TypographyStyle;
+    readonly h4: TypographyStyle;
+    readonly h5: TypographyStyle;
+    readonly h6: TypographyStyle;
+};
+/** Body text */
+declare const TYPOGRAPHY_BODY: {
+    readonly large: TypographyStyle;
+    readonly medium: TypographyStyle;
+    readonly small: TypographyStyle;
+};
+/** Labels – buttons, form labels, badges */
+declare const TYPOGRAPHY_LABEL: {
+    readonly large: TypographyStyle;
+    readonly medium: TypographyStyle;
+    readonly small: TypographyStyle;
+};
+/** Utility – caption, overline, code */
+declare const TYPOGRAPHY_UTILITY: {
+    readonly caption: TypographyStyle;
+    readonly overline: TypographyStyle;
+    readonly code: TypographyStyle;
+};
+declare const TYPOGRAPHY: {
+    readonly display: {
+        readonly large: TypographyStyle;
+        readonly medium: TypographyStyle;
+        readonly small: TypographyStyle;
+    };
+    readonly heading: {
+        readonly h1: TypographyStyle;
+        readonly h2: TypographyStyle;
+        readonly h3: TypographyStyle;
+        readonly h4: TypographyStyle;
+        readonly h5: TypographyStyle;
+        readonly h6: TypographyStyle;
+    };
+    readonly body: {
+        readonly large: TypographyStyle;
+        readonly medium: TypographyStyle;
+        readonly small: TypographyStyle;
+    };
+    readonly label: {
+        readonly large: TypographyStyle;
+        readonly medium: TypographyStyle;
+        readonly small: TypographyStyle;
+    };
+    readonly utility: {
+        readonly caption: TypographyStyle;
+        readonly overline: TypographyStyle;
+        readonly code: TypographyStyle;
+    };
+};
+/** All typography tokens as flat key → style for CSS variable generation */
+declare function getTypographyCssVars(): Record<string, string>;
+/** Letter-spacing and text-transform for styles that need them (for use with font shorthand) */
+declare const TYPOGRAPHY_EXTRA_CSS: Record<string, {
+    letterSpacing?: string;
+    textTransform?: string;
+}>;
+/** Viewport mode for responsive typography (Mobile <768px, Tablet 768–1024px) */
+type ViewportMode = "desktop" | "tablet" | "mobile";
+/** Labels for viewport modes (docs/tooling). */
+declare const VIEWPORT_LABELS: Record<ViewportMode, string>;
+/** Max width (px) to simulate viewport; desktop has no constraint. */
+declare const VIEWPORT_MAX_WIDTH: Record<ViewportMode, number | undefined>;
+/** Responsive typography overrides for tablet/mobile. Desktop returns {}. */
+declare function getResponsiveFontOverrides(mode: ViewportMode): Record<string, string>;
+
+export { ACCENTS, CHART_COLORS, type DesignThemeConfig, type DesignThemeOptions, FONT_FAMILY_SANS, FOUNDATION_COLORS, GRAY_SCALE, OPACITY_UTILITY, SPACING_BASE_PX, SPACING_SCALE, TYPOGRAPHY, TYPOGRAPHY_BODY, TYPOGRAPHY_DISPLAY, TYPOGRAPHY_EXTRA_CSS, TYPOGRAPHY_HEADING, TYPOGRAPHY_LABEL, TYPOGRAPHY_UTILITY, ThemeProvider, type ThemeProviderProps, type TypographyStyle, VIEWPORT_LABELS, VIEWPORT_MAX_WIDTH, type ViewportMode, buildCssVariables, buildOpacityScale, createDesignTheme, getContrastText, getLuminance, getResponsiveFontOverrides, getTypographyCssVars, hexToRgb, rgbToCssRgbString, rgba };