@xaui/native 0.2.8 → 0.9.1-alpha.0

package/dist/chunk-JDS6KGCM.cjs

@@ -0,0 +1,791 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/provider/xaui-provider.tsx
+var _reactnative = require('react-native');
+
+// src/utils/stable-hash.ts
+function canonical(value) {
+  if (value === null || typeof value !== "object") return _nullishCoalesce(JSON.stringify(value), () => ( "null"));
+  if (Array.isArray(value)) return `[${value.map(canonical).join(",")}]`;
+  const entries = Object.entries(value).filter(([, v]) => typeof v !== "function").sort(([a], [b]) => a < b ? -1 : 1).map(([k, v]) => `${JSON.stringify(k)}:${canonical(v)}`);
+  return `{${entries.join(",")}}`;
+}
+function stableHash(value) {
+  const input = canonical(value);
+  let hash = 2166136261;
+  for (let i = 0; i < input.length; i++) {
+    hash ^= input.charCodeAt(i);
+    hash = Math.imul(hash, 16777619) >>> 0;
+  }
+  return hash.toString(36);
+}
+
+// src/utils/colors.ts
+var srgbToLinear = (c) => c <= 0.04045 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+var linearToSrgb = (c) => c <= 31308e-7 ? 12.92 * c : 1.055 * c ** (1 / 2.4) - 0.055;
+var clamp01 = (n) => Math.min(1, Math.max(0, n));
+var HEX = /^#?(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+function hexToRgb(hex) {
+  if (!HEX.test(hex)) {
+    throw new Error(
+      `XAUI: "${hex}" is not a hex colour. Tokens that feed mix() and alpha() must be #rgb or #rrggbb \u2014 named colours and rgb()/rgba() values cannot be blended.`
+    );
+  }
+  const raw = hex.replace("#", "");
+  const full = raw.length === 3 ? raw.split("").map((c) => c + c).join("") : raw;
+  return [
+    parseInt(full.slice(0, 2), 16) / 255,
+    parseInt(full.slice(2, 4), 16) / 255,
+    parseInt(full.slice(4, 6), 16) / 255
+  ];
+}
+function rgbToHex([r, g, b]) {
+  const to = (n) => Math.round(clamp01(n) * 255).toString(16).padStart(2, "0");
+  return `#${to(r)}${to(g)}${to(b)}`;
+}
+function rgbToOklab([r, g, b]) {
+  const R = srgbToLinear(r);
+  const G = srgbToLinear(g);
+  const B = srgbToLinear(b);
+  const l = Math.cbrt(0.4122214708 * R + 0.5363325363 * G + 0.0514459929 * B);
+  const m = Math.cbrt(0.2119034982 * R + 0.6806995451 * G + 0.1073969566 * B);
+  const s = Math.cbrt(0.0883024619 * R + 0.2817188376 * G + 0.6299787005 * B);
+  return [
+    0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s,
+    1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s,
+    0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s
+  ];
+}
+function oklabToRgb([L, a, b]) {
+  const l = (L + 0.3963377774 * a + 0.2158037573 * b) ** 3;
+  const m = (L - 0.1055613458 * a - 0.0638541728 * b) ** 3;
+  const s = (L - 0.0894841775 * a - 1.291485548 * b) ** 3;
+  return [
+    clamp01(linearToSrgb(4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s)),
+    clamp01(linearToSrgb(-1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s)),
+    clamp01(linearToSrgb(-0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s))
+  ];
+}
+function mix(base, other, amount) {
+  const from = rgbToOklab(hexToRgb(base));
+  const to = rgbToOklab(hexToRgb(other));
+  return rgbToHex(
+    oklabToRgb([
+      from[0] + (to[0] - from[0]) * amount,
+      from[1] + (to[1] - from[1]) * amount,
+      from[2] + (to[2] - from[2]) * amount
+    ])
+  );
+}
+function alpha(hex, amount) {
+  const [r, g, b] = hexToRgb(hex).map((v) => Math.round(v * 255));
+  return `rgba(${r}, ${g}, ${b}, ${amount})`;
+}
+
+// src/theme/derive-colors.ts
+function deriveColors(s) {
+  return {
+    accentPressed: mix(s.accent, s.accentForeground, 0.1),
+    successPressed: mix(s.success, s.successForeground, 0.1),
+    warningPressed: mix(s.warning, s.warningForeground, 0.1),
+    dangerPressed: mix(s.danger, s.dangerForeground, 0.1),
+    defaultPressed: mix(s.default, s.defaultForeground, 0.04),
+    surfacePressed: mix(s.surface, s.surfaceForeground, 0.08),
+    defaultSoft: alpha(s.default, 0.5),
+    defaultSoftForeground: s.defaultForeground,
+    defaultSoftPressed: alpha(s.default, 0.6),
+    accentSoft: alpha(s.accent, 0.15),
+    accentSoftForeground: mix(s.accent, s.foreground, 0.2),
+    accentSoftPressed: alpha(s.accent, 0.2),
+    successSoft: alpha(s.success, 0.15),
+    successSoftForeground: mix(s.success, s.foreground, 0.3),
+    successSoftPressed: alpha(s.success, 0.2),
+    warningSoft: alpha(s.warning, 0.15),
+    warningSoftForeground: mix(s.warning, s.foreground, 0.35),
+    warningSoftPressed: alpha(s.warning, 0.2),
+    dangerSoft: alpha(s.danger, 0.15),
+    dangerSoftForeground: mix(s.danger, s.foreground, 0.2),
+    dangerSoftPressed: alpha(s.danger, 0.2),
+    backgroundSecondary: mix(s.background, s.foreground, 0.04),
+    backgroundTertiary: mix(s.background, s.foreground, 0.08),
+    backgroundInverse: s.foreground,
+    borderSecondary: mix(s.surface, s.surfaceForeground, 0.22),
+    borderTertiary: mix(s.surface, s.surfaceForeground, 0.34),
+    separatorSecondary: mix(s.surface, s.surfaceForeground, 0.15),
+    separatorTertiary: mix(s.surface, s.surfaceForeground, 0.19),
+    fieldPressed: mix(s.fieldBackground, s.fieldForeground, 0.1),
+    fieldFocus: s.fieldBackground,
+    fieldBorderPressed: mix(s.fieldBorder, s.fieldForeground, 0.12),
+    fieldBorderFocus: mix(s.fieldBorder, s.fieldForeground, 0.26)
+  };
+}
+
+// src/theme/scales.ts
+var SPACING_UNIT = 4;
+var RADIUS_BASE = 12;
+function buildRadius(base) {
+  return {
+    xs: base * 0.25,
+    sm: base * 0.5,
+    md: base * 0.75,
+    lg: base,
+    xl: base * 1.5,
+    "2xl": base * 2,
+    "3xl": base * 3,
+    "4xl": base * 4,
+    field: base * 1.75,
+    full: 9999
+  };
+}
+var controlHeights = {
+  xs: 32,
+  sm: 40,
+  md: 48,
+  lg: 56
+};
+var fontSizes = {
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 18,
+  xl: 20,
+  "2xl": 24,
+  "3xl": 30,
+  "4xl": 36
+};
+var lineHeights = {
+  xs: 16,
+  sm: 20,
+  md: 24,
+  lg: 28,
+  xl: 28,
+  "2xl": 32,
+  "3xl": 36,
+  "4xl": 40
+};
+var fontWeights = {
+  regular: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700"
+};
+var fontFamilies = {
+  body: "System",
+  heading: "System",
+  mono: "monospace"
+};
+var borderWidth = { default: 1, field: 1 };
+var opacity = { disabled: 0.5 };
+var noShadow = {
+  shadowColor: "#000000",
+  shadowOffset: { width: 0, height: 0 },
+  shadowOpacity: 0,
+  shadowRadius: 0,
+  elevation: 0
+};
+function buildShadows(mode) {
+  if (mode === "dark") {
+    return {
+      surface: noShadow,
+      overlay: {
+        shadowColor: "#000000",
+        shadowOffset: { width: 0, height: 8 },
+        shadowOpacity: 0.6,
+        shadowRadius: 24,
+        elevation: 16
+      },
+      field: noShadow
+    };
+  }
+  return {
+    surface: {
+      shadowColor: "#000000",
+      shadowOffset: { width: 0, height: 1 },
+      shadowOpacity: 0.06,
+      shadowRadius: 3,
+      elevation: 2
+    },
+    overlay: {
+      shadowColor: "#000000",
+      shadowOffset: { width: 0, height: 8 },
+      shadowOpacity: 0.14,
+      shadowRadius: 24,
+      elevation: 16
+    },
+    field: {
+      shadowColor: "#000000",
+      shadowOffset: { width: 0, height: 1 },
+      shadowOpacity: 0.04,
+      shadowRadius: 2,
+      elevation: 1
+    }
+  };
+}
+
+// src/theme/tokens.gen.ts
+var tokens = {
+  light: {
+    background: "#fafafa",
+    foreground: "#18181b",
+    surface: "#ffffff",
+    surfaceForeground: "#18181b",
+    surfaceSecondary: "#f4f4f5",
+    surfaceSecondaryForeground: "#18181b",
+    surfaceTertiary: "#e4e4e7",
+    surfaceTertiaryForeground: "#18181b",
+    overlay: "#ffffff",
+    overlayForeground: "#18181b",
+    backdrop: "rgba(0, 0, 0, 0.2)",
+    muted: "#71717a",
+    default: "#f4f4f5",
+    defaultForeground: "#18181b",
+    accent: "#9333ea",
+    accentForeground: "#faf5ff",
+    fieldBackground: "#ffffff",
+    fieldForeground: "#18181b",
+    fieldPlaceholder: "#71717a",
+    fieldBorder: "#e4e4e7",
+    success: "#15803d",
+    successForeground: "#fafafa",
+    warning: "#b45309",
+    warningForeground: "#fafafa",
+    danger: "#dc2626",
+    dangerForeground: "#fafafa",
+    segment: "#ffffff",
+    segmentForeground: "#18181b",
+    border: "#e4e4e7",
+    separator: "#d4d4d8",
+    focus: "#9333ea",
+    link: "#18181b",
+    accentPressed: "#9c4eee",
+    successPressed: "#378c50",
+    warningPressed: "#bd642f",
+    dangerPressed: "#e2473f",
+    defaultPressed: "#eaeaeb",
+    surfacePressed: "#eaeaea",
+    defaultSoft: "rgba(244, 244, 245, 0.5)",
+    defaultSoftForeground: "#18181b",
+    defaultSoftPressed: "rgba(244, 244, 245, 0.6)",
+    accentSoft: "rgba(147, 51, 234, 0.15)",
+    accentSoftForeground: "#7833bc",
+    accentSoftPressed: "rgba(147, 51, 234, 0.2)",
+    successSoft: "rgba(21, 128, 61, 0.15)",
+    successSoftForeground: "#205f34",
+    successSoftPressed: "rgba(21, 128, 61, 0.2)",
+    warningSoft: "rgba(180, 83, 9, 0.15)",
+    warningSoftForeground: "#793f1e",
+    warningSoftPressed: "rgba(180, 83, 9, 0.2)",
+    dangerSoft: "rgba(220, 38, 38, 0.15)",
+    dangerSoftForeground: "#b22b28",
+    dangerSoftPressed: "rgba(220, 38, 38, 0.2)",
+    backgroundSecondary: "#f0f0f0",
+    backgroundTertiary: "#e5e5e6",
+    backgroundInverse: "#18181b",
+    borderSecondary: "#c6c6c7",
+    borderTertiary: "#a8a8a9",
+    separatorSecondary: "#d8d8d8",
+    separatorTertiary: "#cdcdce",
+    fieldPressed: "#e5e5e5",
+    fieldFocus: "#ffffff",
+    fieldBorderPressed: "#c8c8cb",
+    fieldBorderFocus: "#a9a9ac",
+    white: "#ffffff",
+    black: "#000000",
+    snow: "#fafafa",
+    eclipse: "#18181b"
+  },
+  dark: {
+    background: "#09090b",
+    foreground: "#fafafa",
+    surface: "#18181b",
+    surfaceForeground: "#fafafa",
+    surfaceSecondary: "#27272a",
+    surfaceSecondaryForeground: "#fafafa",
+    surfaceTertiary: "#3f3f46",
+    surfaceTertiaryForeground: "#fafafa",
+    overlay: "#18181b",
+    overlayForeground: "#fafafa",
+    backdrop: "rgba(0, 0, 0, 0.5)",
+    muted: "#a1a1aa",
+    default: "#27272a",
+    defaultForeground: "#fafafa",
+    accent: "#c084fc",
+    accentForeground: "#18181b",
+    fieldBackground: "#18181b",
+    fieldForeground: "#fafafa",
+    fieldPlaceholder: "#a1a1aa",
+    fieldBorder: "#3f3f46",
+    success: "#4ade80",
+    successForeground: "#18181b",
+    warning: "#fbbf24",
+    warningForeground: "#18181b",
+    danger: "#f87171",
+    dangerForeground: "#18181b",
+    segment: "#3f3f46",
+    segmentForeground: "#fafafa",
+    border: "#27272a",
+    separator: "#52525b",
+    focus: "#c084fc",
+    link: "#fafafa",
+    accentPressed: "#ad78e3",
+    successPressed: "#47c875",
+    warningPressed: "#e1ac2b",
+    dangerPressed: "#df6868",
+    defaultPressed: "#2e2e31",
+    surfacePressed: "#27272a",
+    defaultSoft: "rgba(39, 39, 42, 0.5)",
+    defaultSoftForeground: "#fafafa",
+    defaultSoftPressed: "rgba(39, 39, 42, 0.6)",
+    accentSoft: "rgba(192, 132, 252, 0.15)",
+    accentSoftForeground: "#cb9dfd",
+    accentSoftPressed: "rgba(192, 132, 252, 0.2)",
+    successSoft: "rgba(74, 222, 128, 0.15)",
+    successSoftForeground: "#8de8a6",
+    successSoftPressed: "rgba(74, 222, 128, 0.2)",
+    warningSoft: "rgba(251, 191, 36, 0.15)",
+    warningSoftForeground: "#fbd586",
+    warningSoftPressed: "rgba(251, 191, 36, 0.2)",
+    dangerSoft: "rgba(248, 113, 113, 0.15)",
+    dangerSoftForeground: "#fc8f8c",
+    dangerSoftPressed: "rgba(248, 113, 113, 0.2)",
+    backgroundSecondary: "#101012",
+    backgroundTertiary: "#18181a",
+    backgroundInverse: "#fafafa",
+    borderSecondary: "#424245",
+    borderTertiary: "#5b5b5e",
+    separatorSecondary: "#343437",
+    separatorTertiary: "#3c3c3f",
+    fieldPressed: "#2a2a2d",
+    fieldFocus: "#18181b",
+    fieldBorderPressed: "#535359",
+    fieldBorderFocus: "#6b6b71",
+    white: "#ffffff",
+    black: "#000000",
+    snow: "#fafafa",
+    eclipse: "#18181b"
+  }
+};
+var sourceKeys = [
+  "background",
+  "foreground",
+  "surface",
+  "surfaceForeground",
+  "surfaceSecondary",
+  "surfaceSecondaryForeground",
+  "surfaceTertiary",
+  "surfaceTertiaryForeground",
+  "overlay",
+  "overlayForeground",
+  "backdrop",
+  "muted",
+  "default",
+  "defaultForeground",
+  "accent",
+  "accentForeground",
+  "fieldBackground",
+  "fieldForeground",
+  "fieldPlaceholder",
+  "fieldBorder",
+  "success",
+  "successForeground",
+  "warning",
+  "warningForeground",
+  "danger",
+  "dangerForeground",
+  "segment",
+  "segmentForeground",
+  "border",
+  "separator",
+  "focus",
+  "link"
+];
+
+// src/theme/create-theme.ts
+function resolveColors(mode, config) {
+  const defaults = tokens[mode];
+  const overrides = _optionalChain([config, 'access', _ => _.colors, 'optionalAccess', _2 => _2[mode]]);
+  if (!overrides || Object.keys(overrides).length === 0) return defaults;
+  const source = {};
+  for (const key of sourceKeys) {
+    source[key] = _nullishCoalesce(overrides[key], () => ( defaults[key]));
+  }
+  return { ...defaults, ...source, ...deriveColors(source), ...overrides };
+}
+function resolveMode(mode, config, id) {
+  const unit = _nullishCoalesce(config.spacingUnit, () => ( SPACING_UNIT));
+  const shadows = buildShadows(mode);
+  return {
+    id,
+    mode,
+    colors: resolveColors(mode, config),
+    spacing: (steps) => steps * unit,
+    radius: { ...buildRadius(_nullishCoalesce(config.radius, () => ( RADIUS_BASE))) },
+    borderWidth: { ...borderWidth, ...config.borderWidth },
+    fontSizes: { ...fontSizes, ...config.fontSizes },
+    lineHeights: { ...lineHeights, ...config.lineHeights },
+    fontWeights: { ...fontWeights, ...config.fontWeights },
+    fontFamilies: { ...fontFamilies, ...config.fontFamilies },
+    shadows: {
+      surface: { ...shadows.surface, ..._optionalChain([config, 'access', _3 => _3.shadows, 'optionalAccess', _4 => _4.surface]) },
+      overlay: { ...shadows.overlay, ..._optionalChain([config, 'access', _5 => _5.shadows, 'optionalAccess', _6 => _6.overlay]) },
+      field: { ...shadows.field, ..._optionalChain([config, 'access', _7 => _7.shadows, 'optionalAccess', _8 => _8.field]) }
+    },
+    opacity: { ...opacity, ...config.opacity },
+    controlHeights: { ...controlHeights, ...config.controlHeights }
+  };
+}
+function createTheme(config = {}) {
+  const id = stableHash(config);
+  return {
+    id,
+    light: resolveMode("light", config, id),
+    dark: resolveMode("dark", config, id)
+  };
+}
+var defaultTheme = createTheme();
+
+// src/theme/theme-context.ts
+var _react = require('react');
+var ThemeContext = _react.createContext.call(void 0, null);
+
+// src/provider/xaui-provider.tsx
+function XAUIProvider({
+  children,
+  theme = defaultTheme,
+  colorMode = "system"
+}) {
+  const scheme = _reactnative.useColorScheme.call(void 0, );
+  const resolved = colorMode === "system" ? scheme === "dark" ? "dark" : "light" : colorMode;
+  return /* @__PURE__ */ React.createElement(ThemeContext.Provider, { value: theme[resolved] }, children);
+}
+
+// src/theme/palette.ts
+var palette = {
+  slate: {
+    50: "#f8fafc",
+    100: "#f1f5f9",
+    200: "#e2e8f0",
+    300: "#cbd5e1",
+    400: "#94a3b8",
+    500: "#64748b",
+    600: "#475569",
+    700: "#334155",
+    800: "#1e293b",
+    900: "#0f172a",
+    950: "#020617"
+  },
+  gray: {
+    50: "#f9fafb",
+    100: "#f3f4f6",
+    200: "#e5e7eb",
+    300: "#d1d5db",
+    400: "#9ca3af",
+    500: "#6b7280",
+    600: "#4b5563",
+    700: "#374151",
+    800: "#1f2937",
+    900: "#111827",
+    950: "#030712"
+  },
+  zinc: {
+    50: "#fafafa",
+    100: "#f4f4f5",
+    200: "#e4e4e7",
+    300: "#d4d4d8",
+    400: "#a1a1aa",
+    500: "#71717a",
+    600: "#52525b",
+    700: "#3f3f46",
+    800: "#27272a",
+    900: "#18181b",
+    950: "#09090b"
+  },
+  neutral: {
+    50: "#fafafa",
+    100: "#f5f5f5",
+    200: "#e5e5e5",
+    300: "#d4d4d4",
+    400: "#a3a3a3",
+    500: "#737373",
+    600: "#525252",
+    700: "#404040",
+    800: "#262626",
+    900: "#171717",
+    950: "#0a0a0a"
+  },
+  stone: {
+    50: "#fafaf9",
+    100: "#f5f5f4",
+    200: "#e7e5e4",
+    300: "#d6d3d1",
+    400: "#a8a29e",
+    500: "#78716c",
+    600: "#57534e",
+    700: "#44403c",
+    800: "#292524",
+    900: "#1c1917",
+    950: "#0c0a09"
+  },
+  red: {
+    50: "#fef2f2",
+    100: "#fee2e2",
+    200: "#fecaca",
+    300: "#fca5a5",
+    400: "#f87171",
+    500: "#ef4444",
+    600: "#dc2626",
+    700: "#b91c1c",
+    800: "#991b1b",
+    900: "#7f1d1d",
+    950: "#450a0a"
+  },
+  orange: {
+    50: "#fff7ed",
+    100: "#ffedd5",
+    200: "#fed7aa",
+    300: "#fdba74",
+    400: "#fb923c",
+    500: "#f97316",
+    600: "#ea580c",
+    700: "#c2410c",
+    800: "#9a3412",
+    900: "#7c2d12",
+    950: "#431407"
+  },
+  amber: {
+    50: "#fffbeb",
+    100: "#fef3c7",
+    200: "#fde68a",
+    300: "#fcd34d",
+    400: "#fbbf24",
+    500: "#f59e0b",
+    600: "#d97706",
+    700: "#b45309",
+    800: "#92400e",
+    900: "#78350f",
+    950: "#451a03"
+  },
+  yellow: {
+    50: "#fefce8",
+    100: "#fef9c3",
+    200: "#fef08a",
+    300: "#fde047",
+    400: "#facc15",
+    500: "#eab308",
+    600: "#ca8a04",
+    700: "#a16207",
+    800: "#854d0e",
+    900: "#713f12",
+    950: "#422006"
+  },
+  lime: {
+    50: "#f7fee7",
+    100: "#ecfccb",
+    200: "#d9f99d",
+    300: "#bef264",
+    400: "#a3e635",
+    500: "#84cc16",
+    600: "#65a30d",
+    700: "#4d7c0f",
+    800: "#3f6212",
+    900: "#365314",
+    950: "#1a2e05"
+  },
+  green: {
+    50: "#f0fdf4",
+    100: "#dcfce7",
+    200: "#bbf7d0",
+    300: "#86efac",
+    400: "#4ade80",
+    500: "#22c55e",
+    600: "#16a34a",
+    700: "#15803d",
+    800: "#166534",
+    900: "#14532d",
+    950: "#052e16"
+  },
+  emerald: {
+    50: "#ecfdf5",
+    100: "#d1fae5",
+    200: "#a7f3d0",
+    300: "#6ee7b7",
+    400: "#34d399",
+    500: "#10b981",
+    600: "#059669",
+    700: "#047857",
+    800: "#065f46",
+    900: "#064e3b",
+    950: "#022c22"
+  },
+  teal: {
+    50: "#f0fdfa",
+    100: "#ccfbf1",
+    200: "#99f6e4",
+    300: "#5eead4",
+    400: "#2dd4bf",
+    500: "#14b8a6",
+    600: "#0d9488",
+    700: "#0f766e",
+    800: "#115e59",
+    900: "#134e4a",
+    950: "#042f2e"
+  },
+  cyan: {
+    50: "#ecfeff",
+    100: "#cffafe",
+    200: "#a5f3fc",
+    300: "#67e8f9",
+    400: "#22d3ee",
+    500: "#06b6d4",
+    600: "#0891b2",
+    700: "#0e7490",
+    800: "#155e75",
+    900: "#164e63",
+    950: "#083344"
+  },
+  sky: {
+    50: "#f0f9ff",
+    100: "#e0f2fe",
+    200: "#bae6fd",
+    300: "#7dd3fc",
+    400: "#38bdf8",
+    500: "#0ea5e9",
+    600: "#0284c7",
+    700: "#0369a1",
+    800: "#075985",
+    900: "#0c4a6e",
+    950: "#082f49"
+  },
+  blue: {
+    50: "#eff6ff",
+    100: "#dbeafe",
+    200: "#bfdbfe",
+    300: "#93c5fd",
+    400: "#60a5fa",
+    500: "#3b82f6",
+    600: "#2563eb",
+    700: "#1d4ed8",
+    800: "#1e40af",
+    900: "#1e3a8a",
+    950: "#172554"
+  },
+  indigo: {
+    50: "#eef2ff",
+    100: "#e0e7ff",
+    200: "#c7d2fe",
+    300: "#a5b4fc",
+    400: "#818cf8",
+    500: "#6366f1",
+    600: "#4f46e5",
+    700: "#4338ca",
+    800: "#3730a3",
+    900: "#312e81",
+    950: "#1e1b4b"
+  },
+  violet: {
+    50: "#f5f3ff",
+    100: "#ede9fe",
+    200: "#ddd6fe",
+    300: "#c4b5fd",
+    400: "#a78bfa",
+    500: "#8b5cf6",
+    600: "#7c3aed",
+    700: "#6d28d9",
+    800: "#5b21b6",
+    900: "#4c1d95",
+    950: "#2e1065"
+  },
+  purple: {
+    50: "#faf5ff",
+    100: "#f3e8ff",
+    200: "#e9d5ff",
+    300: "#d8b4fe",
+    400: "#c084fc",
+    500: "#a855f7",
+    600: "#9333ea",
+    700: "#7e22ce",
+    800: "#6b21a8",
+    900: "#581c87",
+    950: "#3b0764"
+  },
+  fuchsia: {
+    50: "#fdf4ff",
+    100: "#fae8ff",
+    200: "#f5d0fe",
+    300: "#f0abfc",
+    400: "#e879f9",
+    500: "#d946ef",
+    600: "#c026d3",
+    700: "#a21caf",
+    800: "#86198f",
+    900: "#701a75",
+    950: "#4a044e"
+  },
+  pink: {
+    50: "#fdf2f8",
+    100: "#fce7f3",
+    200: "#fbcfe8",
+    300: "#f9a8d4",
+    400: "#f472b6",
+    500: "#ec4899",
+    600: "#db2777",
+    700: "#be185d",
+    800: "#9d174d",
+    900: "#831843",
+    950: "#500724"
+  },
+  rose: {
+    50: "#fff1f2",
+    100: "#ffe4e6",
+    200: "#fecdd3",
+    300: "#fda4af",
+    400: "#fb7185",
+    500: "#f43f5e",
+    600: "#e11d48",
+    700: "#be123c",
+    800: "#9f1239",
+    900: "#881337",
+    950: "#4c0519"
+  },
+  black: "#000000",
+  white: "#ffffff",
+  transparent: "transparent"
+};
+var primitives = {
+  white: "#ffffff",
+  black: "#000000",
+  snow: "#fafafa",
+  eclipse: "#18181b"
+};
+
+// src/theme/theme-hooks.ts
+
+function useXAUITheme() {
+  const theme = _react.useContext.call(void 0, ThemeContext);
+  if (theme === null) {
+    throw new Error("XAUI: useXAUITheme must be used within <XAUIProvider>.");
+  }
+  return theme;
+}
+function useColorMode() {
+  return useXAUITheme().mode;
+}
+function useThemeColor(token) {
+  const { colors } = useXAUITheme();
+  return Array.isArray(token) ? token.map((key) => colors[key]) : colors[token];
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.deriveColors = deriveColors; exports.buildRadius = buildRadius; exports.buildShadows = buildShadows; exports.tokens = tokens; exports.sourceKeys = sourceKeys; exports.createTheme = createTheme; exports.defaultTheme = defaultTheme; exports.ThemeContext = ThemeContext; exports.XAUIProvider = XAUIProvider; exports.palette = palette; exports.primitives = primitives; exports.useXAUITheme = useXAUITheme; exports.useColorMode = useColorMode; exports.useThemeColor = useThemeColor;