@titan-design/react-ui 0.4.0 → 0.5.0

package/dist/chunk-SNVKL5WZ.mjs

@@ -1,883 +0,0 @@
-import { lightThemeCSSVars, darkThemeCSSVars, semanticColorsLight, semanticColorsDark, getSemanticColors } from './chunk-7XPB4NAO.mjs';
-import { Platform, View } from 'react-native';
-import { vars } from 'nativewind';
-import { jsx as jsx$1, jsxs as jsxs$1 } from 'react/jsx-runtime';
-export { Fragment } from 'react/jsx-runtime';
-
-function hexToRgb(hex) {
-  const cleaned = hex.replace("#", "");
-  let r, g, b;
-  if (cleaned.length === 3) {
-    r = parseInt(cleaned[0] + cleaned[0], 16);
-    g = parseInt(cleaned[1] + cleaned[1], 16);
-    b = parseInt(cleaned[2] + cleaned[2], 16);
-  } else if (cleaned.length === 6) {
-    r = parseInt(cleaned.slice(0, 2), 16);
-    g = parseInt(cleaned.slice(2, 4), 16);
-    b = parseInt(cleaned.slice(4, 6), 16);
-  } else {
-    return null;
-  }
-  return { r, g, b };
-}
-function rgbToHsv(r, g, b) {
-  const rNorm = r / 255;
-  const gNorm = g / 255;
-  const bNorm = b / 255;
-  const max = Math.max(rNorm, gNorm, bNorm);
-  const min = Math.min(rNorm, gNorm, bNorm);
-  const delta = max - min;
-  const v = max;
-  const s = max === 0 ? 0 : delta / max;
-  let h = 0;
-  if (delta !== 0) {
-    if (max === rNorm) {
-      h = 60 * ((gNorm - bNorm) / delta % 6);
-    } else if (max === gNorm) {
-      h = 60 * ((bNorm - rNorm) / delta + 2);
-    } else {
-      h = 60 * ((rNorm - gNorm) / delta + 4);
-    }
-  }
-  if (h < 0) h += 360;
-  return { h, s, v };
-}
-function hsvToRgb(h, s, v) {
-  const c = v * s;
-  const x = c * (1 - Math.abs(h / 60 % 2 - 1));
-  const m = v - c;
-  let rPrime, gPrime, bPrime;
-  if (h >= 0 && h < 60) {
-    rPrime = c;
-    gPrime = x;
-    bPrime = 0;
-  } else if (h >= 60 && h < 120) {
-    rPrime = x;
-    gPrime = c;
-    bPrime = 0;
-  } else if (h >= 120 && h < 180) {
-    rPrime = 0;
-    gPrime = c;
-    bPrime = x;
-  } else if (h >= 180 && h < 240) {
-    rPrime = 0;
-    gPrime = x;
-    bPrime = c;
-  } else if (h >= 240 && h < 300) {
-    rPrime = x;
-    gPrime = 0;
-    bPrime = c;
-  } else {
-    rPrime = c;
-    gPrime = 0;
-    bPrime = x;
-  }
-  return {
-    r: Math.round((rPrime + m) * 255),
-    g: Math.round((gPrime + m) * 255),
-    b: Math.round((bPrime + m) * 255)
-  };
-}
-function rgbToHex(r, g, b) {
-  const toHex = (n) => {
-    const clamped = Math.max(0, Math.min(255, Math.round(n)));
-    return clamped.toString(16).padStart(2, "0");
-  };
-  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
-}
-function lighten(hex, amount = 0.1) {
-  const rgb = hexToRgb(hex);
-  if (!rgb) return hex;
-  const hsv = rgbToHsv(rgb.r, rgb.g, rgb.b);
-  const newV = Math.min(1, hsv.v + amount);
-  const newRgb = hsvToRgb(hsv.h, hsv.s, newV);
-  return rgbToHex(newRgb.r, newRgb.g, newRgb.b);
-}
-function darken(hex, amount = 0.1) {
-  const rgb = hexToRgb(hex);
-  if (!rgb) return hex;
-  const hsv = rgbToHsv(rgb.r, rgb.g, rgb.b);
-  const newV = Math.max(0, hsv.v - amount);
-  const newRgb = hsvToRgb(hsv.h, hsv.s, newV);
-  return rgbToHex(newRgb.r, newRgb.g, newRgb.b);
-}
-function getHoverColors(bgColor, intensity = "medium") {
-  const amounts = {
-    subtle: 0.01,
-    medium: 0.02,
-    strong: 0.03
-  };
-  const amount = amounts[intensity];
-  return {
-    raised: lighten(bgColor, amount),
-    // Raised hover: lighten (lifting up)
-    pressed: darken(bgColor, amount)
-    // Pressed hover: darken (pressing down)
-  };
-}
-function isDark(hex) {
-  const rgb = hexToRgb(hex);
-  if (!rgb) return true;
-  const hsv = rgbToHsv(rgb.r, rgb.g, rgb.b);
-  return hsv.v < 0.6;
-}
-var shadowColors = {
-  // For charcoal surfaces (~#2C2C2C to #3C3C3C)
-  charcoal: {
-    dark: "rgba(0, 0, 0, 0.5)",
-    light: "rgba(255, 255, 255, 0.12)",
-    // brighter for crisp rim light
-    darker: "rgba(0, 0, 0, 0.6)"
-  },
-  // For neutral dark surfaces (~#1F2937)
-  neutralDark: {
-    dark: "rgba(0, 0, 0, 0.4)",
-    light: "rgba(255, 255, 255, 0.08)",
-    darker: "rgba(0, 0, 0, 0.5)"
-  },
-  // For light surfaces (white/light gray backgrounds)
-  neutralLight: {
-    dark: "rgba(0, 0, 0, 0.15)",
-    // Visible dark shadow for depth on light backgrounds
-    light: "rgba(255, 255, 255, 1)",
-    // Bright highlight for raised effect (visible on light gray)
-    darker: "rgba(0, 0, 0, 0.2)"
-    // Deeper shadow for pressed states
-  }
-};
-var intensityConfig = {
-  subtle: { offset: 1, blur: 2 },
-  // very light, barely visible
-  medium: { offset: 2, blur: 4 },
-  // noticeable but restrained
-  strong: { offset: 2, blur: 5 }
-  // slightly deeper blur, same offset as medium
-};
-function createRaisedShadow(surface = "charcoal", intensity = "medium") {
-  const colors = shadowColors[surface];
-  const { offset, blur } = intensityConfig[intensity];
-  const rimBlur = 1;
-  return Platform.select({
-    web: {
-      boxShadow: `${offset}px ${offset}px ${blur}px ${colors.dark}, -${offset}px -${offset}px ${rimBlur}px ${colors.light}`
-    },
-    default: {
-      // React Native shadow approximation (limited compared to web)
-      shadowColor: "#000",
-      shadowOffset: { width: offset, height: offset },
-      shadowOpacity: 0.3,
-      shadowRadius: blur / 2,
-      elevation: offset
-    }
-  });
-}
-function createPressedShadow(surface = "charcoal", intensity = "medium") {
-  const colors = shadowColors[surface];
-  const { offset, blur } = intensityConfig[intensity];
-  const rimOffset = 1;
-  const rimBlur = 1;
-  return Platform.select({
-    web: {
-      boxShadow: `inset ${offset}px ${offset}px ${blur}px ${colors.darker}, inset -${rimOffset}px -${rimOffset}px ${rimBlur}px ${colors.light}`
-    },
-    default: {
-      // React Native doesn't support inset shadows, approximate with darker bg
-      shadowOpacity: 0,
-      elevation: 0
-    }
-  });
-}
-function createFlatShadow() {
-  return Platform.select({
-    web: {
-      boxShadow: "none"
-    },
-    default: {
-      shadowOpacity: 0,
-      elevation: 0
-    }
-  });
-}
-function createRaisedHoverShadow(surface = "charcoal", intensity = "medium") {
-  const colors = shadowColors[surface];
-  const { offset, blur } = intensityConfig[intensity];
-  const hoverOffset = Math.max(1, Math.round(offset / 2));
-  const hoverBlur = Math.max(1, Math.round(blur / 2));
-  const rimBlur = 1;
-  return Platform.select({
-    web: {
-      // Keep same offsets as normal state for rim to prevent "shrinking" effect
-      boxShadow: `${hoverOffset}px ${hoverOffset}px ${hoverBlur}px ${colors.dark}, -${offset}px -${offset}px ${rimBlur}px ${colors.light}`
-    },
-    default: {
-      shadowColor: "#000",
-      shadowOffset: { width: hoverOffset, height: hoverOffset },
-      shadowOpacity: 0.2,
-      shadowRadius: hoverBlur / 2,
-      elevation: hoverOffset
-    }
-  });
-}
-function createPressedHoverShadow(surface = "charcoal", intensity = "medium") {
-  const colors = shadowColors[surface];
-  const { offset, blur } = intensityConfig[intensity];
-  const hoverOffset = Math.max(1, Math.round(offset / 2));
-  const hoverBlur = Math.max(1, Math.round(blur / 2));
-  const rimBlur = 1;
-  return Platform.select({
-    web: {
-      // Keep rim offset at 1px (same as pressed normal) to prevent "shrinking" effect
-      boxShadow: `inset ${hoverOffset}px ${hoverOffset}px ${hoverBlur}px ${colors.darker}, inset -1px -1px ${rimBlur}px ${colors.light}`
-    },
-    default: {
-      shadowOpacity: 0,
-      elevation: 0
-    }
-  });
-}
-var neumorphicShadows = {
-  // Charcoal surface shadows (for dark toolbars, cards)
-  charcoal: {
-    raised: {
-      subtle: createRaisedShadow("charcoal", "subtle"),
-      medium: createRaisedShadow("charcoal", "medium"),
-      strong: createRaisedShadow("charcoal", "strong")
-    },
-    raisedHover: {
-      subtle: createRaisedHoverShadow("charcoal", "subtle"),
-      medium: createRaisedHoverShadow("charcoal", "medium"),
-      strong: createRaisedHoverShadow("charcoal", "strong")
-    },
-    pressed: {
-      subtle: createPressedShadow("charcoal", "subtle"),
-      medium: createPressedShadow("charcoal", "medium"),
-      strong: createPressedShadow("charcoal", "strong")
-    },
-    pressedHover: {
-      subtle: createPressedHoverShadow("charcoal", "subtle"),
-      medium: createPressedHoverShadow("charcoal", "medium"),
-      strong: createPressedHoverShadow("charcoal", "strong")
-    },
-    flat: createFlatShadow()
-  },
-  // Neutral dark surface shadows
-  neutralDark: {
-    raised: {
-      subtle: createRaisedShadow("neutralDark", "subtle"),
-      medium: createRaisedShadow("neutralDark", "medium"),
-      strong: createRaisedShadow("neutralDark", "strong")
-    },
-    raisedHover: {
-      subtle: createRaisedHoverShadow("neutralDark", "subtle"),
-      medium: createRaisedHoverShadow("neutralDark", "medium"),
-      strong: createRaisedHoverShadow("neutralDark", "strong")
-    },
-    pressed: {
-      subtle: createPressedShadow("neutralDark", "subtle"),
-      medium: createPressedShadow("neutralDark", "medium"),
-      strong: createPressedShadow("neutralDark", "strong")
-    },
-    pressedHover: {
-      subtle: createPressedHoverShadow("neutralDark", "subtle"),
-      medium: createPressedHoverShadow("neutralDark", "medium"),
-      strong: createPressedHoverShadow("neutralDark", "strong")
-    },
-    flat: createFlatShadow()
-  },
-  // Neutral light surface shadows
-  neutralLight: {
-    raised: {
-      subtle: createRaisedShadow("neutralLight", "subtle"),
-      medium: createRaisedShadow("neutralLight", "medium"),
-      strong: createRaisedShadow("neutralLight", "strong")
-    },
-    raisedHover: {
-      subtle: createRaisedHoverShadow("neutralLight", "subtle"),
-      medium: createRaisedHoverShadow("neutralLight", "medium"),
-      strong: createRaisedHoverShadow("neutralLight", "strong")
-    },
-    pressed: {
-      subtle: createPressedShadow("neutralLight", "subtle"),
-      medium: createPressedShadow("neutralLight", "medium"),
-      strong: createPressedShadow("neutralLight", "strong")
-    },
-    pressedHover: {
-      subtle: createPressedHoverShadow("neutralLight", "subtle"),
-      medium: createPressedHoverShadow("neutralLight", "medium"),
-      strong: createPressedHoverShadow("neutralLight", "strong")
-    },
-    flat: createFlatShadow()
-  }
-};
-var elevationSystem = {
-  // Deep inset (recessed input fields, deeply pressed buttons)
-  [-2]: {
-    name: "deep-inset",
-    colorAdjustment: 0,
-    shadowIntensity: "strong",
-    shadowStyle: "pressed",
-    description: "Deeply recessed elements (e.g., input fields, deeply pressed buttons)"
-  },
-  // Shallow inset (pressed buttons, sunken panels)
-  [-1]: {
-    name: "inset",
-    colorAdjustment: 0,
-    shadowIntensity: "medium",
-    shadowStyle: "pressed",
-    description: "Shallow inset elements (e.g., pressed buttons, sunken panels within cards)"
-  },
-  // Base level (page background, default surface)
-  [0]: {
-    name: "base",
-    colorAdjustment: 0,
-    shadowIntensity: "subtle",
-    shadowStyle: "raised",
-    description: "Base surface level (page background, default containers)"
-  },
-  // Level 1: Subtle elevation (outline cards, subtle containers)
-  [1]: {
-    name: "subtle",
-    colorAdjustment: 0.01,
-    shadowIntensity: "subtle",
-    shadowStyle: "raised",
-    description: "Subtle elevation (outline cards, subtle containers)"
-  },
-  // Level 2: Standard elevation (default cards, buttons)
-  [2]: {
-    name: "standard",
-    colorAdjustment: 0.02,
-    shadowIntensity: "medium",
-    shadowStyle: "raised",
-    description: "Standard elevation (default cards, raised buttons)"
-  },
-  // Level 3: Prominent elevation (important cards, modals)
-  [3]: {
-    name: "prominent",
-    colorAdjustment: 0.04,
-    shadowIntensity: "strong",
-    shadowStyle: "raised",
-    description: "Prominent elevation (important cards, modals, dropdowns)"
-  },
-  // Level 4: High elevation (overlays, popovers)
-  [4]: {
-    name: "high",
-    colorAdjustment: 0.06,
-    shadowIntensity: "strong",
-    shadowStyle: "raised",
-    description: "High elevation (overlays, popovers, tooltips)"
-  },
-  // Level 5: Floating (toasts, floating action buttons)
-  [5]: {
-    name: "floating",
-    colorAdjustment: 0.08,
-    shadowIntensity: "strong",
-    shadowStyle: "raised",
-    description: "Floating elevation (toasts, floating action buttons, highest z-index)"
-  }
-};
-function calculateRimLightColor(baseColor, level) {
-  const rgb = hexToRgb(baseColor);
-  if (!rgb) {
-    return "rgba(255, 255, 255, 0.5)";
-  }
-  const hsv = rgbToHsv(rgb.r, rgb.g, rgb.b);
-  const isLight = hsv.v > 0.6;
-  const isSaturated = hsv.s > 0.3;
-  const absLevel = Math.abs(level);
-  const opacityBoost = Math.max(0, (absLevel - 1) * 0.05);
-  if (isSaturated) {
-    const rimLightValue = 0.95;
-    const rimLightRgb = hsvToRgb(hsv.h, hsv.s * 0.3, rimLightValue);
-    const baseOpacity = isLight ? 0.9 : 0.5;
-    const finalOpacity = Math.min(1, baseOpacity + opacityBoost);
-    return `rgba(${rimLightRgb.r}, ${rimLightRgb.g}, ${rimLightRgb.b}, ${finalOpacity.toFixed(2)})`;
-  } else {
-    const baseOpacity = isLight ? 0.9 : 0.12;
-    const finalOpacity = Math.min(1, baseOpacity + opacityBoost);
-    return `rgba(255, 255, 255, ${finalOpacity.toFixed(2)})`;
-  }
-}
-function calculateDarkShadowColors(surfaceColor) {
-  const rgb = hexToRgb(surfaceColor);
-  if (!rgb) {
-    return {
-      dark: "rgba(0, 0, 0, 0.3)",
-      darker: "rgba(0, 0, 0, 0.4)"
-    };
-  }
-  const hsv = rgbToHsv(rgb.r, rgb.g, rgb.b);
-  const isLight = hsv.v > 0.6;
-  const isSaturated = hsv.s > 0.3;
-  if (isSaturated) {
-    const darkShadowValue = 0.15;
-    const darkShadowRgb = hsvToRgb(hsv.h, hsv.s, darkShadowValue);
-    if (isLight) {
-      return {
-        dark: `rgba(${darkShadowRgb.r}, ${darkShadowRgb.g}, ${darkShadowRgb.b}, 0.3)`,
-        darker: `rgba(${darkShadowRgb.r}, ${darkShadowRgb.g}, ${darkShadowRgb.b}, 0.4)`
-      };
-    } else {
-      return {
-        dark: `rgba(${darkShadowRgb.r}, ${darkShadowRgb.g}, ${darkShadowRgb.b}, 0.5)`,
-        darker: `rgba(${darkShadowRgb.r}, ${darkShadowRgb.g}, ${darkShadowRgb.b}, 0.6)`
-      };
-    }
-  } else {
-    if (isLight) {
-      return {
-        dark: "rgba(0, 0, 0, 0.2)",
-        darker: "rgba(0, 0, 0, 0.3)"
-      };
-    } else {
-      return {
-        dark: "rgba(0, 0, 0, 0.5)",
-        darker: "rgba(0, 0, 0, 0.6)"
-      };
-    }
-  }
-}
-function getRimLightConfig() {
-  return {
-    offset: 1,
-    // Fixed 1px for crisp rim
-    blur: 1
-    // Tight blur for crisp edge
-  };
-}
-function getElevationConfig(level) {
-  return elevationSystem[level];
-}
-var elevationSurfaceCache = /* @__PURE__ */ new Map();
-var MAX_CACHE_SIZE = 100;
-function getCacheKey(baseColor, level, theme) {
-  return `${baseColor}-${level}-${theme}`;
-}
-function calculateElevationSurface(baseColor, level, theme) {
-  const config = elevationSystem[level];
-  if (config.colorAdjustment === 0) {
-    return baseColor;
-  }
-  if (level < 0) {
-    return baseColor;
-  }
-  return lighten(baseColor, config.colorAdjustment);
-}
-function getElevationSurface(baseColor, level, theme) {
-  const cacheKey = getCacheKey(baseColor, level, theme);
-  if (elevationSurfaceCache.has(cacheKey)) {
-    return elevationSurfaceCache.get(cacheKey);
-  }
-  const result = calculateElevationSurface(baseColor, level);
-  if (elevationSurfaceCache.size >= MAX_CACHE_SIZE) {
-    const firstKey = elevationSurfaceCache.keys().next().value;
-    elevationSurfaceCache.delete(firstKey);
-  }
-  elevationSurfaceCache.set(cacheKey, result);
-  return result;
-}
-var elevationShadowCache = /* @__PURE__ */ new Map();
-var MAX_SHADOW_CACHE_SIZE = 50;
-function getShadowCacheKey(baseColor, level, theme, isHovered) {
-  return `${baseColor}-${level}-${theme}-${isHovered}`;
-}
-function calculateElevationShadow(baseColor, level, theme, isHovered = false) {
-  const config = elevationSystem[level];
-  if (level === 0) {
-    return {};
-  }
-  const elevatedSurfaceColor = calculateElevationSurface(baseColor, level);
-  const rimLightColor = calculateRimLightColor(baseColor, level);
-  const darkShadowColors = calculateDarkShadowColors(elevatedSurfaceColor);
-  const intensityConfig2 = {
-    subtle: { offset: 1, blur: 2 },
-    medium: { offset: 2, blur: 4 },
-    strong: { offset: 2, blur: 5 }
-  };
-  const { offset, blur } = intensityConfig2[config.shadowIntensity];
-  const rimConfig = getRimLightConfig();
-  if (config.shadowStyle === "pressed") {
-    if (isHovered) {
-      const hoverOffset = Math.max(1, Math.round(offset / 2));
-      const hoverBlur = Math.max(1, Math.round(blur / 2));
-      return Platform.select({
-        web: {
-          boxShadow: `inset ${hoverOffset}px ${hoverOffset}px ${hoverBlur}px ${darkShadowColors.darker}, inset -${rimConfig.offset}px -${rimConfig.offset}px ${rimConfig.blur}px ${rimLightColor}`
-        },
-        default: {
-          shadowOpacity: 0,
-          elevation: 0
-        }
-      });
-    }
-    return Platform.select({
-      web: {
-        boxShadow: `inset ${offset}px ${offset}px ${blur}px ${darkShadowColors.darker}, inset -${rimConfig.offset}px -${rimConfig.offset}px ${rimConfig.blur}px ${rimLightColor}`
-      },
-      default: {
-        shadowOpacity: 0,
-        elevation: 0
-      }
-    });
-  } else {
-    if (isHovered) {
-      const hoverOffset = Math.max(1, Math.round(offset / 2));
-      const hoverBlur = Math.max(1, Math.round(blur / 2));
-      return Platform.select({
-        web: {
-          boxShadow: `${hoverOffset}px ${hoverOffset}px ${hoverBlur}px ${darkShadowColors.dark}, -${rimConfig.offset}px -${rimConfig.offset}px ${rimConfig.blur}px ${rimLightColor}`
-        },
-        default: {
-          shadowColor: "#000",
-          shadowOffset: { width: hoverOffset, height: hoverOffset },
-          shadowOpacity: 0.2,
-          shadowRadius: hoverBlur / 2,
-          elevation: hoverOffset
-        }
-      });
-    }
-    return Platform.select({
-      web: {
-        boxShadow: `${offset}px ${offset}px ${blur}px ${darkShadowColors.dark}, -${rimConfig.offset}px -${rimConfig.offset}px ${rimConfig.blur}px ${rimLightColor}`
-      },
-      default: {
-        shadowColor: "#000",
-        shadowOffset: { width: offset, height: offset },
-        shadowOpacity: 0.3,
-        shadowRadius: blur / 2,
-        elevation: offset
-      }
-    });
-  }
-}
-function getElevationShadow(baseColor, level, theme, isHovered = false) {
-  const cacheKey = getShadowCacheKey(baseColor, level, theme, isHovered);
-  if (elevationShadowCache.has(cacheKey)) {
-    return elevationShadowCache.get(cacheKey);
-  }
-  const result = calculateElevationShadow(baseColor, level, theme, isHovered);
-  if (elevationShadowCache.size >= MAX_SHADOW_CACHE_SIZE) {
-    const firstKey = elevationShadowCache.keys().next().value;
-    elevationShadowCache.delete(firstKey);
-  }
-  elevationShadowCache.set(cacheKey, result);
-  return result;
-}
-function getBaseSurfaceColor(theme) {
-  return theme === "light" ? semanticColorsLight["surface-raised"] : semanticColorsDark["surface-elevated"];
-}
-var componentElevationRanges = {
-  button: {
-    allowed: [2],
-    default: 2,
-    hover: 3
-  },
-  card: {
-    allowed: [1, 2, 3],
-    default: 2,
-    hover: 3
-  },
-  input: {
-    allowed: [-2, -1, 0],
-    default: -1
-  },
-  overlay: {
-    allowed: [4, 5],
-    default: 4
-  }
-};
-function getValidatedElevation(component, requested) {
-  const range = componentElevationRanges[component];
-  if (range.allowed.includes(requested)) {
-    return requested;
-  }
-  const sorted = [...range.allowed].sort((a, b) => a - b);
-  if (requested < sorted[0]) return sorted[0];
-  if (requested > sorted[sorted.length - 1]) return sorted[sorted.length - 1];
-  return sorted.reduce(
-    (prev, curr) => Math.abs(curr - requested) < Math.abs(prev - requested) ? curr : prev
-  );
-}
-var glowConfig = {
-  subtle: { blur: 12, spread: 0, opacity: 0.25 },
-  medium: { blur: 20, spread: 2, opacity: 0.4 },
-  strong: { blur: 30, spread: 4, opacity: 0.55 }
-};
-function getGlowShadow(color, intensity = "medium") {
-  const config = glowConfig[intensity];
-  const rgb = hexToRgb(color);
-  if (!rgb) return {};
-  return Platform.select({
-    web: {
-      boxShadow: `0 0 ${config.blur}px ${config.spread}px rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${config.opacity})`
-    },
-    default: {
-      shadowColor: color,
-      shadowOffset: { width: 0, height: 0 },
-      shadowOpacity: config.opacity,
-      shadowRadius: config.blur / 2,
-      elevation: 0
-    }
-  });
-}
-
-// src/theme/manifest/css-property-manifest.validate.ts
-var isPlainObject = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
-var isVariantAxes = (value) => isPlainObject(value) && Object.keys(value).length > 0 && Object.values(value).every((axisValue) => typeof axisValue === "string");
-function collectVariantOverrideErrors(override, path) {
-  if (!isPlainObject(override)) return [`${path} must be an object`];
-  const errors = [];
-  if (!isVariantAxes(override.variant))
-    errors.push(`${path}.variant must be a non-empty string-keyed object`);
-  if (override.token !== void 0 && override.token !== null && typeof override.token !== "string") {
-    errors.push(`${path}.token must be a string or null`);
-  }
-  if (typeof override.resolvedValue !== "string" || override.resolvedValue.length === 0) {
-    errors.push(`${path}.resolvedValue must be a non-empty string`);
-  }
-  return errors;
-}
-function collectPropertyErrors(entry, path) {
-  if (!isPlainObject(entry)) return [`${path} must be an object`];
-  const errors = [];
-  if (typeof entry.property !== "string" || entry.property.length === 0) {
-    errors.push(`${path}.property must be a non-empty string`);
-  }
-  if (entry.token !== null && typeof entry.token !== "string") {
-    errors.push(`${path}.token must be a string or null`);
-  }
-  if (typeof entry.resolvedValue !== "string" || entry.resolvedValue.length === 0) {
-    errors.push(`${path}.resolvedValue must be a non-empty string`);
-  }
-  if (entry.variantOverrides !== void 0) {
-    if (!Array.isArray(entry.variantOverrides)) {
-      errors.push(`${path}.variantOverrides must be an array`);
-    } else {
-      entry.variantOverrides.forEach(
-        (override, i) => errors.push(...collectVariantOverrideErrors(override, `${path}.variantOverrides[${i}]`))
-      );
-    }
-  }
-  return errors;
-}
-function validateCssPropertyManifest(candidate) {
-  if (!isPlainObject(candidate)) return { valid: false, errors: ["manifest must be an object"] };
-  const errors = [];
-  if (typeof candidate.component !== "string" || candidate.component.length === 0) {
-    errors.push("component must be a non-empty string");
-  }
-  if (candidate.baseVariant !== void 0 && !isVariantAxes(candidate.baseVariant)) {
-    errors.push("baseVariant must be a non-empty string-keyed object");
-  }
-  if (!Array.isArray(candidate.properties) || candidate.properties.length === 0) {
-    errors.push("properties must be a non-empty array");
-  } else {
-    candidate.properties.forEach(
-      (entry, i) => errors.push(...collectPropertyErrors(entry, `properties[${i}]`))
-    );
-  }
-  return { valid: errors.length === 0, errors };
-}
-function isCssPropertyManifest(candidate) {
-  return validateCssPropertyManifest(candidate).valid;
-}
-function wrapJsx(fn) {
-  return function(type, props, ...rest) {
-    if (props && typeof props.className === "string" && props.className) {
-      const cn = props.className;
-      const cssStyle = { $$css: true, [cn]: cn };
-      const existing = props.style;
-      props = {
-        ...props,
-        style: existing ? [cssStyle, existing] : cssStyle
-      };
-      delete props.className;
-    }
-    return fn(type, props, ...rest);
-  };
-}
-var jsx = wrapJsx(jsx$1);
-var jsxs = wrapJsx(jsxs$1);
-
-// src/theme/ThemeProvider.tsx
-var MODE_VARS = {
-  dark: vars(darkThemeCSSVars),
-  light: vars(lightThemeCSSVars)
-};
-function ThemeProvider({
-  mode = "dark",
-  style,
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx(View, { style: [MODE_VARS[mode], { flex: 1 }, style], ...props, children });
-}
-function resolveColor(token, mode = "dark") {
-  return Platform.OS === "web" ? `var(--color-${token})` : getSemanticColors(mode)[token];
-}
-
-// src/theme/presets/apply.ts
-function colorKeyToVar(key) {
-  return `--color-${key}`;
-}
-function applyColorOverrides(colors, root) {
-  for (const [key, value] of Object.entries(colors)) {
-    if (value !== void 0) {
-      root.style.setProperty(colorKeyToVar(key), value);
-    }
-  }
-}
-function applyFontOverrides(fonts, root) {
-  const fontVarMap = {
-    sans: "--font-family-sans",
-    body: "--font-family-body",
-    heading: "--font-family-heading",
-    mono: "--font-family-mono"
-  };
-  for (const [key, value] of Object.entries(fonts)) {
-    if (value !== void 0 && fontVarMap[key]) {
-      root.style.setProperty(fontVarMap[key], value);
-    }
-  }
-}
-function injectFontImport(url) {
-  if (typeof document === "undefined") return;
-  const existing = document.querySelector(`link[href="${url}"]`);
-  if (existing) return;
-  const link = document.createElement("link");
-  link.rel = "stylesheet";
-  link.href = url;
-  document.head.appendChild(link);
-}
-function applyThemePreset(preset) {
-  if (typeof document === "undefined") {
-    return () => {
-    };
-  }
-  const root = document.documentElement;
-  const removals = [];
-  if (preset.fontImport) {
-    injectFontImport(preset.fontImport);
-  }
-  const isLight = root.classList.contains("light");
-  const modeColors = isLight ? preset.colors?.light : preset.colors?.dark;
-  if (modeColors) {
-    const previousValues = {};
-    for (const key of Object.keys(modeColors)) {
-      previousValues[colorKeyToVar(key)] = root.style.getPropertyValue(colorKeyToVar(key)) || null;
-    }
-    applyColorOverrides(modeColors, root);
-    removals.push(() => {
-      for (const [varName, prev] of Object.entries(previousValues)) {
-        if (prev === null) {
-          root.style.removeProperty(varName);
-        } else {
-          root.style.setProperty(varName, prev);
-        }
-      }
-    });
-  }
-  if (preset.fonts) {
-    applyFontOverrides(preset.fonts, root);
-  }
-  if (preset.rootClasses) {
-    for (const cls of preset.rootClasses) {
-      root.classList.add(cls);
-    }
-    removals.push(() => {
-      for (const cls of preset.rootClasses) {
-        root.classList.remove(cls);
-      }
-    });
-  }
-  return () => {
-    for (const remove of removals) {
-      remove();
-    }
-  };
-}
-
-// src/theme/presets/default.ts
-var defaultPreset = {
-  name: "default",
-  description: "Titan Design System default theme \u2014 orange accent, steel secondary"
-};
-
-// src/theme/presets/audiobook.ts
-var audiobookPreset = {
-  name: "audiobook",
-  description: "Warm copper/patina theme with editorial typography",
-  fontImport: "https://fonts.googleapis.com/css2?family=Newsreader:ital,wght@0,400;0,600;0,700;1,400&family=Outfit:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap",
-  fonts: {
-    sans: "'Outfit', 'Avenir', 'Avenir Next', system-ui, sans-serif",
-    body: "'Outfit', 'Avenir', 'Avenir Next', system-ui, sans-serif",
-    heading: "'Newsreader', 'Libre Baskerville', Georgia, serif",
-    mono: "'JetBrains Mono', 'SF Mono', 'Fira Code', monospace"
-  },
-  colors: {
-    dark: {
-      // Brand: Copper accent
-      "brand-primary": "#d4782a",
-      "brand-primary-light": "#e8944a",
-      "brand-primary-dark": "#9a4a15",
-      "brand-primary-subtle": "rgba(212, 120, 42, 0.12)",
-      "brand-primary-hover": "#e8944a",
-      "brand-primary-active": "#f5b070",
-      // Brand secondary: Patina/verdigris
-      "brand-secondary": "#3a9b8a",
-      "brand-secondary-light": "#55baa7",
-      "brand-secondary-dark": "#1f5c52",
-      "brand-secondary-subtle": "rgba(58, 155, 138, 0.12)",
-      "brand-secondary-hover": "#55baa7",
-      "brand-secondary-active": "#7ed4c4",
-      "on-brand-primary": "#FFFFFF",
-      "on-brand-secondary": "#FFFFFF",
-      // Status colors (audiobook's warmer status palette)
-      "status-success": "#5fb870",
-      "status-error": "#d85c4a",
-      "status-warning": "#d4a43a",
-      "status-info": "#5a8fd4",
-      // Text: warm off-whites
-      "text-primary": "#f4f3f1",
-      "text-secondary": "#b5b3af",
-      "text-tertiary": "#7a7875",
-      // Surfaces: warm charcoals (not pure gray)
-      "surface-base": "#101114",
-      "surface-elevated": "#15171c",
-      "surface-raised": "#1a1d24",
-      "surface-overlay": "#15171c",
-      "surface-input": "#15171c",
-      // Backgrounds
-      "background-base": "#0a0b0d",
-      "background-default": "#101114",
-      "background-subtle": "#1a1d24",
-      // Borders
-      "border-default": "rgba(255, 255, 255, 0.06)",
-      "border-subtle": "rgba(255, 255, 255, 0.03)",
-      "border-strong": "#2d323d",
-      "border-focus": "#d4782a",
-      "border-input": "#2d323d",
-      "border-input-hover": "#454c5c",
-      "border-input-focus": "#d4782a",
-      "border-input-error": "#d85c4a",
-      // Interactive
-      "interactive-hover": "rgba(255, 255, 255, 0.04)",
-      "interactive-focus": "rgba(255, 255, 255, 0.12)",
-      "interactive-active": "rgba(255, 255, 255, 0.16)",
-      "interactive-selected": "rgba(255, 255, 255, 0.08)",
-      "divider": "rgba(255, 255, 255, 0.06)",
-      // Glow RGB values for shadow utilities
-      "brand-primary-rgb": "212, 120, 42",
-      "brand-secondary-rgb": "58, 155, 138",
-      "status-success-rgb": "95, 184, 112",
-      "status-error-rgb": "216, 92, 74",
-      "status-warning-rgb": "212, 164, 58",
-      "status-info-rgb": "90, 143, 212",
-      "background-base-rgb": "10, 11, 13"
-    }
-  },
-  rootClasses: ["atmosphere-warm", "grain"]
-};
-
-export { ThemeProvider, applyThemePreset, audiobookPreset, componentElevationRanges, createFlatShadow, createPressedHoverShadow, createPressedShadow, createRaisedHoverShadow, createRaisedShadow, darken, defaultPreset, elevationSystem, getBaseSurfaceColor, getElevationConfig, getElevationShadow, getElevationSurface, getGlowShadow, getHoverColors, getValidatedElevation, hexToRgb, hsvToRgb, isCssPropertyManifest, isDark, jsx, jsxs, lighten, neumorphicShadows, resolveColor, rgbToHex, rgbToHsv, shadowColors, validateCssPropertyManifest };
-//# sourceMappingURL=chunk-SNVKL5WZ.mjs.map
-//# sourceMappingURL=chunk-SNVKL5WZ.mjs.map