@enadhq/enad-react-sdk 1.0.0 → 1.1.0

package/dist/client/storefront/types.d.ts

@@ -0,0 +1,287 @@
+//#region src/client/storefront/types.d.ts
+type ImageAsset = {
+  src: string;
+  alt?: string;
+  title?: string;
+};
+type LinkItem = {
+  href: string;
+  label?: string;
+  target?: "_blank" | "_self";
+};
+type RichTextContent = string;
+type ColorTheme = "default" | "muted" | "primary" | "secondary" | "accent" | "inverse";
+declare function colorThemeClasses(theme?: ColorTheme): string;
+declare function isThemeDark(theme?: ColorTheme): boolean;
+type NavChild = {
+  label: string;
+  href: string;
+};
+type MegaMenuCategory = {
+  id?: string;
+  title: string;
+  href: string;
+  items?: NavChild[];
+  stackWithPrevious?: boolean;
+};
+type MegaMenuFeatured = {
+  id?: string;
+  label: string;
+  href: string;
+  image?: ImageAsset;
+};
+type NavItem = {
+  id?: string;
+  label: string;
+  href?: string;
+  megaMenuCategories?: MegaMenuCategory[];
+  megaMenuFeatured?: MegaMenuFeatured[];
+};
+interface HeaderProps {
+  variant?: "default" | "transparent" | "overlay";
+  navItems?: NavItem[];
+  utilityLinks?: NavChild[];
+  promotionEnabled?: boolean;
+  promotionMessages?: string[];
+  logo?: React.ReactNode;
+  onSearchClick?: () => void;
+  onCartClick?: () => void;
+  cartHref?: string;
+  labels?: {
+    search?: string;
+    cart?: string;
+    menu?: string;
+    closeMenu?: string;
+    changeLanguage?: string;
+  };
+  className?: string;
+}
+interface MobileMenuDrawerProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  items: {
+    label: string;
+    href: string;
+    children?: NavChild[];
+  }[];
+  labels?: {
+    close?: string;
+    back?: string;
+  };
+  className?: string;
+}
+interface FooterProps {
+  columns: {
+    title?: string;
+    links: NavChild[];
+  }[];
+  bottomLinks?: NavChild[];
+  logo?: React.ReactNode;
+  paymentIcons?: React.ReactNode;
+  newsletterSlot?: React.ReactNode;
+  copyright?: string;
+  className?: string;
+}
+interface PromotionBarProps {
+  enabled?: boolean;
+  messages?: string[];
+  onDismiss?: () => void;
+  className?: string;
+}
+type LanguageOption = {
+  code: string;
+  label: string;
+  icon?: React.ReactNode;
+};
+interface LanguageSelectorProps {
+  languages: LanguageOption[];
+  value: string;
+  onValueChange: (code: string) => void;
+  variant?: "code" | "full" | "icon";
+  size?: "sm" | "default";
+  className?: string;
+  labels?: {
+    changeLanguage?: string;
+  };
+}
+type AspectRatio = "1:1" | "4:5" | "3:4" | "9:16" | "16:9" | "4:3" | "2:1";
+interface SpacerProps {
+  size?: "sm" | "md" | "lg";
+}
+interface ImageBlockProps {
+  image?: ImageAsset;
+  aspectRatio?: "4:5" | "16:9" | "1:1";
+  caption?: string;
+  className?: string;
+}
+interface CardImageWithCaptionProps {
+  image?: ImageAsset;
+  title?: string;
+  caption?: string;
+  className?: string;
+}
+type TextContentVariant = "default" | "pull-quote" | "columns";
+interface TextContentProps {
+  preheader?: string;
+  heading?: string;
+  body?: string;
+  variant?: TextContentVariant;
+  layout?: "default" | "text-indent" | "wide";
+  buttonLabel?: string;
+  buttonHref?: string;
+  textLinkLabel?: string;
+  textLinkHref?: string;
+  colorTheme?: ColorTheme;
+  className?: string;
+}
+interface VariableTextContentProps {
+  html: RichTextContent;
+  className?: string;
+}
+type TextContentWithImageVariant = "side-by-side" | "stacked" | "overlap";
+interface TextContentWithImageProps {
+  image?: ImageAsset;
+  imagePosition?: "first" | "last";
+  fullWidth?: boolean;
+  variant?: TextContentWithImageVariant;
+  preheader?: string;
+  heading?: string;
+  body?: string;
+  buttonLabel?: string;
+  buttonHref?: string;
+  textLinkLabel?: string;
+  textLinkHref?: string;
+  colorTheme?: ColorTheme;
+  className?: string;
+}
+type LinkBlockVariant = "overlay" | "card" | "text-only";
+interface LinkBlockProps {
+  image?: ImageAsset;
+  eyebrow?: string;
+  title?: string;
+  variant?: LinkBlockVariant;
+  buttonLabel?: string;
+  buttonHref?: string;
+  colorTheme?: ColorTheme;
+  className?: string;
+}
+interface LinkBlockSmallProps {
+  image?: ImageAsset;
+  title?: string;
+  href?: string;
+  className?: string;
+}
+interface CardVideoProps {
+  thumbnail?: ImageAsset;
+  videoUrl?: string;
+  title?: string;
+  caption?: string;
+  aspectRatio?: "4:3" | "1:1" | "16:9";
+  className?: string;
+}
+interface AccordionBlockProps {
+  items: {
+    id?: string;
+    title: string;
+    content: RichTextContent;
+    variant?: "standard" | "technical-data" | "downloads";
+    children?: React.ReactNode;
+  }[];
+  defaultValue?: string;
+  className?: string;
+}
+interface TruncatedTextProps {
+  html: RichTextContent;
+  visibleLines?: number;
+  labels?: {
+    showMore?: string;
+    showLess?: string;
+  };
+  className?: string;
+}
+type HeroLayout = "overlay" | "split" | "image-only" | "minimal" | "banner";
+type HeroContentPosition = "top-left" | "top-center" | "top-right" | "center-left" | "center-center" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right";
+type HeroContentWidth = "sm" | "md" | "lg";
+type HeroTextAlign = "left" | "center" | "right";
+interface HeroProps {
+  image?: ImageAsset;
+  aspectRatio?: "9:16" | "4:5" | "1:1" | "16:9";
+  layout?: HeroLayout;
+  contentPosition?: HeroContentPosition;
+  contentWidth?: HeroContentWidth;
+  textAlign?: HeroTextAlign;
+  preheader?: string;
+  heading?: string;
+  buttonLabel?: string;
+  buttonHref?: string;
+  textLinkLabel?: string;
+  textLinkHref?: string;
+  colorTheme?: ColorTheme;
+  className?: string;
+}
+interface ProductCardProps {
+  images?: ImageAsset[];
+  title?: string;
+  subtitle?: string;
+  price?: string;
+  tag?: string;
+  href?: string;
+  layout?: "gallery" | "list" | "stripped" | "horizontal" | "minimal";
+  showFavorites?: boolean;
+  showPaginationDots?: boolean;
+  onFavoriteClick?: () => void;
+  className?: string;
+}
+interface ProductImageProps {
+  images: ImageAsset[];
+  aspectRatio?: "1:1" | "4:5";
+  showZoom?: boolean;
+  /** 'inset' — arrows float over the image edges; 'outset' — arrows sit outside the image bounds */
+  arrows?: "inset" | "outset";
+  showDots?: boolean;
+  showThumbnails?: boolean;
+  className?: string;
+}
+type GalleryVariant = "grid" | "masonry" | "filmstrip";
+interface GalleryProps {
+  heading?: string;
+  variant?: GalleryVariant;
+  children: React.ReactNode;
+  className?: string;
+}
+interface GalleryWithCaptionProps {
+  heading?: string;
+  indent?: boolean;
+  colorTheme?: ColorTheme;
+  children: React.ReactNode;
+  className?: string;
+}
+interface GalleryWithLinkBlocksProps {
+  heading?: string;
+  children: React.ReactNode;
+  className?: string;
+}
+interface ContentWithGalleryProps {
+  images?: ImageAsset[];
+  preheader?: string;
+  heading?: string;
+  body?: string;
+  productCards?: React.ReactNode;
+  layout?: "image-above" | "side-by-side";
+  colorTheme?: ColorTheme;
+  className?: string;
+}
+interface ContentWithImageProductDataProps {
+  image?: ImageAsset;
+  preheader?: string;
+  heading?: string;
+  body?: string;
+  usps?: string[];
+  buttonLabel?: string;
+  buttonHref?: string;
+  productCards?: React.ReactNode;
+  className?: string;
+}
+//#endregion
+export { AccordionBlockProps, AspectRatio, CardImageWithCaptionProps, CardVideoProps, ColorTheme, ContentWithGalleryProps, ContentWithImageProductDataProps, FooterProps, GalleryProps, GalleryVariant, GalleryWithCaptionProps, GalleryWithLinkBlocksProps, HeaderProps, HeroContentPosition, HeroContentWidth, HeroLayout, HeroProps, HeroTextAlign, ImageAsset, ImageBlockProps, LanguageOption, LanguageSelectorProps, LinkBlockProps, LinkBlockSmallProps, LinkBlockVariant, LinkItem, MegaMenuCategory, MegaMenuFeatured, MobileMenuDrawerProps, NavChild, NavItem, ProductCardProps, ProductImageProps, PromotionBarProps, RichTextContent, SpacerProps, TextContentProps, TextContentVariant, TextContentWithImageProps, TextContentWithImageVariant, TruncatedTextProps, VariableTextContentProps, colorThemeClasses, isThemeDark };
+//# sourceMappingURL=types.d.ts.map

package/dist/client/storefront/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../src/client/storefront/types.ts"],"mappings":"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"}

package/dist/client/storefront/types.mjs

@@ -0,0 +1,20 @@
+//#region src/client/storefront/types.ts
+const themeClasses = {
+	default: "bg-background text-foreground",
+	muted: "bg-muted text-foreground",
+	primary: "bg-primary text-primary-foreground",
+	secondary: "bg-secondary text-secondary-foreground",
+	accent: "bg-accent text-accent-foreground",
+	inverse: "bg-foreground text-background"
+};
+function colorThemeClasses(theme) {
+	if (!theme) return "";
+	return themeClasses[theme] ?? "";
+}
+function isThemeDark(theme) {
+	return theme === "primary" || theme === "inverse";
+}
+//#endregion
+export { colorThemeClasses, isThemeDark };
+
+//# sourceMappingURL=types.mjs.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,21 @@
+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.
+ */
+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.
+ */
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,163 @@
+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;
+}
+function buildBaseTokenDiffs(hash) {
+	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;
+}
+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;
+}
+/**
+* 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 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}\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";
+}
+//#endregion
+export { MARKER_END, MARKER_START, applyThemeBlock, generateThemeCSS };
+
+//# sourceMappingURL=apply.mjs.map

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

@@ -0,0 +1 @@
+{"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":";;AAOA,SAAS,qBAAqB,MAA2B;CACvD,MAAM,iBAAkB,KAAK,eAAe,EAAE;CAC9C,MAAM,QAAkB,EAAE;AAC1B,MAAK,MAAM,CAAC,OAAO,UAAU,OAAO,QAAQ,eAAe,CACzD,KAAI,UAAU,aAAa,MAAM,OAC/B,OAAM,KAAK,KAAK,MAAM,IAAI,MAAM,GAAG;AAGvC,QAAO;;AAGT,SAAS,oBAAoB,MAA2B;CACtD,MAAM,QAAkB,EAAE;CAE1B,MAAM,SAAS,KAAK;AACpB,KAAI,UAAU,QAAQ,WAAW,IAC/B,OAAM,KAAK,eAAe,OAAO,MAAM;CAGzC,MAAM,WAAW,KAAK;AACtB,KAAI,YAAY,aAAa,QAC3B,OAAM,KAAK,mBAAmB,SAAS,gBAAgB;CAGzD,MAAM,cAAc,KAAK;AACzB,KAAI,eAAe,gBAAgB,YAAY,gBAAgB,QAC7D,OAAM,KAAK,sBAAsB,YAAY,gBAAgB;AAG/D,QAAO;;AAGT,SAAS,oBAAoB,MAA2B;CACtD,MAAM,gBAAiB,KAAK,cAAc,EAAE;CAC5C,MAAM,QAAkB,EAAE;AAC1B,MAAK,MAAM,CAAC,OAAO,UAAU,OAAO,QAAQ,cAAc,CACxD,KAAI,UAAU,aAAa,KAAK,OAC9B,OAAM,KAAK,KAAK,MAAM,IAAI,MAAM,GAAG;AAGvC,QAAO;;AAGT,SAAS,mBAAmB,MAA2B;CACrD,MAAM,QAAkB,EAAE;CAE1B,MAAM,gBAAsF;EAC1F;GACE,SAAS;GACT,SAAS;IACP;KAAC;KAAwB,KAAK;KAAwB,eAAe;KAAa;IAClF;KAAC;KAAsB,KAAK;KAAsB,eAAe;KAAW;IAC5E;KAAC;KAAuB,KAAK;KAAuB,eAAe;KAAY;IAC/E;KAAC;KAAuB,KAAK;KAAuB,eAAe;KAAY;IAChF;GACF;EACD;GACE,SAAS;GACT,SAAS,CACP;IAAC;IAAuB,KAAK;IAAuB,eAAe;IAAY,CAChF;GACF;EACD;GACE,SAAS;GACT,SAAS;IACP;KAAC;KAAyB,KAAK;KAAyB,eAAe;KAAc;IACrF;KAAC;KAA2B,KAAK;KAA2B,eAAe;KAAgB;IAC3F;KAAC;KAAsB,KAAK;KAAsB,eAAe;KAAW;IAC5E;KAAC;KAA4B,KAAK;KAA4B,eAAe;KAAiB;IAC/F;GACF;EACD;GACE,SAAS;GACT,SAAS,CACP;IAAC;IAAuB,KAAK;IAAuB,eAAe;IAAY,CAChF;GACF;EACD;GACE,SAAS;GACT,SAAS;IACP;KAAC;KAAwB,KAAK;KAAwB,eAAe;KAAa;IAClF;KAAC;KAA+B,KAAK;KAA8B,eAAe;KAAmB;IACrG;KAAC;KAA6B,KAAK;KAA4B,eAAe;KAAiB;IAChG;GACF;EACD;GACE,SAAS;GACT,SAAS,CACP;IAAC;IAA4B,KAAK;IAA2B,eAAe;IAAgB,EAC5F;IAAC;IAA+B,KAAK;IAA8B,eAAe;IAAmB,CACtG;GACF;EACF;AAED,MAAK,MAAM,WAAW,eAAe;EACnC,MAAM,eAAyB,EAAE;AACjC,OAAK,MAAM,CAAC,SAAS,OAAO,iBAAiB,QAAQ,QACnD,KAAI,SAAS,QAAQ,UAAU,aAC7B,cAAa,KAAK,KAAK,QAAQ,IAAI,MAAM,GAAG;AAGhD,MAAI,aAAa,SAAS,EACxB,OAAM,KAAK,IAAI,MAAM,QAAQ,QAAQ,MAAM,WAAW,GAAG,cAAc,IAAI;;AAI/E,QAAO;;;;;;AAQT,SAAgB,iBAAiB,MAAiB,WAA4B,EAAE,EAAU;CACxF,MAAM,QAAkB,CAAC,gCAAgC;CAGzD,MAAM,aAAa,CAAC,GAAG,qBAAqB,KAAK,EAAE,GAAG,oBAAoB,KAAK,CAAC;AAChF,KAAI,WAAW,SAAS,EACtB,OAAM,KAAK,IAAI,WAAW,GAAG,YAAY,IAAI;CAI/C,MAAM,YAAY,oBAAoB,KAAK;AAC3C,KAAI,UAAU,SAAS,EACrB,OAAM,KAAK,IAAI,WAAW,GAAG,WAAW,IAAI;AAI9C,OAAM,KAAK,GAAG,mBAAmB,KAAK,CAAC;AAEvC,QAAO,MAAM,KAAK,KAAK;;AAIzB,MAAa,eAAe;AAC5B,MAAa,aAAa;;;;;AAM1B,SAAgB,gBAAgB,aAAqB,UAA0B;CAC7E,MAAM,WAAW,YAAY,QAAQ,aAAa;CAClD,MAAM,SAAS,YAAY,QAAQ,WAAW;CAE9C,MAAM,QAAQ,GAAG,aAAa,IAAI,SAAS,IAAI;AAE/C,KAAI,aAAa,MAAM,WAAW,GAChC,QAAO,YAAY,MAAM,GAAG,SAAS,GAAG,QAAQ,YAAY,MAAM,SAAS,GAAkB;AAK/F,QAAO,eADW,YAAY,SAAS,KAAK,CAAC,YAAY,SAAS,KAAK,GAAG,OAAO,MAChD,OAAO,QAAQ"}