@fluid-app/rep-core 0.1.13 → 0.1.15

package/dist/theme/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/theme/types.ts","../../src/theme/color-engine.ts","../../src/theme/tailwind-overrides.ts","../../src/theme/css-generator.ts","../../src/theme/defaults.ts","../../src/theme/serialisation.ts","../../src/theme/transforms.ts","../../src/theme/theme-applicator.ts"],"sourcesContent":["import type Color from \"colorjs.io\";\n\n// Semantic color names - matches rep-widgets tailwind.config.ts and field-types.ts\nexport const SEMANTIC_COLOR_NAMES = [\n  \"background\",\n  \"foreground\",\n  \"primary\",\n  \"secondary\",\n  \"accent\",\n  \"muted\",\n  \"destructive\",\n] as const;\nexport type SemanticColorName = (typeof SEMANTIC_COLOR_NAMES)[number];\n\nexport const SHADE_STEPS = [\n  100, 200, 300, 400, 500, 600, 700, 800, 900,\n] as const;\nexport type ShadeStep = (typeof SHADE_STEPS)[number];\n\nexport const FONT_SIZE_KEYS = [\n  \"extraSmall\",\n  \"small\",\n  \"regular\",\n  \"large\",\n  \"extraLarge\",\n  \"giant\",\n] as const;\nexport type FontSizeKey = (typeof FONT_SIZE_KEYS)[number];\n\nexport const FONT_FAMILY_KEYS = [\"header\", \"body\"] as const;\nexport type FontFamilyKey = (typeof FONT_FAMILY_KEYS)[number];\n\nexport const RADIUS_KEYS = [\"small\", \"medium\", \"large\", \"extraLarge\"] as const;\nexport type RadiusKey = (typeof RADIUS_KEYS)[number];\n\n/** Author-time color input (what the user configures) */\nexport interface ThemeColorInput {\n  base: Color;\n  foreground: Color;\n}\n\n/** Complete theme definition — stored in-memory with Color objects */\nexport interface ThemeDefinition {\n  id: string;\n  name: string;\n  /** Light mode — always fully specified */\n  light: Record<SemanticColorName, ThemeColorInput>;\n  /**\n   * Dark mode — only user-overridden colors.\n   * Missing keys are auto-derived from `light` at resolve time.\n   */\n  dark: Partial<Record<SemanticColorName, Partial<ThemeColorInput>>>;\n  fontSizes: Record<FontSizeKey, string>;\n  fontFamilies: Record<FontFamilyKey, string>;\n  spacing: string;\n  radii: Record<RadiusKey, string>;\n  /** When true, theme colors are re-derived from brand guidelines on every load */\n  syncWithBrandColors?: boolean;\n}\n\n/** Resolved semantic color with generated shade ramp */\nexport interface ResolvedSemanticColor {\n  base: Color;\n  foreground: Color;\n  shades: Record<ShadeStep, Color>;\n}\n\n/** Complete resolved color set for one mode */\nexport type ResolvedColorSet = Record<SemanticColorName, ResolvedSemanticColor>;\n\n/** Fully resolved theme — all colors materialised for both modes */\nexport interface ResolvedTheme {\n  id: string;\n  name: string;\n  light: ResolvedColorSet;\n  dark: ResolvedColorSet;\n  fontSizes: ThemeDefinition[\"fontSizes\"];\n  fontFamilies: ThemeDefinition[\"fontFamilies\"];\n  spacing: string;\n  radii: ThemeDefinition[\"radii\"];\n}\n\n/** Plain OKLCH triplet for JSON serialisation (no Color dependency) */\nexport interface OklchPlain {\n  l: number;\n  c: number;\n  h: number;\n}\n\n/** Serialised color pair as stored in the backend payload */\nexport interface ThemeColorPlain {\n  base: OklchPlain;\n  foreground: OklchPlain;\n}\n\n/** Backend payload — plain JSON, no Color objects */\nexport interface ThemePayload {\n  [key: string]: unknown;\n  id: string;\n  name: string;\n  light: Record<SemanticColorName, ThemeColorPlain>;\n  dark: Partial<\n    Record<SemanticColorName, { base?: OklchPlain; foreground?: OklchPlain }>\n  >;\n  fontSizes: Record<FontSizeKey, string>;\n  fontFamilies: Record<FontFamilyKey, string>;\n  spacing: string;\n  radii: Record<RadiusKey, string>;\n  syncWithBrandColors?: boolean;\n}\n","import Color from \"colorjs.io\";\nimport {\n  SEMANTIC_COLOR_NAMES,\n  SHADE_STEPS,\n  type SemanticColorName,\n  type ShadeStep,\n  type ThemeColorInput,\n  type ThemeDefinition,\n  type ResolvedColorSet,\n  type ResolvedTheme,\n} from \"./types\";\n\n/**\n * Attempt to convert any string into a Color using colorjs.io.\n * If the string is exactly 6 characters it is assumed to be a bare hex value\n * (e.g. \"3b82f6\") and a \"#\" prefix is added before parsing.\n *\n * @returns the parsed Color, or a neutral gray (`oklch(0.5 0 0)`) on failure\n */\nexport function parseColor(value: string): Color {\n  if (value.length === 6) {\n    value = `#${value}`;\n  }\n  try {\n    return new Color(value);\n  } catch (error) {\n    console.warn(\"[theme] Failed to parse color:\", value, error);\n    return new Color(\"oklch\", [0.5, 0, 0]);\n  }\n}\n\n/**\n * Returns either the original foreground or a corrected lightness variant,\n * whichever provides better contrast against `color`.\n * Inversion triggers when the APCA contrast is below 50.\n */\nexport function getForegroundColor(foreground: Color, color: Color): Color {\n  if (foreground.oklch.l == null || color.oklch.l == null) {\n    return foreground;\n  }\n  const contrast = color.contrastAPCA(foreground);\n\n  if (contrast < 50) {\n    return new Color(\"oklch\", [\n      color.oklch.l < 0.7 ? 0.95 : 0.15,\n      foreground.oklch.c || 0,\n      foreground.oklch.h || 0,\n    ]);\n  }\n  return foreground;\n}\n\n/**\n * Generate a 100–900 shade ramp from a base color.\n * Base anchors at 500. Light shades (100–400) step toward white,\n * dark shades (600–900) step toward black. Dark steps use an asymmetric\n * multiplier (1.6×, 1.875×, 3×, 4× of `darkStep`) for a more gradual\n * initial descent. Chroma is nudged per step for perceptually natural ramps.\n */\nexport function generateShades(base: Color): Record<ShadeStep, Color> {\n  const l = base.oklch.l ?? 0;\n  const c = base.oklch.c ?? 0;\n  const h = base.oklch.h ?? 0;\n\n  const safeMax = l >= 0.885 ? 0.995 : 0.97;\n  const safeMin = l <= 0.33 ? 0 : 0.21;\n\n  const lightStep = (safeMax - l) / 5;\n  const darkStep = -(l - safeMin) / 8;\n\n  const shade = (lDelta: number, cDelta: number): Color => {\n    return new Color(\"oklch\", [\n      Math.max(0, Math.min(1, l + lDelta)),\n      c <= 0.001 ? c : Math.max(0, c + cDelta),\n      h,\n    ]);\n  };\n\n  return {\n    100: shade(5 * lightStep, -0.00375),\n    200: shade(4 * lightStep, -0.00375),\n    300: shade(3 * lightStep, -0.00375),\n    400: shade(2 * lightStep, -0.00375),\n    500: new Color(\"oklch\", [l, c, h]),\n    600: shade(1.6 * darkStep, 0.025),\n    700: shade(1.875 * 2 * darkStep, 0.05),\n    800: shade(3 * 2 * darkStep, 0.075),\n    900: shade(4 * 2 * darkStep, 0.1),\n  };\n}\n\n// ── Dark Mode Derivation ────────────────────────────────────────────\n//\n// Dark-mode colors are derived from their light counterparts by adjusting\n// OKLCH lightness and optionally scaling chroma. Neutral slots (background,\n// foreground, muted) use fixed lightness values while chromatic slots\n// (primary, secondary, accent, destructive) invert lightness around 0.5.\n\nconst DARK_DERIVATION_CONFIG: Record<\n  SemanticColorName,\n  {\n    baseLightness: number | \"invert\";\n    fgLightness: number | \"invert\";\n    chromaScale?: number;\n  }\n> = {\n  background: { baseLightness: 0.15, fgLightness: 0.93 },\n  foreground: { baseLightness: 0.93, fgLightness: 0.15 },\n  muted: { baseLightness: 0.22, fgLightness: 0.75 },\n  primary: { baseLightness: \"invert\", fgLightness: 0.95, chromaScale: 0.9 },\n  secondary: { baseLightness: \"invert\", fgLightness: 0.93, chromaScale: 0.85 },\n  accent: { baseLightness: \"invert\", fgLightness: 0.95, chromaScale: 0.9 },\n  destructive: {\n    baseLightness: \"invert\",\n    fgLightness: 0.95,\n    chromaScale: 0.95,\n  },\n};\n\n/** Invert OKLCH lightness (1 - l), clamped to [0.35, 0.75] to avoid extremes. */\nfunction invertLightness(l: number): number {\n  const inverted = 1 - l;\n  return Math.max(0.35, Math.min(0.75, inverted));\n}\n\n/**\n * Derive a dark-mode ThemeColorInput from its light-mode counterpart.\n */\nexport function deriveDarkVariant(\n  name: SemanticColorName,\n  light: ThemeColorInput,\n): ThemeColorInput {\n  const config = DARK_DERIVATION_CONFIG[name];\n  const chromaScale = config.chromaScale ?? 1;\n\n  const baseLightness =\n    config.baseLightness === \"invert\"\n      ? invertLightness(light.base.oklch.l ?? 0)\n      : config.baseLightness;\n\n  const fgLightness =\n    config.fgLightness === \"invert\"\n      ? invertLightness(light.foreground.oklch.l ?? 0)\n      : config.fgLightness;\n\n  return {\n    base: new Color(\"oklch\", [\n      baseLightness,\n      (light.base.oklch.c || 0) * chromaScale,\n      light.base.oklch.h || 0,\n    ]),\n    foreground: new Color(\"oklch\", [\n      fgLightness,\n      (light.foreground.oklch.c || 0) * chromaScale,\n      light.foreground.oklch.h || 0,\n    ]),\n  };\n}\n\n// ── Dark Mode Merge ─────────────────────────────────────────────────\n\n/**\n * Merge auto-derived dark colors with any user-specified overrides.\n * For each semantic color, if the user has fully overridden both base and\n * foreground those are used; otherwise the missing channels are derived.\n */\nexport function mergeDarkOverrides(\n  def: ThemeDefinition,\n): Record<SemanticColorName, ThemeColorInput> {\n  const darkColors = {} as Record<SemanticColorName, ThemeColorInput>;\n\n  for (const name of SEMANTIC_COLOR_NAMES) {\n    const lightInput = def.light[name];\n    const darkOverride = def.dark[name];\n\n    if (darkOverride?.base && darkOverride?.foreground) {\n      darkColors[name] = darkOverride as ThemeColorInput;\n    } else if (darkOverride) {\n      const base =\n        darkOverride.base ?? deriveDarkVariant(name, lightInput).base;\n      darkColors[name] = {\n        base: base,\n        foreground:\n          darkOverride.foreground ??\n          getForegroundColor(def.light.foreground.base, base),\n      };\n    } else {\n      darkColors[name] = deriveDarkVariant(name, lightInput);\n    }\n  }\n\n  return darkColors;\n}\n\n// ── Theme Resolution ────────────────────────────────────────────────\n\nfunction resolveColorSet(\n  colors: Record<SemanticColorName, ThemeColorInput>,\n): ResolvedColorSet {\n  const resolved = {} as ResolvedColorSet;\n\n  for (const name of SEMANTIC_COLOR_NAMES) {\n    const input = colors[name];\n    const shades = generateShades(input.base);\n    const resolvedShades = {} as Record<ShadeStep, Color>;\n\n    for (const step of SHADE_STEPS) {\n      resolvedShades[step] = shades[step];\n    }\n\n    resolved[name] = {\n      base: input.base.clone(),\n      foreground: input.foreground.clone(),\n      shades: resolvedShades,\n    };\n  }\n\n  return resolved;\n}\n\n/**\n * Resolve a ThemeDefinition into a complete ResolvedTheme.\n * Dark mode colors are derived from light where not overridden.\n */\nexport function resolveTheme(def: ThemeDefinition): ResolvedTheme {\n  return {\n    id: def.id,\n    name: def.name,\n    light: resolveColorSet(def.light),\n    dark: resolveColorSet(mergeDarkOverrides(def)),\n    fontSizes: { ...def.fontSizes },\n    fontFamilies: { ...def.fontFamilies },\n    spacing: def.spacing,\n    radii: { ...def.radii },\n  };\n}\n","import { SHADE_STEPS, type SemanticColorName, type ShadeStep } from \"./types\";\n\n/**\n * Specific overrides, otherwise all the overrides are generated using emitTailwindOverrides\n */\nconst OVERRIDES: Partial<Record<string, string>> = {\n  \"--color-gray-50\": \"var(--color-muted)\",\n  \"--color-gray-100\": \"var(--color-muted-600)\",\n  \"--color-gray-200\": \"var(--color-border)\",\n} as const;\n\n/**\n * Returns the inverted shade for dark mode foreground colors.\n * In dark mode, light shades (50, 100) should map to dark values (950, 900) and vice versa.\n */\nfunction getInvertedStep(shade: ShadeStep): ShadeStep {\n  const shadeIndex = SHADE_STEPS.indexOf(shade);\n  const invertedIndex = SHADE_STEPS.length - 1 - shadeIndex;\n  return SHADE_STEPS[invertedIndex] || 500;\n}\n\n/**\n * Map semantic colors to Tailwind built-in color names.\n */\nexport function emitTailwindOverrides(darkMode: boolean = false): string[] {\n  const TAILWIND_COLOR_MAP: Record<string, SemanticColorName> = {\n    gray: \"foreground\",\n    red: \"destructive\",\n    blue: \"primary\",\n    green: \"accent\",\n  };\n\n  const TAILWIND_SHADES = [\n    50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950,\n  ] as const;\n  const SHADE_REMAP: Partial<Record<number, ShadeStep>> = {\n    50: 100,\n    950: 900,\n  };\n\n  const lines: string[] = [];\n  for (const [twName, semantic] of Object.entries(TAILWIND_COLOR_MAP)) {\n    for (const shade of TAILWIND_SHADES) {\n      const step = (SHADE_REMAP[shade] ?? shade) as ShadeStep;\n      const override = OVERRIDES[`--color-${twName}-${shade}`];\n      lines.push(\n        `--color-${twName}-${shade}: ${override ? override : `var(--color-${semantic}-${semantic === \"foreground\" && darkMode === true ? getInvertedStep(step) : step})`};`,\n      );\n    }\n  }\n\n  lines.push(\"--color-white: var(--color-background);\");\n  lines.push(\"--color-black: var(--color-foreground);\");\n\n  return lines;\n}\n","import { emitTailwindOverrides } from \"./tailwind-overrides\";\nimport {\n  SEMANTIC_COLOR_NAMES,\n  SHADE_STEPS,\n  FONT_SIZE_KEYS,\n  FONT_FAMILY_KEYS,\n  RADIUS_KEYS,\n  type ResolvedColorSet,\n  type ResolvedTheme,\n} from \"./types\";\n\nfunction colorToCSS(color: import(\"colorjs.io\").default): string {\n  const result = color.toString({ format: \"oklch\" });\n  if (result.includes(\"NaN\")) {\n    console.warn(\n      \"[theme] colorToCSS produced NaN, using neutral fallback:\",\n      result,\n    );\n    return \"oklch(0.5 0 0)\";\n  }\n  return result;\n}\n\nfunction camelToKebab(str: string): string {\n  return str.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n}\n\n/**\n * Emit --color-{name}, --color-{name}-foreground, --color-{name}-{shade} vars.\n * Uses --color- prefix to match rep-widgets/tailwind.config.ts.\n */\nfunction emitColorVars(colors: ResolvedColorSet): string[] {\n  const lines: string[] = [];\n\n  for (const name of SEMANTIC_COLOR_NAMES) {\n    const color = colors[name];\n    lines.push(`--color-${name}: ${colorToCSS(color.base)};`);\n    lines.push(`--color-${name}-foreground: ${colorToCSS(color.foreground)};`);\n    for (const step of SHADE_STEPS) {\n      lines.push(`--color-${name}-${step}: ${colorToCSS(color.shades[step])};`);\n    }\n  }\n\n  return lines;\n}\n\n/**\n * Emit non-color CSS variables (font sizes, families, spacing, radii).\n */\nfunction emitNonColorVars(theme: ResolvedTheme): string[] {\n  const lines: string[] = [];\n  for (const key of FONT_SIZE_KEYS) {\n    lines.push(`--font-size-${camelToKebab(key)}: ${theme.fontSizes[key]};`);\n  }\n  for (const key of FONT_FAMILY_KEYS) {\n    lines.push(`--font-${key}: ${theme.fontFamilies[key]};`);\n  }\n  lines.push(`--spacing: ${theme.spacing};`);\n  for (const key of RADIUS_KEYS) {\n    lines.push(`--radius-${camelToKebab(key)}: ${theme.radii[key]};`);\n  }\n  return lines;\n}\n\n/**\n * Static CSS alias variables that bridge theme var names to Tailwind/component conventions.\n * These are always emitted and not mode-dependent.\n */\nconst globalCSSOverride = [\n  \"--color-background-foreground: var(--color-foreground);\",\n  \"--color-foreground-foreground: var(--color-background);\",\n  ...SEMANTIC_COLOR_NAMES.map((value) => `--${value}: var(--color-${value});`),\n  ...SEMANTIC_COLOR_NAMES.map(\n    (value) => `--${value}-foreground: var(--color-${value}-foreground);`,\n  ),\n\n  \"--sidebar-ring: var(--color-primary);\",\n  \"--sidebar-border: var(--color-border);\",\n  \"--sidebar-accent-foreground: var(--color-accent-foreground);\",\n  \"--sidebar-accent: var(--color-accent);\",\n  \"--sidebar-primary-foreground: var(--color-primary-foreground);\",\n  \"--sidebar-primary: var(--color-primary);\",\n  \"--sidebar-foreground: var(--color-muted-foreground);\",\n  \"--sidebar: var(--color-muted);\",\n  \"--border: var(--color-background-600);\",\n  \"--ring: var(--color-primary);\",\n  \"--popover: var(--color-background);\",\n  \"--popover-foreground: var(--color-foreground);\",\n  \"--card: var(--color-muted);\",\n  \"--card-foreground: var(--color-muted-foreground);\",\n\n  \"--radius-sm: var(--radius-small);\",\n  \"--radius-md: var(--radius-medium);\",\n  \"--radius-lg: var(--radius-large);\",\n  \"--radius-xl: var(--radius-extra-large);\",\n  \"--text-xs: var(--font-size-extra-small);\",\n  \"--text-sm: var(--font-size-small);\",\n  \"--text-base: var(--font-size-regular);\",\n  \"--text-lg: var(--font-size-large);\",\n  \"--text-xl: var(--font-size-extra-large);\",\n  \"--text-2xl: var(--font-size-giant);\",\n  \"--font-sans: var(--font-body);\",\n  // Tailwind's font-mono is repurposed as the display/header font\n  \"--font-mono: var(--font-header);\",\n];\n\n/**\n * Overrides for global tailwindcss for specifically dark mode.\n */\nconst globalDarkCSSOverride = [\"--border: var(--color-background-400);\"];\n\nexport interface GenerateThemeCSSOptions {\n  /** Whether or not to allow prefers-color-scheme to choose the theme mode */\n  disableAutoTheme?: boolean;\n  /** Whether to emit Tailwind built-in color overrides (default true) */\n  mapTailwindColors?: boolean;\n}\n\n/**\n * Generate a complete CSS string for a resolved theme.\n * Outputs 2–3 blocks: light default, dark explicit via `[data-theme-mode=\"dark\"]`,\n * and (unless `disableAutoTheme`) a `prefers-color-scheme: dark` media query block.\n */\nexport function generateThemeCSS(\n  theme: ResolvedTheme,\n  options: GenerateThemeCSSOptions = {},\n): string {\n  const sel = `[data-theme=\"${theme.id}\"]`;\n  const tw = options.mapTailwindColors ?? true;\n  const blocks: string[] = [];\n\n  // Light mode (default)\n  blocks.push(`${sel} {`);\n  blocks.push(...globalCSSOverride);\n  blocks.push(...emitNonColorVars(theme));\n  blocks.push(...emitColorVars(theme.light));\n  if (tw) blocks.push(...emitTailwindOverrides());\n  blocks.push(`}`);\n\n  // Dark mode: explicit via attribute\n  blocks.push(`${sel}[data-theme-mode=\"dark\"] {`);\n  blocks.push(...globalDarkCSSOverride);\n  blocks.push(...emitColorVars(theme.dark));\n  if (tw) blocks.push(...emitTailwindOverrides(true));\n  blocks.push(`}`);\n\n  // Dark mode: auto via system preference\n  if (!options.disableAutoTheme) {\n    blocks.push(`@media (prefers-color-scheme: dark) {`);\n    blocks.push(`${sel}:not([data-theme-mode]) {`);\n    blocks.push(...globalDarkCSSOverride);\n    blocks.push(...emitColorVars(theme.dark).map((l) => `${l}`));\n    if (tw) blocks.push(...emitTailwindOverrides(true).map((l) => `${l}`));\n    blocks.push(`}`);\n    blocks.push(`}`);\n  }\n\n  return blocks.join(\"\\n\");\n}\n","import Color from \"colorjs.io\";\nimport type {\n  FontSizeKey,\n  FontFamilyKey,\n  RadiusKey,\n  ThemeDefinition,\n} from \"./types\";\nimport { getForegroundColor } from \"./color-engine\";\n\n// ── Non-color defaults ──────────────────────────────────────────────\n\nexport const DEFAULT_FONT_SIZES: Record<FontSizeKey, string> = {\n  extraSmall: \"0.75rem\",\n  small: \"0.875rem\",\n  regular: \"1rem\",\n  large: \"1.125rem\",\n  extraLarge: \"1.25rem\",\n  giant: \"1.5rem\",\n};\n\nexport const DEFAULT_FONT_FAMILIES: Record<FontFamilyKey, string> = {\n  header: \"var(--font-inter)\",\n  body: \"var(--font-inter)\",\n};\n\nexport const DEFAULT_SPACING = \"0.25rem\";\n\nexport const DEFAULT_RADII: Record<RadiusKey, string> = {\n  small: \"0.25rem\",\n  medium: \"0.5rem\",\n  large: \"0.75rem\",\n  extraLarge: \"1rem\",\n};\n\n// ── Default colors (hex) ────────────────────────────────────────────\n\nexport const DEFAULT_COLORS = {\n  background: \"#ffffff\",\n  foreground: \"#1a1a1a\",\n  primary: \"#3b82f6\",\n  secondary: \"#6b7280\",\n  accent: \"#10b981\",\n  muted: \"#f3f4f6\",\n  destructive: \"#ef4444\",\n  mutedForeground: \"#6b7280\",\n} as const;\n\n// ── Default theme identity ──────────────────────────────────────────\n\nexport const DEFAULT_THEME_ID = \"default\";\nexport const DEFAULT_THEME_NAME = \"Default Theme\";\n\n// ── Factory ─────────────────────────────────────────────────────────\n\n/**\n * Build a fresh ThemeDefinition populated with all defaults.\n * Returns a new object each call because Color instances are mutable — do not cache the result.\n */\nexport function getDefaultThemeDefinition(): ThemeDefinition {\n  const bg = new Color(DEFAULT_COLORS.background);\n  const fg = new Color(DEFAULT_COLORS.foreground);\n  const primary = new Color(DEFAULT_COLORS.primary);\n  const secondary = new Color(DEFAULT_COLORS.secondary);\n  const accent = new Color(DEFAULT_COLORS.accent);\n  const muted = new Color(DEFAULT_COLORS.muted);\n  const destructive = new Color(DEFAULT_COLORS.destructive);\n  const mutedFg = new Color(DEFAULT_COLORS.mutedForeground);\n\n  const darkBg = new Color(\"#0a0a0a\");\n  const darkFg = new Color(\"#fafafa\");\n  const darkMuted = new Color(\"#171717\");\n  const darkMutedForeground = new Color(\"#dddddd\");\n\n  return {\n    id: DEFAULT_THEME_ID,\n    name: DEFAULT_THEME_NAME,\n    light: {\n      background: { base: bg, foreground: fg },\n      foreground: { base: fg, foreground: bg },\n      primary: {\n        base: primary,\n        foreground: getForegroundColor(fg, primary),\n      },\n      secondary: {\n        base: secondary,\n        foreground: getForegroundColor(fg, secondary),\n      },\n      accent: {\n        base: accent,\n        foreground: getForegroundColor(fg, accent),\n      },\n      muted: { base: muted, foreground: mutedFg },\n      destructive: {\n        base: destructive,\n        foreground: getForegroundColor(fg, destructive),\n      },\n    },\n    dark: {\n      background: { base: darkBg, foreground: darkFg },\n      foreground: { base: darkFg, foreground: darkBg },\n      muted: { base: darkMuted, foreground: darkMutedForeground },\n    },\n    fontSizes: { ...DEFAULT_FONT_SIZES },\n    fontFamilies: { ...DEFAULT_FONT_FAMILIES },\n    spacing: DEFAULT_SPACING,\n    radii: { ...DEFAULT_RADII },\n  };\n}\n","import Color from \"colorjs.io\";\nimport {\n  SEMANTIC_COLOR_NAMES,\n  type SemanticColorName,\n  type ThemeColorInput,\n  type ThemeDefinition,\n  type ThemePayload,\n  type OklchPlain,\n  type FontSizeKey,\n  type FontFamilyKey,\n  type RadiusKey,\n} from \"./types\";\nimport {\n  DEFAULT_FONT_SIZES,\n  DEFAULT_FONT_FAMILIES,\n  DEFAULT_SPACING,\n  DEFAULT_RADII,\n  getDefaultThemeDefinition,\n} from \"./defaults\";\n\nfunction colorToPlain(color: Color): OklchPlain {\n  return {\n    l: color.oklch.l ?? 0,\n    c: color.oklch.c ?? 0,\n    h: color.oklch.h ?? 0,\n  };\n}\n\nfunction plainToColor(plain: OklchPlain): Color {\n  return new Color(\"oklch\", [plain.l, plain.c, plain.h]);\n}\n\n/**\n * Serialise a ThemeDefinition (with Color objects) to a plain JSON payload\n * suitable for backend storage.\n */\nexport function serialiseTheme(def: ThemeDefinition): ThemePayload {\n  const light = {} as ThemePayload[\"light\"];\n  for (const name of SEMANTIC_COLOR_NAMES) {\n    light[name] = {\n      base: colorToPlain(def.light[name].base),\n      foreground: colorToPlain(def.light[name].foreground),\n    };\n  }\n\n  const dark: ThemePayload[\"dark\"] = {};\n  for (const [name, value] of Object.entries(def.dark)) {\n    if (!value) continue;\n    dark[name as SemanticColorName] = {\n      ...(value.base ? { base: colorToPlain(value.base) } : {}),\n      ...(value.foreground\n        ? { foreground: colorToPlain(value.foreground) }\n        : {}),\n    };\n  }\n\n  return {\n    id: def.id,\n    name: def.name,\n    light,\n    dark,\n    fontSizes: { ...def.fontSizes },\n    fontFamilies: { ...def.fontFamilies },\n    spacing: def.spacing,\n    radii: { ...def.radii },\n    ...(def.syncWithBrandColors ? { syncWithBrandColors: true } : {}),\n  };\n}\n\n/**\n * Deserialise a backend payload into a ThemeDefinition with Color objects.\n * Accepts `Record<string, unknown>` because API data is untyped at the boundary.\n * Falls back to default colors for any missing light-mode entries.\n */\nexport function deserialiseTheme(\n  payload: Record<string, unknown>,\n): ThemeDefinition {\n  const lightRaw = ((payload.light as Record<string, unknown> | undefined) ??\n    {}) as Record<string, { base: OklchPlain; foreground: OklchPlain }>;\n  const darkRaw = ((payload.dark as Record<string, unknown> | undefined) ??\n    {}) as Record<string, { base?: OklchPlain; foreground?: OklchPlain }>;\n\n  const defaults = getDefaultThemeDefinition();\n  const light = {} as Record<SemanticColorName, ThemeColorInput>;\n  for (const name of SEMANTIC_COLOR_NAMES) {\n    const entry = lightRaw[name];\n    if (entry) {\n      light[name] = {\n        base: plainToColor(entry.base),\n        foreground: plainToColor(entry.foreground),\n      };\n    } else {\n      console.warn(\n        `[theme] deserialiseTheme: missing light color \"${name}\", using default`,\n      );\n      light[name] = defaults.light[name];\n    }\n  }\n\n  const dark: Partial<Record<SemanticColorName, Partial<ThemeColorInput>>> = {};\n  for (const [name, value] of Object.entries(darkRaw)) {\n    if (!value) continue;\n    dark[name as SemanticColorName] = {\n      ...(value.base ? { base: plainToColor(value.base) } : {}),\n      ...(value.foreground\n        ? { foreground: plainToColor(value.foreground) }\n        : {}),\n    };\n  }\n\n  return {\n    id: payload.id as string,\n    name: payload.name as string,\n    light,\n    dark,\n    fontSizes: (payload.fontSizes ?? DEFAULT_FONT_SIZES) as Record<\n      FontSizeKey,\n      string\n    >,\n    fontFamilies: (payload.fontFamilies ?? DEFAULT_FONT_FAMILIES) as Record<\n      FontFamilyKey,\n      string\n    >,\n    spacing: (payload.spacing as string) ?? DEFAULT_SPACING,\n    radii: (payload.radii ?? DEFAULT_RADII) as Record<RadiusKey, string>,\n    ...(payload.syncWithBrandColors === true\n      ? { syncWithBrandColors: true }\n      : {}),\n  };\n}\n","/**\n * Theme Transforms\n * Convert raw API theme objects to ThemeDefinition format.\n * Handles both new structured format (OKLCH) and legacy flat format (hex strings).\n */\n\nimport type { ThemeDefinition } from \"./types\";\nimport { deserialiseTheme } from \"./serialisation\";\nimport { parseColor, getForegroundColor } from \"./color-engine\";\nimport {\n  DEFAULT_COLORS,\n  DEFAULT_FONT_SIZES,\n  DEFAULT_FONT_FAMILIES,\n  DEFAULT_SPACING,\n  DEFAULT_RADII,\n} from \"./defaults\";\n\n/** Shape of a raw theme from the FluidOS API */\nexport interface RawApiTheme {\n  id: number;\n  config?: Record<string, unknown> | null;\n  active?: boolean | null;\n  name?: string | null;\n}\n\n/**\n * Check if a theme config uses the new structured format (has a `light` key\n * that is an object) vs the legacy flat format.\n */\nfunction isNewThemeFormat(config: Record<string, unknown>): boolean {\n  return config.light != null && typeof config.light === \"object\";\n}\n\n/**\n * Convert a legacy flat config to a ThemeDefinition.\n * Legacy format: { base: \"#fff\", text: \"#000\", primary: \"oklch(0.6 0.2 250)\", ... }\n */\nfunction legacyConfigToDefinition(\n  id: number,\n  name: string,\n  config: Record<string, string>,\n): ThemeDefinition {\n  const bg = parseColor(\n    config.base ?? config.background ?? DEFAULT_COLORS.background,\n  );\n  const fg = parseColor(\n    config.text ?? config.foreground ?? DEFAULT_COLORS.foreground,\n  );\n  const primary = parseColor(config.primary ?? DEFAULT_COLORS.primary);\n  const secondary = parseColor(config.secondary ?? DEFAULT_COLORS.secondary);\n  const accent = parseColor(config.accent ?? DEFAULT_COLORS.accent);\n  const muted = parseColor(config.muted ?? DEFAULT_COLORS.muted);\n  const destructive = parseColor(\n    config.destructive ?? DEFAULT_COLORS.destructive,\n  );\n  const mutedFg = parseColor(\n    config.mutedForeground ?? DEFAULT_COLORS.mutedForeground,\n  );\n\n  return {\n    id: String(id),\n    name,\n    light: {\n      background: { base: bg, foreground: fg },\n      foreground: { base: fg, foreground: bg },\n      primary: {\n        base: primary,\n        foreground: getForegroundColor(fg, primary),\n      },\n      secondary: {\n        base: secondary,\n        foreground: getForegroundColor(fg, secondary),\n      },\n      accent: {\n        base: accent,\n        foreground: getForegroundColor(fg, accent),\n      },\n      muted: { base: muted, foreground: mutedFg },\n      destructive: {\n        base: destructive,\n        foreground: getForegroundColor(fg, destructive),\n      },\n    },\n    dark: {},\n    fontSizes: {\n      extraSmall: config.extraSmall ?? DEFAULT_FONT_SIZES.extraSmall,\n      small: config.small ?? DEFAULT_FONT_SIZES.small,\n      regular: config.regular ?? DEFAULT_FONT_SIZES.regular,\n      large: config.large ?? DEFAULT_FONT_SIZES.large,\n      extraLarge: config.extraLarge ?? DEFAULT_FONT_SIZES.extraLarge,\n      giant: config.giant ?? DEFAULT_FONT_SIZES.giant,\n    },\n    fontFamilies: {\n      header: config.headerFont ?? DEFAULT_FONT_FAMILIES.header,\n      body: config.bodyFont ?? DEFAULT_FONT_FAMILIES.body,\n    },\n    spacing: config.globalSpacing ?? DEFAULT_SPACING,\n    radii: {\n      small: config.radiusSmall ?? DEFAULT_RADII.small,\n      medium: config.radiusMedium ?? DEFAULT_RADII.medium,\n      large: config.radiusLarge ?? DEFAULT_RADII.large,\n      extraLarge: config.radiusExtraLarge ?? DEFAULT_RADII.extraLarge,\n    },\n  };\n}\n\n/**\n * Build a ThemeDefinition from a single API theme object.\n * Handles both new structured format and legacy flat format.\n */\nexport function buildThemeDefinition(theme: RawApiTheme): ThemeDefinition {\n  const config = (theme.config ?? {}) as Record<string, unknown>;\n\n  if (isNewThemeFormat(config)) {\n    return deserialiseTheme({\n      ...config,\n      id: String(theme.id),\n      name: theme.name ?? \"Untitled Theme\",\n    });\n  }\n\n  return legacyConfigToDefinition(\n    theme.id,\n    theme.name ?? \"Untitled Theme\",\n    config as Record<string, string>,\n  );\n}\n\n/**\n * Transform raw API themes to ThemeDefinition[].\n * Catches and logs errors per theme (graceful degradation).\n */\nexport function transformThemes(themes: RawApiTheme[]): ThemeDefinition[] {\n  return themes.flatMap((theme) => {\n    try {\n      return [buildThemeDefinition(theme)];\n    } catch (error) {\n      console.error(`[theme] Failed to build theme id=${theme.id}:`, error);\n      return [];\n    }\n  });\n}\n\n/**\n * Get the active theme ID from a list of raw API themes.\n * Falls back to the first theme if none is marked active.\n */\nexport function getActiveThemeId(themes: RawApiTheme[]): string | undefined {\n  const active = themes.find((t) => t.active) ?? themes[0];\n  return active ? String(active.id) : undefined;\n}\n","import { generateThemeCSS } from \"./css-generator\";\nimport type { ResolvedTheme } from \"./types\";\nimport type { GenerateThemeCSSOptions } from \"./css-generator\";\n\nconst STYLE_PREFIX = \"theme-style-\";\n\n/**\n * Inject or update a `<style>` element in `<head>` for the given theme.\n * The element ID is deterministic (`theme-style-{themeId}`) so repeated calls\n * for the same theme are idempotent — the existing element is updated in place.\n * No-op when `document` is unavailable (SSR).\n */\nexport function applyTheme(\n  theme: ResolvedTheme,\n  options?: GenerateThemeCSSOptions,\n): void {\n  if (typeof document === \"undefined\") return;\n\n  try {\n    const styleId = `${STYLE_PREFIX}${theme.id}`;\n    let el = document.getElementById(styleId) as HTMLStyleElement | null;\n\n    if (!el) {\n      el = document.createElement(\"style\");\n      el.id = styleId;\n      document.head.appendChild(el);\n    }\n\n    el.textContent = generateThemeCSS(theme, options);\n  } catch (error) {\n    console.error(`[theme] applyTheme failed for \"${theme.id}\":`, error);\n  }\n}\n\n/** Remove an injected theme stylesheet. No-op during SSR. */\nexport function removeTheme(themeId: string): void {\n  if (typeof document === \"undefined\") return;\n  document.getElementById(`${STYLE_PREFIX}${themeId}`)?.remove();\n}\n\n/** Remove all injected theme stylesheets. No-op during SSR. */\nexport function removeAllThemes(): void {\n  if (typeof document === \"undefined\") return;\n  document\n    .querySelectorAll(`style[id^=\"${STYLE_PREFIX}\"]`)\n    .forEach((el) => el.remove());\n}\n"],"mappings":"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"}

package/dist/types/index.cjs

@@ -1,72 +1,18 @@
-'use strict';
-
-var chunkGDY76JA6_cjs = require('../chunk-GDY76JA6.cjs');
-
-
-
-Object.defineProperty(exports, "BACKGROUND_TYPES", {
-  enumerable: true,
-  get: function () { return chunkGDY76JA6_cjs.BACKGROUND_TYPES; }
-});
-Object.defineProperty(exports, "BORDER_RADIUS_OPTIONS", {
-  enumerable: true,
-  get: function () { return chunkGDY76JA6_cjs.BORDER_RADIUS_OPTIONS; }
-});
-Object.defineProperty(exports, "BUTTON_SIZE_OPTIONS", {
-  enumerable: true,
-  get: function () { return chunkGDY76JA6_cjs.BUTTON_SIZE_OPTIONS; }
-});
-Object.defineProperty(exports, "COLOR_OPTIONS", {
-  enumerable: true,
-  get: function () { return chunkGDY76JA6_cjs.COLOR_OPTIONS; }
-});
-Object.defineProperty(exports, "FONT_SIZE_OPTIONS", {
-  enumerable: true,
-  get: function () { return chunkGDY76JA6_cjs.FONT_SIZE_OPTIONS; }
-});
-Object.defineProperty(exports, "GAP_OPTIONS", {
-  enumerable: true,
-  get: function () { return chunkGDY76JA6_cjs.GAP_OPTIONS; }
-});
-Object.defineProperty(exports, "HORIZONTAL_ALIGN_OPTIONS", {
-  enumerable: true,
-  get: function () { return chunkGDY76JA6_cjs.HORIZONTAL_ALIGN_OPTIONS; }
-});
-Object.defineProperty(exports, "PADDING_VALUES", {
-  enumerable: true,
-  get: function () { return chunkGDY76JA6_cjs.PADDING_VALUES; }
-});
-Object.defineProperty(exports, "SECTION_LAYOUT_CONFIG", {
-  enumerable: true,
-  get: function () { return chunkGDY76JA6_cjs.SECTION_LAYOUT_CONFIG; }
-});
-Object.defineProperty(exports, "VERTICAL_ALIGN_OPTIONS", {
-  enumerable: true,
-  get: function () { return chunkGDY76JA6_cjs.VERTICAL_ALIGN_OPTIONS; }
-});
-Object.defineProperty(exports, "WIDGET_TYPE_NAMES", {
-  enumerable: true,
-  get: function () { return chunkGDY76JA6_cjs.WIDGET_TYPE_NAMES; }
-});
-Object.defineProperty(exports, "assertDefined", {
-  enumerable: true,
-  get: function () { return chunkGDY76JA6_cjs.assertDefined; }
-});
-Object.defineProperty(exports, "assertNever", {
-  enumerable: true,
-  get: function () { return chunkGDY76JA6_cjs.assertNever; }
-});
-Object.defineProperty(exports, "isWidgetType", {
-  enumerable: true,
-  get: function () { return chunkGDY76JA6_cjs.isWidgetType; }
-});
-Object.defineProperty(exports, "isWidgetTypeName", {
-  enumerable: true,
-  get: function () { return chunkGDY76JA6_cjs.isWidgetTypeName; }
-});
-Object.defineProperty(exports, "sectionLayoutConfig", {
-  enumerable: true,
-  get: function () { return chunkGDY76JA6_cjs.sectionLayoutConfig; }
-});
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_types = require("../types-BXFX9bXp.cjs");
+exports.BACKGROUND_TYPES = require_types.BACKGROUND_TYPES;
+exports.BORDER_RADIUS_OPTIONS = require_types.BORDER_RADIUS_OPTIONS;
+exports.BUTTON_SIZE_OPTIONS = require_types.BUTTON_SIZE_OPTIONS;
+exports.COLOR_OPTIONS = require_types.COLOR_OPTIONS;
+exports.FONT_SIZE_OPTIONS = require_types.FONT_SIZE_OPTIONS;
+exports.GAP_OPTIONS = require_types.GAP_OPTIONS;
+exports.HORIZONTAL_ALIGN_OPTIONS = require_types.HORIZONTAL_ALIGN_OPTIONS;
+exports.PADDING_VALUES = require_types.PADDING_VALUES;
+exports.SECTION_LAYOUT_CONFIG = require_types.SECTION_LAYOUT_CONFIG;
+exports.VERTICAL_ALIGN_OPTIONS = require_types.VERTICAL_ALIGN_OPTIONS;
+exports.WIDGET_TYPE_NAMES = require_types.WIDGET_TYPE_NAMES;
+exports.assertDefined = require_types.assertDefined;
+exports.assertNever = require_types.assertNever;
+exports.isWidgetType = require_types.isWidgetType;
+exports.isWidgetTypeName = require_types.isWidgetTypeName;
+exports.sectionLayoutConfig = require_types.sectionLayoutConfig;

package/dist/types/index.d.cts

@@ -1,268 +1,4 @@
-import { a as WidgetSchema } from '../widget-schema-DvJdg1-B.cjs';
-export { T as TypedWidgetSchema, e as WIDGET_TYPE_NAMES, W as WidgetPath, d as WidgetRegistry, b as WidgetType, c as WidgetTypeName, h as assertDefined, g as assertNever, f as isWidgetType, i as isWidgetTypeName } from '../widget-schema-DvJdg1-B.cjs';
-import { b as ThemeDefinition } from '../types-CNIhy4JD.cjs';
-export { R as ResolvedTheme, T as ThemeColorInput, c as ThemePayload } from '../types-CNIhy4JD.cjs';
-import { components } from '@fluid-app/fluidos-api-client';
-import { S as ShareableItem } from '../shareable-item-DkgWpwoU.cjs';
-import 'react';
-import '../data-sources/types.cjs';
-import 'colorjs.io';
-
-/** The API schema type — single source of truth for navigation item fields. */
-type ApiNavigationItem = components["schemas"]["FluidOSNavigationItem"];
-/**
- * Strip `null` from a union type, converting `T | null` → `T`.
- * Used to convert API's null convention to rep-core's undefined convention.
- */
-type StripNull<T> = Exclude<T, null>;
-/**
- * Navigation item in the sidebar/menu structure.
- *
- * Derived from `FluidOSNavigationItem` (the API schema) so field types
- * track upstream changes. Differences from the API type:
- * - `id` is optional (system/default items may not have one)
- * - `label` is required (transforms default null to "Untitled")
- * - `section` is a frontend-only extension (not in API)
- * - Nullable fields use `undefined` instead of `null` (except `parent_id`)
- */
-interface NavigationItem {
-    /** Database-generated identifier — optional because system/default items may not have one */
-    readonly id?: ApiNavigationItem["id"];
-    /** URL slug for routing */
-    slug?: StripNull<ApiNavigationItem["slug"]>;
-    /** Display label — required; transforms default null API values to "Untitled" */
-    label: string;
-    /** Icon identifier (e.g., FontAwesome name) */
-    icon?: StripNull<ApiNavigationItem["icon"]>;
-    /** Section grouping for quick links (frontend-only, not in API) */
-    section?: string;
-    /** Associated screen ID */
-    screen_id?: StripNull<ApiNavigationItem["screen_id"]>;
-    /** Sort order */
-    position?: StripNull<ApiNavigationItem["position"]>;
-    /** Parent navigation item ID (null for root items) */
-    parent_id?: ApiNavigationItem["parent_id"];
-    /** Origin of this navigation item */
-    source?: ApiNavigationItem["source"];
-    /** Nested navigation items */
-    children: NavigationItem[];
-}
-/**
- * Screen definition with its component tree
- */
-interface ScreenDefinition {
-    readonly id: number;
-    slug: string;
-    name: string;
-    component_tree: WidgetSchema[];
-}
-/**
- * Navigation configuration for the rep portal
- */
-interface Navigation {
-    readonly definition_id: number;
-    readonly id: number;
-    name: string;
-    navigation_items: NavigationItem[];
-    screens: ScreenDefinition[];
-}
-/** A rep app profile — themes, navigation, and definition reference. */
-interface RepAppProfile {
-    name: string;
-    themes: ThemeDefinition[];
-    activeThemeId?: string;
-    navigation: Navigation;
-    mobile_navigation?: Navigation;
-    definition_id: number;
-}
-/** Full rep app data returned by the fluidos API or builder preview. */
-interface RepAppData {
-    definition_id: number;
-    published_version: number;
-    screens: ScreenDefinition[];
-    profile: RepAppProfile;
-}
-/** Wrapper for the `/fluid_os/definitions/active` API response. */
-interface RepAppManifest {
-    manifest: RepAppData;
-}
-
-/**
- * Color options constant - single source of truth for color values.
- * Use COLOR_OPTIONS.primary instead of "primary" for type-safe comparisons.
- */
-declare const COLOR_OPTIONS: {
-    readonly background: "background";
-    readonly foreground: "foreground";
-    readonly primary: "primary";
-    readonly secondary: "secondary";
-    readonly accent: "accent";
-    readonly muted: "muted";
-    readonly destructive: "destructive";
-};
-/**
- * Union type of all color options, derived from COLOR_OPTIONS constant.
- * @see deriving-typeof-for-object-keys pattern
- */
-type ColorOptions = (typeof COLOR_OPTIONS)[keyof typeof COLOR_OPTIONS];
-declare const FONT_SIZE_OPTIONS: {
-    readonly "2xl": "2xl";
-    readonly xl: "xl";
-    readonly lg: "lg";
-    readonly md: "md";
-    readonly sm: "sm";
-    readonly xs: "xs";
-};
-type FontSizeOptions = (typeof FONT_SIZE_OPTIONS)[keyof typeof FONT_SIZE_OPTIONS];
-declare const BORDER_RADIUS_OPTIONS: {
-    readonly none: "none";
-    readonly sm: "sm";
-    readonly md: "md";
-    readonly lg: "lg";
-    readonly xl: "xl";
-    readonly full: "full";
-};
-type BorderRadiusOptions = (typeof BORDER_RADIUS_OPTIONS)[keyof typeof BORDER_RADIUS_OPTIONS];
-/** Padding values - numeric, so we use a tuple for derivation */
-declare const PADDING_VALUES: readonly [0, 2, 4, 6, 8, 10];
-type PaddingOptions = (typeof PADDING_VALUES)[number];
-declare const BUTTON_SIZE_OPTIONS: {
-    readonly sm: "sm";
-    readonly default: "default";
-    readonly lg: "lg";
-    readonly xl: "xl";
-};
-type ButtonSizeOptions = (typeof BUTTON_SIZE_OPTIONS)[keyof typeof BUTTON_SIZE_OPTIONS];
-declare const GAP_OPTIONS: {
-    readonly none: "none";
-    readonly xs: "xs";
-    readonly sm: "sm";
-    readonly md: "md";
-    readonly lg: "lg";
-    readonly xl: "xl";
-};
-type GapOptions = (typeof GAP_OPTIONS)[keyof typeof GAP_OPTIONS];
-declare const VERTICAL_ALIGN_OPTIONS: {
-    readonly top: "top";
-    readonly center: "center";
-    readonly bottom: "bottom";
-};
-type VerticalAlign = (typeof VERTICAL_ALIGN_OPTIONS)[keyof typeof VERTICAL_ALIGN_OPTIONS];
-declare const HORIZONTAL_ALIGN_OPTIONS: {
-    readonly left: "left";
-    readonly center: "center";
-    readonly right: "right";
-};
-type HorizontalAlign = (typeof HORIZONTAL_ALIGN_OPTIONS)[keyof typeof HORIZONTAL_ALIGN_OPTIONS];
-type AlignOptions = {
-    vertical?: VerticalAlign;
-    horizontal?: HorizontalAlign;
-};
-declare const BACKGROUND_TYPES: {
-    readonly solid: "solid";
-    readonly image: "image";
-};
-type BackgroundType = (typeof BACKGROUND_TYPES)[keyof typeof BACKGROUND_TYPES];
-interface BackgroundValue {
-    type: BackgroundType;
-    color?: ColorOptions;
-    resource?: ShareableItem;
-}
-/**
- * Section layout configuration - single source of truth for layout types.
- * SectionLayoutType is derived from these keys to prevent drift.
- */
-declare const SECTION_LAYOUT_CONFIG: {
-    readonly "single-column": {
-        readonly columns: 1;
-        readonly widths: readonly ["1fr"];
-        readonly gridClasses: "";
-    };
-    readonly "2c-equal": {
-        readonly columns: 2;
-        readonly widths: readonly ["1fr", "1fr"];
-        readonly gridClasses: "@md:grid-cols-2";
-    };
-    readonly "2c-left-wider": {
-        readonly columns: 2;
-        readonly widths: readonly ["2fr", "1fr"];
-        readonly gridClasses: "@md:grid-cols-[2fr_1fr]";
-    };
-    readonly "2c-right-wider": {
-        readonly columns: 2;
-        readonly widths: readonly ["1fr", "2fr"];
-        readonly gridClasses: "@md:grid-cols-[1fr_2fr]";
-    };
-    readonly "2c-left-narrow": {
-        readonly columns: 2;
-        readonly widths: readonly ["1fr", "3fr"];
-        readonly gridClasses: "@md:grid-cols-[1fr_3fr]";
-    };
-    readonly "2c-right-narrow": {
-        readonly columns: 2;
-        readonly widths: readonly ["3fr", "1fr"];
-        readonly gridClasses: "@md:grid-cols-[3fr_1fr]";
-    };
-    readonly "3c-equal": {
-        readonly columns: 3;
-        readonly widths: readonly ["1fr", "1fr", "1fr"];
-        readonly gridClasses: "@md:grid-cols-3";
-    };
-    readonly "3c-middle-wider": {
-        readonly columns: 3;
-        readonly widths: readonly ["1fr", "2fr", "1fr"];
-        readonly gridClasses: "@md:grid-cols-[1fr_2fr_1fr]";
-    };
-};
-/**
- * Union type of all section layout types, derived from SECTION_LAYOUT_CONFIG keys.
- * @see deriving-typeof-for-object-keys pattern
- */
-type SectionLayoutType = keyof typeof SECTION_LAYOUT_CONFIG;
-/** @deprecated Use SECTION_LAYOUT_CONFIG instead */
-declare const sectionLayoutConfig: {
-    readonly "single-column": {
-        readonly columns: 1;
-        readonly widths: readonly ["1fr"];
-        readonly gridClasses: "";
-    };
-    readonly "2c-equal": {
-        readonly columns: 2;
-        readonly widths: readonly ["1fr", "1fr"];
-        readonly gridClasses: "@md:grid-cols-2";
-    };
-    readonly "2c-left-wider": {
-        readonly columns: 2;
-        readonly widths: readonly ["2fr", "1fr"];
-        readonly gridClasses: "@md:grid-cols-[2fr_1fr]";
-    };
-    readonly "2c-right-wider": {
-        readonly columns: 2;
-        readonly widths: readonly ["1fr", "2fr"];
-        readonly gridClasses: "@md:grid-cols-[1fr_2fr]";
-    };
-    readonly "2c-left-narrow": {
-        readonly columns: 2;
-        readonly widths: readonly ["1fr", "3fr"];
-        readonly gridClasses: "@md:grid-cols-[1fr_3fr]";
-    };
-    readonly "2c-right-narrow": {
-        readonly columns: 2;
-        readonly widths: readonly ["3fr", "1fr"];
-        readonly gridClasses: "@md:grid-cols-[3fr_1fr]";
-    };
-    readonly "3c-equal": {
-        readonly columns: 3;
-        readonly widths: readonly ["1fr", "1fr", "1fr"];
-        readonly gridClasses: "@md:grid-cols-3";
-    };
-    readonly "3c-middle-wider": {
-        readonly columns: 3;
-        readonly widths: readonly ["1fr", "2fr", "1fr"];
-        readonly gridClasses: "@md:grid-cols-[1fr_2fr_1fr]";
-    };
-};
-
-type StrictOmit<T, K extends keyof T> = Omit<T, K>;
-
-export { type AlignOptions, BACKGROUND_TYPES, BORDER_RADIUS_OPTIONS, BUTTON_SIZE_OPTIONS, type BackgroundType, type BackgroundValue, type BorderRadiusOptions, type ButtonSizeOptions, COLOR_OPTIONS, type ColorOptions, FONT_SIZE_OPTIONS, type FontSizeOptions, GAP_OPTIONS, type GapOptions, HORIZONTAL_ALIGN_OPTIONS, type HorizontalAlign, type Navigation, type NavigationItem, PADDING_VALUES, type PaddingOptions, type RepAppData, type RepAppManifest, type RepAppProfile, SECTION_LAYOUT_CONFIG, type ScreenDefinition, type SectionLayoutType, ShareableItem, type StrictOmit, ThemeDefinition, VERTICAL_ALIGN_OPTIONS, type VerticalAlign, WidgetSchema, sectionLayoutConfig };
+import { a as WidgetSchema, c as assertDefined, d as isWidgetTypeName, i as WidgetRegistry, l as assertNever, n as WIDGET_TYPE_NAMES, o as WidgetType, r as WidgetPath, s as WidgetTypeName, t as TypedWidgetSchema, u as isWidgetType } from "../widget-schema--PY1uMWx.cjs";
+import { _ as ThemeDefinition, h as ThemeColorInput, u as ResolvedTheme, v as ThemePayload } from "../types-Ctu-Zio6.cjs";
+import { A as RepAppProfile, C as VerticalAlign, D as NavigationItem, E as Navigation, O as RepAppData, S as VERTICAL_ALIGN_OPTIONS, T as ShareableItem, _ as HorizontalAlign, a as BUTTON_SIZE_OPTIONS, b as SECTION_LAYOUT_CONFIG, c as BorderRadiusOptions, d as ColorOptions, f as FONT_SIZE_OPTIONS, g as HORIZONTAL_ALIGN_OPTIONS, h as GapOptions, i as BORDER_RADIUS_OPTIONS, j as ScreenDefinition, k as RepAppManifest, l as ButtonSizeOptions, m as GAP_OPTIONS, n as AlignOptions, o as BackgroundType, p as FontSizeOptions, r as BACKGROUND_TYPES, s as BackgroundValue, t as StrictOmit, u as COLOR_OPTIONS, v as PADDING_VALUES, w as sectionLayoutConfig, x as SectionLayoutType, y as PaddingOptions } from "../index-Bxe_LIi8.cjs";
+export { AlignOptions, BACKGROUND_TYPES, BORDER_RADIUS_OPTIONS, BUTTON_SIZE_OPTIONS, BackgroundType, BackgroundValue, BorderRadiusOptions, ButtonSizeOptions, COLOR_OPTIONS, ColorOptions, FONT_SIZE_OPTIONS, FontSizeOptions, GAP_OPTIONS, GapOptions, HORIZONTAL_ALIGN_OPTIONS, HorizontalAlign, Navigation, NavigationItem, PADDING_VALUES, PaddingOptions, RepAppData, RepAppManifest, RepAppProfile, ResolvedTheme, SECTION_LAYOUT_CONFIG, ScreenDefinition, SectionLayoutType, ShareableItem, StrictOmit, ThemeColorInput, ThemeDefinition, ThemePayload, TypedWidgetSchema, VERTICAL_ALIGN_OPTIONS, VerticalAlign, WIDGET_TYPE_NAMES, WidgetPath, WidgetRegistry, WidgetSchema, WidgetType, WidgetTypeName, assertDefined, assertNever, isWidgetType, isWidgetTypeName, sectionLayoutConfig };

package/dist/types/index.d.mts

@@ -0,0 +1,4 @@
+import { a as WidgetSchema, c as assertDefined, d as isWidgetTypeName, i as WidgetRegistry, l as assertNever, n as WIDGET_TYPE_NAMES, o as WidgetType, r as WidgetPath, s as WidgetTypeName, t as TypedWidgetSchema, u as isWidgetType } from "../widget-schema-YkD5p3v4.mjs";
+import { _ as ThemeDefinition, h as ThemeColorInput, u as ResolvedTheme, v as ThemePayload } from "../types-ByG6Xy3C.mjs";
+import { A as RepAppProfile, C as VerticalAlign, D as NavigationItem, E as Navigation, O as RepAppData, S as VERTICAL_ALIGN_OPTIONS, T as ShareableItem, _ as HorizontalAlign, a as BUTTON_SIZE_OPTIONS, b as SECTION_LAYOUT_CONFIG, c as BorderRadiusOptions, d as ColorOptions, f as FONT_SIZE_OPTIONS, g as HORIZONTAL_ALIGN_OPTIONS, h as GapOptions, i as BORDER_RADIUS_OPTIONS, j as ScreenDefinition, k as RepAppManifest, l as ButtonSizeOptions, m as GAP_OPTIONS, n as AlignOptions, o as BackgroundType, p as FontSizeOptions, r as BACKGROUND_TYPES, s as BackgroundValue, t as StrictOmit, u as COLOR_OPTIONS, v as PADDING_VALUES, w as sectionLayoutConfig, x as SectionLayoutType, y as PaddingOptions } from "../index-CCAu2n19.mjs";
+export { AlignOptions, BACKGROUND_TYPES, BORDER_RADIUS_OPTIONS, BUTTON_SIZE_OPTIONS, BackgroundType, BackgroundValue, BorderRadiusOptions, ButtonSizeOptions, COLOR_OPTIONS, ColorOptions, FONT_SIZE_OPTIONS, FontSizeOptions, GAP_OPTIONS, GapOptions, HORIZONTAL_ALIGN_OPTIONS, HorizontalAlign, Navigation, NavigationItem, PADDING_VALUES, PaddingOptions, RepAppData, RepAppManifest, RepAppProfile, ResolvedTheme, SECTION_LAYOUT_CONFIG, ScreenDefinition, SectionLayoutType, ShareableItem, StrictOmit, ThemeColorInput, ThemeDefinition, ThemePayload, TypedWidgetSchema, VERTICAL_ALIGN_OPTIONS, VerticalAlign, WIDGET_TYPE_NAMES, WidgetPath, WidgetRegistry, WidgetSchema, WidgetType, WidgetTypeName, assertDefined, assertNever, isWidgetType, isWidgetTypeName, sectionLayoutConfig };

package/dist/types/index.mjs

@@ -0,0 +1,2 @@
+import { a as FONT_SIZE_OPTIONS, c as PADDING_VALUES, d as sectionLayoutConfig, f as WIDGET_TYPE_NAMES, g as isWidgetTypeName, h as isWidgetType, i as COLOR_OPTIONS, l as SECTION_LAYOUT_CONFIG, m as assertNever, n as BORDER_RADIUS_OPTIONS, o as GAP_OPTIONS, p as assertDefined, r as BUTTON_SIZE_OPTIONS, s as HORIZONTAL_ALIGN_OPTIONS, t as BACKGROUND_TYPES, u as VERTICAL_ALIGN_OPTIONS } from "../types-Bjmd7Fdx.mjs";
+export { BACKGROUND_TYPES, BORDER_RADIUS_OPTIONS, BUTTON_SIZE_OPTIONS, COLOR_OPTIONS, FONT_SIZE_OPTIONS, GAP_OPTIONS, HORIZONTAL_ALIGN_OPTIONS, PADDING_VALUES, SECTION_LAYOUT_CONFIG, VERTICAL_ALIGN_OPTIONS, WIDGET_TYPE_NAMES, assertDefined, assertNever, isWidgetType, isWidgetTypeName, sectionLayoutConfig };

package/dist/types-BIXtQlHB.d.cts

@@ -0,0 +1,155 @@
+//#region src/data-sources/types.d.ts
+type DataSourceType = "api" | "custom" | "static";
+type StaticSourceType = "collections" | "categories" | "tags";
+type ShareableType = "Medium" | "Page" | "EnrollmentPack" | "Library" | "Product";
+interface SelectedItem {
+  /** The unique ID of the selected item */
+  id: string | number;
+  /** The type of shareable content */
+  shareableType: ShareableType;
+  /** Optional cached data for preview/display purposes in the editor UI */
+  cachedData?: {
+    title?: string;
+    imageUrl?: string;
+    kind?: string;
+  };
+  /** Widget-specific per-item configuration overrides */
+  widgetConfig?: Record<string, unknown>;
+}
+interface ApiDataSource {
+  type: "api";
+  /** API endpoint URL (can include {variable} placeholders, e.g., /api/reps/{rep_id}/items) */
+  endpoint: string;
+  /** HTTP method (defaults to GET) */
+  method?: "GET" | "POST" | "PUT" | "DELETE";
+  /** Request headers */
+  headers?: Record<string, string>;
+  /** Request body for POST/PUT (will be JSON.stringify'd) */
+  body?: unknown;
+  /**
+   * Path to extract from response using dot notation
+   * e.g., "data.items" extracts response.data.items
+   */
+  resultPath?: string;
+  /**
+   * Which widget props this source populates
+   * e.g., ['data'] means the fetched result goes to props.data
+   */
+  targetProps: string[];
+  /**
+   * Name of a registered transform function to process the data
+   * Transform is applied after resultPath extraction
+   */
+  transform?: string;
+  /** Per-source variables for endpoint template interpolation (e.g., { limit: "10" }) */
+  variables?: Record<string, string>;
+  /**
+   * Auto-refresh interval in milliseconds
+   * 0 or undefined = no auto-refresh
+   */
+  refreshInterval?: number;
+}
+interface CustomDataSource {
+  type: "custom";
+  /** Array of selected items to fetch */
+  selectedItems: SelectedItem[];
+  /**
+   * Which widget props this source populates
+   * e.g., ['slides'] means the fetched results go to props.slides
+   */
+  targetProps: string[];
+  /**
+   * Name of a registered transform function to process the data
+   * Transform is applied after all items are fetched
+   */
+  transform?: string;
+  /**
+   * Auto-refresh interval in milliseconds
+   * 0 or undefined = no auto-refresh
+   */
+  refreshInterval?: number;
+}
+interface StaticDataSource {
+  type: "static";
+  /** The type of static data (collections, categories, tags) */
+  staticType: StaticSourceType;
+  /** The selected item ID */
+  selectedId: string | number;
+  /** Cached data for preview/display in editor UI */
+  cachedData?: {
+    title?: string;
+    imageUrl?: string;
+  };
+  /**
+   * Which widget props this source populates
+   */
+  targetProps: string[];
+  /**
+   * Name of a registered transform function to process the data
+   */
+  transform?: string;
+  /**
+   * Auto-refresh interval in milliseconds
+   * 0 or undefined = no auto-refresh
+   */
+  refreshInterval?: number;
+}
+type DataSource = ApiDataSource | CustomDataSource | StaticDataSource;
+interface DataSourceConfig {
+  /** Array of data sources (usually just one, but supports multiple) */
+  sources: DataSource[];
+  /** Loading state configuration */
+  loading?: {
+    /** Show skeleton placeholder while loading (default: true) */showSkeleton?: boolean;
+  };
+  /** Error handling configuration */
+  error?: {
+    /** Fallback props to use when fetch fails */fallback?: Record<string, unknown>; /** Number of retry attempts (default: 0) */
+    retryCount?: number; /** Delay between retries in ms (default: 1000) */
+    retryDelay?: number;
+  };
+}
+/** Item returned by static data fetchers */
+interface StaticItem {
+  id: string | number;
+  title: string;
+  imageUrl?: string | undefined;
+}
+/** Context passed to fetchers and transforms */
+interface DataSourceContext {
+  /** The widget's unique ID */
+  widgetId: string;
+  /** The widget type (e.g., "ChartWidget") */
+  widgetType: string;
+  /** AbortSignal for request cancellation */
+  signal: AbortSignal;
+  /** Base URL for API calls (e.g., "https://api.fluid.app/api") */
+  baseUrl?: string | undefined;
+  /** Get API headers function */
+  getApiHeaders?: (() => Record<string, string>) | undefined;
+  /** Dynamic variables for endpoint path substitution (e.g., { rep_id: "123" }) */
+  variables?: Record<string, string> | undefined;
+}
+/** Function signature for data fetchers */
+type DataFetcher<T extends DataSource = DataSource> = (source: T, context: DataSourceContext) => Promise<unknown>;
+/** Function signature for data transforms */
+type DataTransformer = (data: unknown, source?: DataSource, context?: DataSourceContext) => unknown;
+/** The data source registry configuration */
+interface DataSourceRegistry {
+  fetchers: Record<DataSourceType, DataFetcher>;
+  transformers: Record<string, DataTransformer>;
+}
+/** Result from useWidgetData hook */
+interface WidgetDataResult<T = unknown> {
+  /** The resolved data (undefined while loading) */
+  data: T | undefined;
+  /** True while any source is loading */
+  isLoading: boolean;
+  /** Error if any source failed */
+  error: Error | null;
+  /** Manually trigger a refetch */
+  refetch: () => void;
+}
+//#endregion
+export { DataSourceConfig as a, DataSourceType as c, ShareableType as d, StaticDataSource as f, WidgetDataResult as h, DataSource as i, DataTransformer as l, StaticSourceType as m, CustomDataSource as n, DataSourceContext as o, StaticItem as p, DataFetcher as r, DataSourceRegistry as s, ApiDataSource as t, SelectedItem as u };
+//# sourceMappingURL=types-BIXtQlHB.d.cts.map

package/dist/types-BIXtQlHB.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types-BIXtQlHB.d.cts","names":[],"sources":["../src/data-sources/types.ts"],"mappings":";KACY,cAAA;AAAA,KAGA,gBAAA;AAAA,KAGA,aAAA;AAAA,UAQK,YAAA;EAdS;EAgBxB,EAAA;EAbU;EAeV,aAAA,EAAe,aAAA;;EAEf,UAAA;IACE,KAAA;IACA,QAAA;IACA,IAAA;EAAA;EAjBqB;EAoBvB,YAAA,GAAe,MAAA;AAAA;AAAA,UAGA,aAAA;EACf,IAAA;EAJqB;EAMrB,QAAA;EAdA;EAgBA,MAAA;EAdA;EAgBA,OAAA,GAAU,MAAA;EAdR;EAgBF,IAAA;EAZA;;;;EAiBA,UAAA;EAd4B;;;;EAmB5B,WAAA;EAdA;;;;EAmBA,SAAA;EALA;EAOA,SAAA,GAAY,MAAA;EAAZ;;;;EAKA,eAAA;AAAA;AAAA,UAGe,gBAAA;EACf,IAAA;EAE2B;EAA3B,aAAA,EAAe,YAAA;EAAf;;;;EAKA,WAAA;EAUe;;AAGjB;;EARE,SAAA;EAW4B;;;;EAN5B,eAAA;AAAA;AAAA,UAGe,gBAAA;EACf,IAAA;EAaA;EAXA,UAAA,EAAY,gBAAA;EAoBZ;EAlBA,UAAA;EAkBe;EAhBf,UAAA;IACE,KAAA;IACA,QAAA;EAAA;EAkBqC;;;EAbvC,WAAA;EAauB;;;EATvB,SAAA;EAS0E;AAE5E;;;EANE,eAAA;AAAA;AAAA,KAIU,UAAA,GAAa,aAAA,GAAgB,gBAAA,GAAmB,gBAAA;AAAA,UAE3C,gBAAA;EAMb;EAJF,OAAA,EAAS,UAAA;EASP;EAPF,OAAA;IASE,8DAPA,YAAA;EAAA;EASU;EANZ,KAAA;IAWyB,6CATvB,QAAA,GAAW,MAAA,mBASY;IAPvB,UAAA,WASF;IAPE,UAAA;EAAA;AAAA;AAgBJ;AAAA,UAXiB,UAAA;EACf,EAAA;EACA,KAAA;EACA,QAAA;AAAA;;UAQe,iBAAA;EAEf;EAAA,QAAA;EAIA;EAFA,UAAA;EAIA;EAFA,MAAA,EAAQ,WAAA;EAIe;EAFvB,OAAA;EAIY;EAFZ,aAAA,UAAuB,MAAA;EAEL;EAAlB,SAAA,GAAY,MAAA;AAAA;;KAIF,WAAA,WAAsB,UAAA,GAAa,UAAA,KAC7C,MAAA,EAAQ,CAAA,EACR,OAAA,EAAS,iBAAA,KACN,OAAA;;KAGO,eAAA,IACV,IAAA,WACA,MAAA,GAAS,UAAA,EACT,OAAA,GAAU,iBAAA;;UAIK,kBAAA;EACf,QAAA,EAAU,MAAA,CAAO,cAAA,EAAgB,WAAA;EACjC,YAAA,EAAc,MAAA,SAAe,eAAA;AAAA;;UAId,gBAAA;EAlBP;EAoBR,IAAA,EAAM,CAAA;EAnBG;EAqBT,SAAA;EApBG;EAsBH,KAAA,EAAO,KAAA;EAtBG;EAwBV,OAAA;AAAA"}