@orbit-work/ui 0.1.2 → 0.1.3

package/dist/chunk-ZXMHCL6D.js

@@ -0,0 +1,240 @@
+import {
+  ORBITWORK_SKIN_CSS_VARIABLES,
+  fontScaleTokens,
+  normalizeOrbitworkSkinPublicPartStyles,
+  orbitworkSkinImageCssValue,
+  resolveOrbitworkFontScale,
+  resolveOrbitworkSkinChatBackgroundMask
+} from "./chunk-LSGO6AQR.js";
+
+// src/theme/core/unifiedTheme.ts
+var TENANT_TOKEN_MAP = {
+  bg: "--ow-bg",
+  surface: "--ow-surface",
+  surface2: "--ow-surface-2",
+  text: "--ow-text",
+  text2: "--ow-text-2",
+  text3: "--ow-text-3",
+  border: "--ow-border",
+  borderStrong: "--ow-border-strong"
+};
+function tenantTokens(theme, mode) {
+  const colors = theme?.modes[mode];
+  if (!colors) return {};
+  return Object.fromEntries(
+    Object.entries(TENANT_TOKEN_MAP).map(([key, token]) => [token, colors[key]])
+  );
+}
+function skinTokens(skin, mode) {
+  const values = skin?.modes[mode];
+  if (!values) return {};
+  const tokens = {};
+  for (const [rawKey, value] of Object.entries(values)) {
+    const key = rawKey;
+    const property = ORBITWORK_SKIN_CSS_VARIABLES[key];
+    if (!property || !value) continue;
+    if (key === "chatBackgroundImage") {
+      const image = orbitworkSkinImageCssValue(value);
+      if (image) tokens[property] = image;
+      continue;
+    }
+    if (key === "chatBackgroundMaskColor") {
+      const mask = resolveOrbitworkSkinChatBackgroundMask(value);
+      tokens[property] = mask.color;
+      tokens["--ow-chat-bg-mask-start-opacity"] = `${mask.startOpacity}%`;
+      tokens["--ow-chat-bg-mask-end-opacity"] = `${mask.endOpacity}%`;
+      continue;
+    }
+    if (key === "chatBackgroundOverlay" && values.chatBackgroundMaskColor) continue;
+    tokens[property] = value;
+  }
+  return tokens;
+}
+function localeCandidates(locale) {
+  let canonical = "en-US";
+  try {
+    canonical = Intl.getCanonicalLocales(locale)[0] ?? "en-US";
+  } catch {
+  }
+  const language = canonical.split("-")[0] ?? "en";
+  return [.../* @__PURE__ */ new Set([canonical, language, "en-US"])];
+}
+function localizedCopy(source, locale) {
+  if (!source) return void 0;
+  for (const candidate of localeCandidates(locale)) {
+    if (source[candidate]) return source[candidate];
+  }
+  return void 0;
+}
+function mergeUnifiedTheme(brand, tenant, userSkin, mode, locale = "en-US", appearanceOverlaySkin = null, fontScalePreference = null) {
+  const chatBackgroundImage = appearanceOverlaySkin?.modes[mode]?.chatBackgroundImage ?? userSkin?.modes[mode]?.chatBackgroundImage;
+  const tokens = {
+    ...brand?.modes[mode] ?? {},
+    ...tenantTokens(tenant, mode),
+    ...skinTokens(userSkin, mode),
+    ...skinTokens(appearanceOverlaySkin, mode),
+    ...fontScaleTokens(resolveOrbitworkFontScale(fontScalePreference, userSkin?.fontScale ?? brand?.fontScale))
+  };
+  const typography = tenant?.typography ?? brand?.typography;
+  if (typography) {
+    tokens["--ow-font-sans"] = typography.fontSans;
+    tokens["--ow-font-mono"] = typography.fontMono;
+  }
+  const brandCopy = localizedCopy(brand?.branding, locale);
+  const tenantCopy = localizedCopy(tenant?.branding, locale);
+  const copy = tenantCopy ? { ...brandCopy ?? {}, ...tenantCopy } : brandCopy ?? null;
+  const logo = tenant?.logo || brand?.logo;
+  const loginKV = tenant?.loginKV || brand?.loginKV;
+  const favicon = tenant?.favicon || brand?.favicon;
+  const branding = copy ? {
+    ...copy,
+    ...logo ? { logo } : {},
+    ...loginKV ? { loginKV } : {},
+    ...favicon ? { favicon } : {}
+  } : null;
+  return {
+    mode,
+    tokens,
+    branding,
+    skin: userSkin?.modes[mode] || appearanceOverlaySkin?.modes[mode] ? {
+      id: userSkin?.id ?? appearanceOverlaySkin?.id ?? "default",
+      ...userSkin?.contributes?.publicPartStyles ? { publicPartStyles: userSkin.contributes.publicPartStyles } : {},
+      ...chatBackgroundImage ? { chatBackgroundImage } : {},
+      hasChatBackgroundImage: Boolean(chatBackgroundImage),
+      hasUserBubbleStyle: Boolean(
+        userSkin?.modes[mode]?.userBubbleBackground || userSkin?.modes[mode]?.userBubbleForeground || userSkin?.modes[mode]?.userBubbleBorder
+      )
+    } : null,
+    sources: {
+      brand: brand?.id ?? null,
+      tenant: tenant?.name ?? null,
+      user: userSkin?.id ?? null
+    }
+  };
+}
+
+// src/theme/utils/themeApplier.ts
+var managedProperties = /* @__PURE__ */ new WeakMap();
+var managedPublicPartStyles = /* @__PURE__ */ new WeakMap();
+var managedPublicPartScopes = /* @__PURE__ */ new WeakMap();
+var managedChatBackgroundImages = /* @__PURE__ */ new WeakMap();
+var nextPublicPartScope = 0;
+var CHAT_BACKGROUND_IMAGE_PROPERTY = "--ow-chat-bg-image";
+function applyUnifiedTheme(theme, target = document.documentElement) {
+  const previous = managedProperties.get(target) ?? /* @__PURE__ */ new Set();
+  const next = new Set(Object.keys(theme.tokens));
+  for (const property of previous) {
+    if (!next.has(property)) target.style.removeProperty(property);
+  }
+  for (const [property, value] of Object.entries(theme.tokens)) {
+    if (value === void 0) continue;
+    const appliedValue = property === CHAT_BACKGROUND_IMAGE_PROPERTY && theme.skin?.chatBackgroundImage ? chatBackgroundImageCssValue(target, theme.skin.chatBackgroundImage, value) : value;
+    target.style.setProperty(property, appliedValue);
+  }
+  if (!next.has(CHAT_BACKGROUND_IMAGE_PROPERTY) || !theme.skin?.chatBackgroundImage) {
+    releaseChatBackgroundImage(target);
+  }
+  managedProperties.set(target, next);
+  setOptionalAttribute(target, "data-ow-brand-theme", theme.sources.brand);
+  setOptionalAttribute(target, "data-tenant-theme", theme.sources.tenant);
+  setOptionalAttribute(target, "data-ow-skin", theme.skin?.id ?? null);
+  if (theme.skin?.hasChatBackgroundImage) target.setAttribute("data-desktop-background-image", "");
+  else target.removeAttribute("data-desktop-background-image");
+  if (theme.skin?.hasUserBubbleStyle) target.setAttribute("data-chat-user-bubble-skin", "");
+  else target.removeAttribute("data-chat-user-bubble-skin");
+  const targetDocument = target.ownerDocument ?? (typeof document === "undefined" ? null : document);
+  if (targetDocument) applyPublicPartStyles(target, targetDocument, theme.skin);
+}
+function removeUnifiedTheme(target = document.documentElement) {
+  for (const property of managedProperties.get(target) ?? []) target.style.removeProperty(property);
+  managedProperties.delete(target);
+  releaseChatBackgroundImage(target);
+  target.removeAttribute("data-ow-brand-theme");
+  target.removeAttribute("data-tenant-theme");
+  target.removeAttribute("data-ow-skin");
+  target.removeAttribute("data-desktop-background-image");
+  target.removeAttribute("data-chat-user-bubble-skin");
+  removePublicPartStyles(target);
+}
+function chatBackgroundImageCssValue(target, dataUrl, fallback) {
+  const current = managedChatBackgroundImages.get(target);
+  if (current?.dataUrl === dataUrl) return `url("${current.objectUrl}")`;
+  const separator = dataUrl.indexOf(",");
+  const header = separator >= 0 ? dataUrl.slice(0, separator) : "";
+  if (!/^data:image\/(?:png|jpeg|webp);base64$/i.test(header)) {
+    releaseChatBackgroundImage(target);
+    return fallback;
+  }
+  try {
+    const binary = globalThis.atob(dataUrl.slice(separator + 1));
+    const bytes = new Uint8Array(binary.length);
+    for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index);
+    const objectUrl = globalThis.URL.createObjectURL(new Blob([bytes], { type: header.slice(5, -7) }));
+    releaseChatBackgroundImage(target);
+    managedChatBackgroundImages.set(target, { dataUrl, objectUrl });
+    return `url("${objectUrl}")`;
+  } catch {
+    releaseChatBackgroundImage(target);
+    return fallback;
+  }
+}
+function releaseChatBackgroundImage(target) {
+  const current = managedChatBackgroundImages.get(target);
+  if (!current) return;
+  globalThis.URL.revokeObjectURL(current.objectUrl);
+  managedChatBackgroundImages.delete(target);
+}
+function getCurrentThemeName(target = document.documentElement) {
+  return target.getAttribute("data-tenant-theme");
+}
+function setOptionalAttribute(target, name, value) {
+  if (value) target.setAttribute(name, value);
+  else target.removeAttribute(name);
+}
+function removePublicPartStyles(target) {
+  managedPublicPartStyles.get(target)?.remove();
+  managedPublicPartStyles.delete(target);
+  target.removeAttribute("data-ow-skin-scope");
+}
+function applyPublicPartStyles(target, document2, skin) {
+  const previous = managedPublicPartStyles.get(target);
+  if (!skin?.publicPartStyles) {
+    removePublicPartStyles(target);
+    return;
+  }
+  let normalized;
+  try {
+    normalized = normalizeOrbitworkSkinPublicPartStyles(skin.publicPartStyles);
+  } catch (error) {
+    console.error("[theme] rejected invalid public-part styles at apply time:", error);
+    removePublicPartStyles(target);
+    return;
+  }
+  let scopeId = managedPublicPartScopes.get(target);
+  if (!scopeId) {
+    scopeId = `ow-skin-${++nextPublicPartScope}`;
+    managedPublicPartScopes.set(target, scopeId);
+  }
+  target.setAttribute("data-ow-skin-scope", scopeId);
+  const scope = `[data-ow-skin-scope="${scopeId}"]`;
+  const scopedCss = normalized.replace(/([^{}]+)\{/g, (_match, selector) => {
+    const selectors = selector.split(",").map((item) => `${scope} ${item.trim()}`).join(", ");
+    return `${selectors} {`;
+  });
+  const style = previous ?? document2.createElement("style");
+  style.setAttribute("data-ow-skin-style", scopeId);
+  style.textContent = scopedCss;
+  if (!previous) {
+    managedPublicPartStyles.set(target, style);
+    document2.head.appendChild(style);
+  }
+}
+
+export {
+  localizedCopy,
+  mergeUnifiedTheme,
+  applyUnifiedTheme,
+  removeUnifiedTheme,
+  getCurrentThemeName
+};
+//# sourceMappingURL=chunk-ZXMHCL6D.js.map

package/dist/chunk-ZXMHCL6D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/core/unifiedTheme.ts","../src/theme/utils/themeApplier.ts"],"sourcesContent":["import { type OrbitworkFontScale, fontScaleTokens, resolveOrbitworkFontScale } from \"./fontScale.ts\"\nimport {\n  ORBITWORK_SKIN_CSS_VARIABLES,\n  type OrbitworkSkin,\n  type OrbitworkSkinTokens,\n  type ResolvedTheme,\n  orbitworkSkinImageCssValue,\n  resolveOrbitworkSkinChatBackgroundMask,\n} from \"./skin.ts\"\nimport type {\n  BrandTheme,\n  LocalizedBranding,\n  TenantBranding,\n  TenantTheme,\n  TenantThemeColors,\n  UnifiedThemeToken,\n} from \"./types.ts\"\n\nexport type UnifiedBranding = TenantBranding & {\n  logo?: string\n  loginKV?: string\n  favicon?: string\n}\n\nexport type UnifiedTheme = {\n  mode: ResolvedTheme\n  /** Partial overrides only. DS2 CSS remains the sole source of defaults. */\n  tokens: Readonly<Partial<Record<AppliedThemeToken, string>>>\n  branding: UnifiedBranding | null\n  skin: {\n    id: string\n    publicPartStyles?: string\n    /** Validated embedded image retained outside CSSOM so the applier can use a short blob URL. */\n    chatBackgroundImage?: string\n    hasChatBackgroundImage: boolean\n    hasUserBubbleStyle: boolean\n  } | null\n  sources: {\n    brand: string | null\n    tenant: string | null\n    user: string | null\n  }\n}\n\ntype SkinThemeToken =\n  | (typeof ORBITWORK_SKIN_CSS_VARIABLES)[keyof typeof ORBITWORK_SKIN_CSS_VARIABLES]\n  | \"--ow-chat-bg-mask-start-opacity\"\n  | \"--ow-chat-bg-mask-end-opacity\"\n\nexport type AppliedThemeToken = UnifiedThemeToken | SkinThemeToken\n\nconst TENANT_TOKEN_MAP = {\n  bg: \"--ow-bg\",\n  surface: \"--ow-surface\",\n  surface2: \"--ow-surface-2\",\n  text: \"--ow-text\",\n  text2: \"--ow-text-2\",\n  text3: \"--ow-text-3\",\n  border: \"--ow-border\",\n  borderStrong: \"--ow-border-strong\",\n} as const satisfies Record<keyof TenantThemeColors, UnifiedThemeToken>\n\nfunction tenantTokens(theme: TenantTheme | null, mode: ResolvedTheme): Partial<Record<UnifiedThemeToken, string>> {\n  const colors = theme?.modes[mode]\n  if (!colors) return {}\n  return Object.fromEntries(\n    Object.entries(TENANT_TOKEN_MAP).map(([key, token]) => [token, colors[key as keyof TenantThemeColors]]),\n  )\n}\n\nfunction skinTokens(skin: OrbitworkSkin | null, mode: ResolvedTheme): Partial<Record<AppliedThemeToken, string>> {\n  const values = skin?.modes[mode]\n  if (!values) return {}\n  const tokens: Partial<Record<AppliedThemeToken, string>> = {}\n\n  for (const [rawKey, value] of Object.entries(values)) {\n    const key = rawKey as keyof OrbitworkSkinTokens\n    const property = ORBITWORK_SKIN_CSS_VARIABLES[key]\n    if (!property || !value) continue\n\n    if (key === \"chatBackgroundImage\") {\n      const image = orbitworkSkinImageCssValue(value)\n      if (image) tokens[property] = image\n      continue\n    }\n    if (key === \"chatBackgroundMaskColor\") {\n      const mask = resolveOrbitworkSkinChatBackgroundMask(value)\n      tokens[property] = mask.color\n      tokens[\"--ow-chat-bg-mask-start-opacity\"] = `${mask.startOpacity}%`\n      tokens[\"--ow-chat-bg-mask-end-opacity\"] = `${mask.endOpacity}%`\n      continue\n    }\n    // The explicit readability mask supersedes the legacy uniform overlay so the image is not veiled twice.\n    if (key === \"chatBackgroundOverlay\" && values.chatBackgroundMaskColor) continue\n    tokens[property] = value\n  }\n\n  return tokens\n}\n\nfunction localeCandidates(locale: string): string[] {\n  let canonical = \"en-US\"\n  try {\n    canonical = Intl.getCanonicalLocales(locale)[0] ?? \"en-US\"\n  } catch {\n    // Invalid runtime preference falls through to the contract baseline.\n  }\n  const language = canonical.split(\"-\")[0] ?? \"en\"\n  return [...new Set([canonical, language, \"en-US\"])]\n}\n\n/** Pick the best localized copy for a locale: canonical, then language, then en-US. */\nexport function localizedCopy(source: LocalizedBranding | undefined, locale: string): TenantBranding | undefined {\n  if (!source) return undefined\n  for (const candidate of localeCandidates(locale)) {\n    if (source[candidate]) return source[candidate]\n  }\n  return undefined\n}\n\n/**\n * Merge already-validated layers for one resolved color mode.\n * Priority: personal skin > tenant > OEM brand > DS2 CSS defaults.\n */\nexport function mergeUnifiedTheme(\n  brand: BrandTheme | null,\n  tenant: TenantTheme | null,\n  userSkin: OrbitworkSkin | null,\n  mode: ResolvedTheme,\n  locale = \"en-US\",\n  appearanceOverlaySkin: OrbitworkSkin | null = null,\n  fontScalePreference: OrbitworkFontScale | null = null,\n): UnifiedTheme {\n  const chatBackgroundImage =\n    appearanceOverlaySkin?.modes[mode]?.chatBackgroundImage ?? userSkin?.modes[mode]?.chatBackgroundImage\n  const tokens: Partial<Record<AppliedThemeToken, string>> = {\n    ...(brand?.modes[mode] ?? {}),\n    ...tenantTokens(tenant, mode),\n    ...skinTokens(userSkin, mode),\n    ...skinTokens(appearanceOverlaySkin, mode),\n    ...fontScaleTokens(resolveOrbitworkFontScale(fontScalePreference, userSkin?.fontScale ?? brand?.fontScale)),\n  }\n\n  const typography = tenant?.typography ?? brand?.typography\n  if (typography) {\n    tokens[\"--ow-font-sans\"] = typography.fontSans\n    tokens[\"--ow-font-mono\"] = typography.fontMono\n  }\n\n  const brandCopy = localizedCopy(brand?.branding, locale)\n  const tenantCopy = localizedCopy(tenant?.branding, locale)\n  const copy: TenantBranding | null = tenantCopy ? { ...(brandCopy ?? {}), ...tenantCopy } : (brandCopy ?? null)\n  const logo = tenant?.logo || brand?.logo\n  const loginKV = tenant?.loginKV || brand?.loginKV\n  const favicon = tenant?.favicon || brand?.favicon\n  const branding = copy\n    ? {\n        ...copy,\n        ...(logo ? { logo } : {}),\n        ...(loginKV ? { loginKV } : {}),\n        ...(favicon ? { favicon } : {}),\n      }\n    : null\n\n  return {\n    mode,\n    tokens,\n    branding,\n    skin:\n      userSkin?.modes[mode] || appearanceOverlaySkin?.modes[mode]\n        ? {\n            id: userSkin?.id ?? appearanceOverlaySkin?.id ?? \"default\",\n            ...(userSkin?.contributes?.publicPartStyles\n              ? { publicPartStyles: userSkin.contributes.publicPartStyles }\n              : {}),\n            ...(chatBackgroundImage ? { chatBackgroundImage } : {}),\n            hasChatBackgroundImage: Boolean(chatBackgroundImage),\n            hasUserBubbleStyle: Boolean(\n              userSkin?.modes[mode]?.userBubbleBackground ||\n                userSkin?.modes[mode]?.userBubbleForeground ||\n                userSkin?.modes[mode]?.userBubbleBorder,\n            ),\n          }\n        : null,\n    sources: {\n      brand: brand?.id ?? null,\n      tenant: tenant?.name ?? null,\n      user: userSkin?.id ?? null,\n    },\n  }\n}\n","import { normalizeOrbitworkSkinPublicPartStyles } from \"../core/skin.ts\"\nimport type { UnifiedTheme } from \"../core/unifiedTheme.ts\"\n\nconst managedProperties = new WeakMap<HTMLElement, Set<string>>()\nconst managedPublicPartStyles = new WeakMap<HTMLElement, HTMLStyleElement>()\nconst managedPublicPartScopes = new WeakMap<HTMLElement, string>()\nconst managedChatBackgroundImages = new WeakMap<HTMLElement, { dataUrl: string; objectUrl: string }>()\nlet nextPublicPartScope = 0\nconst CHAT_BACKGROUND_IMAGE_PROPERTY = \"--ow-chat-bg-image\"\n\n/**\n * Atomically replace the variables owned by the unified theme pipeline.\n * Missing values are removed so DS2 CSS remains the only default source.\n */\nexport function applyUnifiedTheme(theme: UnifiedTheme, target: HTMLElement = document.documentElement): void {\n  const previous = managedProperties.get(target) ?? new Set<string>()\n  const next = new Set(Object.keys(theme.tokens))\n\n  for (const property of previous) {\n    if (!next.has(property)) target.style.removeProperty(property)\n  }\n  for (const [property, value] of Object.entries(theme.tokens)) {\n    if (value === undefined) continue\n    const appliedValue =\n      property === CHAT_BACKGROUND_IMAGE_PROPERTY && theme.skin?.chatBackgroundImage\n        ? chatBackgroundImageCssValue(target, theme.skin.chatBackgroundImage, value)\n        : value\n    target.style.setProperty(property, appliedValue)\n  }\n  if (!next.has(CHAT_BACKGROUND_IMAGE_PROPERTY) || !theme.skin?.chatBackgroundImage) {\n    releaseChatBackgroundImage(target)\n  }\n\n  managedProperties.set(target, next)\n  setOptionalAttribute(target, \"data-ow-brand-theme\", theme.sources.brand)\n  setOptionalAttribute(target, \"data-tenant-theme\", theme.sources.tenant)\n  setOptionalAttribute(target, \"data-ow-skin\", theme.skin?.id ?? null)\n  if (theme.skin?.hasChatBackgroundImage) target.setAttribute(\"data-desktop-background-image\", \"\")\n  else target.removeAttribute(\"data-desktop-background-image\")\n  if (theme.skin?.hasUserBubbleStyle) target.setAttribute(\"data-chat-user-bubble-skin\", \"\")\n  else target.removeAttribute(\"data-chat-user-bubble-skin\")\n\n  const targetDocument = target.ownerDocument ?? (typeof document === \"undefined\" ? null : document)\n  if (targetDocument) applyPublicPartStyles(target, targetDocument, theme.skin)\n}\n\n/** Remove only values owned by applyUnifiedTheme; unrelated inline styles survive. */\nexport function removeUnifiedTheme(target: HTMLElement = document.documentElement): void {\n  for (const property of managedProperties.get(target) ?? []) target.style.removeProperty(property)\n  managedProperties.delete(target)\n  releaseChatBackgroundImage(target)\n  target.removeAttribute(\"data-ow-brand-theme\")\n  target.removeAttribute(\"data-tenant-theme\")\n  target.removeAttribute(\"data-ow-skin\")\n  target.removeAttribute(\"data-desktop-background-image\")\n  target.removeAttribute(\"data-chat-user-bubble-skin\")\n  removePublicPartStyles(target)\n}\n\nfunction chatBackgroundImageCssValue(target: HTMLElement, dataUrl: string, fallback: string): string {\n  const current = managedChatBackgroundImages.get(target)\n  if (current?.dataUrl === dataUrl) return `url(\"${current.objectUrl}\")`\n\n  const separator = dataUrl.indexOf(\",\")\n  const header = separator >= 0 ? dataUrl.slice(0, separator) : \"\"\n  if (!/^data:image\\/(?:png|jpeg|webp);base64$/i.test(header)) {\n    releaseChatBackgroundImage(target)\n    return fallback\n  }\n\n  try {\n    const binary = globalThis.atob(dataUrl.slice(separator + 1))\n    const bytes = new Uint8Array(binary.length)\n    for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.charCodeAt(index)\n    const objectUrl = globalThis.URL.createObjectURL(new Blob([bytes], { type: header.slice(5, -7) }))\n    releaseChatBackgroundImage(target)\n    managedChatBackgroundImages.set(target, { dataUrl, objectUrl })\n    return `url(\"${objectUrl}\")`\n  } catch {\n    releaseChatBackgroundImage(target)\n    return fallback\n  }\n}\n\nfunction releaseChatBackgroundImage(target: HTMLElement): void {\n  const current = managedChatBackgroundImages.get(target)\n  if (!current) return\n  globalThis.URL.revokeObjectURL(current.objectUrl)\n  managedChatBackgroundImages.delete(target)\n}\n\nexport function getCurrentThemeName(target: HTMLElement = document.documentElement): string | null {\n  return target.getAttribute(\"data-tenant-theme\")\n}\n\nfunction setOptionalAttribute(target: HTMLElement, name: string, value: string | null): void {\n  if (value) target.setAttribute(name, value)\n  else target.removeAttribute(name)\n}\n\nfunction removePublicPartStyles(target: HTMLElement): void {\n  managedPublicPartStyles.get(target)?.remove()\n  managedPublicPartStyles.delete(target)\n  target.removeAttribute(\"data-ow-skin-scope\")\n}\n\nfunction applyPublicPartStyles(target: HTMLElement, document: Document, skin: UnifiedTheme[\"skin\"]): void {\n  const previous = managedPublicPartStyles.get(target)\n  if (!skin?.publicPartStyles) {\n    removePublicPartStyles(target)\n    return\n  }\n\n  let normalized: string\n  try {\n    normalized = normalizeOrbitworkSkinPublicPartStyles(skin.publicPartStyles)\n  } catch (error) {\n    console.error(\"[theme] rejected invalid public-part styles at apply time:\", error)\n    removePublicPartStyles(target)\n    return\n  }\n  let scopeId = managedPublicPartScopes.get(target)\n  if (!scopeId) {\n    scopeId = `ow-skin-${++nextPublicPartScope}`\n    managedPublicPartScopes.set(target, scopeId)\n  }\n  target.setAttribute(\"data-ow-skin-scope\", scopeId)\n  const scope = `[data-ow-skin-scope=\"${scopeId}\"]`\n  const scopedCss = normalized.replace(/([^{}]+)\\{/g, (_match, selector: string) => {\n    const selectors = selector\n      .split(\",\")\n      .map((item) => `${scope} ${item.trim()}`)\n      .join(\", \")\n    return `${selectors} {`\n  })\n  const style = previous ?? document.createElement(\"style\")\n  style.setAttribute(\"data-ow-skin-style\", scopeId)\n  style.textContent = scopedCss\n  if (!previous) {\n    managedPublicPartStyles.set(target, style)\n    document.head.appendChild(style)\n  }\n}\n"],"mappings":"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","names":["document"]}

package/dist/core.css

@@ -2387,9 +2387,6 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .table {
   display: table;
 }
-.\[aspect-ratio\:73\.4\/45\.3\] {
-  aspect-ratio: 73.4/45.3;
-}
 .aspect-\[16\/10\] {
   aspect-ratio: 16/10;
 }
@@ -2582,6 +2579,9 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .h-\[38px\] {
   height: 38px;
 }
+.h-\[46px\] {
+  height: 46px;
+}
 .h-\[52px\] {
   height: 52px;
 }
@@ -2882,6 +2882,9 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .w-\[26px\] {
   width: 26px;
 }
+.w-\[34px\] {
+  width: 34px;
+}
 .w-\[38px\] {
   width: 38px;
 }
@@ -4637,6 +4640,9 @@ input:where([type='button'], [type='reset'], [type='submit']),
 .font-\[family-name\:var\(--ow-font-display\)\] {
   font-family: var(--ow-font-display);
 }
+.font-\[family-name\:var\(--ow-font-display\,\'Space_Grotesk\'\,sans-serif\)\] {
+  font-family: var(--ow-font-display,'Space Grotesk',sans-serif);
+}
 .font-\[family-name\:var\(--ow-font-mono\)\] {
   font-family: var(--ow-font-mono);
 }
@@ -4660,6 +4666,9 @@ input:where([type='button'], [type='reset'], [type='submit']),
   font-size: var(--text-xs);
   line-height: var(--tw-leading, var(--text-xs--line-height));
 }
+.text-\[20px\] {
+  font-size: 20px;
+}
 .text-\[length\:calc\(var\(--ow-fs-ui\)_\*_11\.5_\/_13\)\] {
   font-size: calc(var(--ow-fs-ui) * 11.5 / 13);
 }