@enadhq/enad-react-sdk 1.0.2 → 1.1.0

package/dist/client/storefront/types.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/storefront/types.ts"],"sourcesContent":["/* ─── Asset & Link primitives ─── */\n\nexport type ImageAsset = {\n  src: string\n  alt?: string\n  title?: string\n}\n\nexport type LinkItem = {\n  href: string\n  label?: string\n  target?: \"_blank\" | \"_self\"\n}\n\n/* ─── Rich text (pre-rendered HTML) ─── */\n\nexport type RichTextContent = string\n\n/* ─── Color themes (semantic — mapped to shadcn CSS variables) ─── */\n\nexport type ColorTheme =\n  | \"default\"\n  | \"muted\"\n  | \"primary\"\n  | \"secondary\"\n  | \"accent\"\n  | \"inverse\"\n\nconst themeClasses: Record<ColorTheme, string> = {\n  default: \"bg-background text-foreground\",\n  muted: \"bg-muted text-foreground\",\n  primary: \"bg-primary text-primary-foreground\",\n  secondary: \"bg-secondary text-secondary-foreground\",\n  accent: \"bg-accent text-accent-foreground\",\n  inverse: \"bg-foreground text-background\",\n}\n\nexport function colorThemeClasses(theme?: ColorTheme): string {\n  if (!theme) return \"\"\n  return themeClasses[theme] ?? \"\"\n}\n\nexport function isThemeDark(theme?: ColorTheme): boolean {\n  return theme === \"primary\" || theme === \"inverse\"\n}\n\n/* ─── Navigation ─── */\n\nexport type NavChild = {\n  label: string\n  href: string\n}\n\nexport type MegaMenuCategory = {\n  id?: string\n  title: string\n  href: string\n  items?: NavChild[]\n  stackWithPrevious?: boolean\n}\n\nexport type MegaMenuFeatured = {\n  id?: string\n  label: string\n  href: string\n  image?: ImageAsset\n}\n\nexport type NavItem = {\n  id?: string\n  label: string\n  href?: string\n  megaMenuCategories?: MegaMenuCategory[]\n  megaMenuFeatured?: MegaMenuFeatured[]\n}\n\n/* ─── Layout prop types ─── */\n\nexport interface HeaderProps {\n  variant?: \"default\" | \"transparent\" | \"overlay\"\n  navItems?: NavItem[]\n  utilityLinks?: NavChild[]\n  promotionEnabled?: boolean\n  promotionMessages?: string[]\n  logo?: React.ReactNode\n  onSearchClick?: () => void\n  onCartClick?: () => void\n  cartHref?: string\n  labels?: {\n    search?: string\n    cart?: string\n    menu?: string\n    closeMenu?: string\n    changeLanguage?: string\n  }\n  className?: string\n}\n\nexport interface MobileMenuDrawerProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  items: {\n    label: string\n    href: string\n    children?: NavChild[]\n  }[]\n  labels?: {\n    close?: string\n    back?: string\n  }\n  className?: string\n}\n\nexport interface FooterProps {\n  columns: { title?: string; links: NavChild[] }[]\n  bottomLinks?: NavChild[]\n  logo?: React.ReactNode\n  paymentIcons?: React.ReactNode\n  newsletterSlot?: React.ReactNode\n  copyright?: string\n  className?: string\n}\n\nexport interface PromotionBarProps {\n  enabled?: boolean\n  messages?: string[]\n  onDismiss?: () => void\n  className?: string\n}\n\n/* ─── Language selector ─── */\n\nexport type LanguageOption = {\n  code: string\n  label: string\n  icon?: React.ReactNode\n}\n\nexport interface LanguageSelectorProps {\n  languages: LanguageOption[]\n  value: string\n  onValueChange: (code: string) => void\n  variant?: \"code\" | \"full\" | \"icon\"\n  size?: \"sm\" | \"default\"\n  className?: string\n  labels?: {\n    changeLanguage?: string\n  }\n}\n\n/* ─── Block prop types ─── */\n\nexport type AspectRatio = \"1:1\" | \"4:5\" | \"3:4\" | \"9:16\" | \"16:9\" | \"4:3\" | \"2:1\"\n\nexport interface SpacerProps {\n  size?: \"sm\" | \"md\" | \"lg\"\n}\n\nexport interface ImageBlockProps {\n  image?: ImageAsset\n  aspectRatio?: \"4:5\" | \"16:9\" | \"1:1\"\n  caption?: string\n  className?: string\n}\n\nexport interface CardImageWithCaptionProps {\n  image?: ImageAsset\n  title?: string\n  caption?: string\n  className?: string\n}\n\nexport type TextContentVariant = \"default\" | \"pull-quote\" | \"columns\"\n\nexport interface TextContentProps {\n  preheader?: string\n  heading?: string\n  body?: string\n  variant?: TextContentVariant\n  layout?: \"default\" | \"text-indent\" | \"wide\"\n  buttonLabel?: string\n  buttonHref?: string\n  textLinkLabel?: string\n  textLinkHref?: string\n  colorTheme?: ColorTheme\n  className?: string\n}\n\nexport interface VariableTextContentProps {\n  html: RichTextContent\n  className?: string\n}\n\nexport type TextContentWithImageVariant = \"side-by-side\" | \"stacked\" | \"overlap\"\n\nexport interface TextContentWithImageProps {\n  image?: ImageAsset\n  imagePosition?: \"first\" | \"last\"\n  fullWidth?: boolean\n  variant?: TextContentWithImageVariant\n  preheader?: string\n  heading?: string\n  body?: string\n  buttonLabel?: string\n  buttonHref?: string\n  textLinkLabel?: string\n  textLinkHref?: string\n  colorTheme?: ColorTheme\n  className?: string\n}\n\nexport type LinkBlockVariant = \"overlay\" | \"card\" | \"text-only\"\n\nexport interface LinkBlockProps {\n  image?: ImageAsset\n  eyebrow?: string\n  title?: string\n  variant?: LinkBlockVariant\n  buttonLabel?: string\n  buttonHref?: string\n  colorTheme?: ColorTheme\n  className?: string\n}\n\nexport interface LinkBlockSmallProps {\n  image?: ImageAsset\n  title?: string\n  href?: string\n  className?: string\n}\n\nexport interface CardVideoProps {\n  thumbnail?: ImageAsset\n  videoUrl?: string\n  title?: string\n  caption?: string\n  aspectRatio?: \"4:3\" | \"1:1\" | \"16:9\"\n  className?: string\n}\n\nexport interface AccordionBlockProps {\n  items: {\n    id?: string\n    title: string\n    content: RichTextContent\n    variant?: \"standard\" | \"technical-data\" | \"downloads\"\n    children?: React.ReactNode\n  }[]\n  defaultValue?: string\n  className?: string\n}\n\nexport interface TruncatedTextProps {\n  html: RichTextContent\n  visibleLines?: number\n  labels?: {\n    showMore?: string\n    showLess?: string\n  }\n  className?: string\n}\n\nexport type HeroLayout = \"overlay\" | \"split\" | \"image-only\" | \"minimal\" | \"banner\"\n\nexport type HeroContentPosition =\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"center-left\"\n  | \"center-center\"\n  | \"center-right\"\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\"\n\nexport type HeroContentWidth = \"sm\" | \"md\" | \"lg\"\n\nexport type HeroTextAlign = \"left\" | \"center\" | \"right\"\n\nexport interface HeroProps {\n  image?: ImageAsset\n  aspectRatio?: \"9:16\" | \"4:5\" | \"1:1\" | \"16:9\"\n  layout?: HeroLayout\n  contentPosition?: HeroContentPosition\n  contentWidth?: HeroContentWidth\n  textAlign?: HeroTextAlign\n  preheader?: string\n  heading?: string\n  buttonLabel?: string\n  buttonHref?: string\n  textLinkLabel?: string\n  textLinkHref?: string\n  colorTheme?: ColorTheme\n  className?: string\n}\n\nexport interface ProductCardProps {\n  images?: ImageAsset[]\n  title?: string\n  subtitle?: string\n  price?: string\n  tag?: string\n  href?: string\n  layout?: \"gallery\" | \"list\" | \"stripped\" | \"horizontal\" | \"minimal\"\n  showFavorites?: boolean\n  showPaginationDots?: boolean\n  onFavoriteClick?: () => void\n  className?: string\n}\n\nexport interface ProductImageProps {\n  images: ImageAsset[]\n  aspectRatio?: \"1:1\" | \"4:5\"\n  showZoom?: boolean\n  /** 'inset' — arrows float over the image edges; 'outset' — arrows sit outside the image bounds */\n  arrows?: \"inset\" | \"outset\"\n  showDots?: boolean\n  showThumbnails?: boolean\n  className?: string\n}\n\nexport type GalleryVariant = \"grid\" | \"masonry\" | \"filmstrip\"\n\nexport interface GalleryProps {\n  heading?: string\n  variant?: GalleryVariant\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface GalleryWithCaptionProps {\n  heading?: string\n  indent?: boolean\n  colorTheme?: ColorTheme\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface GalleryWithLinkBlocksProps {\n  heading?: string\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface ContentWithGalleryProps {\n  images?: ImageAsset[]\n  preheader?: string\n  heading?: string\n  body?: string\n  productCards?: React.ReactNode\n  layout?: \"image-above\" | \"side-by-side\"\n  colorTheme?: ColorTheme\n  className?: string\n}\n\nexport interface ContentWithImageProductDataProps {\n  image?: ImageAsset\n  preheader?: string\n  heading?: string\n  body?: string\n  usps?: string[]\n  buttonLabel?: string\n  buttonHref?: string\n  productCards?: React.ReactNode\n  className?: string\n}\n"],"mappings":"AA4BA,MAAM,eAA2C;AAAA,EAC/C,SAAS;AAAA,EACT,OAAO;AAAA,EACP,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AAAA,EACR,SAAS;AACX;AAEO,SAAS,kBAAkB,OAA4B;AAC5D,MAAI,CAAC,MAAO,QAAO;AACnB,SAAO,aAAa,KAAK,KAAK;AAChC;AAEO,SAAS,YAAY,OAA6B;AACvD,SAAO,UAAU,aAAa,UAAU;AAC1C;","names":[]}
+{"version":3,"file":"types.mjs","names":[],"sources":["../../../src/client/storefront/types.ts"],"sourcesContent":["/* ─── Asset & Link primitives ─── */\n\nexport type ImageAsset = {\n  src: string\n  alt?: string\n  title?: string\n}\n\nexport type LinkItem = {\n  href: string\n  label?: string\n  target?: \"_blank\" | \"_self\"\n}\n\n/* ─── Rich text (pre-rendered HTML) ─── */\n\nexport type RichTextContent = string\n\n/* ─── Color themes (semantic — mapped to shadcn CSS variables) ─── */\n\nexport type ColorTheme =\n  | \"default\"\n  | \"muted\"\n  | \"primary\"\n  | \"secondary\"\n  | \"accent\"\n  | \"inverse\"\n\nconst themeClasses: Record<ColorTheme, string> = {\n  default: \"bg-background text-foreground\",\n  muted: \"bg-muted text-foreground\",\n  primary: \"bg-primary text-primary-foreground\",\n  secondary: \"bg-secondary text-secondary-foreground\",\n  accent: \"bg-accent text-accent-foreground\",\n  inverse: \"bg-foreground text-background\",\n}\n\nexport function colorThemeClasses(theme?: ColorTheme): string {\n  if (!theme) return \"\"\n  return themeClasses[theme] ?? \"\"\n}\n\nexport function isThemeDark(theme?: ColorTheme): boolean {\n  return theme === \"primary\" || theme === \"inverse\"\n}\n\n/* ─── Navigation ─── */\n\nexport type NavChild = {\n  label: string\n  href: string\n}\n\nexport type MegaMenuCategory = {\n  id?: string\n  title: string\n  href: string\n  items?: NavChild[]\n  stackWithPrevious?: boolean\n}\n\nexport type MegaMenuFeatured = {\n  id?: string\n  label: string\n  href: string\n  image?: ImageAsset\n}\n\nexport type NavItem = {\n  id?: string\n  label: string\n  href?: string\n  megaMenuCategories?: MegaMenuCategory[]\n  megaMenuFeatured?: MegaMenuFeatured[]\n}\n\n/* ─── Layout prop types ─── */\n\nexport interface HeaderProps {\n  variant?: \"default\" | \"transparent\" | \"overlay\"\n  navItems?: NavItem[]\n  utilityLinks?: NavChild[]\n  promotionEnabled?: boolean\n  promotionMessages?: string[]\n  logo?: React.ReactNode\n  onSearchClick?: () => void\n  onCartClick?: () => void\n  cartHref?: string\n  labels?: {\n    search?: string\n    cart?: string\n    menu?: string\n    closeMenu?: string\n    changeLanguage?: string\n  }\n  className?: string\n}\n\nexport interface MobileMenuDrawerProps {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  items: {\n    label: string\n    href: string\n    children?: NavChild[]\n  }[]\n  labels?: {\n    close?: string\n    back?: string\n  }\n  className?: string\n}\n\nexport interface FooterProps {\n  columns: { title?: string; links: NavChild[] }[]\n  bottomLinks?: NavChild[]\n  logo?: React.ReactNode\n  paymentIcons?: React.ReactNode\n  newsletterSlot?: React.ReactNode\n  copyright?: string\n  className?: string\n}\n\nexport interface PromotionBarProps {\n  enabled?: boolean\n  messages?: string[]\n  onDismiss?: () => void\n  className?: string\n}\n\n/* ─── Language selector ─── */\n\nexport type LanguageOption = {\n  code: string\n  label: string\n  icon?: React.ReactNode\n}\n\nexport interface LanguageSelectorProps {\n  languages: LanguageOption[]\n  value: string\n  onValueChange: (code: string) => void\n  variant?: \"code\" | \"full\" | \"icon\"\n  size?: \"sm\" | \"default\"\n  className?: string\n  labels?: {\n    changeLanguage?: string\n  }\n}\n\n/* ─── Block prop types ─── */\n\nexport type AspectRatio = \"1:1\" | \"4:5\" | \"3:4\" | \"9:16\" | \"16:9\" | \"4:3\" | \"2:1\"\n\nexport interface SpacerProps {\n  size?: \"sm\" | \"md\" | \"lg\"\n}\n\nexport interface ImageBlockProps {\n  image?: ImageAsset\n  aspectRatio?: \"4:5\" | \"16:9\" | \"1:1\"\n  caption?: string\n  className?: string\n}\n\nexport interface CardImageWithCaptionProps {\n  image?: ImageAsset\n  title?: string\n  caption?: string\n  className?: string\n}\n\nexport type TextContentVariant = \"default\" | \"pull-quote\" | \"columns\"\n\nexport interface TextContentProps {\n  preheader?: string\n  heading?: string\n  body?: string\n  variant?: TextContentVariant\n  layout?: \"default\" | \"text-indent\" | \"wide\"\n  buttonLabel?: string\n  buttonHref?: string\n  textLinkLabel?: string\n  textLinkHref?: string\n  colorTheme?: ColorTheme\n  className?: string\n}\n\nexport interface VariableTextContentProps {\n  html: RichTextContent\n  className?: string\n}\n\nexport type TextContentWithImageVariant = \"side-by-side\" | \"stacked\" | \"overlap\"\n\nexport interface TextContentWithImageProps {\n  image?: ImageAsset\n  imagePosition?: \"first\" | \"last\"\n  fullWidth?: boolean\n  variant?: TextContentWithImageVariant\n  preheader?: string\n  heading?: string\n  body?: string\n  buttonLabel?: string\n  buttonHref?: string\n  textLinkLabel?: string\n  textLinkHref?: string\n  colorTheme?: ColorTheme\n  className?: string\n}\n\nexport type LinkBlockVariant = \"overlay\" | \"card\" | \"text-only\"\n\nexport interface LinkBlockProps {\n  image?: ImageAsset\n  eyebrow?: string\n  title?: string\n  variant?: LinkBlockVariant\n  buttonLabel?: string\n  buttonHref?: string\n  colorTheme?: ColorTheme\n  className?: string\n}\n\nexport interface LinkBlockSmallProps {\n  image?: ImageAsset\n  title?: string\n  href?: string\n  className?: string\n}\n\nexport interface CardVideoProps {\n  thumbnail?: ImageAsset\n  videoUrl?: string\n  title?: string\n  caption?: string\n  aspectRatio?: \"4:3\" | \"1:1\" | \"16:9\"\n  className?: string\n}\n\nexport interface AccordionBlockProps {\n  items: {\n    id?: string\n    title: string\n    content: RichTextContent\n    variant?: \"standard\" | \"technical-data\" | \"downloads\"\n    children?: React.ReactNode\n  }[]\n  defaultValue?: string\n  className?: string\n}\n\nexport interface TruncatedTextProps {\n  html: RichTextContent\n  visibleLines?: number\n  labels?: {\n    showMore?: string\n    showLess?: string\n  }\n  className?: string\n}\n\nexport type HeroLayout = \"overlay\" | \"split\" | \"image-only\" | \"minimal\" | \"banner\"\n\nexport type HeroContentPosition =\n  | \"top-left\"\n  | \"top-center\"\n  | \"top-right\"\n  | \"center-left\"\n  | \"center-center\"\n  | \"center-right\"\n  | \"bottom-left\"\n  | \"bottom-center\"\n  | \"bottom-right\"\n\nexport type HeroContentWidth = \"sm\" | \"md\" | \"lg\"\n\nexport type HeroTextAlign = \"left\" | \"center\" | \"right\"\n\nexport interface HeroProps {\n  image?: ImageAsset\n  aspectRatio?: \"9:16\" | \"4:5\" | \"1:1\" | \"16:9\"\n  layout?: HeroLayout\n  contentPosition?: HeroContentPosition\n  contentWidth?: HeroContentWidth\n  textAlign?: HeroTextAlign\n  preheader?: string\n  heading?: string\n  buttonLabel?: string\n  buttonHref?: string\n  textLinkLabel?: string\n  textLinkHref?: string\n  colorTheme?: ColorTheme\n  className?: string\n}\n\nexport interface ProductCardProps {\n  images?: ImageAsset[]\n  title?: string\n  subtitle?: string\n  price?: string\n  tag?: string\n  href?: string\n  layout?: \"gallery\" | \"list\" | \"stripped\" | \"horizontal\" | \"minimal\"\n  showFavorites?: boolean\n  showPaginationDots?: boolean\n  onFavoriteClick?: () => void\n  className?: string\n}\n\nexport interface ProductImageProps {\n  images: ImageAsset[]\n  aspectRatio?: \"1:1\" | \"4:5\"\n  showZoom?: boolean\n  /** 'inset' — arrows float over the image edges; 'outset' — arrows sit outside the image bounds */\n  arrows?: \"inset\" | \"outset\"\n  showDots?: boolean\n  showThumbnails?: boolean\n  className?: string\n}\n\nexport type GalleryVariant = \"grid\" | \"masonry\" | \"filmstrip\"\n\nexport interface GalleryProps {\n  heading?: string\n  variant?: GalleryVariant\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface GalleryWithCaptionProps {\n  heading?: string\n  indent?: boolean\n  colorTheme?: ColorTheme\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface GalleryWithLinkBlocksProps {\n  heading?: string\n  children: React.ReactNode\n  className?: string\n}\n\nexport interface ContentWithGalleryProps {\n  images?: ImageAsset[]\n  preheader?: string\n  heading?: string\n  body?: string\n  productCards?: React.ReactNode\n  layout?: \"image-above\" | \"side-by-side\"\n  colorTheme?: ColorTheme\n  className?: string\n}\n\nexport interface ContentWithImageProductDataProps {\n  image?: ImageAsset\n  preheader?: string\n  heading?: string\n  body?: string\n  usps?: string[]\n  buttonLabel?: string\n  buttonHref?: string\n  productCards?: React.ReactNode\n  className?: string\n}\n"],"mappings":";AA4BA,MAAM,eAA2C;CAC/C,SAAS;CACT,OAAO;CACP,SAAS;CACT,WAAW;CACX,QAAQ;CACR,SAAS;CACV;AAED,SAAgB,kBAAkB,OAA4B;AAC5D,KAAI,CAAC,MAAO,QAAO;AACnB,QAAO,aAAa,UAAU;;AAGhC,SAAgB,YAAY,OAA6B;AACvD,QAAO,UAAU,aAAa,UAAU"}

package/dist/client/theme/apply.d.ts

@@ -1,17 +1,21 @@
-import type { ThemeHash } from './codec';
-export interface GenerateOptions {
-    colorSpace?: 'hsl' | 'oklch';
+import { ThemeHash } from "./codec.js";
+
+//#region src/client/theme/apply.d.ts
+interface GenerateOptions {
+  colorSpace?: 'hsl' | 'oklch';
 }
 /**
  * Generate CSS variable declarations from a decoded theme hash.
  * Merges the hash onto SDK defaults and only emits values that differ.
  */
-export declare function generateThemeCSS(hash: ThemeHash, _options?: GenerateOptions): string;
-export declare const MARKER_START = "/* === enad-theme:start === */";
-export declare const MARKER_END = "/* === enad-theme:end === */";
+declare function generateThemeCSS(hash: ThemeHash, _options?: GenerateOptions): string;
+declare const MARKER_START = "/* === enad-theme:start === */";
+declare const MARKER_END = "/* === enad-theme:end === */";
 /**
  * Insert or replace a theme block in a CSS file's content.
  * Returns the updated file content.
  */
-export declare function applyThemeBlock(fileContent: string, cssBlock: string): string;
+declare function applyThemeBlock(fileContent: string, cssBlock: string): string;
+//#endregion
+export { GenerateOptions, MARKER_END, MARKER_START, applyThemeBlock, generateThemeCSS };
 //# sourceMappingURL=apply.d.ts.map

package/dist/client/theme/apply.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apply.d.ts","sourceRoot":"","sources":["../../../src/client/theme/apply.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,MAAM,WAAW,eAAe;IAC9B,UAAU,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;CAC9B;AA+GD;;;GAGG;AAEH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,SAAS,EAAE,QAAQ,GAAE,eAAoB,GAAG,MAAM,CAmBxF;AAGD,eAAO,MAAM,YAAY,mCAAmC,CAAC;AAC7D,eAAO,MAAM,UAAU,iCAAiC,CAAC;AAEzD;;;GAGG;AACH,wBAAgB,eAAe,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAa7E"}
+{"version":3,"file":"apply.d.ts","names":[],"sources":["../../../src/client/theme/apply.ts"],"mappings":";;;UAGiB,eAAA;EACf,UAAA;AAAA;;;;;iBAqHc,gBAAA,CAAiB,IAAA,EAAM,SAAA,EAAW,QAAA,GAAU,eAAA;AAAA,cAsB/C,YAAA;AAAA,cACA,UAAA;;;;;iBAMG,eAAA,CAAgB,WAAA,UAAqB,QAAA"}

package/dist/client/theme/apply.mjs

@@ -1,133 +1,163 @@
-import { SDK_DEFAULTS, TOKEN_DEFAULTS } from "./defaults";
+import { SDK_DEFAULTS, TOKEN_DEFAULTS } from "./defaults.mjs";
+//#region src/client/theme/apply.ts
 function buildLightColorDiffs(hash) {
-  const lightOverrides = hash.lightColors ?? {};
-  const diffs = [];
-  for (const [token, value] of Object.entries(lightOverrides)) {
-    if (value !== SDK_DEFAULTS.light[token]) {
-      diffs.push(`  ${token}: ${value};`);
-    }
-  }
-  return diffs;
+	const lightOverrides = hash.lightColors ?? {};
+	const diffs = [];
+	for (const [token, value] of Object.entries(lightOverrides)) if (value !== SDK_DEFAULTS.light[token]) diffs.push(`  ${token}: ${value};`);
+	return diffs;
 }
 function buildBaseTokenDiffs(hash) {
-  const diffs = [];
-  const radius = hash.radius;
-  if (radius != null && radius !== 0.75) {
-    diffs.push(`  --radius: ${radius}rem;`);
-  }
-  const fontBody = hash.fontBody;
-  if (fontBody && fontBody !== "Inter") {
-    diffs.push(`  --font-sans: "${fontBody}", sans-serif;`);
-  }
-  const fontHeading = hash.fontHeading;
-  if (fontHeading && fontHeading !== fontBody && fontHeading !== "Inter") {
-    diffs.push(`  --font-heading: "${fontHeading}", sans-serif;`);
-  }
-  return diffs;
+	const diffs = [];
+	const radius = hash.radius;
+	if (radius != null && radius !== .75) diffs.push(`  --radius: ${radius}rem;`);
+	const fontBody = hash.fontBody;
+	if (fontBody && fontBody !== "Inter") diffs.push(`  --font-sans: "${fontBody}", sans-serif;`);
+	const fontHeading = hash.fontHeading;
+	if (fontHeading && fontHeading !== fontBody && fontHeading !== "Inter") diffs.push(`  --font-heading: "${fontHeading}", sans-serif;`);
+	return diffs;
 }
 function buildDarkColorDiffs(hash) {
-  const darkOverrides = hash.darkColors ?? {};
-  const diffs = [];
-  for (const [token, value] of Object.entries(darkOverrides)) {
-    if (value !== SDK_DEFAULTS.dark[token]) {
-      diffs.push(`  ${token}: ${value};`);
-    }
-  }
-  return diffs;
+	const darkOverrides = hash.darkColors ?? {};
+	const diffs = [];
+	for (const [token, value] of Object.entries(darkOverrides)) if (value !== SDK_DEFAULTS.dark[token]) diffs.push(`  ${token}: ${value};`);
+	return diffs;
 }
 function buildTokenSections(hash) {
-  const lines = [];
-  const tokenSections = [
-    {
-      comment: "Shape",
-      entries: [
-        ["--enad-button-radius", hash.buttonRadius, TOKEN_DEFAULTS.buttonRadius],
-        ["--enad-card-radius", hash.cardRadius, TOKEN_DEFAULTS.cardRadius],
-        ["--enad-input-radius", hash.inputRadius, TOKEN_DEFAULTS.inputRadius],
-        ["--enad-image-radius", hash.imageRadius, TOKEN_DEFAULTS.imageRadius]
-      ]
-    },
-    {
-      comment: "Depth",
-      entries: [
-        ["--enad-shadow-color", hash.shadowColor, TOKEN_DEFAULTS.shadowColor]
-      ]
-    },
-    {
-      comment: "Typography",
-      entries: [
-        ["--enad-heading-weight", hash.headingWeight, TOKEN_DEFAULTS.headingWeight],
-        ["--enad-heading-tracking", hash.headingTracking, TOKEN_DEFAULTS.headingTracking],
-        ["--enad-body-weight", hash.bodyWeight, TOKEN_DEFAULTS.bodyWeight],
-        ["--enad-heading-transform", hash.headingTransform, TOKEN_DEFAULTS.headingTransform]
-      ]
-    },
-    {
-      comment: "Borders",
-      entries: [
-        ["--enad-border-width", hash.borderWidth, TOKEN_DEFAULTS.borderWidth]
-      ]
-    },
-    {
-      comment: "Overlay",
-      entries: [
-        ["--enad-overlay-color", hash.overlayColor, TOKEN_DEFAULTS.overlayColor],
-        ["--enad-overlay-from-opacity", hash.overlayFromOpacity, TOKEN_DEFAULTS.overlayFromOpacity],
-        ["--enad-overlay-to-opacity", hash.overlayToOpacity, TOKEN_DEFAULTS.overlayToOpacity]
-      ]
-    },
-    {
-      comment: "Motion",
-      entries: [
-        ["--enad-image-hover-scale", hash.imageHoverScale, TOKEN_DEFAULTS.imageHoverScale],
-        ["--enad-image-hover-duration", hash.imageHoverDuration, TOKEN_DEFAULTS.imageHoverDuration]
-      ]
-    }
-  ];
-  for (const section of tokenSections) {
-    const sectionLines = [];
-    for (const [varName, value, defaultValue] of section.entries) {
-      if (value != null && value !== defaultValue) {
-        sectionLines.push(`  ${varName}: ${value};`);
-      }
-    }
-    if (sectionLines.length > 0) {
-      lines.push("", `/* ${section.comment} */`, ":root {", ...sectionLines, "}");
-    }
-  }
-  return lines;
+	const lines = [];
+	const tokenSections = [
+		{
+			comment: "Shape",
+			entries: [
+				[
+					"--enad-button-radius",
+					hash.buttonRadius,
+					TOKEN_DEFAULTS.buttonRadius
+				],
+				[
+					"--enad-card-radius",
+					hash.cardRadius,
+					TOKEN_DEFAULTS.cardRadius
+				],
+				[
+					"--enad-input-radius",
+					hash.inputRadius,
+					TOKEN_DEFAULTS.inputRadius
+				],
+				[
+					"--enad-image-radius",
+					hash.imageRadius,
+					TOKEN_DEFAULTS.imageRadius
+				]
+			]
+		},
+		{
+			comment: "Depth",
+			entries: [[
+				"--enad-shadow-color",
+				hash.shadowColor,
+				TOKEN_DEFAULTS.shadowColor
+			]]
+		},
+		{
+			comment: "Typography",
+			entries: [
+				[
+					"--enad-heading-weight",
+					hash.headingWeight,
+					TOKEN_DEFAULTS.headingWeight
+				],
+				[
+					"--enad-heading-tracking",
+					hash.headingTracking,
+					TOKEN_DEFAULTS.headingTracking
+				],
+				[
+					"--enad-body-weight",
+					hash.bodyWeight,
+					TOKEN_DEFAULTS.bodyWeight
+				],
+				[
+					"--enad-heading-transform",
+					hash.headingTransform,
+					TOKEN_DEFAULTS.headingTransform
+				]
+			]
+		},
+		{
+			comment: "Borders",
+			entries: [[
+				"--enad-border-width",
+				hash.borderWidth,
+				TOKEN_DEFAULTS.borderWidth
+			]]
+		},
+		{
+			comment: "Overlay",
+			entries: [
+				[
+					"--enad-overlay-color",
+					hash.overlayColor,
+					TOKEN_DEFAULTS.overlayColor
+				],
+				[
+					"--enad-overlay-from-opacity",
+					hash.overlayFromOpacity,
+					TOKEN_DEFAULTS.overlayFromOpacity
+				],
+				[
+					"--enad-overlay-to-opacity",
+					hash.overlayToOpacity,
+					TOKEN_DEFAULTS.overlayToOpacity
+				]
+			]
+		},
+		{
+			comment: "Motion",
+			entries: [[
+				"--enad-image-hover-scale",
+				hash.imageHoverScale,
+				TOKEN_DEFAULTS.imageHoverScale
+			], [
+				"--enad-image-hover-duration",
+				hash.imageHoverDuration,
+				TOKEN_DEFAULTS.imageHoverDuration
+			]]
+		}
+	];
+	for (const section of tokenSections) {
+		const sectionLines = [];
+		for (const [varName, value, defaultValue] of section.entries) if (value != null && value !== defaultValue) sectionLines.push(`  ${varName}: ${value};`);
+		if (sectionLines.length > 0) lines.push("", `/* ${section.comment} */`, ":root {", ...sectionLines, "}");
+	}
+	return lines;
 }
+/**
+* Generate CSS variable declarations from a decoded theme hash.
+* Merges the hash onto SDK defaults and only emits values that differ.
+*/
 function generateThemeCSS(hash, _options = {}) {
-  const lines = ["/* Generated by enad-theme */"];
-  const lightDiffs = [...buildLightColorDiffs(hash), ...buildBaseTokenDiffs(hash)];
-  if (lightDiffs.length > 0) {
-    lines.push("", ":root {", ...lightDiffs, "}");
-  }
-  const darkDiffs = buildDarkColorDiffs(hash);
-  if (darkDiffs.length > 0) {
-    lines.push("", ".dark {", ...darkDiffs, "}");
-  }
-  lines.push(...buildTokenSections(hash));
-  return lines.join("\n");
+	const lines = ["/* Generated by enad-theme */"];
+	const lightDiffs = [...buildLightColorDiffs(hash), ...buildBaseTokenDiffs(hash)];
+	if (lightDiffs.length > 0) lines.push("", ":root {", ...lightDiffs, "}");
+	const darkDiffs = buildDarkColorDiffs(hash);
+	if (darkDiffs.length > 0) lines.push("", ".dark {", ...darkDiffs, "}");
+	lines.push(...buildTokenSections(hash));
+	return lines.join("\n");
 }
 const MARKER_START = "/* === enad-theme:start === */";
 const MARKER_END = "/* === enad-theme:end === */";
+/**
+* Insert or replace a theme block in a CSS file's content.
+* Returns the updated file content.
+*/
 function applyThemeBlock(fileContent, cssBlock) {
-  const startIdx = fileContent.indexOf(MARKER_START);
-  const endIdx = fileContent.indexOf(MARKER_END);
-  const block = `${MARKER_START}
-${cssBlock}
-${MARKER_END}`;
-  if (startIdx !== -1 && endIdx !== -1) {
-    return fileContent.slice(0, startIdx) + block + fileContent.slice(endIdx + MARKER_END.length);
-  }
-  const separator = fileContent.length > 0 && !fileContent.endsWith("\n") ? "\n" : "";
-  return fileContent + separator + "\n" + block + "\n";
+	const startIdx = fileContent.indexOf(MARKER_START);
+	const endIdx = fileContent.indexOf(MARKER_END);
+	const block = `${MARKER_START}\n${cssBlock}\n${MARKER_END}`;
+	if (startIdx !== -1 && endIdx !== -1) return fileContent.slice(0, startIdx) + block + fileContent.slice(endIdx + 28);
+	return fileContent + (fileContent.length > 0 && !fileContent.endsWith("\n") ? "\n" : "") + "\n" + block + "\n";
 }
-export {
-  MARKER_END,
-  MARKER_START,
-  applyThemeBlock,
-  generateThemeCSS
-};
+//#endregion
+export { MARKER_END, MARKER_START, applyThemeBlock, generateThemeCSS };
+
 //# sourceMappingURL=apply.mjs.map

package/dist/client/theme/apply.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/theme/apply.ts"],"sourcesContent":["import type { ThemeHash } from './codec';\nimport { SDK_DEFAULTS, TOKEN_DEFAULTS } from './defaults';\n\nexport interface GenerateOptions {\n  colorSpace?: 'hsl' | 'oklch';\n}\n\nfunction buildLightColorDiffs(hash: ThemeHash): string[] {\n  const lightOverrides = (hash.lightColors ?? {}) as Record<string, string>;\n  const diffs: string[] = [];\n  for (const [token, value] of Object.entries(lightOverrides)) {\n    if (value !== SDK_DEFAULTS.light[token]) {\n      diffs.push(`  ${token}: ${value};`);\n    }\n  }\n  return diffs;\n}\n\nfunction buildBaseTokenDiffs(hash: ThemeHash): string[] {\n  const diffs: string[] = [];\n\n  const radius = hash.radius as number | undefined;\n  if (radius != null && radius !== 0.75) {\n    diffs.push(`  --radius: ${radius}rem;`);\n  }\n\n  const fontBody = hash.fontBody as string | undefined;\n  if (fontBody && fontBody !== 'Inter') {\n    diffs.push(`  --font-sans: \"${fontBody}\", sans-serif;`);\n  }\n\n  const fontHeading = hash.fontHeading as string | undefined;\n  if (fontHeading && fontHeading !== fontBody && fontHeading !== 'Inter') {\n    diffs.push(`  --font-heading: \"${fontHeading}\", sans-serif;`);\n  }\n\n  return diffs;\n}\n\nfunction buildDarkColorDiffs(hash: ThemeHash): string[] {\n  const darkOverrides = (hash.darkColors ?? {}) as Record<string, string>;\n  const diffs: string[] = [];\n  for (const [token, value] of Object.entries(darkOverrides)) {\n    if (value !== SDK_DEFAULTS.dark[token]) {\n      diffs.push(`  ${token}: ${value};`);\n    }\n  }\n  return diffs;\n}\n\nfunction buildTokenSections(hash: ThemeHash): string[] {\n  const lines: string[] = [];\n\n  const tokenSections: Array<{ comment: string; entries: Array<[string, string, string]> }> = [\n    {\n      comment: 'Shape',\n      entries: [\n        ['--enad-button-radius', hash.buttonRadius as string, TOKEN_DEFAULTS.buttonRadius],\n        ['--enad-card-radius', hash.cardRadius as string, TOKEN_DEFAULTS.cardRadius],\n        ['--enad-input-radius', hash.inputRadius as string, TOKEN_DEFAULTS.inputRadius],\n        ['--enad-image-radius', hash.imageRadius as string, TOKEN_DEFAULTS.imageRadius],\n      ],\n    },\n    {\n      comment: 'Depth',\n      entries: [\n        ['--enad-shadow-color', hash.shadowColor as string, TOKEN_DEFAULTS.shadowColor],\n      ],\n    },\n    {\n      comment: 'Typography',\n      entries: [\n        ['--enad-heading-weight', hash.headingWeight as string, TOKEN_DEFAULTS.headingWeight],\n        ['--enad-heading-tracking', hash.headingTracking as string, TOKEN_DEFAULTS.headingTracking],\n        ['--enad-body-weight', hash.bodyWeight as string, TOKEN_DEFAULTS.bodyWeight],\n        ['--enad-heading-transform', hash.headingTransform as string, TOKEN_DEFAULTS.headingTransform],\n      ],\n    },\n    {\n      comment: 'Borders',\n      entries: [\n        ['--enad-border-width', hash.borderWidth as string, TOKEN_DEFAULTS.borderWidth],\n      ],\n    },\n    {\n      comment: 'Overlay',\n      entries: [\n        ['--enad-overlay-color', hash.overlayColor as string, TOKEN_DEFAULTS.overlayColor],\n        ['--enad-overlay-from-opacity', hash.overlayFromOpacity as string, TOKEN_DEFAULTS.overlayFromOpacity],\n        ['--enad-overlay-to-opacity', hash.overlayToOpacity as string, TOKEN_DEFAULTS.overlayToOpacity],\n      ],\n    },\n    {\n      comment: 'Motion',\n      entries: [\n        ['--enad-image-hover-scale', hash.imageHoverScale as string, TOKEN_DEFAULTS.imageHoverScale],\n        ['--enad-image-hover-duration', hash.imageHoverDuration as string, TOKEN_DEFAULTS.imageHoverDuration],\n      ],\n    },\n  ];\n\n  for (const section of tokenSections) {\n    const sectionLines: string[] = [];\n    for (const [varName, value, defaultValue] of section.entries) {\n      if (value != null && value !== defaultValue) {\n        sectionLines.push(`  ${varName}: ${value};`);\n      }\n    }\n    if (sectionLines.length > 0) {\n      lines.push('', `/* ${section.comment} */`, ':root {', ...sectionLines, '}');\n    }\n  }\n\n  return lines;\n}\n\n/**\n * Generate CSS variable declarations from a decoded theme hash.\n * Merges the hash onto SDK defaults and only emits values that differ.\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function generateThemeCSS(hash: ThemeHash, _options: GenerateOptions = {}): string {\n  const lines: string[] = ['/* Generated by enad-theme */'];\n\n  // --- Light color diffs + base tokens ---\n  const lightDiffs = [...buildLightColorDiffs(hash), ...buildBaseTokenDiffs(hash)];\n  if (lightDiffs.length > 0) {\n    lines.push('', ':root {', ...lightDiffs, '}');\n  }\n\n  // --- Dark color diffs ---\n  const darkDiffs = buildDarkColorDiffs(hash);\n  if (darkDiffs.length > 0) {\n    lines.push('', '.dark {', ...darkDiffs, '}');\n  }\n\n  // --- Token sections ---\n  lines.push(...buildTokenSections(hash));\n\n  return lines.join('\\n');\n}\n\n// Sentinel markers for idempotent file writes\nexport const MARKER_START = '/* === enad-theme:start === */';\nexport const MARKER_END = '/* === enad-theme:end === */';\n\n/**\n * Insert or replace a theme block in a CSS file's content.\n * Returns the updated file content.\n */\nexport function applyThemeBlock(fileContent: string, cssBlock: string): string {\n  const startIdx = fileContent.indexOf(MARKER_START);\n  const endIdx = fileContent.indexOf(MARKER_END);\n\n  const block = `${MARKER_START}\\n${cssBlock}\\n${MARKER_END}`;\n\n  if (startIdx !== -1 && endIdx !== -1) {\n    return fileContent.slice(0, startIdx) + block + fileContent.slice(endIdx + MARKER_END.length);\n  }\n\n  // Append with a blank line separator\n  const separator = fileContent.length > 0 && !fileContent.endsWith('\\n') ? '\\n' : '';\n  return fileContent + separator + '\\n' + block + '\\n';\n}\n"],"mappings":"AACA,SAAS,cAAc,sBAAsB;AAM7C,SAAS,qBAAqB,MAA2B;AACvD,QAAM,iBAAkB,KAAK,eAAe,CAAC;AAC7C,QAAM,QAAkB,CAAC;AACzB,aAAW,CAAC,OAAO,KAAK,KAAK,OAAO,QAAQ,cAAc,GAAG;AAC3D,QAAI,UAAU,aAAa,MAAM,KAAK,GAAG;AACvC,YAAM,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAAA,IACpC;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,oBAAoB,MAA2B;AACtD,QAAM,QAAkB,CAAC;AAEzB,QAAM,SAAS,KAAK;AACpB,MAAI,UAAU,QAAQ,WAAW,MAAM;AACrC,UAAM,KAAK,eAAe,MAAM,MAAM;AAAA,EACxC;AAEA,QAAM,WAAW,KAAK;AACtB,MAAI,YAAY,aAAa,SAAS;AACpC,UAAM,KAAK,mBAAmB,QAAQ,gBAAgB;AAAA,EACxD;AAEA,QAAM,cAAc,KAAK;AACzB,MAAI,eAAe,gBAAgB,YAAY,gBAAgB,SAAS;AACtE,UAAM,KAAK,sBAAsB,WAAW,gBAAgB;AAAA,EAC9D;AAEA,SAAO;AACT;AAEA,SAAS,oBAAoB,MAA2B;AACtD,QAAM,gBAAiB,KAAK,cAAc,CAAC;AAC3C,QAAM,QAAkB,CAAC;AACzB,aAAW,CAAC,OAAO,KAAK,KAAK,OAAO,QAAQ,aAAa,GAAG;AAC1D,QAAI,UAAU,aAAa,KAAK,KAAK,GAAG;AACtC,YAAM,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG;AAAA,IACpC;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,mBAAmB,MAA2B;AACrD,QAAM,QAAkB,CAAC;AAEzB,QAAM,gBAAsF;AAAA,IAC1F;AAAA,MACE,SAAS;AAAA,MACT,SAAS;AAAA,QACP,CAAC,wBAAwB,KAAK,cAAwB,eAAe,YAAY;AAAA,QACjF,CAAC,sBAAsB,KAAK,YAAsB,eAAe,UAAU;AAAA,QAC3E,CAAC,uBAAuB,KAAK,aAAuB,eAAe,WAAW;AAAA,QAC9E,CAAC,uBAAuB,KAAK,aAAuB,eAAe,WAAW;AAAA,MAChF;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,SAAS;AAAA,QACP,CAAC,uBAAuB,KAAK,aAAuB,eAAe,WAAW;AAAA,MAChF;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,SAAS;AAAA,QACP,CAAC,yBAAyB,KAAK,eAAyB,eAAe,aAAa;AAAA,QACpF,CAAC,2BAA2B,KAAK,iBAA2B,eAAe,eAAe;AAAA,QAC1F,CAAC,sBAAsB,KAAK,YAAsB,eAAe,UAAU;AAAA,QAC3E,CAAC,4BAA4B,KAAK,kBAA4B,eAAe,gBAAgB;AAAA,MAC/F;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,SAAS;AAAA,QACP,CAAC,uBAAuB,KAAK,aAAuB,eAAe,WAAW;AAAA,MAChF;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,SAAS;AAAA,QACP,CAAC,wBAAwB,KAAK,cAAwB,eAAe,YAAY;AAAA,QACjF,CAAC,+BAA+B,KAAK,oBAA8B,eAAe,kBAAkB;AAAA,QACpG,CAAC,6BAA6B,KAAK,kBAA4B,eAAe,gBAAgB;AAAA,MAChG;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,SAAS;AAAA,QACP,CAAC,4BAA4B,KAAK,iBAA2B,eAAe,eAAe;AAAA,QAC3F,CAAC,+BAA+B,KAAK,oBAA8B,eAAe,kBAAkB;AAAA,MACtG;AAAA,IACF;AAAA,EACF;AAEA,aAAW,WAAW,eAAe;AACnC,UAAM,eAAyB,CAAC;AAChC,eAAW,CAAC,SAAS,OAAO,YAAY,KAAK,QAAQ,SAAS;AAC5D,UAAI,SAAS,QAAQ,UAAU,cAAc;AAC3C,qBAAa,KAAK,KAAK,OAAO,KAAK,KAAK,GAAG;AAAA,MAC7C;AAAA,IACF;AACA,QAAI,aAAa,SAAS,GAAG;AAC3B,YAAM,KAAK,IAAI,MAAM,QAAQ,OAAO,OAAO,WAAW,GAAG,cAAc,GAAG;AAAA,IAC5E;AAAA,EACF;AAEA,SAAO;AACT;AAOO,SAAS,iBAAiB,MAAiB,WAA4B,CAAC,GAAW;AACxF,QAAM,QAAkB,CAAC,+BAA+B;AAGxD,QAAM,aAAa,CAAC,GAAG,qBAAqB,IAAI,GAAG,GAAG,oBAAoB,IAAI,CAAC;AAC/E,MAAI,WAAW,SAAS,GAAG;AACzB,UAAM,KAAK,IAAI,WAAW,GAAG,YAAY,GAAG;AAAA,EAC9C;AAGA,QAAM,YAAY,oBAAoB,IAAI;AAC1C,MAAI,UAAU,SAAS,GAAG;AACxB,UAAM,KAAK,IAAI,WAAW,GAAG,WAAW,GAAG;AAAA,EAC7C;AAGA,QAAM,KAAK,GAAG,mBAAmB,IAAI,CAAC;AAEtC,SAAO,MAAM,KAAK,IAAI;AACxB;AAGO,MAAM,eAAe;AACrB,MAAM,aAAa;AAMnB,SAAS,gBAAgB,aAAqB,UAA0B;AAC7E,QAAM,WAAW,YAAY,QAAQ,YAAY;AACjD,QAAM,SAAS,YAAY,QAAQ,UAAU;AAE7C,QAAM,QAAQ,GAAG,YAAY;AAAA,EAAK,QAAQ;AAAA,EAAK,UAAU;AAEzD,MAAI,aAAa,MAAM,WAAW,IAAI;AACpC,WAAO,YAAY,MAAM,GAAG,QAAQ,IAAI,QAAQ,YAAY,MAAM,SAAS,WAAW,MAAM;AAAA,EAC9F;AAGA,QAAM,YAAY,YAAY,SAAS,KAAK,CAAC,YAAY,SAAS,IAAI,IAAI,OAAO;AACjF,SAAO,cAAc,YAAY,OAAO,QAAQ;AAClD;","names":[]}
+{"version":3,"file":"apply.mjs","names":[],"sources":["../../../src/client/theme/apply.ts"],"sourcesContent":["import type { ThemeHash } from './codec';\nimport { SDK_DEFAULTS, TOKEN_DEFAULTS } from './defaults';\n\nexport interface GenerateOptions {\n  colorSpace?: 'hsl' | 'oklch';\n}\n\nfunction buildLightColorDiffs(hash: ThemeHash): string[] {\n  const lightOverrides = (hash.lightColors ?? {}) as Record<string, string>;\n  const diffs: string[] = [];\n  for (const [token, value] of Object.entries(lightOverrides)) {\n    if (value !== SDK_DEFAULTS.light[token]) {\n      diffs.push(`  ${token}: ${value};`);\n    }\n  }\n  return diffs;\n}\n\nfunction buildBaseTokenDiffs(hash: ThemeHash): string[] {\n  const diffs: string[] = [];\n\n  const radius = hash.radius as number | undefined;\n  if (radius != null && radius !== 0.75) {\n    diffs.push(`  --radius: ${radius}rem;`);\n  }\n\n  const fontBody = hash.fontBody as string | undefined;\n  if (fontBody && fontBody !== 'Inter') {\n    diffs.push(`  --font-sans: \"${fontBody}\", sans-serif;`);\n  }\n\n  const fontHeading = hash.fontHeading as string | undefined;\n  if (fontHeading && fontHeading !== fontBody && fontHeading !== 'Inter') {\n    diffs.push(`  --font-heading: \"${fontHeading}\", sans-serif;`);\n  }\n\n  return diffs;\n}\n\nfunction buildDarkColorDiffs(hash: ThemeHash): string[] {\n  const darkOverrides = (hash.darkColors ?? {}) as Record<string, string>;\n  const diffs: string[] = [];\n  for (const [token, value] of Object.entries(darkOverrides)) {\n    if (value !== SDK_DEFAULTS.dark[token]) {\n      diffs.push(`  ${token}: ${value};`);\n    }\n  }\n  return diffs;\n}\n\nfunction buildTokenSections(hash: ThemeHash): string[] {\n  const lines: string[] = [];\n\n  const tokenSections: Array<{ comment: string; entries: Array<[string, string, string]> }> = [\n    {\n      comment: 'Shape',\n      entries: [\n        ['--enad-button-radius', hash.buttonRadius as string, TOKEN_DEFAULTS.buttonRadius],\n        ['--enad-card-radius', hash.cardRadius as string, TOKEN_DEFAULTS.cardRadius],\n        ['--enad-input-radius', hash.inputRadius as string, TOKEN_DEFAULTS.inputRadius],\n        ['--enad-image-radius', hash.imageRadius as string, TOKEN_DEFAULTS.imageRadius],\n      ],\n    },\n    {\n      comment: 'Depth',\n      entries: [\n        ['--enad-shadow-color', hash.shadowColor as string, TOKEN_DEFAULTS.shadowColor],\n      ],\n    },\n    {\n      comment: 'Typography',\n      entries: [\n        ['--enad-heading-weight', hash.headingWeight as string, TOKEN_DEFAULTS.headingWeight],\n        ['--enad-heading-tracking', hash.headingTracking as string, TOKEN_DEFAULTS.headingTracking],\n        ['--enad-body-weight', hash.bodyWeight as string, TOKEN_DEFAULTS.bodyWeight],\n        ['--enad-heading-transform', hash.headingTransform as string, TOKEN_DEFAULTS.headingTransform],\n      ],\n    },\n    {\n      comment: 'Borders',\n      entries: [\n        ['--enad-border-width', hash.borderWidth as string, TOKEN_DEFAULTS.borderWidth],\n      ],\n    },\n    {\n      comment: 'Overlay',\n      entries: [\n        ['--enad-overlay-color', hash.overlayColor as string, TOKEN_DEFAULTS.overlayColor],\n        ['--enad-overlay-from-opacity', hash.overlayFromOpacity as string, TOKEN_DEFAULTS.overlayFromOpacity],\n        ['--enad-overlay-to-opacity', hash.overlayToOpacity as string, TOKEN_DEFAULTS.overlayToOpacity],\n      ],\n    },\n    {\n      comment: 'Motion',\n      entries: [\n        ['--enad-image-hover-scale', hash.imageHoverScale as string, TOKEN_DEFAULTS.imageHoverScale],\n        ['--enad-image-hover-duration', hash.imageHoverDuration as string, TOKEN_DEFAULTS.imageHoverDuration],\n      ],\n    },\n  ];\n\n  for (const section of tokenSections) {\n    const sectionLines: string[] = [];\n    for (const [varName, value, defaultValue] of section.entries) {\n      if (value != null && value !== defaultValue) {\n        sectionLines.push(`  ${varName}: ${value};`);\n      }\n    }\n    if (sectionLines.length > 0) {\n      lines.push('', `/* ${section.comment} */`, ':root {', ...sectionLines, '}');\n    }\n  }\n\n  return lines;\n}\n\n/**\n * Generate CSS variable declarations from a decoded theme hash.\n * Merges the hash onto SDK defaults and only emits values that differ.\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport function generateThemeCSS(hash: ThemeHash, _options: GenerateOptions = {}): string {\n  const lines: string[] = ['/* Generated by enad-theme */'];\n\n  // --- Light color diffs + base tokens ---\n  const lightDiffs = [...buildLightColorDiffs(hash), ...buildBaseTokenDiffs(hash)];\n  if (lightDiffs.length > 0) {\n    lines.push('', ':root {', ...lightDiffs, '}');\n  }\n\n  // --- Dark color diffs ---\n  const darkDiffs = buildDarkColorDiffs(hash);\n  if (darkDiffs.length > 0) {\n    lines.push('', '.dark {', ...darkDiffs, '}');\n  }\n\n  // --- Token sections ---\n  lines.push(...buildTokenSections(hash));\n\n  return lines.join('\\n');\n}\n\n// Sentinel markers for idempotent file writes\nexport const MARKER_START = '/* === enad-theme:start === */';\nexport const MARKER_END = '/* === enad-theme:end === */';\n\n/**\n * Insert or replace a theme block in a CSS file's content.\n * Returns the updated file content.\n */\nexport function applyThemeBlock(fileContent: string, cssBlock: string): string {\n  const startIdx = fileContent.indexOf(MARKER_START);\n  const endIdx = fileContent.indexOf(MARKER_END);\n\n  const block = `${MARKER_START}\\n${cssBlock}\\n${MARKER_END}`;\n\n  if (startIdx !== -1 && endIdx !== -1) {\n    return fileContent.slice(0, startIdx) + block + fileContent.slice(endIdx + MARKER_END.length);\n  }\n\n  // Append with a blank line separator\n  const separator = fileContent.length > 0 && !fileContent.endsWith('\\n') ? '\\n' : '';\n  return fileContent + separator + '\\n' + block + '\\n';\n}\n"],"mappings":"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"}