@thorprovider/blocks 4.1.0 → 4.3.0

package/dist/blocks/designs/universal-banner/responsive.mjs

@@ -0,0 +1,447 @@
+import { cn } from "@thorprovider/blocks";
+const CONTAINER_MIN = { base: 0, md: 448, "2xl": 672 };
+const BREAKPOINTS = ["base", "md", "2xl"];
+function breakpointForWidth(width) {
+  if (width >= CONTAINER_MIN["2xl"]) return "2xl";
+  if (width >= CONTAINER_MIN.md) return "md";
+  return "base";
+}
+const ASPECT = {
+  square: "aspect-square",
+  video: "aspect-video",
+  photo: "aspect-4/3",
+  wide: "aspect-2/1",
+  tall: "aspect-3/4",
+  natural: "aspect-auto"
+};
+const HEIGHT = {
+  sm: "h-40",
+  md: "h-56",
+  lg: "h-72",
+  xl: "h-96"
+};
+const MIN_HEIGHT = {
+  sm: "min-h-40",
+  md: "min-h-56",
+  lg: "min-h-72",
+  xl: "min-h-96"
+};
+const MAX_HEIGHT = {
+  sm: "max-h-40",
+  md: "max-h-56",
+  lg: "max-h-72",
+  xl: "max-h-96"
+};
+function maxHeightClass(token) {
+  return token === "none" ? void 0 : MAX_HEIGHT[token];
+}
+const FIT = {
+  cover: "object-cover",
+  contain: "object-contain",
+  natural: "object-contain"
+};
+const FOCAL = {
+  "top-left": "object-top-left",
+  top: "object-top",
+  "top-right": "object-top-right",
+  left: "object-left",
+  center: "object-center",
+  right: "object-right",
+  "bottom-left": "object-bottom-left",
+  bottom: "object-bottom",
+  "bottom-right": "object-bottom-right"
+};
+const RADIUS = {
+  none: "rounded-none",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  xl: "rounded-xl",
+  "2xl": "rounded-2xl"
+};
+const SURFACE = {
+  none: "bg-transparent",
+  card: "bg-card",
+  muted: "bg-muted",
+  primary: "bg-primary",
+  secondary: "bg-secondary",
+  accent: "bg-accent"
+};
+const SURFACE_TEXT = {
+  none: "text-foreground",
+  card: "text-card-foreground",
+  muted: "text-muted-foreground",
+  primary: "text-primary-foreground",
+  secondary: "text-secondary-foreground",
+  accent: "text-accent-foreground"
+};
+const WIDTH = {
+  full: "w-full",
+  content: "w-full max-w-3xl",
+  custom: "w-full"
+};
+const MAX_WIDTH = {
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg",
+  xl: "max-w-xl"
+};
+const PADDING = {
+  none: "p-0",
+  sm: "p-3",
+  md: "p-5",
+  lg: "p-8"
+};
+const TEXT = {
+  sm: "text-sm",
+  md: "text-base",
+  lg: "text-lg"
+};
+const TITLE = {
+  sm: "text-lg",
+  md: "text-xl",
+  lg: "text-3xl"
+};
+const JUSTIFY = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end"
+};
+const ITEMS = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end"
+};
+const TEXT_ALIGN = {
+  start: "text-left",
+  center: "text-center",
+  end: "text-right"
+};
+const SCRIM = {
+  light: "bg-primary/40",
+  medium: "bg-primary/60",
+  strong: "bg-primary/80"
+};
+const GRADIENT = {
+  light: "bg-linear-to-t from-primary/60 via-primary/20 to-transparent",
+  medium: "bg-linear-to-t from-primary/80 via-primary/40 to-transparent",
+  strong: "bg-linear-to-t from-primary/95 via-primary/60 to-transparent"
+};
+const ASPECT_MD = {
+  square: "@md:aspect-square",
+  video: "@md:aspect-video",
+  photo: "@md:aspect-4/3",
+  wide: "@md:aspect-2/1",
+  tall: "@md:aspect-3/4",
+  natural: "@md:aspect-auto"
+};
+const ASPECT_2XL = {
+  square: "@2xl:aspect-square",
+  video: "@2xl:aspect-video",
+  photo: "@2xl:aspect-4/3",
+  wide: "@2xl:aspect-2/1",
+  tall: "@2xl:aspect-3/4",
+  natural: "@2xl:aspect-auto"
+};
+const HEIGHT_MD = {
+  sm: "@md:h-40",
+  md: "@md:h-56",
+  lg: "@md:h-72",
+  xl: "@md:h-96"
+};
+const HEIGHT_2XL = {
+  sm: "@2xl:h-40",
+  md: "@2xl:h-56",
+  lg: "@2xl:h-72",
+  xl: "@2xl:h-96"
+};
+const MIN_HEIGHT_MD = {
+  sm: "@md:min-h-40",
+  md: "@md:min-h-56",
+  lg: "@md:min-h-72",
+  xl: "@md:min-h-96"
+};
+const MIN_HEIGHT_2XL = {
+  sm: "@2xl:min-h-40",
+  md: "@2xl:min-h-56",
+  lg: "@2xl:min-h-72",
+  xl: "@2xl:min-h-96"
+};
+const FOCAL_MD = {
+  "top-left": "@md:object-top-left",
+  top: "@md:object-top",
+  "top-right": "@md:object-top-right",
+  left: "@md:object-left",
+  center: "@md:object-center",
+  right: "@md:object-right",
+  "bottom-left": "@md:object-bottom-left",
+  bottom: "@md:object-bottom",
+  "bottom-right": "@md:object-bottom-right"
+};
+const FOCAL_2XL = {
+  "top-left": "@2xl:object-top-left",
+  top: "@2xl:object-top",
+  "top-right": "@2xl:object-top-right",
+  left: "@2xl:object-left",
+  center: "@2xl:object-center",
+  right: "@2xl:object-right",
+  "bottom-left": "@2xl:object-bottom-left",
+  bottom: "@2xl:object-bottom",
+  "bottom-right": "@2xl:object-bottom-right"
+};
+const ALIGN_MD = {
+  start: "@md:justify-start @md:items-start @md:text-left",
+  center: "@md:justify-center @md:items-center @md:text-center",
+  end: "@md:justify-end @md:items-end @md:text-right"
+};
+const ALIGN_2XL = {
+  start: "@2xl:justify-start @2xl:items-start @2xl:text-left",
+  center: "@2xl:justify-center @2xl:items-center @2xl:text-center",
+  end: "@2xl:justify-end @2xl:items-end @2xl:text-right"
+};
+const TEXT_MD = { sm: "@md:text-sm", md: "@md:text-base", lg: "@md:text-lg" };
+const TEXT_2XL = {
+  sm: "@2xl:text-sm",
+  md: "@2xl:text-base",
+  lg: "@2xl:text-lg"
+};
+const TITLE_MD = { sm: "@md:text-lg", md: "@md:text-xl", lg: "@md:text-3xl" };
+const TITLE_2XL = {
+  sm: "@2xl:text-lg",
+  md: "@2xl:text-xl",
+  lg: "@2xl:text-3xl"
+};
+const PADDING_MD = {
+  none: "@md:p-0",
+  sm: "@md:p-3",
+  md: "@md:p-5",
+  lg: "@md:p-8"
+};
+const PADDING_2XL = {
+  none: "@2xl:p-0",
+  sm: "@2xl:p-3",
+  md: "@2xl:p-5",
+  lg: "@2xl:p-8"
+};
+const COLUMNS = {
+  base: { 1: "grid-cols-1", 2: "grid-cols-2", 3: "grid-cols-3", 4: "grid-cols-4" },
+  md: {
+    1: "@md:grid-cols-1",
+    2: "@md:grid-cols-2",
+    3: "@md:grid-cols-3",
+    4: "@md:grid-cols-4"
+  },
+  "2xl": {
+    1: "@2xl:grid-cols-1",
+    2: "@2xl:grid-cols-2",
+    3: "@2xl:grid-cols-3",
+    4: "@2xl:grid-cols-4"
+  }
+};
+const ROWS_2XL = { 2: "@2xl:grid-rows-2", 3: "@2xl:grid-rows-3" };
+const COL_SPAN = {
+  base: { 1: "col-span-1", 2: "col-span-2", 3: "col-span-3", 4: "col-span-4" },
+  md: {
+    1: "@md:col-span-1",
+    2: "@md:col-span-2",
+    3: "@md:col-span-3",
+    4: "@md:col-span-4"
+  },
+  "2xl": {
+    1: "@2xl:col-span-1",
+    2: "@2xl:col-span-2",
+    3: "@2xl:col-span-3",
+    4: "@2xl:col-span-4"
+  }
+};
+const ROW_SPAN = {
+  base: { 1: "row-span-1", 2: "row-span-2", 3: "row-span-3" },
+  md: { 1: "@md:row-span-1", 2: "@md:row-span-2", 3: "@md:row-span-3" },
+  "2xl": { 1: "@2xl:row-span-1", 2: "@2xl:row-span-2", 3: "@2xl:row-span-3" }
+};
+const GAP_X = {
+  none: "gap-x-0",
+  sm: "gap-x-2",
+  md: "gap-x-5",
+  lg: "gap-x-8",
+  xl: "gap-x-10"
+};
+const GAP_Y = {
+  none: "gap-y-0",
+  sm: "gap-y-2",
+  md: "gap-y-5",
+  lg: "gap-y-8",
+  xl: "gap-y-10"
+};
+const ALIGN_MARGIN = {
+  start: "mr-auto",
+  center: "mx-auto",
+  end: "ml-auto"
+};
+function coercePresentation(presentation) {
+  if (presentation.fit === "natural") {
+    return { ...presentation, height: "auto", aspect: "natural", heightToken: void 0 };
+  }
+  if (presentation.height === "fixed") {
+    return { ...presentation, heightToken: presentation.heightToken ?? "md", aspect: "natural" };
+  }
+  if (presentation.height === "adaptive") {
+    return { ...presentation, heightToken: presentation.heightToken ?? "md" };
+  }
+  return presentation;
+}
+function mergeResponsive(base, overrides, enabled) {
+  const merged = {};
+  for (const breakpoint of BREAKPOINTS) {
+    const partial = enabled ? overrides?.[breakpoint] : void 0;
+    merged[breakpoint] = coercePresentation({ ...base, ...partial });
+  }
+  return merged;
+}
+function boxClasses(presentation) {
+  if (presentation.height === "fixed") return HEIGHT[presentation.heightToken ?? "md"];
+  if (presentation.height === "adaptive") {
+    return cn(ASPECT[presentation.aspect], MIN_HEIGHT[presentation.heightToken ?? "md"]);
+  }
+  return ASPECT[presentation.aspect];
+}
+const H_AUTO_MD = "@md:h-auto";
+const H_AUTO_2XL = "@2xl:h-auto";
+function heightVariants(breakpoint, current, base) {
+  const heightMap = breakpoint === "md" ? HEIGHT_MD : HEIGHT_2XL;
+  const minHeightMap = breakpoint === "md" ? MIN_HEIGHT_MD : MIN_HEIGHT_2XL;
+  const auto = breakpoint === "md" ? H_AUTO_MD : H_AUTO_2XL;
+  const token = current.heightToken ?? "md";
+  if (current.height !== base.height) {
+    if (current.height === "fixed") return heightMap[token];
+    if (current.height === "adaptive") return cn(auto, minHeightMap[token]);
+    return auto;
+  }
+  if (current.height === "fixed" && current.heightToken !== base.heightToken) return heightMap[token];
+  if (current.height === "adaptive" && current.heightToken !== base.heightToken) return minHeightMap[token];
+  return void 0;
+}
+function boxVariants(breakpoint, current, base) {
+  const aspectMap = breakpoint === "md" ? ASPECT_MD : ASPECT_2XL;
+  return cn(
+    current.aspect !== base.aspect && aspectMap[current.aspect],
+    heightVariants(breakpoint, current, base)
+  );
+}
+function contentVariants(breakpoint, current, base) {
+  const alignMap = breakpoint === "md" ? ALIGN_MD : ALIGN_2XL;
+  const textMap = breakpoint === "md" ? TEXT_MD : TEXT_2XL;
+  const titleMap = breakpoint === "md" ? TITLE_MD : TITLE_2XL;
+  const paddingMap = breakpoint === "md" ? PADDING_MD : PADDING_2XL;
+  return cn(
+    current.align !== base.align && alignMap[current.align],
+    current.textScale !== base.textScale && textMap[current.textScale],
+    current.textScale !== base.textScale && titleMap[current.textScale],
+    current.padding !== base.padding && paddingMap[current.padding]
+  );
+}
+function bannerClasses(record, responsiveEnabled) {
+  const resolved = mergeResponsive(record.presentation, record.responsive, responsiveEnabled);
+  const base = resolved.base;
+  const textOnImage = base.overlay !== "none";
+  const fixed = base.height === "fixed";
+  return {
+    root: cn(
+      "relative overflow-hidden",
+      RADIUS[base.radius],
+      SURFACE[base.surface],
+      WIDTH[base.width],
+      base.width === "custom" && base.maxWidth ? MAX_WIDTH[base.maxWidth] : void 0
+    ),
+    box: cn(
+      boxClasses(base),
+      boxVariants("md", resolved.md, base),
+      boxVariants("2xl", resolved["2xl"], base)
+    ),
+    media: "relative size-full overflow-hidden",
+    img: cn(
+      FIT[base.fit],
+      FOCAL[base.focal],
+      "size-full",
+      FOCAL_MD[resolved.md.focal],
+      FOCAL_2XL[resolved["2xl"].focal]
+    ),
+    content: cn(
+      "relative z-10 flex min-w-0 flex-col gap-2",
+      PADDING[base.padding],
+      JUSTIFY[base.align],
+      ITEMS[base.align],
+      TEXT_ALIGN[base.align],
+      textOnImage ? "text-primary-foreground" : SURFACE_TEXT[base.surface],
+      contentVariants("md", resolved.md, base),
+      contentVariants("2xl", resolved["2xl"], base)
+    ),
+    title: cn(
+      "font-semibold",
+      TITLE[base.textScale],
+      TITLE_MD[resolved.md.textScale],
+      TITLE_2XL[resolved["2xl"].textScale],
+      fixed && "line-clamp-2"
+    ),
+    subtitle: cn(
+      "font-medium",
+      TEXT[base.textScale],
+      TEXT_MD[resolved.md.textScale],
+      TEXT_2XL[resolved["2xl"].textScale],
+      fixed && "line-clamp-1"
+    ),
+    description: cn(
+      TEXT[base.textScale],
+      TEXT_MD[resolved.md.textScale],
+      TEXT_2XL[resolved["2xl"].textScale],
+      fixed && "line-clamp-3"
+    ),
+    badge: "w-fit"
+  };
+}
+function resolveHiddenFields(record, breakpoint, responsiveEnabled) {
+  const base = record.presentation.hiddenFields ?? [];
+  if (!responsiveEnabled) return base;
+  return record.responsive?.[breakpoint]?.hiddenFields ?? base;
+}
+function gridClasses(layout, config) {
+  return cn(
+    "grid",
+    COLUMNS.base[layout.columns.base],
+    COLUMNS.md[layout.columns.md],
+    COLUMNS["2xl"][layout.columns["2xl"]],
+    GAP_X[config.gapX],
+    GAP_Y[config.gapY],
+    config.maxWidth === "full" ? void 0 : MAX_WIDTH[config.maxWidth],
+    ALIGN_MARGIN[config.align],
+    RADIUS[config.radius],
+    layout.rows["2xl"] > 0 ? ROWS_2XL[layout.rows["2xl"]] : void 0
+  );
+}
+function spanClasses(item) {
+  return cn(COL_SPAN.base[item.colSpan.base], COL_SPAN.md[item.colSpan.md], COL_SPAN["2xl"][item.colSpan["2xl"]]);
+}
+function rowSpanClasses(item) {
+  return cn(
+    ROW_SPAN.base[item.rowSpan.base],
+    ROW_SPAN.md[item.rowSpan.md],
+    ROW_SPAN["2xl"][item.rowSpan["2xl"]]
+  );
+}
+function overlayClasses(presentation) {
+  if (presentation.overlay === "none") return void 0;
+  return presentation.overlay === "scrim" ? SCRIM[presentation.overlayOpacity] : GRADIENT[presentation.overlayOpacity];
+}
+export {
+  CONTAINER_MIN,
+  bannerClasses,
+  breakpointForWidth,
+  coercePresentation,
+  gridClasses,
+  maxHeightClass,
+  mergeResponsive,
+  overlayClasses,
+  resolveHiddenFields,
+  rowSpanClasses,
+  spanClasses
+};
+//# sourceMappingURL=responsive.mjs.map

package/dist/blocks/designs/universal-banner/responsive.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/universal-banner/responsive.ts"],"sourcesContent":["import { cn } from '@thorprovider/blocks'\n\nimport type {\n  AlignToken,\n  AspectToken,\n  BannerPresentation,\n  BannerRecord,\n  Breakpoint,\n  ContentField,\n  FitToken,\n  FocalPoint,\n  GapToken,\n  GridLayout,\n  HeightToken,\n  MaxHeightToken,\n  MaxWidthToken,\n  OverlayOpacity,\n  PaddingToken,\n  RadiusToken,\n  SurfaceToken,\n  TextScale,\n  WidthToken,\n} from './contracts'\nimport type { ItemLayout, ResolvedLayout } from './presets'\n\n/** Container thresholds shared by the CSS variants and the JS page math. */\nexport const CONTAINER_MIN: Record<Breakpoint, number> = { base: 0, md: 448, '2xl': 672 }\n\nconst BREAKPOINTS: Breakpoint[] = ['base', 'md', '2xl']\n\nexport function breakpointForWidth(width: number): Breakpoint {\n  if (width >= CONTAINER_MIN['2xl']) return '2xl'\n  if (width >= CONTAINER_MIN.md) return 'md'\n  return 'base'\n}\n\nconst ASPECT: Record<AspectToken, string> = {\n  square: 'aspect-square',\n  video: 'aspect-video',\n  photo: 'aspect-4/3',\n  wide: 'aspect-2/1',\n  tall: 'aspect-3/4',\n  natural: 'aspect-auto',\n}\n\nconst HEIGHT: Record<HeightToken, string> = {\n  sm: 'h-40',\n  md: 'h-56',\n  lg: 'h-72',\n  xl: 'h-96',\n}\n\nconst MIN_HEIGHT: Record<HeightToken, string> = {\n  sm: 'min-h-40',\n  md: 'min-h-56',\n  lg: 'min-h-72',\n  xl: 'min-h-96',\n}\n\nconst MAX_HEIGHT: Record<Exclude<MaxHeightToken, 'none'>, string> = {\n  sm: 'max-h-40',\n  md: 'max-h-56',\n  lg: 'max-h-72',\n  xl: 'max-h-96',\n}\n\n/** Ceiling for the banner box; `none` lets the aspect ratio decide. */\nexport function maxHeightClass(token: MaxHeightToken): string | undefined {\n  return token === 'none' ? undefined : MAX_HEIGHT[token]\n}\n\nconst FIT: Record<FitToken, string> = {\n  cover: 'object-cover',\n  contain: 'object-contain',\n  natural: 'object-contain',\n}\n\nconst FOCAL: Record<FocalPoint, string> = {\n  'top-left': 'object-top-left',\n  top: 'object-top',\n  'top-right': 'object-top-right',\n  left: 'object-left',\n  center: 'object-center',\n  right: 'object-right',\n  'bottom-left': 'object-bottom-left',\n  bottom: 'object-bottom',\n  'bottom-right': 'object-bottom-right',\n}\n\nconst RADIUS: Record<RadiusToken, string> = {\n  none: 'rounded-none',\n  md: 'rounded-md',\n  lg: 'rounded-lg',\n  xl: 'rounded-xl',\n  '2xl': 'rounded-2xl',\n}\n\nconst SURFACE: Record<SurfaceToken, string> = {\n  none: 'bg-transparent',\n  card: 'bg-card',\n  muted: 'bg-muted',\n  primary: 'bg-primary',\n  secondary: 'bg-secondary',\n  accent: 'bg-accent',\n}\n\nconst SURFACE_TEXT: Record<SurfaceToken, string> = {\n  none: 'text-foreground',\n  card: 'text-card-foreground',\n  muted: 'text-muted-foreground',\n  primary: 'text-primary-foreground',\n  secondary: 'text-secondary-foreground',\n  accent: 'text-accent-foreground',\n}\n\nconst WIDTH: Record<WidthToken, string> = {\n  full: 'w-full',\n  content: 'w-full max-w-3xl',\n  custom: 'w-full',\n}\n\nconst MAX_WIDTH: Record<MaxWidthToken, string> = {\n  sm: 'max-w-sm',\n  md: 'max-w-md',\n  lg: 'max-w-lg',\n  xl: 'max-w-xl',\n}\n\nconst PADDING: Record<PaddingToken, string> = {\n  none: 'p-0',\n  sm: 'p-3',\n  md: 'p-5',\n  lg: 'p-8',\n}\n\nconst TEXT: Record<TextScale, string> = {\n  sm: 'text-sm',\n  md: 'text-base',\n  lg: 'text-lg',\n}\n\nconst TITLE: Record<TextScale, string> = {\n  sm: 'text-lg',\n  md: 'text-xl',\n  lg: 'text-3xl',\n}\n\nconst JUSTIFY: Record<AlignToken, string> = {\n  start: 'justify-start',\n  center: 'justify-center',\n  end: 'justify-end',\n}\n\nconst ITEMS: Record<AlignToken, string> = {\n  start: 'items-start',\n  center: 'items-center',\n  end: 'items-end',\n}\n\nconst TEXT_ALIGN: Record<AlignToken, string> = {\n  start: 'text-left',\n  center: 'text-center',\n  end: 'text-right',\n}\n\nconst SCRIM: Record<OverlayOpacity, string> = {\n  light: 'bg-primary/40',\n  medium: 'bg-primary/60',\n  strong: 'bg-primary/80',\n}\n\nconst GRADIENT: Record<OverlayOpacity, string> = {\n  light: 'bg-linear-to-t from-primary/60 via-primary/20 to-transparent',\n  medium: 'bg-linear-to-t from-primary/80 via-primary/40 to-transparent',\n  strong: 'bg-linear-to-t from-primary/95 via-primary/60 to-transparent',\n}\n\n/* Container variants. Every prefixed class is written out so Tailwind sees it. */\nconst ASPECT_MD: Record<AspectToken, string> = {\n  square: '@md:aspect-square',\n  video: '@md:aspect-video',\n  photo: '@md:aspect-4/3',\n  wide: '@md:aspect-2/1',\n  tall: '@md:aspect-3/4',\n  natural: '@md:aspect-auto',\n}\nconst ASPECT_2XL: Record<AspectToken, string> = {\n  square: '@2xl:aspect-square',\n  video: '@2xl:aspect-video',\n  photo: '@2xl:aspect-4/3',\n  wide: '@2xl:aspect-2/1',\n  tall: '@2xl:aspect-3/4',\n  natural: '@2xl:aspect-auto',\n}\nconst HEIGHT_MD: Record<HeightToken, string> = {\n  sm: '@md:h-40',\n  md: '@md:h-56',\n  lg: '@md:h-72',\n  xl: '@md:h-96',\n}\nconst HEIGHT_2XL: Record<HeightToken, string> = {\n  sm: '@2xl:h-40',\n  md: '@2xl:h-56',\n  lg: '@2xl:h-72',\n  xl: '@2xl:h-96',\n}\nconst MIN_HEIGHT_MD: Record<HeightToken, string> = {\n  sm: '@md:min-h-40',\n  md: '@md:min-h-56',\n  lg: '@md:min-h-72',\n  xl: '@md:min-h-96',\n}\nconst MIN_HEIGHT_2XL: Record<HeightToken, string> = {\n  sm: '@2xl:min-h-40',\n  md: '@2xl:min-h-56',\n  lg: '@2xl:min-h-72',\n  xl: '@2xl:min-h-96',\n}\nconst FOCAL_MD: Record<FocalPoint, string> = {\n  'top-left': '@md:object-top-left',\n  top: '@md:object-top',\n  'top-right': '@md:object-top-right',\n  left: '@md:object-left',\n  center: '@md:object-center',\n  right: '@md:object-right',\n  'bottom-left': '@md:object-bottom-left',\n  bottom: '@md:object-bottom',\n  'bottom-right': '@md:object-bottom-right',\n}\nconst FOCAL_2XL: Record<FocalPoint, string> = {\n  'top-left': '@2xl:object-top-left',\n  top: '@2xl:object-top',\n  'top-right': '@2xl:object-top-right',\n  left: '@2xl:object-left',\n  center: '@2xl:object-center',\n  right: '@2xl:object-right',\n  'bottom-left': '@2xl:object-bottom-left',\n  bottom: '@2xl:object-bottom',\n  'bottom-right': '@2xl:object-bottom-right',\n}\nconst ALIGN_MD: Record<AlignToken, string> = {\n  start: '@md:justify-start @md:items-start @md:text-left',\n  center: '@md:justify-center @md:items-center @md:text-center',\n  end: '@md:justify-end @md:items-end @md:text-right',\n}\nconst ALIGN_2XL: Record<AlignToken, string> = {\n  start: '@2xl:justify-start @2xl:items-start @2xl:text-left',\n  center: '@2xl:justify-center @2xl:items-center @2xl:text-center',\n  end: '@2xl:justify-end @2xl:items-end @2xl:text-right',\n}\nconst TEXT_MD: Record<TextScale, string> = { sm: '@md:text-sm', md: '@md:text-base', lg: '@md:text-lg' }\nconst TEXT_2XL: Record<TextScale, string> = {\n  sm: '@2xl:text-sm',\n  md: '@2xl:text-base',\n  lg: '@2xl:text-lg',\n}\nconst TITLE_MD: Record<TextScale, string> = { sm: '@md:text-lg', md: '@md:text-xl', lg: '@md:text-3xl' }\nconst TITLE_2XL: Record<TextScale, string> = {\n  sm: '@2xl:text-lg',\n  md: '@2xl:text-xl',\n  lg: '@2xl:text-3xl',\n}\nconst PADDING_MD: Record<PaddingToken, string> = {\n  none: '@md:p-0',\n  sm: '@md:p-3',\n  md: '@md:p-5',\n  lg: '@md:p-8',\n}\nconst PADDING_2XL: Record<PaddingToken, string> = {\n  none: '@2xl:p-0',\n  sm: '@2xl:p-3',\n  md: '@2xl:p-5',\n  lg: '@2xl:p-8',\n}\n\nconst COLUMNS: Record<Breakpoint, Record<number, string>> = {\n  base: { 1: 'grid-cols-1', 2: 'grid-cols-2', 3: 'grid-cols-3', 4: 'grid-cols-4' },\n  md: {\n    1: '@md:grid-cols-1',\n    2: '@md:grid-cols-2',\n    3: '@md:grid-cols-3',\n    4: '@md:grid-cols-4',\n  },\n  '2xl': {\n    1: '@2xl:grid-cols-1',\n    2: '@2xl:grid-cols-2',\n    3: '@2xl:grid-cols-3',\n    4: '@2xl:grid-cols-4',\n  },\n}\n\nconst ROWS_2XL: Record<number, string> = { 2: '@2xl:grid-rows-2', 3: '@2xl:grid-rows-3' }\n\nconst COL_SPAN: Record<Breakpoint, Record<number, string>> = {\n  base: { 1: 'col-span-1', 2: 'col-span-2', 3: 'col-span-3', 4: 'col-span-4' },\n  md: {\n    1: '@md:col-span-1',\n    2: '@md:col-span-2',\n    3: '@md:col-span-3',\n    4: '@md:col-span-4',\n  },\n  '2xl': {\n    1: '@2xl:col-span-1',\n    2: '@2xl:col-span-2',\n    3: '@2xl:col-span-3',\n    4: '@2xl:col-span-4',\n  },\n}\n\nconst ROW_SPAN: Record<Breakpoint, Record<number, string>> = {\n  base: { 1: 'row-span-1', 2: 'row-span-2', 3: 'row-span-3' },\n  md: { 1: '@md:row-span-1', 2: '@md:row-span-2', 3: '@md:row-span-3' },\n  '2xl': { 1: '@2xl:row-span-1', 2: '@2xl:row-span-2', 3: '@2xl:row-span-3' },\n}\n\nconst GAP_X: Record<GapToken, string> = {\n  none: 'gap-x-0',\n  sm: 'gap-x-2',\n  md: 'gap-x-5',\n  lg: 'gap-x-8',\n  xl: 'gap-x-10',\n}\n\nconst GAP_Y: Record<GapToken, string> = {\n  none: 'gap-y-0',\n  sm: 'gap-y-2',\n  md: 'gap-y-5',\n  lg: 'gap-y-8',\n  xl: 'gap-y-10',\n}\n\nconst ALIGN_MARGIN: Record<AlignToken, string> = {\n  start: 'mr-auto',\n  center: 'mx-auto',\n  end: 'ml-auto',\n}\n\n/**\n * Normalizes combinations that would crop text, stretch the image or move the\n * layout: a natural image cannot live in a ratio box, a fixed box cannot keep a\n * ratio, and an adaptive box always needs a minimum height.\n */\nexport function coercePresentation(presentation: BannerPresentation): BannerPresentation {\n  if (presentation.fit === 'natural') {\n    return { ...presentation, height: 'auto', aspect: 'natural', heightToken: undefined }\n  }\n  if (presentation.height === 'fixed') {\n    return { ...presentation, heightToken: presentation.heightToken ?? 'md', aspect: 'natural' }\n  }\n  if (presentation.height === 'adaptive') {\n    return { ...presentation, heightToken: presentation.heightToken ?? 'md' }\n  }\n  return presentation\n}\n\nexport function mergeResponsive(\n  base: BannerPresentation,\n  overrides: BannerRecord['responsive'],\n  enabled: boolean,\n): Record<Breakpoint, BannerPresentation> {\n  const merged = {} as Record<Breakpoint, BannerPresentation>\n  for (const breakpoint of BREAKPOINTS) {\n    const partial = enabled ? overrides?.[breakpoint] : undefined\n    merged[breakpoint] = coercePresentation({ ...base, ...partial })\n  }\n  return merged\n}\n\nfunction boxClasses(presentation: BannerPresentation): string {\n  if (presentation.height === 'fixed') return HEIGHT[presentation.heightToken ?? 'md']\n  if (presentation.height === 'adaptive') {\n    return cn(ASPECT[presentation.aspect], MIN_HEIGHT[presentation.heightToken ?? 'md'])\n  }\n  return ASPECT[presentation.aspect]\n}\n\nconst H_AUTO_MD = '@md:h-auto'\nconst H_AUTO_2XL = '@2xl:h-auto'\n\nfunction heightVariants(\n  breakpoint: Exclude<Breakpoint, 'base'>,\n  current: BannerPresentation,\n  base: BannerPresentation,\n): string | undefined {\n  const heightMap = breakpoint === 'md' ? HEIGHT_MD : HEIGHT_2XL\n  const minHeightMap = breakpoint === 'md' ? MIN_HEIGHT_MD : MIN_HEIGHT_2XL\n  const auto = breakpoint === 'md' ? H_AUTO_MD : H_AUTO_2XL\n  const token = current.heightToken ?? 'md'\n\n  if (current.height !== base.height) {\n    if (current.height === 'fixed') return heightMap[token]\n    if (current.height === 'adaptive') return cn(auto, minHeightMap[token])\n    return auto\n  }\n  if (current.height === 'fixed' && current.heightToken !== base.heightToken) return heightMap[token]\n  if (current.height === 'adaptive' && current.heightToken !== base.heightToken) return minHeightMap[token]\n  return undefined\n}\n\nfunction boxVariants(\n  breakpoint: Exclude<Breakpoint, 'base'>,\n  current: BannerPresentation,\n  base: BannerPresentation,\n): string {\n  const aspectMap = breakpoint === 'md' ? ASPECT_MD : ASPECT_2XL\n  return cn(\n    current.aspect !== base.aspect && aspectMap[current.aspect],\n    heightVariants(breakpoint, current, base),\n  )\n}\n\nfunction contentVariants(\n  breakpoint: Exclude<Breakpoint, 'base'>,\n  current: BannerPresentation,\n  base: BannerPresentation,\n): string {\n  const alignMap = breakpoint === 'md' ? ALIGN_MD : ALIGN_2XL\n  const textMap = breakpoint === 'md' ? TEXT_MD : TEXT_2XL\n  const titleMap = breakpoint === 'md' ? TITLE_MD : TITLE_2XL\n  const paddingMap = breakpoint === 'md' ? PADDING_MD : PADDING_2XL\n\n  return cn(\n    current.align !== base.align && alignMap[current.align],\n    current.textScale !== base.textScale && textMap[current.textScale],\n    current.textScale !== base.textScale && titleMap[current.textScale],\n    current.padding !== base.padding && paddingMap[current.padding],\n  )\n}\n\nexport type BannerClassSet = {\n  root: string\n  box: string\n  media: string\n  img: string\n  content: string\n  title: string\n  subtitle: string\n  description: string\n  badge: string\n}\n\nexport function bannerClasses(record: BannerRecord, responsiveEnabled: boolean): BannerClassSet {\n  const resolved = mergeResponsive(record.presentation, record.responsive, responsiveEnabled)\n  const base = resolved.base\n  const textOnImage = base.overlay !== 'none'\n  const fixed = base.height === 'fixed'\n\n  return {\n    root: cn(\n      'relative overflow-hidden',\n      RADIUS[base.radius],\n      SURFACE[base.surface],\n      WIDTH[base.width],\n      base.width === 'custom' && base.maxWidth ? MAX_WIDTH[base.maxWidth] : undefined,\n    ),\n    box: cn(\n      boxClasses(base),\n      boxVariants('md', resolved.md, base),\n      boxVariants('2xl', resolved['2xl'], base),\n    ),\n    media: 'relative size-full overflow-hidden',\n    img: cn(\n      FIT[base.fit],\n      FOCAL[base.focal],\n      'size-full',\n      FOCAL_MD[resolved.md.focal],\n      FOCAL_2XL[resolved['2xl'].focal],\n    ),\n    content: cn(\n      'relative z-10 flex min-w-0 flex-col gap-2',\n      PADDING[base.padding],\n      JUSTIFY[base.align],\n      ITEMS[base.align],\n      TEXT_ALIGN[base.align],\n      textOnImage ? 'text-primary-foreground' : SURFACE_TEXT[base.surface],\n      contentVariants('md', resolved.md, base),\n      contentVariants('2xl', resolved['2xl'], base),\n    ),\n    title: cn(\n      'font-semibold',\n      TITLE[base.textScale],\n      TITLE_MD[resolved.md.textScale],\n      TITLE_2XL[resolved['2xl'].textScale],\n      fixed && 'line-clamp-2',\n    ),\n    subtitle: cn(\n      'font-medium',\n      TEXT[base.textScale],\n      TEXT_MD[resolved.md.textScale],\n      TEXT_2XL[resolved['2xl'].textScale],\n      fixed && 'line-clamp-1',\n    ),\n    description: cn(\n      TEXT[base.textScale],\n      TEXT_MD[resolved.md.textScale],\n      TEXT_2XL[resolved['2xl'].textScale],\n      fixed && 'line-clamp-3',\n    ),\n    badge: 'w-fit',\n  }\n}\n\n/** Per-breakpoint field visibility; the base declaration is the fallback. */\nexport function resolveHiddenFields(\n  record: BannerRecord,\n  breakpoint: Breakpoint,\n  responsiveEnabled: boolean,\n): ContentField[] {\n  const base = record.presentation.hiddenFields ?? []\n  if (!responsiveEnabled) return base\n  return record.responsive?.[breakpoint]?.hiddenFields ?? base\n}\n\nexport function gridClasses(layout: ResolvedLayout, config: GridLayout): string {\n  return cn(\n    'grid',\n    COLUMNS.base[layout.columns.base],\n    COLUMNS.md[layout.columns.md],\n    COLUMNS['2xl'][layout.columns['2xl']],\n    GAP_X[config.gapX],\n    GAP_Y[config.gapY],\n    config.maxWidth === 'full' ? undefined : MAX_WIDTH[config.maxWidth],\n    ALIGN_MARGIN[config.align],\n    RADIUS[config.radius],\n    layout.rows['2xl'] > 0 ? ROWS_2XL[layout.rows['2xl']] : undefined,\n  )\n}\n\nexport function spanClasses(item: ItemLayout): string {\n  return cn(COL_SPAN.base[item.colSpan.base], COL_SPAN.md[item.colSpan.md], COL_SPAN['2xl'][item.colSpan['2xl']])\n}\n\nexport function rowSpanClasses(item: ItemLayout): string {\n  return cn(\n    ROW_SPAN.base[item.rowSpan.base],\n    ROW_SPAN.md[item.rowSpan.md],\n    ROW_SPAN['2xl'][item.rowSpan['2xl']],\n  )\n}\n\nexport function overlayClasses(presentation: BannerPresentation): string | undefined {\n  if (presentation.overlay === 'none') return undefined\n  return presentation.overlay === 'scrim'\n    ? SCRIM[presentation.overlayOpacity]\n    : GRADIENT[presentation.overlayOpacity]\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/universal-banner/schedule.d.ts

@@ -0,0 +1,11 @@
+import type { Schedule } from './contracts';
+export type ScheduleStatus = 'active' | 'scheduled' | 'expired' | 'unscheduled';
+/** Midnight of a date-only value in the store's time zone. */
+export declare function zonedStartOfDay(dateOnly: string, timeZone: string): Date;
+/**
+ * Evaluates the window as `[from, to)`: a banner stops being active at the
+ * exact `to` instant. Date-only bounds are read at midnight in the store zone.
+ */
+export declare function scheduleStatus(schedule: Schedule | undefined, now: Date): ScheduleStatus;
+export declare function isActive(schedule: Schedule | undefined, now: Date): boolean;
+//# sourceMappingURL=schedule.d.ts.map

package/dist/blocks/designs/universal-banner/schedule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schedule.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/universal-banner/schedule.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAE3C,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,aAAa,CAAA;AAoC/E,8DAA8D;AAC9D,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI,CAMxE;AAQD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,EAAE,GAAG,EAAE,IAAI,GAAG,cAAc,CAQxF;AAED,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,EAAE,GAAG,EAAE,IAAI,GAAG,OAAO,CAG3E"}

package/dist/blocks/designs/universal-banner/schedule.js

@@ -0,0 +1,88 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var schedule_exports = {};
+__export(schedule_exports, {
+  isActive: () => isActive,
+  scheduleStatus: () => scheduleStatus,
+  zonedStartOfDay: () => zonedStartOfDay
+});
+module.exports = __toCommonJS(schedule_exports);
+const DATE_ONLY = /^\d{4}-\d{2}-\d{2}$/;
+function safeTimeZone(timeZone) {
+  try {
+    new Intl.DateTimeFormat("en-US", { timeZone });
+    return timeZone;
+  } catch {
+    return "UTC";
+  }
+}
+function offsetMs(date, timeZone) {
+  const parts = new Intl.DateTimeFormat("en-US", {
+    timeZone,
+    hourCycle: "h23",
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit"
+  }).formatToParts(date);
+  const read = (type) => Number(parts.find((part) => part.type === type)?.value ?? "0");
+  const wallClock = Date.UTC(
+    read("year"),
+    read("month") - 1,
+    read("day"),
+    read("hour"),
+    read("minute"),
+    read("second")
+  );
+  return wallClock - date.getTime();
+}
+function zonedStartOfDay(dateOnly, timeZone) {
+  const zone = safeTimeZone(timeZone);
+  const [year, month, day] = dateOnly.split("-").map(Number);
+  const midnight = Date.UTC(year ?? 1970, (month ?? 1) - 1, day ?? 1);
+  const firstPass = new Date(midnight - offsetMs(new Date(midnight), zone));
+  return new Date(midnight - offsetMs(firstPass, zone));
+}
+function toInstant(value, timeZone) {
+  if (DATE_ONLY.test(value)) return zonedStartOfDay(value, timeZone);
+  const parsed = new Date(value);
+  return Number.isNaN(parsed.getTime()) ? null : parsed;
+}
+function scheduleStatus(schedule, now) {
+  if (!schedule) return "unscheduled";
+  const zone = safeTimeZone(schedule.timezone);
+  const from = schedule.from ? toInstant(schedule.from, zone) : null;
+  const to = schedule.to ? toInstant(schedule.to, zone) : null;
+  if (from && now.getTime() < from.getTime()) return "scheduled";
+  if (to && now.getTime() >= to.getTime()) return "expired";
+  return "active";
+}
+function isActive(schedule, now) {
+  const status = scheduleStatus(schedule, now);
+  return status === "active" || status === "unscheduled";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  isActive,
+  scheduleStatus,
+  zonedStartOfDay
+});
+//# sourceMappingURL=schedule.js.map

package/dist/blocks/designs/universal-banner/schedule.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/universal-banner/schedule.ts"],"sourcesContent":["import type { Schedule } from './contracts'\n\nexport type ScheduleStatus = 'active' | 'scheduled' | 'expired' | 'unscheduled'\n\nconst DATE_ONLY = /^\\d{4}-\\d{2}-\\d{2}$/\n\nfunction safeTimeZone(timeZone: string): string {\n  try {\n    new Intl.DateTimeFormat('en-US', { timeZone })\n    return timeZone\n  } catch {\n    return 'UTC'\n  }\n}\n\nfunction offsetMs(date: Date, timeZone: string): number {\n  const parts = new Intl.DateTimeFormat('en-US', {\n    timeZone,\n    hourCycle: 'h23',\n    year: 'numeric',\n    month: '2-digit',\n    day: '2-digit',\n    hour: '2-digit',\n    minute: '2-digit',\n    second: '2-digit',\n  }).formatToParts(date)\n  const read = (type: Intl.DateTimeFormatPartTypes) => Number(parts.find((part) => part.type === type)?.value ?? '0')\n  const wallClock = Date.UTC(\n    read('year'),\n    read('month') - 1,\n    read('day'),\n    read('hour'),\n    read('minute'),\n    read('second'),\n  )\n  return wallClock - date.getTime()\n}\n\n/** Midnight of a date-only value in the store's time zone. */\nexport function zonedStartOfDay(dateOnly: string, timeZone: string): Date {\n  const zone = safeTimeZone(timeZone)\n  const [year, month, day] = dateOnly.split('-').map(Number)\n  const midnight = Date.UTC(year ?? 1970, (month ?? 1) - 1, day ?? 1)\n  const firstPass = new Date(midnight - offsetMs(new Date(midnight), zone))\n  return new Date(midnight - offsetMs(firstPass, zone))\n}\n\nfunction toInstant(value: string, timeZone: string): Date | null {\n  if (DATE_ONLY.test(value)) return zonedStartOfDay(value, timeZone)\n  const parsed = new Date(value)\n  return Number.isNaN(parsed.getTime()) ? null : parsed\n}\n\n/**\n * Evaluates the window as `[from, to)`: a banner stops being active at the\n * exact `to` instant. Date-only bounds are read at midnight in the store zone.\n */\nexport function scheduleStatus(schedule: Schedule | undefined, now: Date): ScheduleStatus {\n  if (!schedule) return 'unscheduled'\n  const zone = safeTimeZone(schedule.timezone)\n  const from = schedule.from ? toInstant(schedule.from, zone) : null\n  const to = schedule.to ? toInstant(schedule.to, zone) : null\n  if (from && now.getTime() < from.getTime()) return 'scheduled'\n  if (to && now.getTime() >= to.getTime()) return 'expired'\n  return 'active'\n}\n\nexport function isActive(schedule: Schedule | undefined, now: Date): boolean {\n  const status = scheduleStatus(schedule, now)\n  return status === 'active' || status === 'unscheduled'\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,MAAM,YAAY;AAElB,SAAS,aAAa,UAA0B;AAC9C,MAAI;AACF,QAAI,KAAK,eAAe,SAAS,EAAE,SAAS,CAAC;AAC7C,WAAO;AAAA,EACT,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,SAAS,MAAY,UAA0B;AACtD,QAAM,QAAQ,IAAI,KAAK,eAAe,SAAS;AAAA,IAC7C;AAAA,IACA,WAAW;AAAA,IACX,MAAM;AAAA,IACN,OAAO;AAAA,IACP,KAAK;AAAA,IACL,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,QAAQ;AAAA,EACV,CAAC,EAAE,cAAc,IAAI;AACrB,QAAM,OAAO,CAAC,SAAuC,OAAO,MAAM,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,GAAG,SAAS,GAAG;AAClH,QAAM,YAAY,KAAK;AAAA,IACrB,KAAK,MAAM;AAAA,IACX,KAAK,OAAO,IAAI;AAAA,IAChB,KAAK,KAAK;AAAA,IACV,KAAK,MAAM;AAAA,IACX,KAAK,QAAQ;AAAA,IACb,KAAK,QAAQ;AAAA,EACf;AACA,SAAO,YAAY,KAAK,QAAQ;AAClC;AAGO,SAAS,gBAAgB,UAAkB,UAAwB;AACxE,QAAM,OAAO,aAAa,QAAQ;AAClC,QAAM,CAAC,MAAM,OAAO,GAAG,IAAI,SAAS,MAAM,GAAG,EAAE,IAAI,MAAM;AACzD,QAAM,WAAW,KAAK,IAAI,QAAQ,OAAO,SAAS,KAAK,GAAG,OAAO,CAAC;AAClE,QAAM,YAAY,IAAI,KAAK,WAAW,SAAS,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC;AACxE,SAAO,IAAI,KAAK,WAAW,SAAS,WAAW,IAAI,CAAC;AACtD;AAEA,SAAS,UAAU,OAAe,UAA+B;AAC/D,MAAI,UAAU,KAAK,KAAK,EAAG,QAAO,gBAAgB,OAAO,QAAQ;AACjE,QAAM,SAAS,IAAI,KAAK,KAAK;AAC7B,SAAO,OAAO,MAAM,OAAO,QAAQ,CAAC,IAAI,OAAO;AACjD;AAMO,SAAS,eAAe,UAAgC,KAA2B;AACxF,MAAI,CAAC,SAAU,QAAO;AACtB,QAAM,OAAO,aAAa,SAAS,QAAQ;AAC3C,QAAM,OAAO,SAAS,OAAO,UAAU,SAAS,MAAM,IAAI,IAAI;AAC9D,QAAM,KAAK,SAAS,KAAK,UAAU,SAAS,IAAI,IAAI,IAAI;AACxD,MAAI,QAAQ,IAAI,QAAQ,IAAI,KAAK,QAAQ,EAAG,QAAO;AACnD,MAAI,MAAM,IAAI,QAAQ,KAAK,GAAG,QAAQ,EAAG,QAAO;AAChD,SAAO;AACT;AAEO,SAAS,SAAS,UAAgC,KAAoB;AAC3E,QAAM,SAAS,eAAe,UAAU,GAAG;AAC3C,SAAO,WAAW,YAAY,WAAW;AAC3C;","names":[]}