@flamingo-stack/openframe-frontend-core 0.0.764 → 0.0.766

package/dist/chat-protocol/decode.d.ts

@@ -45,6 +45,5 @@ export interface SseFrameDecoder {
      */
     end(): ChatStreamEvent[];
 }
-export { escapeThinkingTags } from './leading-frames';
 export declare function createSseFrameDecoder(): SseFrameDecoder;
 //# sourceMappingURL=decode.d.ts.map

package/dist/chat-protocol/decode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"decode.d.ts","sourceRoot":"","sources":["../../src/chat-protocol/decode.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,MAAM,WAAW,eAAe;IAC9B,iEAAiE;IACjE,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG,eAAe,EAAE,CAAC;IAC3C;;;;;;OAMG;IACH,GAAG,IAAI,eAAe,EAAE,CAAC;CAC1B;AAKD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AA+BtD,wBAAgB,qBAAqB,IAAI,eAAe,CAmIvD"}
+{"version":3,"file":"decode.d.ts","sourceRoot":"","sources":["../../src/chat-protocol/decode.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,MAAM,WAAW,eAAe;IAC9B,iEAAiE;IACjE,IAAI,CAAC,KAAK,EAAE,UAAU,GAAG,eAAe,EAAE,CAAC;IAC3C;;;;;;OAMG;IACH,GAAG,IAAI,eAAe,EAAE,CAAC;CAC1B;AA+BD,wBAAgB,qBAAqB,IAAI,eAAe,CAmIvD"}

package/dist/chat-protocol/decode.js

@@ -1,6 +1,5 @@
 import { FRAME_TERMINATOR, END_OF_LEADING, TRAILER_SENTINEL } from "./frames.js";
 import { mapLeadingFrame, frameNum } from "./leading-frames.js";
-import { escapeThinkingTags } from "./leading-frames.js";
 function isFrameObject(value) {
   return typeof value === "object" && value !== null;
 }
@@ -116,6 +115,5 @@ function createSseFrameDecoder() {
   return { push, end };
 }
 export {
-  createSseFrameDecoder,
-  escapeThinkingTags
+  createSseFrameDecoder
 };

package/dist/chat-protocol/index.d.ts

@@ -19,4 +19,5 @@ export * from './ip-normalize';
 export * from './env-flag';
 export { isRecord, unwrapEnvelope } from './wire-narrow';
 export * from './card-marker';
+export { escapeThinkingTags } from './leading-frames';
 //# sourceMappingURL=index.d.ts.map

package/dist/chat-protocol/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chat-protocol/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AAEzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGzD,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/chat-protocol/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AAEzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,gBAAgB,CAAC;AAE/B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,YAAY,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGzD,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/chat-protocol/index.js

@@ -9,7 +9,9 @@ export * from "./ip-normalize.js";
 export * from "./env-flag.js";
 import { isRecord, unwrapEnvelope } from "./wire-narrow.js";
 export * from "./card-marker.js";
+import { escapeThinkingTags } from "./leading-frames.js";
 export {
+  escapeThinkingTags,
   isRecord,
   unwrapEnvelope
 };

package/dist/{chunk-FQSXZC2K.cjs → chunk-2JRSYWFP.cjs}

@@ -2,15 +2,15 @@
 
 
 
-var _chunkR3TWQ3ZJcjs = require('./chunk-R3TWQ3ZJ.cjs');
+var _chunk5P4TDV7Vcjs = require('./chunk-5P4TDV7V.cjs');
 
 
 var _chunkDGFDBPO7cjs = require('./chunk-DGFDBPO7.cjs');
 
 // src/hooks/ui/use-drag-and-drop-enabled.ts
-var DRAG_AND_DROP_MEDIA_QUERY = `(pointer: fine) and (hover: hover) and ${_chunkR3TWQ3ZJcjs.breakpoints.md}`;
+var DRAG_AND_DROP_MEDIA_QUERY = `(pointer: fine) and (hover: hover) and ${_chunk5P4TDV7Vcjs.breakpoints.md}`;
 function useDragAndDropEnabled() {
-  return _nullishCoalesce(_chunkR3TWQ3ZJcjs.useMediaQuery.call(void 0, DRAG_AND_DROP_MEDIA_QUERY), () => ( false));
+  return _nullishCoalesce(_chunk5P4TDV7Vcjs.useMediaQuery.call(void 0, DRAG_AND_DROP_MEDIA_QUERY), () => ( false));
 }
 
 // src/hooks/ui/use-horizontal-scrollbar.ts

package/dist/{chunk-I5MSCD57.cjs → chunk-3LW5TD54.cjs}

@@ -1,11 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkHOTM4UM6cjs = require('./chunk-HOTM4UM6.cjs');
+var _chunkE76ONBKFcjs = require('./chunk-E76ONBKF.cjs');
 
 
 var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
 
+
+var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
+
 // src/hooks/ui/use-image-edge-color.ts
 var _react = require('react');
 var EDGE_SAMPLE_WIDTH_PX = 100;
@@ -63,7 +66,8 @@ function extractEdgeColor(img) {
   const b = Math.round(bestBucket.b / bestBucket.count);
   return `rgb(${r}, ${g}, ${b})`;
 }
-function useImageEdgeColor(imageUrl, fallback = "#000000") {
+function useImageEdgeColor(givenUrl, fallback = "#000000") {
+  const imageUrl = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) ? null : givenUrl;
   const [color, setColor] = _react.useState.call(void 0, fallback);
   const [resetFor, setResetFor] = _react.useState.call(void 0, { imageUrl, fallback });
   if (resetFor.imageUrl !== imageUrl || resetFor.fallback !== fallback) {
@@ -83,7 +87,7 @@ function useImageEdgeColor(imageUrl, fallback = "#000000") {
         setColor(fallback);
       }
     };
-    const sampleUrl = _chunkHOTM4UM6cjs.resizedImageUrl.call(void 0, imageUrl, EDGE_SAMPLE_WIDTH_PX);
+    const sampleUrl = _chunkE76ONBKFcjs.resizedImageUrl.call(void 0, imageUrl, EDGE_SAMPLE_WIDTH_PX);
     let triedOriginal = sampleUrl === imageUrl;
     img.onerror = () => {
       if (cancelled) return;

package/dist/{chunk-7AM3AFM4.cjs → chunk-4YIDZCTL.cjs}

@@ -53,7 +53,6 @@ function buildDevicesFixture(cast) {
   };
   return { devices, deviceFilters, totalCount: devices.length };
 }
-var DEVICES_SEARCH_QUERY = "Windows";
 function buildWindowsDevicesFixture(cast) {
   const fleet = buildDevicesFixture(cast);
   const devices = fleet.devices.filter((row) => row.osType === "WINDOWS");
@@ -67,5 +66,4 @@ function buildWindowsDevicesFixture(cast) {
 
 
 
-
-exports.buildDevicesFixture = buildDevicesFixture; exports.DEVICES_SEARCH_QUERY = DEVICES_SEARCH_QUERY; exports.buildWindowsDevicesFixture = buildWindowsDevicesFixture;
+exports.buildDevicesFixture = buildDevicesFixture; exports.buildWindowsDevicesFixture = buildWindowsDevicesFixture;

package/dist/{chunk-SVP6DJFL.cjs → chunk-57B5RUYD.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 
 
-var _chunkR3TWQ3ZJcjs = require('./chunk-R3TWQ3ZJ.cjs');
+var _chunk5P4TDV7Vcjs = require('./chunk-5P4TDV7V.cjs');
 
 // src/components/tool-icon.tsx
 var _react = require('react');
@@ -12,7 +12,7 @@ function toolIcon(toolType) {
   const words = toolType.toLowerCase().split("_").filter(Boolean);
   let icon = null;
   for (let count = words.length; count >= 1 && !icon; count -= 1) {
-    icon = _chunkR3TWQ3ZJcjs.findIcon.call(void 0, `${words.slice(0, count).join("-")}-logo-grey`);
+    icon = _chunk5P4TDV7Vcjs.findIcon.call(void 0, `${words.slice(0, count).join("-")}-logo-grey`);
   }
   TOOL_ICONS.set(toolType, icon);
   return icon;

package/dist/{chunk-R3TWQ3ZJ.cjs → chunk-5P4TDV7V.cjs}

@@ -6,13 +6,21 @@
 var _chunkDGFDBPO7cjs = require('./chunk-DGFDBPO7.cjs');
 
 
-var _chunk3LU4UFPScjs = require('./chunk-3LU4UFPS.cjs');
+var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
 
+// src/hooks/ui/use-media-query.ts
+var _react = require('react');
 
-var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
+// src/styles/layout-steps.ts
+var LAYOUT_STEPS = {
+  sm: { viewport: 640, content: 640 },
+  md: { viewport: 800, content: 720 },
+  lg: { viewport: 1280, content: 1024 },
+  xl: { viewport: 1440, content: 1216 },
+  "2xl": { viewport: 1536, content: 1312 }
+};
 
 // src/hooks/ui/use-media-query.ts
-var _react = require('react');
 function useMediaQuery(query) {
   const [matches, setMatches] = _react.useState.call(void 0, void 0);
   _chunkDGFDBPO7cjs.useIsomorphicLayoutEffect.call(void 0, () => {
@@ -29,9 +37,9 @@ function useMediaQuery(query) {
   return matches;
 }
 var breakpoints = {
-  md: `(min-width: ${_chunk3LU4UFPScjs.LAYOUT_STEPS.md.viewport}px)`,
+  md: `(min-width: ${LAYOUT_STEPS.md.viewport}px)`,
   // Tablet
-  lg: `(min-width: ${_chunk3LU4UFPScjs.LAYOUT_STEPS.lg.viewport}px)`
+  lg: `(min-width: ${LAYOUT_STEPS.lg.viewport}px)`
   // Desktop
 };
 function useSmUp() {
@@ -593,7 +601,7 @@ function getDynamicIcon(iconName, size = "md", className) {
     return _react.createElement.call(void 0, NamedIcon, { icon: GLOBE, className: SIZE_CLASSES[size] });
   }
   const sizeClass = SIZE_CLASSES[size];
-  const finalClassName = _chunk3ATAYP36cjs.cn.call(void 0, sizeClass, className);
+  const finalClassName = _chunk65VVJSQZcjs.cn.call(void 0, sizeClass, className);
   const canonicalKey = normalizeIconKey(iconName);
   if (Object.prototype.hasOwnProperty.call(ICON_REGISTRY, canonicalKey)) {
     const colorConfig = ICON_COLORS[canonicalKey] || {};
@@ -980,4 +988,5 @@ var clearAuthedImageCache = _chunkDGFDBPO7cjs.clearAuthedAssetCache;
 
 
 
-exports.useMediaQuery = useMediaQuery; exports.breakpoints = breakpoints; exports.useSmUp = useSmUp; exports.useMdUp = useMdUp; exports.useLgUp = useLgUp; exports.useIsTruncated = useIsTruncated; exports.iconOf = iconOf; exports.requireIcon = requireIcon; exports.NamedIcon = NamedIcon; exports.PlatformMark = PlatformMark; exports.platformDisplayNames = platformDisplayNames; exports.platformShortNames = platformShortNames; exports.platformDescriptions = platformDescriptions; exports.platformSlogans = platformSlogans; exports.getPlatformDisplayName = getPlatformDisplayName; exports.getPlatformShortName = getPlatformShortName; exports.getPlatformDescription = getPlatformDescription; exports.getPlatformSlogan = getPlatformSlogan; exports.ODS_STEM_TOKENS = ODS_STEM_TOKENS; exports.ODS_STEM_CLASSES = ODS_STEM_CLASSES; exports.PLATFORM_THEME = PLATFORM_THEME; exports.PLATFORM_SURFACE = PLATFORM_SURFACE; exports.getPlatformBackgroundVarName = getPlatformBackgroundVarName; exports.getPlatformTextVarName = getPlatformTextVarName; exports.PLATFORM_BRAND = PLATFORM_BRAND; exports.getPlatformBrand = getPlatformBrand; exports.platformAccentToken = platformAccentToken; exports.platformSecondaryToken = platformSecondaryToken; exports.platformAccentVarName = platformAccentVarName; exports.platformSecondaryVarName = platformSecondaryVarName; exports.getPlatformAccentColor = getPlatformAccentColor; exports.getPlatformSecondaryColor = getPlatformSecondaryColor; exports.getPlatformBrandClasses = getPlatformBrandClasses; exports.platformColors = platformColors; exports.getPlatformColor = getPlatformColor; exports.platformHexColors = platformHexColors; exports.getDefaultColorForPlatform = getDefaultColorForPlatform; exports.ICON_REGISTRY = ICON_REGISTRY; exports.normalizeIconKey = normalizeIconKey; exports.getIconComponent = getIconComponent; exports.getDynamicIcon = getDynamicIcon; exports.ICON_ALIASES = ICON_ALIASES; exports.brandLogoForName = brandLogoForName; exports.resolveIcon = resolveIcon; exports.findIcon = findIcon; exports.ICON_OPTIONS = ICON_OPTIONS; exports.useAuthedImageSrc = useAuthedImageSrc; exports.clearAuthedImageCache = clearAuthedImageCache;
+
+exports.LAYOUT_STEPS = LAYOUT_STEPS; exports.useMediaQuery = useMediaQuery; exports.breakpoints = breakpoints; exports.useSmUp = useSmUp; exports.useMdUp = useMdUp; exports.useLgUp = useLgUp; exports.useIsTruncated = useIsTruncated; exports.iconOf = iconOf; exports.requireIcon = requireIcon; exports.NamedIcon = NamedIcon; exports.PlatformMark = PlatformMark; exports.platformDisplayNames = platformDisplayNames; exports.platformShortNames = platformShortNames; exports.platformDescriptions = platformDescriptions; exports.platformSlogans = platformSlogans; exports.getPlatformDisplayName = getPlatformDisplayName; exports.getPlatformShortName = getPlatformShortName; exports.getPlatformDescription = getPlatformDescription; exports.getPlatformSlogan = getPlatformSlogan; exports.ODS_STEM_TOKENS = ODS_STEM_TOKENS; exports.ODS_STEM_CLASSES = ODS_STEM_CLASSES; exports.PLATFORM_THEME = PLATFORM_THEME; exports.PLATFORM_SURFACE = PLATFORM_SURFACE; exports.getPlatformBackgroundVarName = getPlatformBackgroundVarName; exports.getPlatformTextVarName = getPlatformTextVarName; exports.PLATFORM_BRAND = PLATFORM_BRAND; exports.getPlatformBrand = getPlatformBrand; exports.platformAccentToken = platformAccentToken; exports.platformSecondaryToken = platformSecondaryToken; exports.platformAccentVarName = platformAccentVarName; exports.platformSecondaryVarName = platformSecondaryVarName; exports.getPlatformAccentColor = getPlatformAccentColor; exports.getPlatformSecondaryColor = getPlatformSecondaryColor; exports.getPlatformBrandClasses = getPlatformBrandClasses; exports.platformColors = platformColors; exports.getPlatformColor = getPlatformColor; exports.platformHexColors = platformHexColors; exports.getDefaultColorForPlatform = getDefaultColorForPlatform; exports.ICON_REGISTRY = ICON_REGISTRY; exports.normalizeIconKey = normalizeIconKey; exports.getIconComponent = getIconComponent; exports.getDynamicIcon = getDynamicIcon; exports.ICON_ALIASES = ICON_ALIASES; exports.brandLogoForName = brandLogoForName; exports.resolveIcon = resolveIcon; exports.findIcon = findIcon; exports.ICON_OPTIONS = ICON_OPTIONS; exports.useAuthedImageSrc = useAuthedImageSrc; exports.clearAuthedImageCache = clearAuthedImageCache;

package/dist/chunk-65VVJSQZ.cjs

@@ -0,0 +1,109 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
+
+// src/utils/cn.ts
+var _clsx = require('clsx');
+var _tailwindmerge = require('tailwind-merge');
+var twMerge = _tailwindmerge.extendTailwindMerge.call(void 0, {
+  extend: {
+    classGroups: {
+      "ods-typography": ["text-h1", "text-h2", "text-h3", "text-h4", "text-h5", "text-h6", "text-code", "text-badge"]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(_clsx.clsx.call(void 0, inputs));
+}
+
+// src/components/ui/button/button-styles.ts
+var buttonSurfaceClasses = {
+  accent: "bg-ods-accent text-ods-text-on-accent hover:bg-ods-accent-hover active:bg-ods-accent-active disabled:bg-ods-disabled aria-disabled:bg-ods-disabled",
+  outline: "bg-ods-card text-ods-text-primary hover:bg-ods-bg-hover active:bg-ods-bg-active disabled:bg-ods-card disabled:text-ods-text-disabled aria-disabled:bg-ods-card aria-disabled:text-ods-text-disabled",
+  transparent: "bg-transparent text-ods-text-primary hover:bg-ods-bg-hover active:bg-ods-bg-active disabled:bg-transparent disabled:text-ods-text-disabled aria-disabled:bg-transparent aria-disabled:text-ods-text-disabled",
+  destructive: "bg-ods-error text-ods-text-on-accent hover:bg-ods-error-hover active:bg-ods-error-active disabled:bg-ods-disabled aria-disabled:bg-ods-disabled",
+  warning: "bg-ods-warning text-ods-text-on-accent hover:bg-ods-warning-hover active:bg-ods-warning-active disabled:bg-ods-disabled aria-disabled:bg-ods-disabled",
+  // The page's colours swapped: light on a dark theme, dark on a light one. A
+  // strong action that must NOT be the accent, for a surface that already
+  // holds the one accent call to action (an "Approve" inside a product demo).
+  inverted: "bg-ods-text-primary text-ods-bg hover:bg-ods-text-secondary active:bg-ods-text-secondary disabled:bg-ods-disabled aria-disabled:bg-ods-disabled",
+  // A self-contained glyph (play badge, unmute glyph) that already carries its
+  // own scrim: no button surface at all, in any state. Distinct from
+  // `transparent`, whose hover/active fills would paint a rectangle behind the
+  // glyph — which is why call sites were undoing them with
+  // `hover:bg-transparent active:bg-transparent`.
+  glyph: "bg-transparent text-ods-text-primary hover:bg-transparent active:bg-transparent disabled:bg-transparent disabled:text-ods-text-disabled aria-disabled:bg-transparent aria-disabled:text-ods-text-disabled",
+  // A quiet inline text action (a "Show all" / "Show less" disclosure, a
+  // secondary "Clear" beside a field): secondary text that takes the accent on
+  // hover, and no surface in any state. Promoted to a variant because the
+  // disclosure toggle was a primitive <button> restating these classes. Pair
+  // with size="compact" and noPaddingX so the label aligns with the text above.
+  link: "bg-transparent text-ods-text-secondary hover:bg-transparent hover:text-ods-accent active:bg-transparent active:text-ods-accent-active disabled:bg-transparent disabled:text-ods-text-disabled aria-disabled:bg-transparent aria-disabled:text-ods-text-disabled",
+  // Chrome that sits ON media (video cards, image lightboxes): a scrim disc so
+  // the glyph stays legible over an arbitrary frame. Promoted to a variant
+  // because the walkthrough card, its theater and the bite cards were each
+  // stacking the same classes at the call site.
+  overlay: "rounded-full bg-ods-overlay text-ods-text-primary backdrop-blur-sm hover:text-ods-accent active:text-ods-accent-active disabled:text-ods-text-disabled aria-disabled:text-ods-text-disabled"
+};
+var outlineBorderClasses = "border border-ods-border hover:border-ods-border-hover active:border-ods-border-active disabled:border-ods-border aria-disabled:border-ods-border";
+var splitGlyphSizeClasses = "[&_svg]:h-4 [&_svg]:w-4 md:[&_svg]:h-6 md:[&_svg]:w-6";
+var splitGlyphSizeBySize = {
+  default: splitGlyphSizeClasses,
+  small: "[&_svg]:h-4 [&_svg]:w-4"
+};
+var splitDividerColorClasses = {
+  accent: "border-ods-accent-active",
+  outline: "border-ods-border",
+  transparent: "border-ods-border",
+  destructive: "border-ods-error-active",
+  warning: "border-ods-warning-active"
+};
+var BUTTON_SIZE_CLASS = {
+  default: "h-11 px-[var(--spacing-system-m)] py-[var(--spacing-system-sf)] text-h3 md:h-12",
+  small: "h-6 p-[var(--spacing-system-xs)] text-h5 md:h-8",
+  // The CHILD is the affordance (a badge, a chip, a thumbnail): the button
+  // contributes the hit target, the focus ring and the keyboard/ARIA
+  // semantics, and NO box of its own. Without this, call sites reached for
+  // a `className="h-auto p-0"` override to cancel the default box.
+  wrap: "h-auto p-0",
+  "small-legacy": "h-10 px-[var(--spacing-system-m)] py-[var(--spacing-system-xs)] text-[14px] font-bold",
+  // Temporary alias for "small" — deprecated; grep size="small-legacy" (lib + hub) and migrate the remaining consumers before removal
+  // 24px pill for slim strips (announcement/promo bars, inline banner
+  // actions — Primer banner / Polaris banner / Vercel-bar convention).
+  // The label matches the strip's MESSAGE type ramp exactly (DM Sans
+  // regular, 13px -> md:14px, snug leading — the announcement bar's
+  // subtitle styling): in-strip CTAs must never read louder than the
+  // message beside them, so this deliberately uses neither the
+  // mono-uppercase control style of "small" nor a heavier weight.
+  // Pinned h-6 across breakpoints (24px = the WCAG 2.5.8 target-size
+  // floor) with horizontal-dominant padding and a 14px glyph.
+  compact: "h-6 px-[var(--spacing-system-sf)] py-0 font-normal text-h6 [&_svg]:h-3.5 [&_svg]:w-3.5",
+  icon: "h-11 w-11 p-[var(--spacing-system-sf)] md:h-12 md:w-12 [&_svg]:h-4 [&_svg]:w-4 md:[&_svg]:h-6 md:[&_svg]:w-6",
+  // Quiet 32px icon target with a 16px glyph, fixed across breakpoints
+  // (Carbon ghost sm / Primer medium / shadcn icon-sm all pin 32px;
+  // ≥ the 24px WCAG 2.5.8 target floor). For icon actions that read as
+  // metadata rather than CTAs — author-page social rows, share rows.
+  // Pair with variant="transparent" for the ghost treatment.
+  // `BUTTON_ICON_SM_SIZE` states the same 32px for a layout that must clear one.
+  "icon-sm": "h-8 w-8 p-[var(--spacing-system-xxs)] [&_svg]:h-4 [&_svg]:w-4",
+  // 20px inline glyph for affordances that sit INSIDE a line of text —
+  // an info hint beside a badge, a copy glyph after an id. `icon-sm`'s
+  // 32px target is correct for a metadata row but visually swamps a
+  // 10px badge or a 14px label, so hosts were reaching for className
+  // overrides to shrink it. Below the WCAG 2.5.8 target floor on purpose:
+  // this is only for glyphs whose information is ALSO available another
+  // way (tooltip content mirrored into an aria-describedby node), never
+  // for a sole means of performing an action.
+  "icon-inline": "h-5 min-h-0 w-5 min-w-0 shrink-0 p-0 [&_svg]:h-3.5 [&_svg]:w-3.5",
+  // Bare 56px media glyph (play / unmute over video). A size variant so
+  // hosts stop re-implementing a <button> to escape the 20px svg cap.
+  "icon-glyph": "h-14 w-14 p-0 [&_svg]:h-14 [&_svg]:w-14"
+};
+
+
+
+
+
+
+
+
+
+exports.cn = cn; exports.buttonSurfaceClasses = buttonSurfaceClasses; exports.outlineBorderClasses = outlineBorderClasses; exports.splitGlyphSizeClasses = splitGlyphSizeClasses; exports.splitGlyphSizeBySize = splitGlyphSizeBySize; exports.splitDividerColorClasses = splitDividerColorClasses; exports.BUTTON_SIZE_CLASS = BUTTON_SIZE_CLASS;