@fluid-app/portal-sdk 0.1.200 → 0.1.201

package/dist/src-BjCPR0aG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"src-BjCPR0aG.mjs","names":[],"sources":["../../../store/core/src/countries-api-context.ts","../../../platform/theme-engine/src/types.ts","../../../platform/theme-engine/src/color-engine.ts","../../../platform/theme-engine/src/tailwind-overrides.ts","../../../platform/theme-engine/src/css-generator.ts","../../../platform/theme-engine/src/defaults.ts","../../../platform/theme-engine/src/serialisation.ts","../../../platform/theme-engine/src/transforms.ts","../../../platform/theme-engine/src/theme-applicator.ts"],"sourcesContent":["import { createContext, useContext, type Provider } from \"react\";\nimport type { CountriesApi } from \"./countries-api\";\n\nconst CountriesApiContext = createContext<CountriesApi | null>(null);\n\nexport const CountriesApiProvider: Provider<CountriesApi | null> =\n  CountriesApiContext.Provider;\n\nexport function useCountriesApi(): CountriesApi {\n  const api = useContext(CountriesApiContext);\n  if (!api) {\n    throw new Error(\n      \"useCountriesApi must be used within a CountriesApiProvider\",\n    );\n  }\n  return api;\n}\n","import type Color from \"colorjs.io\";\n\n// Semantic color names - matches portal-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 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 */\nexport interface ResolvedSemanticColor {\n  base: Color;\n  foreground: 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  type SemanticColorName,\n  type ThemeColorInput,\n  type ThemeDefinition,\n  type ResolvedColorSet,\n  type ResolvedTheme,\n} from \"./types\";\n\nconst BARE_HEX_RE = /^[0-9a-fA-F]{6}$/;\n\n/**\n * Attempt to convert any string into a Color using colorjs.io.\n * If the string is exactly 6 hex digits it is assumed to be a bare hex value\n * (e.g. \"3b82f6\") and a \"#\" prefix is added before parsing. Six-letter\n * named colours like \"orange\" or \"maroon\" are left untouched.\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 (BARE_HEX_RE.test(value)) {\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 — APCA is signed\n * (negative for dark-on-light, positive for light-on-dark), so comparing the\n * absolute value avoids flipping dark text that already contrasts well on a\n * medium background.\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 (Math.abs(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 * Convenience helper: given a background color string, return a CSS color\n * string for text overlaid on it. Uses APCA contrast to pick between\n * near-black and near-white. Returns `null` when the background cannot be\n * parsed (e.g. a CSS custom property reference like `var(--color-muted)` or\n * a malformed value), so callers can fall back to their theme foreground.\n */\nexport function getContrastingTextColor(background: string): string | null {\n  const normalised = BARE_HEX_RE.test(background)\n    ? `#${background}`\n    : background;\n  let bg: Color;\n  try {\n    bg = new Color(normalised);\n  } catch {\n    return null;\n  }\n  const initialFg = new Color(\"oklch\", [0.15, 0, 0]);\n  return getForegroundColor(initialFg, bg).toString({ format: \"oklch\" });\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    resolved[name] = {\n      base: input.base.clone(),\n      foreground: input.foreground.clone(),\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 type { SemanticColorName } from \"./types\";\n\nconst OVERRIDES: Partial<Record<string, string>> = {\n  \"--color-gray-50\": \"var(--color-muted)\",\n  \"--color-gray-100\":\n    \"color-mix(in oklch, var(--color-muted), var(--color-foreground) 15%)\",\n  \"--color-gray-200\": \"var(--color-border)\",\n} as const;\n\n/**\n * Map Tailwind built-in color names to semantic theme colors using color-mix\n * for shade interpolation. Each shade maps to a percentage of the semantic\n * color mixed with transparent, so shades naturally adapt to both light and\n * dark modes without inversion logic.\n */\nexport function emitTailwindOverrides(): 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\n  const lines: string[] = [];\n  for (const [twName, semantic] of Object.entries(TAILWIND_COLOR_MAP)) {\n    for (const shade of TAILWIND_SHADES) {\n      const override = OVERRIDES[`--color-${twName}-${shade}`];\n      if (override) {\n        lines.push(`--color-${twName}-${shade}: ${override};`);\n      } else {\n        const percent = Math.max(10, Math.min(Math.round(shade / 10), 100));\n        lines.push(\n          `--color-${twName}-${shade}: color-mix(in oklch, var(--color-${semantic}) ${percent}%, transparent);`,\n        );\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  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} and --color-{name}-foreground vars.\n * Uses --color- prefix to match portal-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  }\n\n  return lines;\n}\n\n/**\n * Format a font family value for CSS output.\n * - If the value starts with \"var(\" (legacy), pass through as-is\n * - If the value already contains a comma (has fallback), pass through as-is\n * - Otherwise, wrap in quotes and append a generic sans-serif fallback\n */\nfunction formatFontFamily(value: string): string {\n  if (value.startsWith(\"var(\")) return value;\n  if (value.includes(\",\")) return value;\n  return `'${value}', sans-serif`;\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}: ${formatFontFamily(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  \"--color-contrast: var(--color-foreground);\",\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: color-mix(in oklch, var(--color-background), var(--color-foreground) 15%);\",\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];\n\n/**\n * Overrides for global tailwindcss for specifically dark mode.\n */\nconst globalDarkCSSOverride = [\n  \"--border: color-mix(in oklch, var(--color-background), var(--color-foreground) 15%);\",\n];\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());\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().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: \"Inter\",\n  body: \"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 { FONT_FAMILY_KEYS, type ResolvedTheme } from \"./types\";\nimport type { GenerateThemeCSSOptions } from \"./css-generator\";\n\nconst STYLE_PREFIX = \"theme-style-\";\nconst FONT_LINK_PREFIX = \"theme-font-\";\n\nconst SYSTEM_FONTS = new Set([\n  \"sans-serif\",\n  \"serif\",\n  \"monospace\",\n  \"cursive\",\n  \"fantasy\",\n  \"system-ui\",\n  \"ui-sans-serif\",\n  \"ui-serif\",\n  \"ui-monospace\",\n]);\n\n/** Build a Google Fonts CSS2 URL for a given font family with all weights. */\nfunction buildGoogleFontUrl(family: string): string {\n  const encoded = encodeURIComponent(family).replace(/%20/g, \"+\");\n  return `https://fonts.googleapis.com/css2?family=${encoded}:wght@100;200;300;400;500;600;700;800;900&display=swap`;\n}\n\n/** Check if a font family value needs to be loaded (i.e. is not a CSS var or system font). */\nfunction isLoadableFont(value: string): boolean {\n  if (!value) return false;\n  if (value.startsWith(\"var(\")) return false;\n  return !SYSTEM_FONTS.has(value.toLowerCase());\n}\n\n/** Deterministic link element ID for a font family. */\nfunction fontLinkId(family: string): string {\n  return `${FONT_LINK_PREFIX}${family.replace(/\\s+/g, \"-\").toLowerCase()}`;\n}\n\n/**\n * Inject or update `<link>` elements for Google Fonts used by the theme.\n * Removes links for fonts that are no longer referenced.\n */\nfunction loadThemeFonts(theme: ResolvedTheme): void {\n  if (typeof document === \"undefined\") return;\n\n  const fontsToLoad = new Set<string>();\n  for (const key of FONT_FAMILY_KEYS) {\n    const value = theme.fontFamilies[key];\n    if (isLoadableFont(value)) {\n      fontsToLoad.add(value);\n    }\n  }\n\n  // Remove stale font links owned by this theme\n  const existingLinks = document.querySelectorAll(\n    `link[id^=\"${FONT_LINK_PREFIX}\"]`,\n  );\n  existingLinks.forEach((link) => {\n    const owners = link.getAttribute(\"data-font-theme-ids\")?.split(\",\") ?? [];\n    if (!owners.includes(theme.id)) return;\n    const fontName = link.getAttribute(\"data-font-family\");\n    if (fontName && !fontsToLoad.has(fontName)) {\n      const remaining = owners.filter((id) => id !== theme.id);\n      if (remaining.length === 0) {\n        link.remove();\n      } else {\n        link.setAttribute(\"data-font-theme-ids\", remaining.join(\",\"));\n      }\n    }\n  });\n\n  // Add new font links (or register this theme as an owner of existing ones)\n  for (const family of fontsToLoad) {\n    const id = fontLinkId(family);\n    const existing = document.getElementById(id);\n    if (existing) {\n      const owners =\n        existing.getAttribute(\"data-font-theme-ids\")?.split(\",\") ?? [];\n      if (!owners.includes(theme.id)) {\n        existing.setAttribute(\n          \"data-font-theme-ids\",\n          [...owners, theme.id].join(\",\"),\n        );\n      }\n    } else {\n      const link = document.createElement(\"link\");\n      link.id = id;\n      link.rel = \"stylesheet\";\n      link.href = buildGoogleFontUrl(family);\n      link.setAttribute(\"data-font-family\", family);\n      link.setAttribute(\"data-font-theme-ids\", theme.id);\n      document.head.appendChild(link);\n    }\n  }\n}\n\n/** Remove all font `<link>` elements injected by the theme system. */\nfunction removeAllFontLinks(): void {\n  if (typeof document === \"undefined\") return;\n  document\n    .querySelectorAll(`link[id^=\"${FONT_LINK_PREFIX}\"]`)\n    .forEach((el) => el.remove());\n}\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 * Also loads Google Fonts referenced by the theme's font families.\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    loadThemeFonts(theme);\n\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 and clean up font link ownership. 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  // Remove this theme from font link ownership; delete links with no remaining owners\n  document\n    .querySelectorAll(`link[id^=\"${FONT_LINK_PREFIX}\"]`)\n    .forEach((link) => {\n      const owners = link.getAttribute(\"data-font-theme-ids\")?.split(\",\") ?? [];\n      const remaining = owners.filter((id) => id !== themeId);\n      if (remaining.length === 0) {\n        link.remove();\n      } else {\n        link.setAttribute(\"data-font-theme-ids\", remaining.join(\",\"));\n      }\n    });\n}\n\n/** Remove all injected theme stylesheets and font links. 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  removeAllFontLinks();\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-app/portal-sdk",
-  "version": "0.1.200",
+  "version": "0.1.201",
   "description": "SDK for building custom Fluid portals",
   "files": [
     "dist",
@@ -72,9 +72,9 @@
     "typescript": "^5",
     "zod": "4.3.5",
     "@fluid-app/api-client-core": "0.1.0",
-    "@fluid-app/cart-ui": "0.1.16",
     "@fluid-app/auth": "0.1.0",
     "@fluid-app/company-switcher-core": "0.1.0",
+    "@fluid-app/cart-ui": "0.1.17",
     "@fluid-app/company-switcher-ui": "0.1.0",
     "@fluid-app/contacts-core": "0.1.0",
     "@fluid-app/contacts-ui": "0.1.0",
@@ -87,15 +87,15 @@
     "@fluid-app/messaging-ui": "0.1.0",
     "@fluid-app/mysite-core": "0.1.0",
     "@fluid-app/mysite-ui": "0.1.0",
-    "@fluid-app/orders-core": "0.1.0",
     "@fluid-app/orders-ui": "0.1.0",
-    "@fluid-app/portal-app-download-ui": "0.1.0",
     "@fluid-app/permissions": "0.1.0",
-    "@fluid-app/portal-core": "0.1.23",
+    "@fluid-app/portal-app-download-ui": "0.1.0",
     "@fluid-app/portal-preview": "0.1.0",
+    "@fluid-app/orders-core": "0.1.0",
     "@fluid-app/portal-pro-upgrade-ui": "0.1.0",
     "@fluid-app/portal-react": "0.1.0",
     "@fluid-app/portal-tenant-api-client": "0.1.0",
+    "@fluid-app/portal-core": "0.1.23",
     "@fluid-app/portal-tenant-contacts-api-client": "0.1.0",
     "@fluid-app/portal-tenant-content-api-client": "0.1.0",
     "@fluid-app/portal-tenant-mysite-api-client": "0.1.0",
@@ -107,13 +107,13 @@
     "@fluid-app/profile-core": "0.1.0",
     "@fluid-app/profile-ui": "0.1.0",
     "@fluid-app/query-persister": "0.1.0",
-    "@fluid-app/shareables-ui": "0.1.0",
     "@fluid-app/shareables-core": "0.1.0",
+    "@fluid-app/shareables-ui": "0.1.0",
     "@fluid-app/shop-ui": "0.1.0",
     "@fluid-app/store-api-client": "0.1.0",
-    "@fluid-app/store-core": "0.1.0",
     "@fluid-app/subscriptions-core": "0.1.0",
     "@fluid-app/subscriptions-ui": "0.1.0",
+    "@fluid-app/store-core": "0.1.0",
     "@fluid-app/typescript-config": "0.0.0",
     "@fluid-app/ui-primitives": "0.1.13"
   },

package/dist/QuickShareWidget-0GD4KWAr.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuickShareWidget-0GD4KWAr.cjs","names":["borderWidthClasses","borderColorClasses","Image","QRCodeSVG","Copy","ShoppingCart","getFontSizeField","getColorField","getPaddingField","getBorderRadiusField","getBorderWidthField","getBorderColorField"],"sources":["../../widgets/src/widgets/QuickShareWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport type { ShareableItem } from \"@fluid-app/portal-core/types\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n} from \"../core/fields\";\nimport { QRCodeSVG } from \"qrcode.react\";\nimport { Copy, ShoppingCart, Image } from \"lucide-react\";\n\ntype QuickShareWidgetProps = ComponentProps<\"div\"> & {\n  // Resource\n  shareableResource?: ShareableItem;\n\n  // Title\n  titleEnabled?: boolean;\n  titleText?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Styling\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n\n  // Overlay\n  overlayEnabled?: boolean;\n  overlayType?: \"solid\" | \"gradient\";\n  overlayIntensity?: number;\n\n  // Actions\n  showBuyButton?: boolean;\n};\n\nexport function QuickShareWidget({\n  // Resource\n  shareableResource,\n\n  // Title defaults\n  titleEnabled = true,\n  titleText = \"\",\n  titleFontSize = \"2xl\",\n  titleColor = \"foreground\",\n\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n\n  // Overlay defaults\n  overlayEnabled = true,\n  overlayType = \"solid\",\n  overlayIntensity = 50,\n\n  // Actions defaults\n  showBuyButton = false,\n\n  className,\n  ...props\n}: QuickShareWidgetProps): React.JSX.Element {\n  // Determine background styling\n  const backgroundImageUrl =\n    shareableResource?.image_url || shareableResource?.imageUrl;\n\n  // Get share link from resource\n  const shareLink = shareableResource?.share_link || \"\";\n  const displayUrl = shareLink || \"Select a resource to generate link\";\n\n  // Determine title - use provided title or fall back to resource title\n  const displayTitle =\n    titleText || shareableResource?.title || \"Select a resource to display!\";\n\n  // Check if resource is a Product for buy button visibility\n  const isProduct =\n    shareableResource?.type === \"Product\" ||\n    shareableResource?.shareableType === \"Product\";\n  const shouldShowBuyButton = showBuyButton && isProduct;\n\n  // Copy to clipboard handler\n  const handleCopyToClipboard = async () => {\n    if (shareLink) {\n      try {\n        await navigator.clipboard.writeText(shareLink);\n      } catch (error) {\n        console.error(\"Failed to copy to clipboard:\", error);\n      }\n    }\n  };\n\n  return (\n    <div\n      className={`relative overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} bg-muted text-${textColor} ${className ?? \"\"}`}\n      {...props}\n    >\n      {/* Background Image with Overlay */}\n      {backgroundImageUrl ? (\n        <div className=\"absolute inset-0\">\n          <img\n            src={backgroundImageUrl}\n            alt=\"\"\n            className=\"h-full w-full object-cover\"\n          />\n          {overlayEnabled && (\n            <div\n              className={`absolute inset-0 ${\n                overlayType === \"gradient\"\n                  ? \"bg-gradient-to-t from-black to-transparent\"\n                  : \"bg-black\"\n              }`}\n              style={{\n                opacity:\n                  (Number(String(overlayIntensity).replace(\"%\", \"\")) || 50) /\n                  100,\n              }}\n            />\n          )}\n        </div>\n      ) : (\n        <div\n          className={`bg-muted absolute inset-0 flex items-center justify-center`}\n        >\n          <Image className=\"h-16 w-16 opacity-20\" />\n        </div>\n      )}\n\n      {/* Content Container */}\n      <div className={`relative flex min-h-[400px] flex-col p-${padding}`}>\n        {/* Title Overlay */}\n        {titleEnabled && displayTitle && (\n          <div className=\"flex flex-1 items-center justify-center\">\n            <h2\n              className={`text-center text-${titleFontSize} font-header font-semibold text-${titleColor} drop-shadow-lg`}\n            >\n              {displayTitle}\n            </h2>\n          </div>\n        )}\n\n        {/* Bottom Section - QR Code, URL, and Buttons */}\n        <div className=\"mt-auto flex flex-col gap-4\">\n          <div className=\"flex items-end justify-between gap-4\">\n            {/* QR Code */}\n            <div className=\"shrink-0 rounded-lg bg-white p-2\">\n              <QRCodeSVG\n                value={shareLink || \"https://example.com\"}\n                size={100}\n                level=\"H\"\n              />\n            </div>\n\n            {/* URL Display */}\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"mb-2 text-sm font-semibold tracking-wide drop-shadow\">\n                Your Shareable URL\n              </p>\n              <div className=\"flex items-center justify-between rounded-md border border-white/20 bg-black/50 p-2 text-sm text-white backdrop-blur\">\n                <span className=\"truncate\">{displayUrl}</span>\n                <button\n                  type=\"button\"\n                  onClick={handleCopyToClipboard}\n                  className={`ml-2 shrink-0 rounded p-1 transition-colors hover:bg-${accentColor}/20`}\n                  aria-label=\"Copy link\"\n                >\n                  <Copy className=\"h-4 w-4\" />\n                </button>\n              </div>\n            </div>\n          </div>\n\n          {/* Action Buttons */}\n          {/* TODO: Needs button link implmented, once it is uncomment the config for showBuyButton */}\n          {shouldShowBuyButton && (\n            <div className=\"flex\">\n              <button\n                type=\"button\"\n                className={`flex w-full items-center justify-center gap-2 rounded-lg bg-${accentColor} p-3 font-medium text-${accentColor}-foreground transition-all hover:bg-${accentColor}-500`}\n              >\n                <ShoppingCart className=\"h-4 w-4\" />\n                <span>Buy</span>\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport const quickShareWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"QuickShareWidget\",\n  displayName: \"Quick Share Widget\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [\n    // Styling Tab - Resource\n    {\n      key: \"shareableResource\",\n      label: \"Shareable Content\",\n      type: \"resource\",\n      description: \"Select the content to generate a share link for\",\n      allowedTypes: [\"Product\", \"Page\", \"EnrollmentPack\", \"Medium\", \"Library\"],\n      tab: \"styling\",\n      group: \"Content\",\n    },\n\n    // Styling Tab - Title Group\n    {\n      key: \"titleEnabled\",\n      label: \"Show Title\",\n      type: \"boolean\",\n      description: \"Display a title overlay on the widget\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Custom title text (defaults to resource title if empty)\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the title text\",\n      defaultValue: \"2xl\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the title text\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Styling Tab - Actions Group\n    // {\n    //   key: \"showBuyButton\",\n    //   label: \"Show Buy Button\",\n    //   type: \"boolean\",\n    //   description: \"Display the buy button (only visible for Product type)\",\n    //   defaultValue: false,\n    //   tab: \"styling\",\n    //   group: \"Actions\",\n    // },\n\n    // Styling Tab - Design Group\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color for the widget\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color for accent elements and buy button\",\n      defaultValue: \"primary\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"overlayEnabled\",\n      label: \"Enable Overlay\",\n      type: \"boolean\",\n      description: \"Add background overlay for text readability\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"overlayType\",\n      label: \"Overlay Type\",\n      type: \"buttonGroup\",\n      description: \"Type of overlay to add to the background\",\n      defaultValue: \"solid\",\n      options: [\n        { label: \"Solid\", value: \"solid\" },\n        { label: \"Gradient\", value: \"gradient\" },\n      ],\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"overlayIntensity\",\n      label: \"Overlay Intensity\",\n      type: \"slider\",\n      description: \"Opacity of the overlay background (0-100)\",\n      min: 0,\n      max: 100,\n      step: 5,\n      defaultValue: 50,\n      unit: \"%\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding around the widget content\",\n      defaultValue: 4,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the widget container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n  ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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GD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACDC,mBAAAA,iBAAiB;GACf,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EACFC,mBAAAA,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EAcFA,mBAAAA,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFA,mBAAAA,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,SAAS,CACP;IAAE,OAAO;IAAS,OAAO;IAAS,EAClC;IAAE,OAAO;IAAY,OAAO;IAAY,CACzC;GACD,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,KAAK;GACL,MAAM;GACN,cAAc;GACd,MAAM;GACN,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,MAAM;GACN,OAAO;GACP,KAAK;GACL,OAAO;GACR;EACDC,mBAAAA,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,qBAAqB;GACnB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACH;CACF"}

package/dist/QuickShareWidget-DZzrQjOx.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuickShareWidget-DZzrQjOx.mjs","names":[],"sources":["../../widgets/src/widgets/QuickShareWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport type { ShareableItem } from \"@fluid-app/portal-core/types\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n} from \"../core/fields\";\nimport { QRCodeSVG } from \"qrcode.react\";\nimport { Copy, ShoppingCart, Image } from \"lucide-react\";\n\ntype QuickShareWidgetProps = ComponentProps<\"div\"> & {\n  // Resource\n  shareableResource?: ShareableItem;\n\n  // Title\n  titleEnabled?: boolean;\n  titleText?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Styling\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n\n  // Overlay\n  overlayEnabled?: boolean;\n  overlayType?: \"solid\" | \"gradient\";\n  overlayIntensity?: number;\n\n  // Actions\n  showBuyButton?: boolean;\n};\n\nexport function QuickShareWidget({\n  // Resource\n  shareableResource,\n\n  // Title defaults\n  titleEnabled = true,\n  titleText = \"\",\n  titleFontSize = \"2xl\",\n  titleColor = \"foreground\",\n\n  textColor = \"foreground\",\n  accentColor = \"primary\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n\n  // Overlay defaults\n  overlayEnabled = true,\n  overlayType = \"solid\",\n  overlayIntensity = 50,\n\n  // Actions defaults\n  showBuyButton = false,\n\n  className,\n  ...props\n}: QuickShareWidgetProps): React.JSX.Element {\n  // Determine background styling\n  const backgroundImageUrl =\n    shareableResource?.image_url || shareableResource?.imageUrl;\n\n  // Get share link from resource\n  const shareLink = shareableResource?.share_link || \"\";\n  const displayUrl = shareLink || \"Select a resource to generate link\";\n\n  // Determine title - use provided title or fall back to resource title\n  const displayTitle =\n    titleText || shareableResource?.title || \"Select a resource to display!\";\n\n  // Check if resource is a Product for buy button visibility\n  const isProduct =\n    shareableResource?.type === \"Product\" ||\n    shareableResource?.shareableType === \"Product\";\n  const shouldShowBuyButton = showBuyButton && isProduct;\n\n  // Copy to clipboard handler\n  const handleCopyToClipboard = async () => {\n    if (shareLink) {\n      try {\n        await navigator.clipboard.writeText(shareLink);\n      } catch (error) {\n        console.error(\"Failed to copy to clipboard:\", error);\n      }\n    }\n  };\n\n  return (\n    <div\n      className={`relative overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} bg-muted text-${textColor} ${className ?? \"\"}`}\n      {...props}\n    >\n      {/* Background Image with Overlay */}\n      {backgroundImageUrl ? (\n        <div className=\"absolute inset-0\">\n          <img\n            src={backgroundImageUrl}\n            alt=\"\"\n            className=\"h-full w-full object-cover\"\n          />\n          {overlayEnabled && (\n            <div\n              className={`absolute inset-0 ${\n                overlayType === \"gradient\"\n                  ? \"bg-gradient-to-t from-black to-transparent\"\n                  : \"bg-black\"\n              }`}\n              style={{\n                opacity:\n                  (Number(String(overlayIntensity).replace(\"%\", \"\")) || 50) /\n                  100,\n              }}\n            />\n          )}\n        </div>\n      ) : (\n        <div\n          className={`bg-muted absolute inset-0 flex items-center justify-center`}\n        >\n          <Image className=\"h-16 w-16 opacity-20\" />\n        </div>\n      )}\n\n      {/* Content Container */}\n      <div className={`relative flex min-h-[400px] flex-col p-${padding}`}>\n        {/* Title Overlay */}\n        {titleEnabled && displayTitle && (\n          <div className=\"flex flex-1 items-center justify-center\">\n            <h2\n              className={`text-center text-${titleFontSize} font-header font-semibold text-${titleColor} drop-shadow-lg`}\n            >\n              {displayTitle}\n            </h2>\n          </div>\n        )}\n\n        {/* Bottom Section - QR Code, URL, and Buttons */}\n        <div className=\"mt-auto flex flex-col gap-4\">\n          <div className=\"flex items-end justify-between gap-4\">\n            {/* QR Code */}\n            <div className=\"shrink-0 rounded-lg bg-white p-2\">\n              <QRCodeSVG\n                value={shareLink || \"https://example.com\"}\n                size={100}\n                level=\"H\"\n              />\n            </div>\n\n            {/* URL Display */}\n            <div className=\"min-w-0 flex-1\">\n              <p className=\"mb-2 text-sm font-semibold tracking-wide drop-shadow\">\n                Your Shareable URL\n              </p>\n              <div className=\"flex items-center justify-between rounded-md border border-white/20 bg-black/50 p-2 text-sm text-white backdrop-blur\">\n                <span className=\"truncate\">{displayUrl}</span>\n                <button\n                  type=\"button\"\n                  onClick={handleCopyToClipboard}\n                  className={`ml-2 shrink-0 rounded p-1 transition-colors hover:bg-${accentColor}/20`}\n                  aria-label=\"Copy link\"\n                >\n                  <Copy className=\"h-4 w-4\" />\n                </button>\n              </div>\n            </div>\n          </div>\n\n          {/* Action Buttons */}\n          {/* TODO: Needs button link implmented, once it is uncomment the config for showBuyButton */}\n          {shouldShowBuyButton && (\n            <div className=\"flex\">\n              <button\n                type=\"button\"\n                className={`flex w-full items-center justify-center gap-2 rounded-lg bg-${accentColor} p-3 font-medium text-${accentColor}-foreground transition-all hover:bg-${accentColor}-500`}\n              >\n                <ShoppingCart className=\"h-4 w-4\" />\n                <span>Buy</span>\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport const quickShareWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"QuickShareWidget\",\n  displayName: \"Quick Share Widget\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [\n    // Styling Tab - Resource\n    {\n      key: \"shareableResource\",\n      label: \"Shareable Content\",\n      type: \"resource\",\n      description: \"Select the content to generate a share link for\",\n      allowedTypes: [\"Product\", \"Page\", \"EnrollmentPack\", \"Medium\", \"Library\"],\n      tab: \"styling\",\n      group: \"Content\",\n    },\n\n    // Styling Tab - Title Group\n    {\n      key: \"titleEnabled\",\n      label: \"Show Title\",\n      type: \"boolean\",\n      description: \"Display a title overlay on the widget\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Custom title text (defaults to resource title if empty)\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the title text\",\n      defaultValue: \"2xl\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the title text\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Styling Tab - Actions Group\n    // {\n    //   key: \"showBuyButton\",\n    //   label: \"Show Buy Button\",\n    //   type: \"boolean\",\n    //   description: \"Display the buy button (only visible for Product type)\",\n    //   defaultValue: false,\n    //   tab: \"styling\",\n    //   group: \"Actions\",\n    // },\n\n    // Styling Tab - Design Group\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color for the widget\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description: \"Color for accent elements and buy button\",\n      defaultValue: \"primary\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"overlayEnabled\",\n      label: \"Enable Overlay\",\n      type: \"boolean\",\n      description: \"Add background overlay for text readability\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"overlayType\",\n      label: \"Overlay Type\",\n      type: \"buttonGroup\",\n      description: \"Type of overlay to add to the background\",\n      defaultValue: \"solid\",\n      options: [\n        { label: \"Solid\", value: \"solid\" },\n        { label: \"Gradient\", value: \"gradient\" },\n      ],\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"overlayIntensity\",\n      label: \"Overlay Intensity\",\n      type: \"slider\",\n      description: \"Opacity of the overlay background (0-100)\",\n      min: 0,\n      max: 100,\n      step: 5,\n      defaultValue: 50,\n      unit: \"%\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding around the widget content\",\n      defaultValue: 4,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the widget container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n  ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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d,KAAK;GACL,OAAO;GACR,CAAC;EACF,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,SAAS,CACP;IAAE,OAAO;IAAS,OAAO;IAAS,EAClC;IAAE,OAAO;IAAY,OAAO;IAAY,CACzC;GACD,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,KAAK;GACL,MAAM;GACN,cAAc;GACd,MAAM;GACN,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,MAAM;GACN,OAAO;GACP,KAAK;GACL,OAAO;GACR;EACD,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,qBAAqB;GACnB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACH;CACF"}

package/dist/SpacerWidget-CLFbkgoz.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpacerWidget-CLFbkgoz.cjs","names":["ArrowUpDown"],"sources":["../../widgets/src/widgets/SpacerWidget.tsx"],"sourcesContent":["import { type WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport { ArrowUpDown } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport type React from \"react\";\n\ntype SpacerWidgetProps = ComponentProps<\"div\"> & {\n  /**\n   * Custom height as a CSS value (e.g., \"128px\", \"8rem\", \"20vh\")\n   */\n  customHeight?: string;\n  /**\n   * Not customizable, determines if we should show a preview image in the container\n   */\n  previewMode?: boolean;\n};\n\nexport function SpacerWidget({\n  customHeight = \"128px\",\n  previewMode = false,\n  className,\n  style,\n  ...props\n}: SpacerWidgetProps): React.JSX.Element {\n  return (\n    <div\n      className={`w-full ${className ?? \"\"}`}\n      style={{ height: customHeight, ...style }}\n      aria-hidden=\"true\"\n      {...props}\n    >\n      {previewMode && (\n        <div className=\"border-muted-400 bg-muted text-muted-foreground flex h-full w-full items-center justify-center gap-1 border border-dashed\">\n          <ArrowUpDown />\n          <span>SPACER</span>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const spacerWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"SpacerWidget\",\n  displayName: \"Spacer\",\n  fields: [\n    {\n      key: \"customHeight\",\n      label: \"Height\",\n      type: \"cssUnit\",\n      description: \"Height of the spacer\",\n      defaultValue: \"128px\",\n      allowedUnits: [\"px\", \"vh\", \"rem\"],\n      minByUnit: { px: 1, vh: 1, rem: 0.25 },\n      maxByUnit: { px: 2000, vh: 100, rem: 125 },\n      stepByUnit: { px: 1, vh: 1, rem: 0.25 },\n      group: \"Spacing\",\n    },\n  ],\n};\n"],"mappings":";;;;;;;;AAgBA,SAAgB,aAAa,EAC3B,eAAe,SACf,cAAc,OACd,WACA,OACA,GAAG,SACoC;AACvC,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EACE,WAAW,UAAU,aAAa;EAClC,OAAO;GAAE,QAAQ;GAAc,GAAG;GAAO;EACzC,eAAY;EACZ,GAAI;YAEH,eACC,iBAAA,GAAA,kBAAA,MAAC,OAAD;GAAK,WAAU;aAAf,CACE,iBAAA,GAAA,kBAAA,KAACA,aAAAA,aAAD,EAAe,CAAA,EACf,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAM,UAAa,CAAA,CACf;;EAEJ,CAAA;;AAIV,MAAa,6BAAmD;CAC9D,YAAY;CACZ,aAAa;CACb,QAAQ,CACN;EACE,KAAK;EACL,OAAO;EACP,MAAM;EACN,aAAa;EACb,cAAc;EACd,cAAc;GAAC;GAAM;GAAM;GAAM;EACjC,WAAW;GAAE,IAAI;GAAG,IAAI;GAAG,KAAK;GAAM;EACtC,WAAW;GAAE,IAAI;GAAM,IAAI;GAAK,KAAK;GAAK;EAC1C,YAAY;GAAE,IAAI;GAAG,IAAI;GAAG,KAAK;GAAM;EACvC,OAAO;EACR,CACF;CACF"}

package/dist/SpacerWidget-Da_sNa_X.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpacerWidget-Da_sNa_X.mjs","names":[],"sources":["../../widgets/src/widgets/SpacerWidget.tsx"],"sourcesContent":["import { type WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport { ArrowUpDown } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport type React from \"react\";\n\ntype SpacerWidgetProps = ComponentProps<\"div\"> & {\n  /**\n   * Custom height as a CSS value (e.g., \"128px\", \"8rem\", \"20vh\")\n   */\n  customHeight?: string;\n  /**\n   * Not customizable, determines if we should show a preview image in the container\n   */\n  previewMode?: boolean;\n};\n\nexport function SpacerWidget({\n  customHeight = \"128px\",\n  previewMode = false,\n  className,\n  style,\n  ...props\n}: SpacerWidgetProps): React.JSX.Element {\n  return (\n    <div\n      className={`w-full ${className ?? \"\"}`}\n      style={{ height: customHeight, ...style }}\n      aria-hidden=\"true\"\n      {...props}\n    >\n      {previewMode && (\n        <div className=\"border-muted-400 bg-muted text-muted-foreground flex h-full w-full items-center justify-center gap-1 border border-dashed\">\n          <ArrowUpDown />\n          <span>SPACER</span>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const spacerWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"SpacerWidget\",\n  displayName: \"Spacer\",\n  fields: [\n    {\n      key: \"customHeight\",\n      label: \"Height\",\n      type: \"cssUnit\",\n      description: \"Height of the spacer\",\n      defaultValue: \"128px\",\n      allowedUnits: [\"px\", \"vh\", \"rem\"],\n      minByUnit: { px: 1, vh: 1, rem: 0.25 },\n      maxByUnit: { px: 2000, vh: 100, rem: 125 },\n      stepByUnit: { px: 1, vh: 1, rem: 0.25 },\n      group: \"Spacing\",\n    },\n  ],\n};\n"],"mappings":";;;;;;;;AAgBA,SAAgB,aAAa,EAC3B,eAAe,SACf,cAAc,OACd,WACA,OACA,GAAG,SACoC;AACvC,QACE,oBAAC,OAAD;EACE,WAAW,UAAU,aAAa;EAClC,OAAO;GAAE,QAAQ;GAAc,GAAG;GAAO;EACzC,eAAY;EACZ,GAAI;YAEH,eACC,qBAAC,OAAD;GAAK,WAAU;aAAf,CACE,oBAAC,aAAD,EAAe,CAAA,EACf,oBAAC,QAAD,EAAA,UAAM,UAAa,CAAA,CACf;;EAEJ,CAAA;;AAIV,MAAa,6BAAmD;CAC9D,YAAY;CACZ,aAAa;CACb,QAAQ,CACN;EACE,KAAK;EACL,OAAO;EACP,MAAM;EACN,aAAa;EACb,cAAc;EACd,cAAc;GAAC;GAAM;GAAM;GAAM;EACjC,WAAW;GAAE,IAAI;GAAG,IAAI;GAAG,KAAK;GAAM;EACtC,WAAW;GAAE,IAAI;GAAM,IAAI;GAAK,KAAK;GAAK;EAC1C,YAAY;GAAE,IAAI;GAAG,IAAI;GAAG,KAAK;GAAM;EACvC,OAAO;EACR,CACF;CACF"}

package/dist/TableWidget-B65hwjKS.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableWidget-B65hwjKS.mjs","names":[],"sources":["../../widgets/src/widgets/TableWidget.tsx"],"sourcesContent":["import { useState, useMemo, type ComponentProps } from \"react\";\nimport type React from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n} from \"../core/fields\";\nimport { Input } from \"@fluid-app/ui-primitives\";\nimport {\n  MediaRenderer,\n  getMediaPropsFromShareable,\n} from \"../components/MediaRenderer\";\nimport { type ShareableItem } from \"@fluid-app/portal-core/types\";\nimport { useWidgetInteraction } from \"../contexts/WidgetInteractionContext\";\n\n/** Plain column definition provided by data sources (no render functions) */\nexport type TableColumnDef = {\n  key: string;\n  label: string;\n  sortable: boolean;\n};\n\n// Internal column definition (includes render function)\ntype ColumnDef = TableColumnDef & {\n  render?: (value: unknown, item: ShareableItem) => React.ReactNode;\n};\n\nconst DEFAULT_DATA: ShareableItem[] = [];\n\n// ---------------------------------------------------------------------------\n// Column cell renderers\n// ---------------------------------------------------------------------------\n\nfunction ImageCellRenderer(_value: unknown, item: ShareableItem) {\n  return (\n    <div className=\"h-10 w-10 rounded object-cover\">\n      <MediaRenderer {...getMediaPropsFromShareable(item)} />\n    </div>\n  );\n}\n\nfunction PriceCellRenderer(_value: unknown, item: ShareableItem) {\n  return ((item.display_price as string) ?? item.price) || \"-\";\n}\n\nfunction StatusCellRenderer(value: unknown) {\n  const status = String(value || \"unknown\").toLowerCase();\n  const statusStyles: Record<string, string> = {\n    active: \"bg-primary text-primary-foreground\",\n    paid: \"bg-primary text-primary-foreground\",\n    inactive: \"bg-secondary text-secondary-foreground\",\n    paused: \"bg-secondary text-secondary-foreground\",\n    unknown: \"bg-muted text-muted-foreground\",\n    unpaid: \"bg-destructive text-destructive-foreground\",\n    refunded: \"bg-muted text-muted-foreground\",\n    cancelled: \"bg-destructive text-destructive-foreground\",\n  };\n  return (\n    <span\n      className={`inline-flex rounded-full px-2 py-1 text-xs font-medium ${statusStyles[status] || \"bg-muted text-foreground\"}`}\n    >\n      {String(value || \"Unknown\")}\n    </span>\n  );\n}\n\n/** Map of column keys to custom cell renderers */\nconst CELL_RENDERERS: Record<\n  string,\n  (value: unknown, item: ShareableItem) => React.ReactNode\n> = {\n  imageUrl: ImageCellRenderer,\n  price: PriceCellRenderer,\n  display_price: PriceCellRenderer,\n  status: StatusCellRenderer,\n};\n\n/** Resolve plain column definitions from a data source into full ColumnDefs with renderers */\nfunction resolveColumns(columns: TableColumnDef[]): ColumnDef[] {\n  return columns.map((col) => {\n    const render = CELL_RENDERERS[col.key];\n    return render ? { ...col, render } : { ...col };\n  });\n}\n\n// Default columns for product data\nconst defaultColumns: ColumnDef[] = [\n  {\n    key: \"imageUrl\",\n    label: \"Image\",\n    sortable: false,\n    render: ImageCellRenderer,\n  },\n  {\n    key: \"title\",\n    label: \"Title\",\n    sortable: true,\n  },\n  {\n    key: \"price\",\n    label: \"Price\",\n    sortable: true,\n    render: PriceCellRenderer,\n  },\n  {\n    key: \"status\",\n    label: \"Status\",\n    sortable: true,\n    render: StatusCellRenderer,\n  },\n];\n\ntype TableWidgetProps = ComponentProps<\"div\"> & {\n  // Title\n  titleEnabled?: boolean;\n  titleText?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Styling\n  background?: BackgroundValue;\n  alternatingColorEnabled?: boolean;\n  textColor?: ColorOptions;\n  headerBackgroundColor?: ColorOptions;\n  headerTextColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n\n  // Data\n  data?: ShareableItem[];\n  /** Column definitions from a data source (plain data, renderers resolved internally) */\n  columns?: TableColumnDef[];\n\n  // Features\n  filterEnabled?: boolean;\n  sortingEnabled?: boolean;\n  paginationEnabled?: boolean;\n  maxRowsPerPage?: number;\n};\n\nexport function TableWidget({\n  // Title defaults\n  titleEnabled = true,\n  titleText = \"Products\",\n  titleFontSize = \"xl\",\n  titleColor = \"foreground\",\n\n  // Styling defaults\n  background = {\n    type: \"solid\",\n    color: \"background\",\n  },\n  alternatingColorEnabled = true,\n  textColor = \"foreground\",\n  headerBackgroundColor = \"muted\",\n  headerTextColor = \"foreground\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n\n  // Data\n  data = DEFAULT_DATA,\n  columns: columnsProp,\n\n  // Feature defaults\n  filterEnabled = true,\n  sortingEnabled = true,\n  paginationEnabled = true,\n  maxRowsPerPage = 5,\n\n  className,\n  ...props\n}: TableWidgetProps): React.JSX.Element {\n  const backgroundColor = background.color || \"background\";\n  const isImageBackground = background.type === \"image\";\n  const backgroundImage =\n    (background.resource?.image_url || background.resource?.imageUrl) &&\n    isImageBackground\n      ? `url(${background.resource.image_url || background.resource.imageUrl})`\n      : \"none\";\n  const pageSize = maxRowsPerPage;\n\n  // When using an image or transparent background, inner elements should be\n  // transparent so the image/page shows through. Otherwise use the configured colors.\n  const isTransparentBg = backgroundColor === \"transparent\";\n  const useTransparentInner = isImageBackground || isTransparentBg;\n  const innerBg = useTransparentInner\n    ? \"bg-transparent\"\n    : `bg-${backgroundColor}`;\n  const innerBgAlt = useTransparentInner\n    ? \"bg-black/5\"\n    : `bg-${backgroundColor}-400`;\n  const transparentBorder = isTransparentBg\n    ? \"border-black/20\"\n    : \"border-white/20\";\n  const innerBorder = useTransparentInner\n    ? transparentBorder\n    : `border-${backgroundColor}-600`;\n  const headerBg = useTransparentInner\n    ? \"bg-black/10\"\n    : `bg-${headerBackgroundColor}-400`;\n  const headerBorder = useTransparentInner\n    ? transparentBorder\n    : `border-${headerBackgroundColor}-600`;\n  const paginationBg = useTransparentInner\n    ? \"bg-black/10\"\n    : `bg-${backgroundColor}-400`;\n\n  // State for filtering, sorting, and pagination\n  const [globalFilter, setGlobalFilter] = useState(\"\");\n  const [sortConfig, setSortConfig] = useState<{\n    key: string;\n    direction: \"asc\" | \"desc\";\n  } | null>(null);\n  const [currentPage, setCurrentPage] = useState(1);\n\n  // Only use columns from the data source if they look like valid column defs\n  // (have a `key` string). When transformers return a plain array (e.g. toShareableProps),\n  // use-widget-data maps the same array to ALL targetProps, so `columns` may\n  // receive the data rows instead of column definitions.\n  const firstCol = columnsProp?.[0];\n  const validColumnsProp =\n    firstCol && typeof firstCol.key === \"string\" && firstCol.key !== \"\"\n      ? columnsProp\n      : undefined;\n\n  const columns = useMemo(\n    () =>\n      validColumnsProp ? resolveColumns(validColumnsProp) : defaultColumns,\n    [validColumnsProp],\n  );\n\n  // Filter data\n  const filteredData = useMemo(() => {\n    let result = [...data];\n\n    if (globalFilter) {\n      const lowerFilter = globalFilter.toLowerCase();\n      result = result.filter((item) =>\n        columns.some((col) => {\n          const value = item[col.key];\n          return String(value ?? \"\")\n            .toLowerCase()\n            .includes(lowerFilter);\n        }),\n      );\n    }\n\n    return result;\n  }, [data, globalFilter, columns]);\n\n  // Sort data\n  const sortedData = useMemo(() => {\n    if (!sortConfig) return filteredData;\n\n    return [...filteredData].sort((a, b) => {\n      const aValue = a[sortConfig.key];\n      const bValue = b[sortConfig.key];\n\n      // Handle null/undefined\n      if (aValue == null && bValue == null) return 0;\n      if (aValue == null) return sortConfig.direction === \"asc\" ? 1 : -1;\n      if (bValue == null) return sortConfig.direction === \"asc\" ? -1 : 1;\n\n      // Compare values\n      let comparison = 0;\n      if (typeof aValue === \"number\" && typeof bValue === \"number\") {\n        comparison = aValue - bValue;\n      } else {\n        comparison = String(aValue).localeCompare(String(bValue));\n      }\n\n      return sortConfig.direction === \"asc\" ? comparison : -comparison;\n    });\n  }, [filteredData, sortConfig]);\n\n  // Paginate data\n  const paginatedData = useMemo(() => {\n    if (!paginationEnabled) return sortedData;\n\n    const startIndex = (currentPage - 1) * pageSize;\n    return sortedData.slice(startIndex, startIndex + pageSize);\n  }, [sortedData, currentPage, pageSize, paginationEnabled]);\n\n  const totalPages = Math.ceil(sortedData.length / pageSize);\n\n  // Reset to page 1 when filters change\n  const handleGlobalFilterChange = (value: string) => {\n    setGlobalFilter(value);\n    setCurrentPage(1);\n  };\n\n  // Handle sort\n  const handleSort = (key: string) => {\n    if (!sortingEnabled) return;\n\n    setSortConfig((prev) => {\n      if (prev?.key !== key) return { key, direction: \"asc\" };\n      if (prev.direction === \"asc\") return { key, direction: \"desc\" };\n      return null;\n    });\n  };\n\n  // Get sort indicator\n  const getSortIndicator = (key: string) => {\n    if (sortConfig?.key !== key) return null;\n    return sortConfig.direction === \"asc\" ? \" ↑\" : \" ↓\";\n  };\n\n  const { onItemClick } = useWidgetInteraction();\n\n  return (\n    <div\n      className={`@container overflow-hidden ${paginationEnabled ? \"\" : \"overflow-y-auto\"} rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} bg-${backgroundColor} bg-cover bg-center text-${textColor} ${className}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      <div\n        className={`flex items-center justify-between p-${padding} ${innerBg} space-x-2`}\n      >\n        {/* Title */}\n        {titleEnabled && titleText && (\n          <h2\n            className={`text-${titleFontSize === \"md\" ? \"base\" : titleFontSize} font-header font-bold text-${titleColor} min-w-0 truncate`}\n          >\n            {titleText}\n          </h2>\n        )}\n\n        {/* Global Search */}\n        {filterEnabled && (\n          <Input\n            type=\"text\"\n            placeholder=\"Search all columns...\"\n            value={globalFilter}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n              handleGlobalFilterChange(e.target.value)\n            }\n            className={`w-full rounded-md border ${headerBorder} ${headerBg} ring-offset-muted px-3 py-2 text-sm placeholder:text-${headerTextColor}-400 focus-visible:ring-primary focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none md:w-64`}\n          />\n        )}\n      </div>\n\n      {/* Table */}\n      <div className=\"overflow-x-auto\">\n        <table className=\"w-full border-collapse\">\n          <thead>\n            <tr className={`${headerBg} ${headerBorder} border-y`}>\n              {columns.map((col) => (\n                <th\n                  key={col.key}\n                  className={`px-4 py-3 text-left text-sm font-semibold text-${headerTextColor} ${col.sortable && sortingEnabled ? \"cursor-pointer select-none hover:opacity-80\" : \"\"}`}\n                  {...(col.sortable && sortingEnabled\n                    ? {\n                        role: \"button\" as const,\n                        tabIndex: 0,\n                        onClick: () => handleSort(col.key),\n                        onKeyDown: (e: React.KeyboardEvent) => {\n                          if (e.key === \"Enter\" || e.key === \" \") {\n                            e.preventDefault();\n                            handleSort(col.key);\n                          }\n                        },\n                      }\n                    : {})}\n                >\n                  <div className=\"flex flex-col gap-1\">\n                    <span>\n                      {col.label}\n                      {col.sortable &&\n                        sortingEnabled &&\n                        getSortIndicator(col.key)}\n                    </span>\n                  </div>\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {data.length === 0 ? (\n              <tr>\n                <td colSpan={columns.length}>\n                  <div className=\"text-muted-foreground flex min-h-[200px] flex-col items-center justify-center gap-2\">\n                    <div className=\"text-4xl\">📋</div>\n                    <p className=\"text-sm\">No data available</p>\n                    <p className=\"text-muted-foreground/70 text-xs\">\n                      Connect a data source to display table data\n                    </p>\n                  </div>\n                </td>\n              </tr>\n            ) : paginatedData.length === 0 ? (\n              <tr>\n                <td colSpan={columns.length}>\n                  <div className=\"py-8 text-center\">\n                    <p className=\"text-sm\">No results found</p>\n                    <p className=\"text-xs\">Try adjusting your search</p>\n                  </div>\n                </td>\n              </tr>\n            ) : (\n              <>\n                {paginatedData.map((item, index) => (\n                  <tr\n                    key={item.id ?? index}\n                    className={`h-17 border-b ${innerBorder} last:border-none ${innerBg} ${alternatingColorEnabled ? `even:${innerBgAlt}` : \"\"} ${onItemClick ? \"cursor-pointer hover:opacity-80\" : \"\"}`}\n                    {...(onItemClick\n                      ? {\n                          tabIndex: 0,\n                          onClick: () => onItemClick(item),\n                          onKeyDown: (e: React.KeyboardEvent) => {\n                            if (e.key === \"Enter\" || e.key === \" \") {\n                              e.preventDefault();\n                              onItemClick(item);\n                            }\n                          },\n                        }\n                      : {})}\n                  >\n                    {columns.map((col) => (\n                      <td key={col.key} className=\"px-4 py-3 text-sm\">\n                        {col.render\n                          ? col.render(item[col.key], item)\n                          : String(item[col.key] ?? \"-\")}\n                      </td>\n                    ))}\n                  </tr>\n                ))}\n                {/* Empty rows to fill the last page for consistent pagination position */}\n                {paginationEnabled &&\n                  paginatedData.length < pageSize &&\n                  paginatedData.length > 0 &&\n                  Array.from({ length: pageSize - paginatedData.length }).map(\n                    (_, index) => (\n                      <tr\n                        key={`empty-${index}`}\n                        className={`h-17 border-b ${innerBorder} last:border-none ${innerBg} ${alternatingColorEnabled ? `even:${innerBgAlt}` : \"\"}`}\n                      >\n                        {columns.map((col) => (\n                          <td key={col.key} className=\"px-4 py-3 text-sm\">\n                            &nbsp;\n                          </td>\n                        ))}\n                      </tr>\n                    ),\n                  )}\n              </>\n            )}\n          </tbody>\n        </table>\n      </div>\n\n      {/* Pagination */}\n      {paginationEnabled && totalPages > 1 && (\n        <div\n          className={`flex flex-col items-center justify-between gap-2 border-t ${innerBorder} p-${padding} @md:flex-row ${paginationBg} text-${textColor}`}\n        >\n          <p className=\"text-sm\">\n            Showing {(currentPage - 1) * pageSize + 1}-\n            {Math.min(currentPage * pageSize, sortedData.length)} of{\" \"}\n            {sortedData.length} results\n          </p>\n          <div className=\"flex items-center gap-2\">\n            <button\n              onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}\n              disabled={currentPage === 1}\n              className={`rounded-md border border-${headerBackgroundColor}-600 bg-${headerBackgroundColor} ring-offset-muted placeholder:text-muted-foreground focus-visible:ring-primary px-3 py-1 text-sm transition-opacity hover:opacity-80 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50`}\n            >\n              Previous\n            </button>\n            <span className=\"text-sm\">\n              Page {currentPage} of {totalPages}\n            </span>\n            <button\n              onClick={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}\n              disabled={currentPage === totalPages}\n              className={`rounded-md border border-${headerBackgroundColor}-600 bg-${headerBackgroundColor} ring-offset-muted placeholder:text-muted-foreground focus-visible:ring-primary px-3 py-1 text-sm transition-opacity hover:opacity-80 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50`}\n            >\n              Next\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const tableWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"TableWidget\",\n  displayName: \"Table Widget\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"behavior\", label: \"Behavior\" },\n    { id: \"data\", label: \"Data\" },\n  ],\n  dataSourceTargetProps: [\"data\", \"columns\"],\n  fields: [\n    // Content Tab - Title Group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed above the table\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Title text displayed above the table\",\n      defaultValue: \"Products\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      label: \"Title Font Size\",\n      defaultValue: \"xl\",\n      key: \"titleFontSize\",\n      description: \"Font size for the widget title\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the widget title\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Styling Tab - Design Group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the table container\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"alternatingColorEnabled\",\n      label: \"Enable Alternating Colors\",\n      type: \"boolean\",\n      description: \"Enable alternating colors for table rows\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getColorField({\n      key: \"headerBackgroundColor\",\n      label: \"Header Background\",\n      description: \"Background color for the table header\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color for table content\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"headerTextColor\",\n      label: \"Header Text Color\",\n      description: \"Text color for the table header\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding around the table container\",\n      defaultValue: 4,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the table container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n\n    // Behavior Tab - Features Group\n    {\n      key: \"filterEnabled\",\n      label: \"Enable Filters\",\n      type: \"boolean\",\n      description: \"Show global search and column filters\",\n      defaultValue: true,\n      tab: \"behavior\",\n      group: \"Features\",\n    },\n    {\n      key: \"sortingEnabled\",\n      label: \"Enable Sorting\",\n      type: \"boolean\",\n      description: \"Allow sorting by clicking column headers\",\n      defaultValue: true,\n      tab: \"behavior\",\n      group: \"Features\",\n    },\n    {\n      key: \"paginationEnabled\",\n      label: \"Enable Pagination\",\n      type: \"boolean\",\n      description: \"Split data into pages\",\n      defaultValue: true,\n      tab: \"behavior\",\n      group: \"Features\",\n    },\n    {\n      key: \"maxRowsPerPage\",\n      label: \"Max Rows Per Page\",\n      type: \"number\",\n      description: \"Maximum number of rows to display per page\",\n      min: 1,\n      max: 50,\n      step: 1,\n      defaultValue: 5,\n      tab: \"behavior\",\n      group: \"Features\",\n      requiresKeyToBeTrue: \"paginationEnabled\",\n    },\n\n    // Data Tab\n    {\n      key: \"dataSource\",\n      label: \"Data Source\",\n      type: \"dataSource\",\n      description: \"Configure data source for the table\",\n      tab: \"data\",\n      group: \"Data Configuration\",\n    },\n  ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":";;;;;;;;;;;;AAyCA,MAAM,eAAgC,EAAE;AAMxC,SAAS,kBAAkB,QAAiB,MAAqB;AAC/D,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,eAAD,EAAe,GAAI,2BAA2B,KAAK,EAAI,CAAA;EACnD,CAAA;;AAIV,SAAS,kBAAkB,QAAiB,MAAqB;AAC/D,SAAS,KAAK,iBAA4B,KAAK,UAAU;;AAG3D,SAAS,mBAAmB,OAAgB;AAY1C,QACE,oBAAC,QAAD;EACE,WAAW,0DAZ8B;GAC3C,QAAQ;GACR,MAAM;GACN,UAAU;GACV,QAAQ;GACR,SAAS;GACT,QAAQ;GACR,UAAU;GACV,WAAW;GACZ,CAVc,OAAO,SAAS,UAAU,CAAC,aAAa,KAa0C;YAE5F,OAAO,SAAS,UAAU;EACtB,CAAA;;;AAKX,MAAM,iBAGF;CACF,UAAU;CACV,OAAO;CACP,eAAe;CACf,QAAQ;CACT;;AAGD,SAAS,eAAe,SAAwC;AAC9D,QAAO,QAAQ,KAAK,QAAQ;EAC1B,MAAM,SAAS,eAAe,IAAI;AAClC,SAAO,SAAS;GAAE,GAAG;GAAK;GAAQ,GAAG,EAAE,GAAG,KAAK;GAC/C;;AAIJ,MAAM,iBAA8B;CAClC;EACE,KAAK;EACL,OAAO;EACP,UAAU;EACV,QAAQ;EACT;CACD;EACE,KAAK;EACL,OAAO;EACP,UAAU;EACX;CACD;EACE,KAAK;EACL,OAAO;EACP,UAAU;EACV,QAAQ;EACT;CACD;EACE,KAAK;EACL,OAAO;EACP,UAAU;EACV,QAAQ;EACT;CACF;AAgCD,SAAgB,YAAY,EAE1B,eAAe,MACf,YAAY,YACZ,gBAAgB,MAChB,aAAa,cAGb,aAAa;CACX,MAAM;CACN,OAAO;CACR,EACD,0BAA0B,MAC1B,YAAY,cACZ,wBAAwB,SACxB,kBAAkB,cAClB,UAAU,GACV,eAAe,MACf,cAAc,QACd,cAAc,SAGd,OAAO,cACP,SAAS,aAGT,gBAAgB,MAChB,iBAAiB,MACjB,oBAAoB,MACpB,iBAAiB,GAEjB,WACA,GAAG,SACmC;CACtC,MAAM,kBAAkB,WAAW,SAAS;CAC5C,MAAM,oBAAoB,WAAW,SAAS;CAC9C,MAAM,mBACH,WAAW,UAAU,aAAa,WAAW,UAAU,aACxD,oBACI,OAAO,WAAW,SAAS,aAAa,WAAW,SAAS,SAAS,KACrE;CACN,MAAM,WAAW;CAIjB,MAAM,kBAAkB,oBAAoB;CAC5C,MAAM,sBAAsB,qBAAqB;CACjD,MAAM,UAAU,sBACZ,mBACA,MAAM;CACV,MAAM,aAAa,sBACf,eACA,MAAM,gBAAgB;CAC1B,MAAM,oBAAoB,kBACtB,oBACA;CACJ,MAAM,cAAc,sBAChB,oBACA,UAAU,gBAAgB;CAC9B,MAAM,WAAW,sBACb,gBACA,MAAM,sBAAsB;CAChC,MAAM,eAAe,sBACjB,oBACA,UAAU,sBAAsB;CACpC,MAAM,eAAe,sBACjB,gBACA,MAAM,gBAAgB;CAG1B,MAAM,CAAC,cAAc,mBAAmB,SAAS,GAAG;CACpD,MAAM,CAAC,YAAY,iBAAiB,SAG1B,KAAK;CACf,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CAMjD,MAAM,WAAW,cAAc;CAC/B,MAAM,mBACJ,YAAY,OAAO,SAAS,QAAQ,YAAY,SAAS,QAAQ,KAC7D,cACA,KAAA;CAEN,MAAM,UAAU,cAEZ,mBAAmB,eAAe,iBAAiB,GAAG,gBACxD,CAAC,iBAAiB,CACnB;CAGD,MAAM,eAAe,cAAc;EACjC,IAAI,SAAS,CAAC,GAAG,KAAK;AAEtB,MAAI,cAAc;GAChB,MAAM,cAAc,aAAa,aAAa;AAC9C,YAAS,OAAO,QAAQ,SACtB,QAAQ,MAAM,QAAQ;IACpB,MAAM,QAAQ,KAAK,IAAI;AACvB,WAAO,OAAO,SAAS,GAAG,CACvB,aAAa,CACb,SAAS,YAAY;KACxB,CACH;;AAGH,SAAO;IACN;EAAC;EAAM;EAAc;EAAQ,CAAC;CAGjC,MAAM,aAAa,cAAc;AAC/B,MAAI,CAAC,WAAY,QAAO;AAExB,SAAO,CAAC,GAAG,aAAa,CAAC,MAAM,GAAG,MAAM;GACtC,MAAM,SAAS,EAAE,WAAW;GAC5B,MAAM,SAAS,EAAE,WAAW;AAG5B,OAAI,UAAU,QAAQ,UAAU,KAAM,QAAO;AAC7C,OAAI,UAAU,KAAM,QAAO,WAAW,cAAc,QAAQ,IAAI;AAChE,OAAI,UAAU,KAAM,QAAO,WAAW,cAAc,QAAQ,KAAK;GAGjE,IAAI,aAAa;AACjB,OAAI,OAAO,WAAW,YAAY,OAAO,WAAW,SAClD,cAAa,SAAS;OAEtB,cAAa,OAAO,OAAO,CAAC,cAAc,OAAO,OAAO,CAAC;AAG3D,UAAO,WAAW,cAAc,QAAQ,aAAa,CAAC;IACtD;IACD,CAAC,cAAc,WAAW,CAAC;CAG9B,MAAM,gBAAgB,cAAc;AAClC,MAAI,CAAC,kBAAmB,QAAO;EAE/B,MAAM,cAAc,cAAc,KAAK;AACvC,SAAO,WAAW,MAAM,YAAY,aAAa,SAAS;IACzD;EAAC;EAAY;EAAa;EAAU;EAAkB,CAAC;CAE1D,MAAM,aAAa,KAAK,KAAK,WAAW,SAAS,SAAS;CAG1D,MAAM,4BAA4B,UAAkB;AAClD,kBAAgB,MAAM;AACtB,iBAAe,EAAE;;CAInB,MAAM,cAAc,QAAgB;AAClC,MAAI,CAAC,eAAgB;AAErB,iBAAe,SAAS;AACtB,OAAI,MAAM,QAAQ,IAAK,QAAO;IAAE;IAAK,WAAW;IAAO;AACvD,OAAI,KAAK,cAAc,MAAO,QAAO;IAAE;IAAK,WAAW;IAAQ;AAC/D,UAAO;IACP;;CAIJ,MAAM,oBAAoB,QAAgB;AACxC,MAAI,YAAY,QAAQ,IAAK,QAAO;AACpC,SAAO,WAAW,cAAc,QAAQ,OAAO;;CAGjD,MAAM,EAAE,gBAAgB,sBAAsB;AAE9C,QACE,qBAAC,OAAD;EACE,WAAW,8BAA8B,oBAAoB,KAAK,kBAAkB,WAAW,aAAa,GAAG,mBAAmB,aAAa,GAAG,gBAAgB,SAAS,mBAAmB,eAAe,GAAG,MAAM,gBAAgB,2BAA2B,UAAU,GAAG;EAC9Q,OAAO,EAAE,iBAAiB;EAC1B,GAAI;YAHN;GAKE,qBAAC,OAAD;IACE,WAAW,uCAAuC,QAAQ,GAAG,QAAQ;cADvE,CAIG,gBAAgB,aACf,oBAAC,MAAD;KACE,WAAW,QAAQ,kBAAkB,OAAO,SAAS,cAAc,8BAA8B,WAAW;eAE3G;KACE,CAAA,EAIN,iBACC,oBAAC,OAAD;KACE,MAAK;KACL,aAAY;KACZ,OAAO;KACP,WAAW,MACT,yBAAyB,EAAE,OAAO,MAAM;KAE1C,WAAW,4BAA4B,aAAa,GAAG,SAAS,wDAAwD,gBAAgB;KACxI,CAAA,CAEA;;GAGN,oBAAC,OAAD;IAAK,WAAU;cACb,qBAAC,SAAD;KAAO,WAAU;eAAjB,CACE,oBAAC,SAAD,EAAA,UACE,oBAAC,MAAD;MAAI,WAAW,GAAG,SAAS,GAAG,aAAa;gBACxC,QAAQ,KAAK,QACZ,oBAAC,MAAD;OAEE,WAAW,kDAAkD,gBAAgB,GAAG,IAAI,YAAY,iBAAiB,gDAAgD;OACjK,GAAK,IAAI,YAAY,iBACjB;QACE,MAAM;QACN,UAAU;QACV,eAAe,WAAW,IAAI,IAAI;QAClC,YAAY,MAA2B;AACrC,aAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,YAAE,gBAAgB;AAClB,qBAAW,IAAI,IAAI;;;QAGxB,GACD,EAAE;iBAEN,oBAAC,OAAD;QAAK,WAAU;kBACb,qBAAC,QAAD,EAAA,UAAA,CACG,IAAI,OACJ,IAAI,YACH,kBACA,iBAAiB,IAAI,IAAI,CACtB,EAAA,CAAA;QACH,CAAA;OACH,EAxBE,IAAI,IAwBN,CACL;MACC,CAAA,EACC,CAAA,EACR,oBAAC,SAAD,EAAA,UACG,KAAK,WAAW,IACf,oBAAC,MAAD,EAAA,UACE,oBAAC,MAAD;MAAI,SAAS,QAAQ;gBACnB,qBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,oBAAC,OAAD;SAAK,WAAU;mBAAW;SAAQ,CAAA;QAClC,oBAAC,KAAD;SAAG,WAAU;mBAAU;SAAqB,CAAA;QAC5C,oBAAC,KAAD;SAAG,WAAU;mBAAmC;SAE5C,CAAA;QACA;;MACH,CAAA,EACF,CAAA,GACH,cAAc,WAAW,IAC3B,oBAAC,MAAD,EAAA,UACE,oBAAC,MAAD;MAAI,SAAS,QAAQ;gBACnB,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,oBAAC,KAAD;QAAG,WAAU;kBAAU;QAAoB,CAAA,EAC3C,oBAAC,KAAD;QAAG,WAAU;kBAAU;QAA6B,CAAA,CAChD;;MACH,CAAA,EACF,CAAA,GAEL,qBAAA,YAAA,EAAA,UAAA,CACG,cAAc,KAAK,MAAM,UACxB,oBAAC,MAAD;MAEE,WAAW,iBAAiB,YAAY,oBAAoB,QAAQ,GAAG,0BAA0B,QAAQ,eAAe,GAAG,GAAG,cAAc,oCAAoC;MAChL,GAAK,cACD;OACE,UAAU;OACV,eAAe,YAAY,KAAK;OAChC,YAAY,MAA2B;AACrC,YAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,WAAE,gBAAgB;AAClB,qBAAY,KAAK;;;OAGtB,GACD,EAAE;gBAEL,QAAQ,KAAK,QACZ,oBAAC,MAAD;OAAkB,WAAU;iBACzB,IAAI,SACD,IAAI,OAAO,KAAK,IAAI,MAAM,KAAK,GAC/B,OAAO,KAAK,IAAI,QAAQ,IAAI;OAC7B,EAJI,IAAI,IAIR,CACL;MACC,EAtBE,KAAK,MAAM,MAsBb,CACL,EAED,qBACC,cAAc,SAAS,YACvB,cAAc,SAAS,KACvB,MAAM,KAAK,EAAE,QAAQ,WAAW,cAAc,QAAQ,CAAC,CAAC,KACrD,GAAG,UACF,oBAAC,MAAD;MAEE,WAAW,iBAAiB,YAAY,oBAAoB,QAAQ,GAAG,0BAA0B,QAAQ,eAAe;gBAEvH,QAAQ,KAAK,QACZ,oBAAC,MAAD;OAAkB,WAAU;iBAAoB;OAE3C,EAFI,IAAI,IAER,CACL;MACC,EARE,SAAS,QAQX,CAER,CACF,EAAA,CAAA,EAEC,CAAA,CACF;;IACJ,CAAA;GAGL,qBAAqB,aAAa,KACjC,qBAAC,OAAD;IACE,WAAW,6DAA6D,YAAY,KAAK,QAAQ,gBAAgB,aAAa,QAAQ;cADxI,CAGE,qBAAC,KAAD;KAAG,WAAU;eAAb;MAAuB;OACX,cAAc,KAAK,WAAW;MAAE;MACzC,KAAK,IAAI,cAAc,UAAU,WAAW,OAAO;MAAC;MAAI;MACxD,WAAW;MAAO;MACjB;QACJ,qBAAC,OAAD;KAAK,WAAU;eAAf;MACE,oBAAC,UAAD;OACE,eAAe,gBAAgB,MAAM,KAAK,IAAI,GAAG,IAAI,EAAE,CAAC;OACxD,UAAU,gBAAgB;OAC1B,WAAW,4BAA4B,sBAAsB,UAAU,sBAAsB;iBAC9F;OAEQ,CAAA;MACT,qBAAC,QAAD;OAAM,WAAU;iBAAhB;QAA0B;QAClB;QAAY;QAAK;QAClB;;MACP,oBAAC,UAAD;OACE,eAAe,gBAAgB,MAAM,KAAK,IAAI,YAAY,IAAI,EAAE,CAAC;OACjE,UAAU,gBAAgB;OAC1B,WAAW,4BAA4B,sBAAsB,UAAU,sBAAsB;iBAC9F;OAEQ,CAAA;MACL;OACF;;GAEJ;;;AAIV,MAAa,4BAAkD;CAC7D,YAAY;CACZ,aAAa;CACb,YAAY;EACV;GAAE,IAAI;GAAW,OAAO;GAAW;EACnC;GAAE,IAAI;GAAY,OAAO;GAAY;EACrC;GAAE,IAAI;GAAQ,OAAO;GAAQ;EAC9B;CACD,uBAAuB,CAAC,QAAQ,UAAU;CAC1C,QAAQ;EAEN;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD,iBAAiB;GACf,OAAO;GACP,cAAc;GACd,KAAK;GACL,aAAa;GACb,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EACF,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EAGF;GACE,MAAM;GACN,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,MAAM;GACN,OAAO;GACP,KAAK;GACL,OAAO;GACR;EACD,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,qBAAqB;GACnB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EAGF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,KAAK;GACL,MAAM;GACN,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EAGD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,OAAO;GACR;EACF;CACF"}

package/dist/TableWidget-FDbnEYZb.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableWidget-FDbnEYZb.cjs","names":["MediaRenderer","getMediaPropsFromShareable","useWidgetInteraction","borderWidthClasses","borderColorClasses","Input","getFontSizeField","getColorField","getPaddingField","getBorderRadiusField","getBorderWidthField","getBorderColorField"],"sources":["../../widgets/src/widgets/TableWidget.tsx"],"sourcesContent":["import { useState, useMemo, type ComponentProps } from \"react\";\nimport type React from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport {\n  getBorderRadiusField,\n  getBorderWidthField,\n  getBorderColorField,\n  borderWidthClasses,\n  borderColorClasses,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n} from \"../core/fields\";\nimport { Input } from \"@fluid-app/ui-primitives\";\nimport {\n  MediaRenderer,\n  getMediaPropsFromShareable,\n} from \"../components/MediaRenderer\";\nimport { type ShareableItem } from \"@fluid-app/portal-core/types\";\nimport { useWidgetInteraction } from \"../contexts/WidgetInteractionContext\";\n\n/** Plain column definition provided by data sources (no render functions) */\nexport type TableColumnDef = {\n  key: string;\n  label: string;\n  sortable: boolean;\n};\n\n// Internal column definition (includes render function)\ntype ColumnDef = TableColumnDef & {\n  render?: (value: unknown, item: ShareableItem) => React.ReactNode;\n};\n\nconst DEFAULT_DATA: ShareableItem[] = [];\n\n// ---------------------------------------------------------------------------\n// Column cell renderers\n// ---------------------------------------------------------------------------\n\nfunction ImageCellRenderer(_value: unknown, item: ShareableItem) {\n  return (\n    <div className=\"h-10 w-10 rounded object-cover\">\n      <MediaRenderer {...getMediaPropsFromShareable(item)} />\n    </div>\n  );\n}\n\nfunction PriceCellRenderer(_value: unknown, item: ShareableItem) {\n  return ((item.display_price as string) ?? item.price) || \"-\";\n}\n\nfunction StatusCellRenderer(value: unknown) {\n  const status = String(value || \"unknown\").toLowerCase();\n  const statusStyles: Record<string, string> = {\n    active: \"bg-primary text-primary-foreground\",\n    paid: \"bg-primary text-primary-foreground\",\n    inactive: \"bg-secondary text-secondary-foreground\",\n    paused: \"bg-secondary text-secondary-foreground\",\n    unknown: \"bg-muted text-muted-foreground\",\n    unpaid: \"bg-destructive text-destructive-foreground\",\n    refunded: \"bg-muted text-muted-foreground\",\n    cancelled: \"bg-destructive text-destructive-foreground\",\n  };\n  return (\n    <span\n      className={`inline-flex rounded-full px-2 py-1 text-xs font-medium ${statusStyles[status] || \"bg-muted text-foreground\"}`}\n    >\n      {String(value || \"Unknown\")}\n    </span>\n  );\n}\n\n/** Map of column keys to custom cell renderers */\nconst CELL_RENDERERS: Record<\n  string,\n  (value: unknown, item: ShareableItem) => React.ReactNode\n> = {\n  imageUrl: ImageCellRenderer,\n  price: PriceCellRenderer,\n  display_price: PriceCellRenderer,\n  status: StatusCellRenderer,\n};\n\n/** Resolve plain column definitions from a data source into full ColumnDefs with renderers */\nfunction resolveColumns(columns: TableColumnDef[]): ColumnDef[] {\n  return columns.map((col) => {\n    const render = CELL_RENDERERS[col.key];\n    return render ? { ...col, render } : { ...col };\n  });\n}\n\n// Default columns for product data\nconst defaultColumns: ColumnDef[] = [\n  {\n    key: \"imageUrl\",\n    label: \"Image\",\n    sortable: false,\n    render: ImageCellRenderer,\n  },\n  {\n    key: \"title\",\n    label: \"Title\",\n    sortable: true,\n  },\n  {\n    key: \"price\",\n    label: \"Price\",\n    sortable: true,\n    render: PriceCellRenderer,\n  },\n  {\n    key: \"status\",\n    label: \"Status\",\n    sortable: true,\n    render: StatusCellRenderer,\n  },\n];\n\ntype TableWidgetProps = ComponentProps<\"div\"> & {\n  // Title\n  titleEnabled?: boolean;\n  titleText?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Styling\n  background?: BackgroundValue;\n  alternatingColorEnabled?: boolean;\n  textColor?: ColorOptions;\n  headerBackgroundColor?: ColorOptions;\n  headerTextColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n\n  // Data\n  data?: ShareableItem[];\n  /** Column definitions from a data source (plain data, renderers resolved internally) */\n  columns?: TableColumnDef[];\n\n  // Features\n  filterEnabled?: boolean;\n  sortingEnabled?: boolean;\n  paginationEnabled?: boolean;\n  maxRowsPerPage?: number;\n};\n\nexport function TableWidget({\n  // Title defaults\n  titleEnabled = true,\n  titleText = \"Products\",\n  titleFontSize = \"xl\",\n  titleColor = \"foreground\",\n\n  // Styling defaults\n  background = {\n    type: \"solid\",\n    color: \"background\",\n  },\n  alternatingColorEnabled = true,\n  textColor = \"foreground\",\n  headerBackgroundColor = \"muted\",\n  headerTextColor = \"foreground\",\n  padding = 4,\n  borderRadius = \"md\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n\n  // Data\n  data = DEFAULT_DATA,\n  columns: columnsProp,\n\n  // Feature defaults\n  filterEnabled = true,\n  sortingEnabled = true,\n  paginationEnabled = true,\n  maxRowsPerPage = 5,\n\n  className,\n  ...props\n}: TableWidgetProps): React.JSX.Element {\n  const backgroundColor = background.color || \"background\";\n  const isImageBackground = background.type === \"image\";\n  const backgroundImage =\n    (background.resource?.image_url || background.resource?.imageUrl) &&\n    isImageBackground\n      ? `url(${background.resource.image_url || background.resource.imageUrl})`\n      : \"none\";\n  const pageSize = maxRowsPerPage;\n\n  // When using an image or transparent background, inner elements should be\n  // transparent so the image/page shows through. Otherwise use the configured colors.\n  const isTransparentBg = backgroundColor === \"transparent\";\n  const useTransparentInner = isImageBackground || isTransparentBg;\n  const innerBg = useTransparentInner\n    ? \"bg-transparent\"\n    : `bg-${backgroundColor}`;\n  const innerBgAlt = useTransparentInner\n    ? \"bg-black/5\"\n    : `bg-${backgroundColor}-400`;\n  const transparentBorder = isTransparentBg\n    ? \"border-black/20\"\n    : \"border-white/20\";\n  const innerBorder = useTransparentInner\n    ? transparentBorder\n    : `border-${backgroundColor}-600`;\n  const headerBg = useTransparentInner\n    ? \"bg-black/10\"\n    : `bg-${headerBackgroundColor}-400`;\n  const headerBorder = useTransparentInner\n    ? transparentBorder\n    : `border-${headerBackgroundColor}-600`;\n  const paginationBg = useTransparentInner\n    ? \"bg-black/10\"\n    : `bg-${backgroundColor}-400`;\n\n  // State for filtering, sorting, and pagination\n  const [globalFilter, setGlobalFilter] = useState(\"\");\n  const [sortConfig, setSortConfig] = useState<{\n    key: string;\n    direction: \"asc\" | \"desc\";\n  } | null>(null);\n  const [currentPage, setCurrentPage] = useState(1);\n\n  // Only use columns from the data source if they look like valid column defs\n  // (have a `key` string). When transformers return a plain array (e.g. toShareableProps),\n  // use-widget-data maps the same array to ALL targetProps, so `columns` may\n  // receive the data rows instead of column definitions.\n  const firstCol = columnsProp?.[0];\n  const validColumnsProp =\n    firstCol && typeof firstCol.key === \"string\" && firstCol.key !== \"\"\n      ? columnsProp\n      : undefined;\n\n  const columns = useMemo(\n    () =>\n      validColumnsProp ? resolveColumns(validColumnsProp) : defaultColumns,\n    [validColumnsProp],\n  );\n\n  // Filter data\n  const filteredData = useMemo(() => {\n    let result = [...data];\n\n    if (globalFilter) {\n      const lowerFilter = globalFilter.toLowerCase();\n      result = result.filter((item) =>\n        columns.some((col) => {\n          const value = item[col.key];\n          return String(value ?? \"\")\n            .toLowerCase()\n            .includes(lowerFilter);\n        }),\n      );\n    }\n\n    return result;\n  }, [data, globalFilter, columns]);\n\n  // Sort data\n  const sortedData = useMemo(() => {\n    if (!sortConfig) return filteredData;\n\n    return [...filteredData].sort((a, b) => {\n      const aValue = a[sortConfig.key];\n      const bValue = b[sortConfig.key];\n\n      // Handle null/undefined\n      if (aValue == null && bValue == null) return 0;\n      if (aValue == null) return sortConfig.direction === \"asc\" ? 1 : -1;\n      if (bValue == null) return sortConfig.direction === \"asc\" ? -1 : 1;\n\n      // Compare values\n      let comparison = 0;\n      if (typeof aValue === \"number\" && typeof bValue === \"number\") {\n        comparison = aValue - bValue;\n      } else {\n        comparison = String(aValue).localeCompare(String(bValue));\n      }\n\n      return sortConfig.direction === \"asc\" ? comparison : -comparison;\n    });\n  }, [filteredData, sortConfig]);\n\n  // Paginate data\n  const paginatedData = useMemo(() => {\n    if (!paginationEnabled) return sortedData;\n\n    const startIndex = (currentPage - 1) * pageSize;\n    return sortedData.slice(startIndex, startIndex + pageSize);\n  }, [sortedData, currentPage, pageSize, paginationEnabled]);\n\n  const totalPages = Math.ceil(sortedData.length / pageSize);\n\n  // Reset to page 1 when filters change\n  const handleGlobalFilterChange = (value: string) => {\n    setGlobalFilter(value);\n    setCurrentPage(1);\n  };\n\n  // Handle sort\n  const handleSort = (key: string) => {\n    if (!sortingEnabled) return;\n\n    setSortConfig((prev) => {\n      if (prev?.key !== key) return { key, direction: \"asc\" };\n      if (prev.direction === \"asc\") return { key, direction: \"desc\" };\n      return null;\n    });\n  };\n\n  // Get sort indicator\n  const getSortIndicator = (key: string) => {\n    if (sortConfig?.key !== key) return null;\n    return sortConfig.direction === \"asc\" ? \" ↑\" : \" ↓\";\n  };\n\n  const { onItemClick } = useWidgetInteraction();\n\n  return (\n    <div\n      className={`@container overflow-hidden ${paginationEnabled ? \"\" : \"overflow-y-auto\"} rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} bg-${backgroundColor} bg-cover bg-center text-${textColor} ${className}`}\n      style={{ backgroundImage }}\n      {...props}\n    >\n      <div\n        className={`flex items-center justify-between p-${padding} ${innerBg} space-x-2`}\n      >\n        {/* Title */}\n        {titleEnabled && titleText && (\n          <h2\n            className={`text-${titleFontSize === \"md\" ? \"base\" : titleFontSize} font-header font-bold text-${titleColor} min-w-0 truncate`}\n          >\n            {titleText}\n          </h2>\n        )}\n\n        {/* Global Search */}\n        {filterEnabled && (\n          <Input\n            type=\"text\"\n            placeholder=\"Search all columns...\"\n            value={globalFilter}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n              handleGlobalFilterChange(e.target.value)\n            }\n            className={`w-full rounded-md border ${headerBorder} ${headerBg} ring-offset-muted px-3 py-2 text-sm placeholder:text-${headerTextColor}-400 focus-visible:ring-primary focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none md:w-64`}\n          />\n        )}\n      </div>\n\n      {/* Table */}\n      <div className=\"overflow-x-auto\">\n        <table className=\"w-full border-collapse\">\n          <thead>\n            <tr className={`${headerBg} ${headerBorder} border-y`}>\n              {columns.map((col) => (\n                <th\n                  key={col.key}\n                  className={`px-4 py-3 text-left text-sm font-semibold text-${headerTextColor} ${col.sortable && sortingEnabled ? \"cursor-pointer select-none hover:opacity-80\" : \"\"}`}\n                  {...(col.sortable && sortingEnabled\n                    ? {\n                        role: \"button\" as const,\n                        tabIndex: 0,\n                        onClick: () => handleSort(col.key),\n                        onKeyDown: (e: React.KeyboardEvent) => {\n                          if (e.key === \"Enter\" || e.key === \" \") {\n                            e.preventDefault();\n                            handleSort(col.key);\n                          }\n                        },\n                      }\n                    : {})}\n                >\n                  <div className=\"flex flex-col gap-1\">\n                    <span>\n                      {col.label}\n                      {col.sortable &&\n                        sortingEnabled &&\n                        getSortIndicator(col.key)}\n                    </span>\n                  </div>\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {data.length === 0 ? (\n              <tr>\n                <td colSpan={columns.length}>\n                  <div className=\"text-muted-foreground flex min-h-[200px] flex-col items-center justify-center gap-2\">\n                    <div className=\"text-4xl\">📋</div>\n                    <p className=\"text-sm\">No data available</p>\n                    <p className=\"text-muted-foreground/70 text-xs\">\n                      Connect a data source to display table data\n                    </p>\n                  </div>\n                </td>\n              </tr>\n            ) : paginatedData.length === 0 ? (\n              <tr>\n                <td colSpan={columns.length}>\n                  <div className=\"py-8 text-center\">\n                    <p className=\"text-sm\">No results found</p>\n                    <p className=\"text-xs\">Try adjusting your search</p>\n                  </div>\n                </td>\n              </tr>\n            ) : (\n              <>\n                {paginatedData.map((item, index) => (\n                  <tr\n                    key={item.id ?? index}\n                    className={`h-17 border-b ${innerBorder} last:border-none ${innerBg} ${alternatingColorEnabled ? `even:${innerBgAlt}` : \"\"} ${onItemClick ? \"cursor-pointer hover:opacity-80\" : \"\"}`}\n                    {...(onItemClick\n                      ? {\n                          tabIndex: 0,\n                          onClick: () => onItemClick(item),\n                          onKeyDown: (e: React.KeyboardEvent) => {\n                            if (e.key === \"Enter\" || e.key === \" \") {\n                              e.preventDefault();\n                              onItemClick(item);\n                            }\n                          },\n                        }\n                      : {})}\n                  >\n                    {columns.map((col) => (\n                      <td key={col.key} className=\"px-4 py-3 text-sm\">\n                        {col.render\n                          ? col.render(item[col.key], item)\n                          : String(item[col.key] ?? \"-\")}\n                      </td>\n                    ))}\n                  </tr>\n                ))}\n                {/* Empty rows to fill the last page for consistent pagination position */}\n                {paginationEnabled &&\n                  paginatedData.length < pageSize &&\n                  paginatedData.length > 0 &&\n                  Array.from({ length: pageSize - paginatedData.length }).map(\n                    (_, index) => (\n                      <tr\n                        key={`empty-${index}`}\n                        className={`h-17 border-b ${innerBorder} last:border-none ${innerBg} ${alternatingColorEnabled ? `even:${innerBgAlt}` : \"\"}`}\n                      >\n                        {columns.map((col) => (\n                          <td key={col.key} className=\"px-4 py-3 text-sm\">\n                            &nbsp;\n                          </td>\n                        ))}\n                      </tr>\n                    ),\n                  )}\n              </>\n            )}\n          </tbody>\n        </table>\n      </div>\n\n      {/* Pagination */}\n      {paginationEnabled && totalPages > 1 && (\n        <div\n          className={`flex flex-col items-center justify-between gap-2 border-t ${innerBorder} p-${padding} @md:flex-row ${paginationBg} text-${textColor}`}\n        >\n          <p className=\"text-sm\">\n            Showing {(currentPage - 1) * pageSize + 1}-\n            {Math.min(currentPage * pageSize, sortedData.length)} of{\" \"}\n            {sortedData.length} results\n          </p>\n          <div className=\"flex items-center gap-2\">\n            <button\n              onClick={() => setCurrentPage((p) => Math.max(1, p - 1))}\n              disabled={currentPage === 1}\n              className={`rounded-md border border-${headerBackgroundColor}-600 bg-${headerBackgroundColor} ring-offset-muted placeholder:text-muted-foreground focus-visible:ring-primary px-3 py-1 text-sm transition-opacity hover:opacity-80 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50`}\n            >\n              Previous\n            </button>\n            <span className=\"text-sm\">\n              Page {currentPage} of {totalPages}\n            </span>\n            <button\n              onClick={() => setCurrentPage((p) => Math.min(totalPages, p + 1))}\n              disabled={currentPage === totalPages}\n              className={`rounded-md border border-${headerBackgroundColor}-600 bg-${headerBackgroundColor} ring-offset-muted placeholder:text-muted-foreground focus-visible:ring-primary px-3 py-1 text-sm transition-opacity hover:opacity-80 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50`}\n            >\n              Next\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const tableWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"TableWidget\",\n  displayName: \"Table Widget\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"behavior\", label: \"Behavior\" },\n    { id: \"data\", label: \"Data\" },\n  ],\n  dataSourceTargetProps: [\"data\", \"columns\"],\n  fields: [\n    // Content Tab - Title Group\n    {\n      key: \"titleEnabled\",\n      label: \"Widget Title\",\n      type: \"boolean\",\n      description: \"Enable the title displayed above the table\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Title text displayed above the table\",\n      defaultValue: \"Products\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      label: \"Title Font Size\",\n      defaultValue: \"xl\",\n      key: \"titleFontSize\",\n      description: \"Font size for the widget title\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the widget title\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Styling Tab - Design Group\n    {\n      type: \"background\",\n      key: \"background\",\n      label: \"Background\",\n      description: \"Background for the table container\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"alternatingColorEnabled\",\n      label: \"Enable Alternating Colors\",\n      type: \"boolean\",\n      description: \"Enable alternating colors for table rows\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getColorField({\n      key: \"headerBackgroundColor\",\n      label: \"Header Background\",\n      description: \"Background color for the table header\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color for table content\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"headerTextColor\",\n      label: \"Header Text Color\",\n      description: \"Text color for the table header\",\n      defaultValue: \"foreground\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding around the table container\",\n      defaultValue: 4,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the table container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n\n    // Behavior Tab - Features Group\n    {\n      key: \"filterEnabled\",\n      label: \"Enable Filters\",\n      type: \"boolean\",\n      description: \"Show global search and column filters\",\n      defaultValue: true,\n      tab: \"behavior\",\n      group: \"Features\",\n    },\n    {\n      key: \"sortingEnabled\",\n      label: \"Enable Sorting\",\n      type: \"boolean\",\n      description: \"Allow sorting by clicking column headers\",\n      defaultValue: true,\n      tab: \"behavior\",\n      group: \"Features\",\n    },\n    {\n      key: \"paginationEnabled\",\n      label: \"Enable Pagination\",\n      type: \"boolean\",\n      description: \"Split data into pages\",\n      defaultValue: true,\n      tab: \"behavior\",\n      group: \"Features\",\n    },\n    {\n      key: \"maxRowsPerPage\",\n      label: \"Max Rows Per Page\",\n      type: \"number\",\n      description: \"Maximum number of rows to display per page\",\n      min: 1,\n      max: 50,\n      step: 1,\n      defaultValue: 5,\n      tab: \"behavior\",\n      group: \"Features\",\n      requiresKeyToBeTrue: \"paginationEnabled\",\n    },\n\n    // Data Tab\n    {\n      key: \"dataSource\",\n      label: \"Data Source\",\n      type: \"dataSource\",\n      description: \"Configure data source for the table\",\n      tab: \"data\",\n      group: \"Data Configuration\",\n    },\n  ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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O;GACP,cAAc;GACd,KAAK;GACL,aAAa;GACb,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EACFC,mBAAAA,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB,CAAC;EAGF;GACE,MAAM;GACN,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACDA,mBAAAA,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFA,mBAAAA,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFA,mBAAAA,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,MAAM;GACN,OAAO;GACP,KAAK;GACL,OAAO;GACR;EACDC,mBAAAA,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,qBAAqB;GACnB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EAGF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,KAAK;GACL,MAAM;GACN,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EAGD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,OAAO;GACR;EACF;CACF"}

package/dist/src-BRTXunU1.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"src-BRTXunU1.mjs","names":[],"sources":["../../../store/core/src/countries-api-context.ts","../../../platform/theme-engine/src/types.ts","../../../platform/theme-engine/src/color-engine.ts","../../../platform/theme-engine/src/tailwind-overrides.ts","../../../platform/theme-engine/src/css-generator.ts","../../../platform/theme-engine/src/defaults.ts","../../../platform/theme-engine/src/serialisation.ts","../../../platform/theme-engine/src/transforms.ts","../../../platform/theme-engine/src/theme-applicator.ts"],"sourcesContent":["import { createContext, useContext, type Provider } from \"react\";\nimport type { CountriesApi } from \"./countries-api\";\n\nconst CountriesApiContext = createContext<CountriesApi | null>(null);\n\nexport const CountriesApiProvider: Provider<CountriesApi | null> =\n  CountriesApiContext.Provider;\n\nexport function useCountriesApi(): CountriesApi {\n  const api = useContext(CountriesApiContext);\n  if (!api) {\n    throw new Error(\n      \"useCountriesApi must be used within a CountriesApiProvider\",\n    );\n  }\n  return api;\n}\n","import type Color from \"colorjs.io\";\n\n// Semantic color names - matches portal-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\nconst BARE_HEX_RE = /^[0-9a-fA-F]{6}$/;\n\n/**\n * Attempt to convert any string into a Color using colorjs.io.\n * If the string is exactly 6 hex digits it is assumed to be a bare hex value\n * (e.g. \"3b82f6\") and a \"#\" prefix is added before parsing. Six-letter\n * named colours like \"orange\" or \"maroon\" are left untouched.\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 (BARE_HEX_RE.test(value)) {\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 — APCA is signed\n * (negative for dark-on-light, positive for light-on-dark), so comparing the\n * absolute value avoids flipping dark text that already contrasts well on a\n * medium background.\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 (Math.abs(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 * Convenience helper: given a background color string, return a CSS color\n * string for text overlaid on it. Uses APCA contrast to pick between\n * near-black and near-white. Returns `null` when the background cannot be\n * parsed (e.g. a CSS custom property reference like `var(--color-muted)` or\n * a malformed value), so callers can fall back to their theme foreground.\n */\nexport function getContrastingTextColor(background: string): string | null {\n  const normalised = BARE_HEX_RE.test(background)\n    ? `#${background}`\n    : background;\n  let bg: Color;\n  try {\n    bg = new Color(normalised);\n  } catch {\n    return null;\n  }\n  const initialFg = new Color(\"oklch\", [0.15, 0, 0]);\n  return getForegroundColor(initialFg, bg).toString({ format: \"oklch\" });\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 portal-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 * Format a font family value for CSS output.\n * - If the value starts with \"var(\" (legacy), pass through as-is\n * - If the value already contains a comma (has fallback), pass through as-is\n * - Otherwise, wrap in quotes and append a generic sans-serif fallback\n */\nfunction formatFontFamily(value: string): string {\n  if (value.startsWith(\"var(\")) return value;\n  if (value.includes(\",\")) return value;\n  return `'${value}', sans-serif`;\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}: ${formatFontFamily(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  \"--color-contrast: var(--color-foreground);\",\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];\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: \"Inter\",\n  body: \"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 { FONT_FAMILY_KEYS, type ResolvedTheme } from \"./types\";\nimport type { GenerateThemeCSSOptions } from \"./css-generator\";\n\nconst STYLE_PREFIX = \"theme-style-\";\nconst FONT_LINK_PREFIX = \"theme-font-\";\n\nconst SYSTEM_FONTS = new Set([\n  \"sans-serif\",\n  \"serif\",\n  \"monospace\",\n  \"cursive\",\n  \"fantasy\",\n  \"system-ui\",\n  \"ui-sans-serif\",\n  \"ui-serif\",\n  \"ui-monospace\",\n]);\n\n/** Build a Google Fonts CSS2 URL for a given font family with all weights. */\nfunction buildGoogleFontUrl(family: string): string {\n  const encoded = encodeURIComponent(family).replace(/%20/g, \"+\");\n  return `https://fonts.googleapis.com/css2?family=${encoded}:wght@100;200;300;400;500;600;700;800;900&display=swap`;\n}\n\n/** Check if a font family value needs to be loaded (i.e. is not a CSS var or system font). */\nfunction isLoadableFont(value: string): boolean {\n  if (!value) return false;\n  if (value.startsWith(\"var(\")) return false;\n  return !SYSTEM_FONTS.has(value.toLowerCase());\n}\n\n/** Deterministic link element ID for a font family. */\nfunction fontLinkId(family: string): string {\n  return `${FONT_LINK_PREFIX}${family.replace(/\\s+/g, \"-\").toLowerCase()}`;\n}\n\n/**\n * Inject or update `<link>` elements for Google Fonts used by the theme.\n * Removes links for fonts that are no longer referenced.\n */\nfunction loadThemeFonts(theme: ResolvedTheme): void {\n  if (typeof document === \"undefined\") return;\n\n  const fontsToLoad = new Set<string>();\n  for (const key of FONT_FAMILY_KEYS) {\n    const value = theme.fontFamilies[key];\n    if (isLoadableFont(value)) {\n      fontsToLoad.add(value);\n    }\n  }\n\n  // Remove stale font links owned by this theme\n  const existingLinks = document.querySelectorAll(\n    `link[id^=\"${FONT_LINK_PREFIX}\"]`,\n  );\n  existingLinks.forEach((link) => {\n    const owners = link.getAttribute(\"data-font-theme-ids\")?.split(\",\") ?? [];\n    if (!owners.includes(theme.id)) return;\n    const fontName = link.getAttribute(\"data-font-family\");\n    if (fontName && !fontsToLoad.has(fontName)) {\n      const remaining = owners.filter((id) => id !== theme.id);\n      if (remaining.length === 0) {\n        link.remove();\n      } else {\n        link.setAttribute(\"data-font-theme-ids\", remaining.join(\",\"));\n      }\n    }\n  });\n\n  // Add new font links (or register this theme as an owner of existing ones)\n  for (const family of fontsToLoad) {\n    const id = fontLinkId(family);\n    const existing = document.getElementById(id);\n    if (existing) {\n      const owners =\n        existing.getAttribute(\"data-font-theme-ids\")?.split(\",\") ?? [];\n      if (!owners.includes(theme.id)) {\n        existing.setAttribute(\n          \"data-font-theme-ids\",\n          [...owners, theme.id].join(\",\"),\n        );\n      }\n    } else {\n      const link = document.createElement(\"link\");\n      link.id = id;\n      link.rel = \"stylesheet\";\n      link.href = buildGoogleFontUrl(family);\n      link.setAttribute(\"data-font-family\", family);\n      link.setAttribute(\"data-font-theme-ids\", theme.id);\n      document.head.appendChild(link);\n    }\n  }\n}\n\n/** Remove all font `<link>` elements injected by the theme system. */\nfunction removeAllFontLinks(): void {\n  if (typeof document === \"undefined\") return;\n  document\n    .querySelectorAll(`link[id^=\"${FONT_LINK_PREFIX}\"]`)\n    .forEach((el) => el.remove());\n}\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 * Also loads Google Fonts referenced by the theme's font families.\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    loadThemeFonts(theme);\n\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 and clean up font link ownership. 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  // Remove this theme from font link ownership; delete links with no remaining owners\n  document\n    .querySelectorAll(`link[id^=\"${FONT_LINK_PREFIX}\"]`)\n    .forEach((link) => {\n      const owners = link.getAttribute(\"data-font-theme-ids\")?.split(\",\") ?? [];\n      const remaining = owners.filter((id) => id !== themeId);\n      if (remaining.length === 0) {\n        link.remove();\n      } else {\n        link.setAttribute(\"data-font-theme-ids\", remaining.join(\",\"));\n      }\n    });\n}\n\n/** Remove all injected theme stylesheets and font links. 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  removeAllFontLinks();\n}\n"],"mappings":"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"}