@ember-eui/core 16.0.3 → 16.0.5

package/dist/utils/eui/styles.js

@@ -59,14 +59,96 @@ function resolveEuiCss(context, style) {
   return hasFunction(style) ? resolveCss(context.upstream, style) : style;
 }
 
+/**
+ * Class names per Emotion cache, in a trie walked with the styles passed to
+ * `euiClass`. Serialized styles are a step by identity: upstream's style
+ * factories return the same objects for a theme (see memoizedStyles).
+ * Plain objects (often literals, a new object each call) are walked by
+ * content, a step per property and value. Repeated rows composing the same
+ * styles thus find their class without serializing and hashing again. Keyed on the cache's `inserted` record,
+ * which `flush()` replaces: a flushed cache starts over, so a remembered
+ * class always has its rules in the sheet.
+ */
+
+const classTries = new WeakMap();
+const ARRAY_START = Symbol('[');
+const ARRAY_END = Symbol(']');
+const OBJECT_START = Symbol('{');
+const OBJECT_END = Symbol('}');
+function isPlainObject(value) {
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === Object.prototype || prototype === null;
+}
+function step(node, value) {
+  let next;
+  if (typeof value === 'object' && value !== null) {
+    node.objects ??= new WeakMap();
+    next = node.objects.get(value);
+    if (!next) node.objects.set(value, next = {});
+  } else {
+    node.values ??= new Map();
+    next = node.values.get(value);
+    if (!next) node.values.set(value, next = {});
+  }
+  return next;
+}
+
+/**
+ * The trie node for `style`, or `undefined` when it holds a function (whose
+ * result is not known). A string that is a registered class name expands to
+ * its styles, so it is keyed apart from the same string as raw css.
+ */
+function walk(node, style, registered) {
+  if (Array.isArray(style)) {
+    let next = step(node, ARRAY_START);
+    for (const item of style) {
+      next = walk(next, item, registered);
+      if (!next) return undefined;
+    }
+    return step(next, ARRAY_END);
+  }
+  if (typeof style === 'function') return undefined;
+  if (typeof style === 'string') {
+    return step(node, (registered[style] === undefined ? 's' : 'r') + style);
+  }
+  if (typeof style === 'object' && style !== null && isPlainObject(style)) {
+    const {
+      name,
+      styles
+    } = style;
+    if (typeof name !== 'string' || typeof styles !== 'string') {
+      let next = step(node, OBJECT_START);
+      for (const [property, value] of Object.entries(style)) {
+        next = walk(step(next, property), value, registered);
+        if (!next) return undefined;
+      }
+      return step(next, OBJECT_END);
+    }
+  }
+  return step(node, style);
+}
+
 /**
  * Compose serialized upstream styles into a class in the provider-owned
  * cache. Theme functions anywhere in `styles` (e.g. a caller's `@css`) are
  * resolved here against the context's theme, so every component that
  * composes `@css` through `euiClass` supports them.
+ *
+ * The class is remembered per cache and styles (by identity), so rows of a
+ * list or table composing the same styles serialize and hash them once.
  */
 function euiClass(context, ...styles) {
-  return context.cache.css(resolveEuiCss(context, styles));
+  const resolved = resolveEuiCss(context, styles);
+  const emotion = context.cache;
+  const {
+    inserted,
+    registered
+  } = emotion.cache;
+  let root = classTries.get(inserted);
+  if (!root) classTries.set(inserted, root = {});
+  const node = walk(root, resolved, registered);
+  if (!node) return emotion.css(resolved);
+  return node.className ??= emotion.css(resolved);
 }
 
 export { euiClass, memoizedStyles, resolveEuiCss, useEuiBorealisStyles };

package/dist/utils/eui/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/utils/eui/styles.ts"],"sourcesContent":["import type { CSSInterpolation } from '@emotion/css/create-instance';\nimport type { EuiThemeContext } from '../emotion/context.ts';\nimport type { EuiBorealisContext } from './theme.ts';\n\ntype Factory = (theme: EuiBorealisContext) => unknown;\n\n/**\n * Factory output per resolved theme. `context.upstream` is `@cached`, so a\n * theme change yields a new object (and a fresh cache) while every consumer\n * of an unchanged theme shares one result. Mirrors upstream's\n * `useEuiMemoizedStyles`.\n */\nconst memo = new WeakMap<EuiBorealisContext, WeakMap<Factory, unknown>>();\n\n/** Factories receive the real computed upstream theme, without React hooks. */\nexport function useEuiBorealisStyles<T>(\n  context: EuiThemeContext,\n  factory: (theme: EuiBorealisContext) => T\n): T {\n  return memoizedStyles(context.upstream, factory);\n}\n\n/** Same memoization for callers that already hold a resolved theme. */\nexport function memoizedStyles<T>(\n  theme: EuiBorealisContext,\n  factory: (theme: EuiBorealisContext) => T\n): T {\n  let byFactory = memo.get(theme);\n  if (!byFactory) memo.set(theme, (byFactory = new WeakMap()));\n  if (!byFactory.has(factory)) byFactory.set(factory, factory(theme));\n  return byFactory.get(factory) as T;\n}\n\n/**\n * A theme function: the counterpart of upstream's `css` prop callback,\n * `({ euiTheme, colorMode, highContrastMode }) => styles`. It receives the\n * nearest provider's resolved theme; its result is memoized per resolved\n * theme and function identity, so define it once (module scope or a\n * stable class field), not inline in a getter that re-runs.\n */\nexport type EuiCssFunction = (theme: EuiBorealisContext) => EuiCss;\n\n/**\n * Extra styles a caller composes into a migrated component's own class,\n * last — the Ember counterpart of upstream's `css` prop. An Emotion\n * interpolation (object, string, serialized styles), a theme function, or\n * an array of those. Use it to style a migrated child instead of adding a\n * second class, whose precedence would depend on rule insertion order.\n *\n * Keep values static: each distinct value adds rules that are never removed\n * (Emotion is append-only, as upstream). Put values that change often\n * (data- or animation-driven positions and sizes, per-item colors) in\n * `style` instead.\n */\nexport type EuiCss =\n  | CSSInterpolation\n  | EuiCssFunction\n  | readonly EuiCss[];\n\nfunction hasFunction(style: unknown): boolean {\n  if (typeof style === 'function') return true;\n  return Array.isArray(style) && style.some(hasFunction);\n}\n\nfunction resolveCss(\n  theme: EuiBorealisContext,\n  style: EuiCss\n): CSSInterpolation {\n  if (typeof style === 'function')\n    return resolveCss(theme, memoizedStyles(theme, style));\n  if (Array.isArray(style) && style.some(hasFunction))\n    return (style as readonly EuiCss[]).map((s) => resolveCss(theme, s));\n  return style as CSSInterpolation;\n}\n\n/**\n * Resolve theme functions in `@css`-style values against a context's\n * theme. Only reads `context.upstream` (a tracked dependency) when a\n * function is present.\n */\nexport function resolveEuiCss(\n  context: EuiThemeContext,\n  style: EuiCss\n): CSSInterpolation {\n  return hasFunction(style) ? resolveCss(context.upstream, style) : (style as CSSInterpolation);\n}\n\n/**\n * Compose serialized upstream styles into a class in the provider-owned\n * cache. Theme functions anywhere in `styles` (e.g. a caller's `@css`) are\n * resolved here against the context's theme, so every component that\n * composes `@css` through `euiClass` supports them.\n */\nexport function euiClass(context: EuiThemeContext, ...styles: EuiCss[]): string {\n  return context.cache.css(resolveEuiCss(context, styles));\n}\n"],"names":["memo","WeakMap","useEuiBorealisStyles","context","factory","memoizedStyles","upstream","theme","byFactory","get","set","has","hasFunction","style","Array","isArray","some","resolveCss","map","s","resolveEuiCss","euiClass","styles","cache","css"],"mappings":"AAMA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,IAAI,GAAG,IAAIC,OAAO,EAAiD;;AAEzE;AACO,SAASC,oBAAoBA,CAClCC,OAAwB,EACxBC,OAAyC,EACtC;AACH,EAAA,OAAOC,cAAc,CAACF,OAAO,CAACG,QAAQ,EAAEF,OAAO,CAAC;AAClD;;AAEA;AACO,SAASC,cAAcA,CAC5BE,KAAyB,EACzBH,OAAyC,EACtC;AACH,EAAA,IAAII,SAAS,GAAGR,IAAI,CAACS,GAAG,CAACF,KAAK,CAAC;AAC/B,EAAA,IAAI,CAACC,SAAS,EAAER,IAAI,CAACU,GAAG,CAACH,KAAK,EAAGC,SAAS,GAAG,IAAIP,OAAO,EAAG,CAAC;AAC5D,EAAA,IAAI,CAACO,SAAS,CAACG,GAAG,CAACP,OAAO,CAAC,EAAEI,SAAS,CAACE,GAAG,CAACN,OAAO,EAAEA,OAAO,CAACG,KAAK,CAAC,CAAC;AACnE,EAAA,OAAOC,SAAS,CAACC,GAAG,CAACL,OAAO,CAAC;AAC/B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA,SAASQ,WAAWA,CAACC,KAAc,EAAW;AAC5C,EAAA,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE,OAAO,IAAI;AAC5C,EAAA,OAAOC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,IAAIA,KAAK,CAACG,IAAI,CAACJ,WAAW,CAAC;AACxD;AAEA,SAASK,UAAUA,CACjBV,KAAyB,EACzBM,KAAa,EACK;AAClB,EAAA,IAAI,OAAOA,KAAK,KAAK,UAAU,EAC7B,OAAOI,UAAU,CAACV,KAAK,EAAEF,cAAc,CAACE,KAAK,EAAEM,KAAK,CAAC,CAAC;EACxD,IAAIC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,IAAIA,KAAK,CAACG,IAAI,CAACJ,WAAW,CAAC,EACjD,OAAQC,KAAK,CAAuBK,GAAG,CAAEC,CAAC,IAAKF,UAAU,CAACV,KAAK,EAAEY,CAAC,CAAC,CAAC;AACtE,EAAA,OAAON,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASO,aAAaA,CAC3BjB,OAAwB,EACxBU,KAAa,EACK;AAClB,EAAA,OAAOD,WAAW,CAACC,KAAK,CAAC,GAAGI,UAAU,CAACd,OAAO,CAACG,QAAQ,EAAEO,KAAK,CAAC,GAAIA,KAA0B;AAC/F;;AAEA;AACA;AACA;AACA;AACA;AACA;AACO,SAASQ,QAAQA,CAAClB,OAAwB,EAAE,GAAGmB,MAAgB,EAAU;AAC9E,EAAA,OAAOnB,OAAO,CAACoB,KAAK,CAACC,GAAG,CAACJ,aAAa,CAACjB,OAAO,EAAEmB,MAAM,CAAC,CAAC;AAC1D;;"}
+{"version":3,"file":"styles.js","sources":["../../../src/utils/eui/styles.ts"],"sourcesContent":["import type { CSSInterpolation } from '@emotion/css/create-instance';\nimport type { EuiThemeContext } from '../emotion/context.ts';\nimport type { EuiBorealisContext } from './theme.ts';\n\ntype Factory = (theme: EuiBorealisContext) => unknown;\n\n/**\n * Factory output per resolved theme. `context.upstream` is `@cached`, so a\n * theme change yields a new object (and a fresh cache) while every consumer\n * of an unchanged theme shares one result. Mirrors upstream's\n * `useEuiMemoizedStyles`.\n */\nconst memo = new WeakMap<EuiBorealisContext, WeakMap<Factory, unknown>>();\n\n/** Factories receive the real computed upstream theme, without React hooks. */\nexport function useEuiBorealisStyles<T>(\n  context: EuiThemeContext,\n  factory: (theme: EuiBorealisContext) => T\n): T {\n  return memoizedStyles(context.upstream, factory);\n}\n\n/** Same memoization for callers that already hold a resolved theme. */\nexport function memoizedStyles<T>(\n  theme: EuiBorealisContext,\n  factory: (theme: EuiBorealisContext) => T\n): T {\n  let byFactory = memo.get(theme);\n  if (!byFactory) memo.set(theme, (byFactory = new WeakMap()));\n  if (!byFactory.has(factory)) byFactory.set(factory, factory(theme));\n  return byFactory.get(factory) as T;\n}\n\n/**\n * A theme function: the counterpart of upstream's `css` prop callback,\n * `({ euiTheme, colorMode, highContrastMode }) => styles`. It receives the\n * nearest provider's resolved theme; its result is memoized per resolved\n * theme and function identity, so define it once (module scope or a\n * stable class field), not inline in a getter that re-runs.\n */\nexport type EuiCssFunction = (theme: EuiBorealisContext) => EuiCss;\n\n/**\n * Extra styles a caller composes into a migrated component's own class,\n * last — the Ember counterpart of upstream's `css` prop. An Emotion\n * interpolation (object, string, serialized styles), a theme function, or\n * an array of those. Use it to style a migrated child instead of adding a\n * second class, whose precedence would depend on rule insertion order.\n *\n * Keep values static: each distinct value adds rules that are never removed\n * (Emotion is append-only, as upstream). Put values that change often\n * (data- or animation-driven positions and sizes, per-item colors) in\n * `style` instead.\n */\nexport type EuiCss =\n  | CSSInterpolation\n  | EuiCssFunction\n  | readonly EuiCss[];\n\nfunction hasFunction(style: unknown): boolean {\n  if (typeof style === 'function') return true;\n  return Array.isArray(style) && style.some(hasFunction);\n}\n\nfunction resolveCss(\n  theme: EuiBorealisContext,\n  style: EuiCss\n): CSSInterpolation {\n  if (typeof style === 'function')\n    return resolveCss(theme, memoizedStyles(theme, style));\n  if (Array.isArray(style) && style.some(hasFunction))\n    return (style as readonly EuiCss[]).map((s) => resolveCss(theme, s));\n  return style as CSSInterpolation;\n}\n\n/**\n * Resolve theme functions in `@css`-style values against a context's\n * theme. Only reads `context.upstream` (a tracked dependency) when a\n * function is present.\n */\nexport function resolveEuiCss(\n  context: EuiThemeContext,\n  style: EuiCss\n): CSSInterpolation {\n  return hasFunction(style) ? resolveCss(context.upstream, style) : (style as CSSInterpolation);\n}\n\n/**\n * Class names per Emotion cache, in a trie walked with the styles passed to\n * `euiClass`. Serialized styles are a step by identity: upstream's style\n * factories return the same objects for a theme (see memoizedStyles).\n * Plain objects (often literals, a new object each call) are walked by\n * content, a step per property and value. Repeated rows composing the same\n * styles thus find their class without serializing and hashing again. Keyed on the cache's `inserted` record,\n * which `flush()` replaces: a flushed cache starts over, so a remembered\n * class always has its rules in the sheet.\n */\ninterface ClassNode {\n  className?: string;\n  values?: Map<unknown, ClassNode>;\n  objects?: WeakMap<object, ClassNode>;\n}\n\nconst classTries = new WeakMap<object, ClassNode>();\nconst ARRAY_START = Symbol('[');\nconst ARRAY_END = Symbol(']');\nconst OBJECT_START = Symbol('{');\nconst OBJECT_END = Symbol('}');\n\nfunction isPlainObject(value: object): boolean {\n  const prototype = Object.getPrototypeOf(value);\n\n  return prototype === Object.prototype || prototype === null;\n}\n\nfunction step(node: ClassNode, value: unknown): ClassNode {\n  let next: ClassNode | undefined;\n\n  if (typeof value === 'object' && value !== null) {\n    node.objects ??= new WeakMap();\n    next = node.objects.get(value);\n    if (!next) node.objects.set(value, (next = {}));\n  } else {\n    node.values ??= new Map();\n    next = node.values.get(value);\n    if (!next) node.values.set(value, (next = {}));\n  }\n\n  return next;\n}\n\n/**\n * The trie node for `style`, or `undefined` when it holds a function (whose\n * result is not known). A string that is a registered class name expands to\n * its styles, so it is keyed apart from the same string as raw css.\n */\nfunction walk(\n  node: ClassNode,\n  style: unknown,\n  registered: Record<string, unknown>\n): ClassNode | undefined {\n  if (Array.isArray(style)) {\n    let next: ClassNode | undefined = step(node, ARRAY_START);\n\n    for (const item of style) {\n      next = walk(next, item, registered);\n      if (!next) return undefined;\n    }\n\n    return step(next, ARRAY_END);\n  }\n\n  if (typeof style === 'function') return undefined;\n\n  if (typeof style === 'string') {\n    return step(node, (registered[style] === undefined ? 's' : 'r') + style);\n  }\n\n  if (typeof style === 'object' && style !== null && isPlainObject(style)) {\n    const { name, styles } = style as { name?: unknown; styles?: unknown };\n\n    if (typeof name !== 'string' || typeof styles !== 'string') {\n      let next: ClassNode | undefined = step(node, OBJECT_START);\n\n      for (const [property, value] of Object.entries(style)) {\n        next = walk(step(next, property), value, registered);\n        if (!next) return undefined;\n      }\n\n      return step(next, OBJECT_END);\n    }\n  }\n\n  return step(node, style);\n}\n\n/**\n * Compose serialized upstream styles into a class in the provider-owned\n * cache. Theme functions anywhere in `styles` (e.g. a caller's `@css`) are\n * resolved here against the context's theme, so every component that\n * composes `@css` through `euiClass` supports them.\n *\n * The class is remembered per cache and styles (by identity), so rows of a\n * list or table composing the same styles serialize and hash them once.\n */\nexport function euiClass(context: EuiThemeContext, ...styles: EuiCss[]): string {\n  const resolved = resolveEuiCss(context, styles);\n  const emotion = context.cache;\n  const { inserted, registered } = emotion.cache;\n  let root = classTries.get(inserted);\n\n  if (!root) classTries.set(inserted, (root = {}));\n\n  const node = walk(root, resolved, registered);\n\n  if (!node) return emotion.css(resolved);\n\n  return (node.className ??= emotion.css(resolved));\n}\n"],"names":["memo","WeakMap","useEuiBorealisStyles","context","factory","memoizedStyles","upstream","theme","byFactory","get","set","has","hasFunction","style","Array","isArray","some","resolveCss","map","s","resolveEuiCss","classTries","ARRAY_START","Symbol","ARRAY_END","OBJECT_START","OBJECT_END","isPlainObject","value","prototype","Object","getPrototypeOf","step","node","next","objects","values","Map","walk","registered","item","undefined","name","styles","property","entries","euiClass","resolved","emotion","cache","inserted","root","css","className"],"mappings":"AAMA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,IAAI,GAAG,IAAIC,OAAO,EAAiD;;AAEzE;AACO,SAASC,oBAAoBA,CAClCC,OAAwB,EACxBC,OAAyC,EACtC;AACH,EAAA,OAAOC,cAAc,CAACF,OAAO,CAACG,QAAQ,EAAEF,OAAO,CAAC;AAClD;;AAEA;AACO,SAASC,cAAcA,CAC5BE,KAAyB,EACzBH,OAAyC,EACtC;AACH,EAAA,IAAII,SAAS,GAAGR,IAAI,CAACS,GAAG,CAACF,KAAK,CAAC;AAC/B,EAAA,IAAI,CAACC,SAAS,EAAER,IAAI,CAACU,GAAG,CAACH,KAAK,EAAGC,SAAS,GAAG,IAAIP,OAAO,EAAG,CAAC;AAC5D,EAAA,IAAI,CAACO,SAAS,CAACG,GAAG,CAACP,OAAO,CAAC,EAAEI,SAAS,CAACE,GAAG,CAACN,OAAO,EAAEA,OAAO,CAACG,KAAK,CAAC,CAAC;AACnE,EAAA,OAAOC,SAAS,CAACC,GAAG,CAACL,OAAO,CAAC;AAC/B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA,SAASQ,WAAWA,CAACC,KAAc,EAAW;AAC5C,EAAA,IAAI,OAAOA,KAAK,KAAK,UAAU,EAAE,OAAO,IAAI;AAC5C,EAAA,OAAOC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,IAAIA,KAAK,CAACG,IAAI,CAACJ,WAAW,CAAC;AACxD;AAEA,SAASK,UAAUA,CACjBV,KAAyB,EACzBM,KAAa,EACK;AAClB,EAAA,IAAI,OAAOA,KAAK,KAAK,UAAU,EAC7B,OAAOI,UAAU,CAACV,KAAK,EAAEF,cAAc,CAACE,KAAK,EAAEM,KAAK,CAAC,CAAC;EACxD,IAAIC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,IAAIA,KAAK,CAACG,IAAI,CAACJ,WAAW,CAAC,EACjD,OAAQC,KAAK,CAAuBK,GAAG,CAAEC,CAAC,IAAKF,UAAU,CAACV,KAAK,EAAEY,CAAC,CAAC,CAAC;AACtE,EAAA,OAAON,KAAK;AACd;;AAEA;AACA;AACA;AACA;AACA;AACO,SAASO,aAAaA,CAC3BjB,OAAwB,EACxBU,KAAa,EACK;AAClB,EAAA,OAAOD,WAAW,CAACC,KAAK,CAAC,GAAGI,UAAU,CAACd,OAAO,CAACG,QAAQ,EAAEO,KAAK,CAAC,GAAIA,KAA0B;AAC/F;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA,MAAMQ,UAAU,GAAG,IAAIpB,OAAO,EAAqB;AACnD,MAAMqB,WAAW,GAAGC,MAAM,CAAC,GAAG,CAAC;AAC/B,MAAMC,SAAS,GAAGD,MAAM,CAAC,GAAG,CAAC;AAC7B,MAAME,YAAY,GAAGF,MAAM,CAAC,GAAG,CAAC;AAChC,MAAMG,UAAU,GAAGH,MAAM,CAAC,GAAG,CAAC;AAE9B,SAASI,aAAaA,CAACC,KAAa,EAAW;AAC7C,EAAA,MAAMC,SAAS,GAAGC,MAAM,CAACC,cAAc,CAACH,KAAK,CAAC;EAE9C,OAAOC,SAAS,KAAKC,MAAM,CAACD,SAAS,IAAIA,SAAS,KAAK,IAAI;AAC7D;AAEA,SAASG,IAAIA,CAACC,IAAe,EAAEL,KAAc,EAAa;AACxD,EAAA,IAAIM,IAA2B;EAE/B,IAAI,OAAON,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI,EAAE;AAC/CK,IAAAA,IAAI,CAACE,OAAO,KAAK,IAAIlC,OAAO,EAAE;IAC9BiC,IAAI,GAAGD,IAAI,CAACE,OAAO,CAAC1B,GAAG,CAACmB,KAAK,CAAC;AAC9B,IAAA,IAAI,CAACM,IAAI,EAAED,IAAI,CAACE,OAAO,CAACzB,GAAG,CAACkB,KAAK,EAAGM,IAAI,GAAG,EAAG,CAAC;AACjD,EAAA,CAAC,MAAM;AACLD,IAAAA,IAAI,CAACG,MAAM,KAAK,IAAIC,GAAG,EAAE;IACzBH,IAAI,GAAGD,IAAI,CAACG,MAAM,CAAC3B,GAAG,CAACmB,KAAK,CAAC;AAC7B,IAAA,IAAI,CAACM,IAAI,EAAED,IAAI,CAACG,MAAM,CAAC1B,GAAG,CAACkB,KAAK,EAAGM,IAAI,GAAG,EAAG,CAAC;AAChD,EAAA;AAEA,EAAA,OAAOA,IAAI;AACb;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASI,IAAIA,CACXL,IAAe,EACfpB,KAAc,EACd0B,UAAmC,EACZ;AACvB,EAAA,IAAIzB,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;AACxB,IAAA,IAAIqB,IAA2B,GAAGF,IAAI,CAACC,IAAI,EAAEX,WAAW,CAAC;AAEzD,IAAA,KAAK,MAAMkB,IAAI,IAAI3B,KAAK,EAAE;MACxBqB,IAAI,GAAGI,IAAI,CAACJ,IAAI,EAAEM,IAAI,EAAED,UAAU,CAAC;AACnC,MAAA,IAAI,CAACL,IAAI,EAAE,OAAOO,SAAS;AAC7B,IAAA;AAEA,IAAA,OAAOT,IAAI,CAACE,IAAI,EAAEV,SAAS,CAAC;AAC9B,EAAA;AAEA,EAAA,IAAI,OAAOX,KAAK,KAAK,UAAU,EAAE,OAAO4B,SAAS;AAEjD,EAAA,IAAI,OAAO5B,KAAK,KAAK,QAAQ,EAAE;AAC7B,IAAA,OAAOmB,IAAI,CAACC,IAAI,EAAE,CAACM,UAAU,CAAC1B,KAAK,CAAC,KAAK4B,SAAS,GAAG,GAAG,GAAG,GAAG,IAAI5B,KAAK,CAAC;AAC1E,EAAA;AAEA,EAAA,IAAI,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,IAAI,IAAIc,aAAa,CAACd,KAAK,CAAC,EAAE;IACvE,MAAM;MAAE6B,IAAI;AAAEC,MAAAA;AAAO,KAAC,GAAG9B,KAA6C;IAEtE,IAAI,OAAO6B,IAAI,KAAK,QAAQ,IAAI,OAAOC,MAAM,KAAK,QAAQ,EAAE;AAC1D,MAAA,IAAIT,IAA2B,GAAGF,IAAI,CAACC,IAAI,EAAER,YAAY,CAAC;AAE1D,MAAA,KAAK,MAAM,CAACmB,QAAQ,EAAEhB,KAAK,CAAC,IAAIE,MAAM,CAACe,OAAO,CAAChC,KAAK,CAAC,EAAE;AACrDqB,QAAAA,IAAI,GAAGI,IAAI,CAACN,IAAI,CAACE,IAAI,EAAEU,QAAQ,CAAC,EAAEhB,KAAK,EAAEW,UAAU,CAAC;AACpD,QAAA,IAAI,CAACL,IAAI,EAAE,OAAOO,SAAS;AAC7B,MAAA;AAEA,MAAA,OAAOT,IAAI,CAACE,IAAI,EAAER,UAAU,CAAC;AAC/B,IAAA;AACF,EAAA;AAEA,EAAA,OAAOM,IAAI,CAACC,IAAI,EAAEpB,KAAK,CAAC;AAC1B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASiC,QAAQA,CAAC3C,OAAwB,EAAE,GAAGwC,MAAgB,EAAU;AAC9E,EAAA,MAAMI,QAAQ,GAAG3B,aAAa,CAACjB,OAAO,EAAEwC,MAAM,CAAC;AAC/C,EAAA,MAAMK,OAAO,GAAG7C,OAAO,CAAC8C,KAAK;EAC7B,MAAM;IAAEC,QAAQ;AAAEX,IAAAA;GAAY,GAAGS,OAAO,CAACC,KAAK;AAC9C,EAAA,IAAIE,IAAI,GAAG9B,UAAU,CAACZ,GAAG,CAACyC,QAAQ,CAAC;AAEnC,EAAA,IAAI,CAACC,IAAI,EAAE9B,UAAU,CAACX,GAAG,CAACwC,QAAQ,EAAGC,IAAI,GAAG,EAAG,CAAC;EAEhD,MAAMlB,IAAI,GAAGK,IAAI,CAACa,IAAI,EAAEJ,QAAQ,EAAER,UAAU,CAAC;EAE7C,IAAI,CAACN,IAAI,EAAE,OAAOe,OAAO,CAACI,GAAG,CAACL,QAAQ,CAAC;EAEvC,OAAQd,IAAI,CAACoB,SAAS,KAAKL,OAAO,CAACI,GAAG,CAACL,QAAQ,CAAC;AAClD;;"}

package/dist/utils/eui/suggest.js

@@ -1,5 +1,8 @@
 import { serializeStyles } from '@emotion/serialize';
-import { aA as euiFontSize, ew as euiTextBreakWord, c0 as logicalCSS, az as euiTextTruncate, ex as shade, ey as tint, cx as makeHighContrastColor$1 } from '../../styles.generated-SYAxYhey.js';
+import { euiFontSize, euiTextBreakWord, euiTextTruncate } from './styles.generated/shared/OM62WJTY.js';
+import { logicalCSS } from './styles.generated/shared/ZKVETBHH.js';
+import { shade, tint } from './styles.generated/shared/K76TL4VL.js';
+import { makeHighContrastColor as makeHighContrastColor$1 } from './styles.generated/shared/AOXFB3IO.js';
 
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one

package/dist/utils/eui/suggest.js.map

@@ -1 +1 @@
-{"version":3,"file":"suggest.js","sources":["../../../src/utils/eui/suggest.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\n/**\n * EuiSuggest styles on Borealis tokens.\n *\n * Upstream removed EuiSuggest in EUI 89.0.0 (#7263, \"We recommend using\n * EuiSelectable or EuiComboBox instead\"), before it was converted to Emotion,\n * so EUI 123.1.0 has no style factory for it. This is a translation of the\n * last upstream styles (EUI 88.5.4 `components/suggest/_suggest_item.scss`,\n * `_suggest_input.scss`, `_variables.scss`) to the Borealis theme, using the\n * extracted upstream helpers where Sass used mixins:\n *\n * - `$euiFontSizeXS` / `$euiSize` line height → `euiFontSize(xs)` font size\n *   and `size.base` line height; `$euiCodeFontFamily` → `font.familyCode`.\n * - `$euiTextColor` / `$euiTextSubduedColor` → `textParagraph` / `textSubdued`.\n * - `$euiFocusBackgroundColor` (hover/focus of clickable items) → the\n *   Borealis list hover `backgroundBaseInteractiveHover`, as EuiListItemLayout.\n * - Type colors `tint0`–`tint9` → `colors.vis.euiColorVis0`–`9`, `tint10` →\n *   `colors.darkShade`; background `tintOrShade(color, 82%, 70%)` and text\n *   `makeHighContrastColor(color, background)` as in Sass.\n * - `euiTextTruncate` / `euiTextBreakWord` are the upstream JS mixins.\n */\nimport { serializeStyles } from '@emotion/serialize';\n\nimport {\n  euiFontSize,\n  euiTextBreakWord,\n  euiTextTruncate,\n  logicalCSS,\n  makeHighContrastColor as _makeHighContrastColor,\n  shade,\n  tint\n} from './styles.generated.ts';\n\nimport type { SerializedStyles } from '@emotion/serialize';\nimport type { EuiBorealisContext } from './theme.ts';\n\n// reads its optional ratio from `arguments`, so the inferred type drops it\nconst makeHighContrastColor = _makeHighContrastColor as (\n  foreground: string,\n  ratio?: number\n) => (background: string) => string;\n\nconst css = (...args: unknown[]): SerializedStyles =>\n  serializeStyles(args as Parameters<typeof serializeStyles>[0]);\n\nexport const SUGGEST_ITEM_TINTS = [\n  'tint0',\n  'tint1',\n  'tint2',\n  'tint3',\n  'tint4',\n  'tint5',\n  'tint6',\n  'tint7',\n  'tint8',\n  'tint9',\n  'tint10'\n] as const;\n\nexport type EuiSuggestItemTint = (typeof SUGGEST_ITEM_TINTS)[number];\n\nexport const SUGGEST_LABEL_WIDTHS = [\n  '20',\n  '30',\n  '40',\n  '50',\n  '60',\n  '70',\n  '80',\n  '90'\n] as const;\n\nexport type EuiSuggestLabelWidth = (typeof SUGGEST_LABEL_WIDTHS)[number];\n\n/** `tintOrShade($color, 82%, 70%)` and its high contrast text color. */\nexport function suggestTypeColors(\n  euiThemeContext: EuiBorealisContext,\n  tintName: EuiSuggestItemTint\n): { backgroundColor: string; color: string } {\n  const { euiTheme, colorMode } = euiThemeContext;\n  const vis = euiTheme.colors.vis as unknown as Record<string, string>;\n  const base =\n    tintName === 'tint10'\n      ? euiTheme.colors.darkShade\n      : vis[`euiColorVis${tintName.slice(4)}`]!;\n  const backgroundColor =\n    colorMode === 'DARK' ? shade(base, 0.7) : tint(base, 0.82);\n  const color = makeHighContrastColor(base, 4.5)(backgroundColor);\n  return { backgroundColor, color };\n}\n\nexport const euiSuggestItemStyles = (euiThemeContext: EuiBorealisContext) => {\n  const { euiTheme } = euiThemeContext;\n  const { fontSize } = euiFontSize(euiThemeContext, 'xs', undefined);\n  const labelWidths = Object.fromEntries(\n    SUGGEST_LABEL_WIDTHS.map((width) => [\n      width,\n      css(\n        `flex-basis:calc(${width}% - ${euiTheme.size.base});`,\n        `min-width:calc(${width}% - ${euiTheme.size.base});`,\n        `label:width${width};`\n      )\n    ])\n  ) as Record<EuiSuggestLabelWidth, SerializedStyles>;\n  const types = Object.fromEntries(\n    SUGGEST_ITEM_TINTS.map((name) => {\n      const { backgroundColor, color } = suggestTypeColors(\n        euiThemeContext,\n        name\n      );\n      return [\n        name,\n        css(\n          `background-color:${backgroundColor};color:${color};label:${name};`\n        )\n      ];\n    })\n  ) as Record<EuiSuggestItemTint, SerializedStyles>;\n  const textPart = `\n    ${euiTextBreakWord()}\n    display: inline-block;\n    padding: ${euiTheme.size.s};\n    flex-grow: 1;\n  `;\n\n  return {\n    euiSuggestItem: css(\n      `display:flex;align-items:flex-start;font-size:${fontSize};`,\n      `line-height:${euiTheme.size.base};color:${euiTheme.colors.textParagraph};`,\n      'flex:1 1 100%;max-width:100%;label:euiSuggestItem;'\n    ),\n    truncate: css(\n      `.euiSuggestItem__label,.euiSuggestItem__description{${euiTextTruncate()}}`,\n      'label:truncate;'\n    ),\n    // `button.euiSuggestItem` (with `@onClick`)\n    isClickable: css(\n      logicalCSS('width', '100%'),\n      'text-align:start;',\n      `&:hover,&:focus{cursor:pointer;background-color:${euiTheme.colors.backgroundBaseInteractiveHover};`,\n      '.euiSuggestItem__label{text-decoration:underline;}}',\n      'label:isClickable;'\n    ),\n    euiSuggestItem__type: css(\n      'display:flex;flex:0 0 auto;justify-content:center;align-items:flex-start;',\n      logicalCSS('padding-top', euiTheme.size.s),\n      logicalCSS('width', euiTheme.size.xl),\n      logicalCSS('min-height', euiTheme.size.xl),\n      'align-self:stretch;label:euiSuggestItem__type;'\n    ),\n    types,\n    euiSuggestItem__label: css(\n      textPart,\n      `font-family:${euiTheme.font.familyCode};label:euiSuggestItem__label;`\n    ),\n    labelWidths,\n    labelExpand: css('flex-basis:auto;label:expand;'),\n    euiSuggestItem__description: css(\n      textPart,\n      `color:${euiTheme.colors.textSubdued};`,\n      logicalCSS('padding-top', `calc(${euiTheme.size.s} + 1px)`),\n      'flex-basis:auto;align-self:baseline;label:euiSuggestItem__description;'\n    ),\n    descriptionWrap: css(\n      euiTextBreakWord(),\n      'white-space:normal;label:wrap;'\n    )\n  };\n};\n"],"names":["makeHighContrastColor","_makeHighContrastColor","css","args","serializeStyles","SUGGEST_ITEM_TINTS","SUGGEST_LABEL_WIDTHS","suggestTypeColors","euiThemeContext","tintName","euiTheme","colorMode","vis","colors","base","darkShade","slice","backgroundColor","shade","tint","color","euiSuggestItemStyles","fontSize","euiFontSize","undefined","labelWidths","Object","fromEntries","map","width","size","types","name","textPart","euiTextBreakWord","s","euiSuggestItem","textParagraph","truncate","euiTextTruncate","isClickable","logicalCSS","backgroundBaseInteractiveHover","euiSuggestItem__type","xl","euiSuggestItem__label","font","familyCode","labelExpand","euiSuggestItem__description","textSubdued","descriptionWrap"],"mappings":"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"}
+{"version":3,"file":"suggest.js","sources":["../../../src/utils/eui/suggest.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\n/**\n * EuiSuggest styles on Borealis tokens.\n *\n * Upstream removed EuiSuggest in EUI 89.0.0 (#7263, \"We recommend using\n * EuiSelectable or EuiComboBox instead\"), before it was converted to Emotion,\n * so EUI 123.1.0 has no style factory for it. This is a translation of the\n * last upstream styles (EUI 88.5.4 `components/suggest/_suggest_item.scss`,\n * `_suggest_input.scss`, `_variables.scss`) to the Borealis theme, using the\n * extracted upstream helpers where Sass used mixins:\n *\n * - `$euiFontSizeXS` / `$euiSize` line height → `euiFontSize(xs)` font size\n *   and `size.base` line height; `$euiCodeFontFamily` → `font.familyCode`.\n * - `$euiTextColor` / `$euiTextSubduedColor` → `textParagraph` / `textSubdued`.\n * - `$euiFocusBackgroundColor` (hover/focus of clickable items) → the\n *   Borealis list hover `backgroundBaseInteractiveHover`, as EuiListItemLayout.\n * - Type colors `tint0`–`tint9` → `colors.vis.euiColorVis0`–`9`, `tint10` →\n *   `colors.darkShade`; background `tintOrShade(color, 82%, 70%)` and text\n *   `makeHighContrastColor(color, background)` as in Sass.\n * - `euiTextTruncate` / `euiTextBreakWord` are the upstream JS mixins.\n */\nimport { serializeStyles } from '@emotion/serialize';\n\nimport {\n  euiFontSize,\n  euiTextBreakWord,\n  euiTextTruncate,\n  logicalCSS,\n  makeHighContrastColor as _makeHighContrastColor,\n  shade,\n  tint\n} from './styles.generated.ts';\n\nimport type { SerializedStyles } from '@emotion/serialize';\nimport type { EuiBorealisContext } from './theme.ts';\n\n// reads its optional ratio from `arguments`, so the inferred type drops it\nconst makeHighContrastColor = _makeHighContrastColor as (\n  foreground: string,\n  ratio?: number\n) => (background: string) => string;\n\nconst css = (...args: unknown[]): SerializedStyles =>\n  serializeStyles(args as Parameters<typeof serializeStyles>[0]);\n\nexport const SUGGEST_ITEM_TINTS = [\n  'tint0',\n  'tint1',\n  'tint2',\n  'tint3',\n  'tint4',\n  'tint5',\n  'tint6',\n  'tint7',\n  'tint8',\n  'tint9',\n  'tint10'\n] as const;\n\nexport type EuiSuggestItemTint = (typeof SUGGEST_ITEM_TINTS)[number];\n\nexport const SUGGEST_LABEL_WIDTHS = [\n  '20',\n  '30',\n  '40',\n  '50',\n  '60',\n  '70',\n  '80',\n  '90'\n] as const;\n\nexport type EuiSuggestLabelWidth = (typeof SUGGEST_LABEL_WIDTHS)[number];\n\n/** `tintOrShade($color, 82%, 70%)` and its high contrast text color. */\nexport function suggestTypeColors(\n  euiThemeContext: EuiBorealisContext,\n  tintName: EuiSuggestItemTint\n): { backgroundColor: string; color: string } {\n  const { euiTheme, colorMode } = euiThemeContext;\n  const vis = euiTheme.colors.vis as unknown as Record<string, string>;\n  const base =\n    tintName === 'tint10'\n      ? euiTheme.colors.darkShade\n      : vis[`euiColorVis${tintName.slice(4)}`]!;\n  const backgroundColor =\n    colorMode === 'DARK' ? shade(base, 0.7) : tint(base, 0.82);\n  const color = makeHighContrastColor(base, 4.5)(backgroundColor);\n  return { backgroundColor, color };\n}\n\nexport const euiSuggestItemStyles = (euiThemeContext: EuiBorealisContext) => {\n  const { euiTheme } = euiThemeContext;\n  const { fontSize } = euiFontSize(euiThemeContext, 'xs', undefined);\n  const labelWidths = Object.fromEntries(\n    SUGGEST_LABEL_WIDTHS.map((width) => [\n      width,\n      css(\n        `flex-basis:calc(${width}% - ${euiTheme.size.base});`,\n        `min-width:calc(${width}% - ${euiTheme.size.base});`,\n        `label:width${width};`\n      )\n    ])\n  ) as Record<EuiSuggestLabelWidth, SerializedStyles>;\n  const types = Object.fromEntries(\n    SUGGEST_ITEM_TINTS.map((name) => {\n      const { backgroundColor, color } = suggestTypeColors(\n        euiThemeContext,\n        name\n      );\n      return [\n        name,\n        css(\n          `background-color:${backgroundColor};color:${color};label:${name};`\n        )\n      ];\n    })\n  ) as Record<EuiSuggestItemTint, SerializedStyles>;\n  const textPart = `\n    ${euiTextBreakWord()}\n    display: inline-block;\n    padding: ${euiTheme.size.s};\n    flex-grow: 1;\n  `;\n\n  return {\n    euiSuggestItem: css(\n      `display:flex;align-items:flex-start;font-size:${fontSize};`,\n      `line-height:${euiTheme.size.base};color:${euiTheme.colors.textParagraph};`,\n      'flex:1 1 100%;max-width:100%;label:euiSuggestItem;'\n    ),\n    truncate: css(\n      `.euiSuggestItem__label,.euiSuggestItem__description{${euiTextTruncate()}}`,\n      'label:truncate;'\n    ),\n    // `button.euiSuggestItem` (with `@onClick`)\n    isClickable: css(\n      logicalCSS('width', '100%'),\n      'text-align:start;',\n      `&:hover,&:focus{cursor:pointer;background-color:${euiTheme.colors.backgroundBaseInteractiveHover};`,\n      '.euiSuggestItem__label{text-decoration:underline;}}',\n      'label:isClickable;'\n    ),\n    euiSuggestItem__type: css(\n      'display:flex;flex:0 0 auto;justify-content:center;align-items:flex-start;',\n      logicalCSS('padding-top', euiTheme.size.s),\n      logicalCSS('width', euiTheme.size.xl),\n      logicalCSS('min-height', euiTheme.size.xl),\n      'align-self:stretch;label:euiSuggestItem__type;'\n    ),\n    types,\n    euiSuggestItem__label: css(\n      textPart,\n      `font-family:${euiTheme.font.familyCode};label:euiSuggestItem__label;`\n    ),\n    labelWidths,\n    labelExpand: css('flex-basis:auto;label:expand;'),\n    euiSuggestItem__description: css(\n      textPart,\n      `color:${euiTheme.colors.textSubdued};`,\n      logicalCSS('padding-top', `calc(${euiTheme.size.s} + 1px)`),\n      'flex-basis:auto;align-self:baseline;label:euiSuggestItem__description;'\n    ),\n    descriptionWrap: css(\n      euiTextBreakWord(),\n      'white-space:normal;label:wrap;'\n    )\n  };\n};\n"],"names":["makeHighContrastColor","_makeHighContrastColor","css","args","serializeStyles","SUGGEST_ITEM_TINTS","SUGGEST_LABEL_WIDTHS","suggestTypeColors","euiThemeContext","tintName","euiTheme","colorMode","vis","colors","base","darkShade","slice","backgroundColor","shade","tint","color","euiSuggestItemStyles","fontSize","euiFontSize","undefined","labelWidths","Object","fromEntries","map","width","size","types","name","textPart","euiTextBreakWord","s","euiSuggestItem","textParagraph","truncate","euiTextTruncate","isClickable","logicalCSS","backgroundBaseInteractiveHover","euiSuggestItem__type","xl","euiSuggestItem__label","font","familyCode","labelExpand","euiSuggestItem__description","textSubdued","descriptionWrap"],"mappings":"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"}

package/dist/utils/eui/table.js

@@ -1,5 +1,6 @@
 import { serializeStyles } from '@emotion/serialize';
-import { dX as euiContainerQuery, dq as EUI_TABLE_CSS_CONTAINER_NAME } from '../../styles.generated-SYAxYhey.js';
+import { euiContainerQuery } from './styles.generated/shared/ITO4GMBL.js';
+import { EUI_TABLE_CSS_CONTAINER_NAME } from './styles.generated/shared/UMXTDMKT.js';
 
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one

package/dist/utils/eui/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../src/utils/eui/table.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\n/**\n * Hand port of EUI 123.1.0 `euiTableStickyCellStyles`\n * (`components/table/table_cells_shared.styles.js`).\n *\n * Upstream keeps the factory module-local and only exports it through the\n * `_useEuiTableStickyCellStyles` hook, so the generator cannot extract it.\n * This port composes the same pieces in the same order; the parity suite\n * (`scripts/eui-upstream-parity.test.mjs`) compares it with the hook's\n * output in every color/contrast mode.\n */\nimport { serializeStyles } from '@emotion/serialize';\n\nimport {\n  EUI_TABLE_CSS_CONTAINER_NAME,\n  euiContainerQuery\n} from './styles.generated.ts';\n\nimport type { SerializedStyles } from '@emotion/serialize';\nimport type { EuiBorealisContext } from './theme.ts';\n\n// Same serialization the generator substitutes for Emotion's `css`.\nconst css = (...args: unknown[]) =>\n  serializeStyles(args as Parameters<typeof serializeStyles>[0]);\n\n/** The side a sticky cell sticks to (upstream `EuiTableStickyCellOptions`). */\nexport interface EuiTableStickyCellOptions {\n  /** `start` is the left side in horizontal writing modes, `end` the right side. */\n  side: 'start' | 'end';\n}\n\n// Precompiled by upstream's Babel plugin (static styles).\nconst SIDES: Record<'start' | 'end', SerializedStyles> = {\n  start: { name: '1u5b4oq-start', styles: 'inset-inline-start:0;label:start;' },\n  end: { name: '10im1kr-end', styles: 'inset-inline-end:0;label:end;' }\n};\n\nexport const euiTableStickyCellStyles = ({ euiTheme }: EuiBorealisContext) => ({\n  root: css(\n    'position:sticky;background-color:var(\\n        --euiTableCellStickyBackgroundColor,\\n        ',\n    euiTheme.colors.backgroundBasePlain,\n    '\\n      );',\n    euiContainerQuery(\n      'scroll-state(scrollable: right)',\n      EUI_TABLE_CSS_CONTAINER_NAME\n    ),\n    \"{&::before{content:'';position:absolute;inset-inline-start:0;inset-block:0;inline-size:\",\n    euiTheme.border.width.thin,\n    ';background-color:',\n    euiTheme.border.color,\n    ';}};label:root;'\n  ),\n  side: SIDES\n});\n"],"names":["css","args","serializeStyles","SIDES","start","name","styles","end","euiTableStickyCellStyles","euiTheme","root","colors","backgroundBasePlain","euiContainerQuery","EUI_TABLE_CSS_CONTAINER_NAME","border","width","thin","color","side"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAsBA;AACA,MAAMA,GAAG,GAAGA,CAAC,GAAGC,IAAe,KAC7BC,eAAe,CAACD,IAA6C,CAAC;;AAEhE;;AAMA;AACA,MAAME,KAAgD,GAAG;AACvDC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,IAAI,EAAE,eAAe;AAAEC,IAAAA,MAAM,EAAE;GAAqC;AAC7EC,EAAAA,GAAG,EAAE;AAAEF,IAAAA,IAAI,EAAE,aAAa;AAAEC,IAAAA,MAAM,EAAE;AAAgC;AACtE,CAAC;AAEM,MAAME,wBAAwB,GAAGA,CAAC;AAAEC,EAAAA;AAA6B,CAAC,MAAM;AAC7EC,EAAAA,IAAI,EAAEV,GAAG,CACP,+FAA+F,EAC/FS,QAAQ,CAACE,MAAM,CAACC,mBAAmB,EACnC,YAAY,EACZC,iBAAiB,CACf,iCAAiC,EACjCC,4BACF,CAAC,EACD,yFAAyF,EACzFL,QAAQ,CAACM,MAAM,CAACC,KAAK,CAACC,IAAI,EAC1B,oBAAoB,EACpBR,QAAQ,CAACM,MAAM,CAACG,KAAK,EACrB,iBACF,CAAC;AACDC,EAAAA,IAAI,EAAEhB;AACR,CAAC;;"}
+{"version":3,"file":"table.js","sources":["../../../src/utils/eui/table.ts"],"sourcesContent":["/*\n * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one\n * or more contributor license agreements. Licensed under the Elastic License\n * 2.0 and the Server Side Public License, v 1; you may not use this file except\n * in compliance with, at your election, the Elastic License 2.0 or the Server\n * Side Public License, v 1.\n */\n\n/**\n * Hand port of EUI 123.1.0 `euiTableStickyCellStyles`\n * (`components/table/table_cells_shared.styles.js`).\n *\n * Upstream keeps the factory module-local and only exports it through the\n * `_useEuiTableStickyCellStyles` hook, so the generator cannot extract it.\n * This port composes the same pieces in the same order; the parity suite\n * (`scripts/eui-upstream-parity.test.mjs`) compares it with the hook's\n * output in every color/contrast mode.\n */\nimport { serializeStyles } from '@emotion/serialize';\n\nimport {\n  EUI_TABLE_CSS_CONTAINER_NAME,\n  euiContainerQuery\n} from './styles.generated.ts';\n\nimport type { SerializedStyles } from '@emotion/serialize';\nimport type { EuiBorealisContext } from './theme.ts';\n\n// Same serialization the generator substitutes for Emotion's `css`.\nconst css = (...args: unknown[]) =>\n  serializeStyles(args as Parameters<typeof serializeStyles>[0]);\n\n/** The side a sticky cell sticks to (upstream `EuiTableStickyCellOptions`). */\nexport interface EuiTableStickyCellOptions {\n  /** `start` is the left side in horizontal writing modes, `end` the right side. */\n  side: 'start' | 'end';\n}\n\n// Precompiled by upstream's Babel plugin (static styles).\nconst SIDES: Record<'start' | 'end', SerializedStyles> = {\n  start: { name: '1u5b4oq-start', styles: 'inset-inline-start:0;label:start;' },\n  end: { name: '10im1kr-end', styles: 'inset-inline-end:0;label:end;' }\n};\n\nexport const euiTableStickyCellStyles = ({ euiTheme }: EuiBorealisContext) => ({\n  root: css(\n    'position:sticky;background-color:var(\\n        --euiTableCellStickyBackgroundColor,\\n        ',\n    euiTheme.colors.backgroundBasePlain,\n    '\\n      );',\n    euiContainerQuery(\n      'scroll-state(scrollable: right)',\n      EUI_TABLE_CSS_CONTAINER_NAME\n    ),\n    \"{&::before{content:'';position:absolute;inset-inline-start:0;inset-block:0;inline-size:\",\n    euiTheme.border.width.thin,\n    ';background-color:',\n    euiTheme.border.color,\n    ';}};label:root;'\n  ),\n  side: SIDES\n});\n"],"names":["css","args","serializeStyles","SIDES","start","name","styles","end","euiTableStickyCellStyles","euiTheme","root","colors","backgroundBasePlain","euiContainerQuery","EUI_TABLE_CSS_CONTAINER_NAME","border","width","thin","color","side"],"mappings":";;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAsBA;AACA,MAAMA,GAAG,GAAGA,CAAC,GAAGC,IAAe,KAC7BC,eAAe,CAACD,IAA6C,CAAC;;AAEhE;;AAMA;AACA,MAAME,KAAgD,GAAG;AACvDC,EAAAA,KAAK,EAAE;AAAEC,IAAAA,IAAI,EAAE,eAAe;AAAEC,IAAAA,MAAM,EAAE;GAAqC;AAC7EC,EAAAA,GAAG,EAAE;AAAEF,IAAAA,IAAI,EAAE,aAAa;AAAEC,IAAAA,MAAM,EAAE;AAAgC;AACtE,CAAC;AAEM,MAAME,wBAAwB,GAAGA,CAAC;AAAEC,EAAAA;AAA6B,CAAC,MAAM;AAC7EC,EAAAA,IAAI,EAAEV,GAAG,CACP,+FAA+F,EAC/FS,QAAQ,CAACE,MAAM,CAACC,mBAAmB,EACnC,YAAY,EACZC,iBAAiB,CACf,iCAAiC,EACjCC,4BACF,CAAC,EACD,yFAAyF,EACzFL,QAAQ,CAACM,MAAM,CAACC,KAAK,CAACC,IAAI,EAC1B,oBAAoB,EACpBR,QAAQ,CAACM,MAAM,CAACG,KAAK,EACrB,iBACF,CAAC;AACDC,EAAAA,IAAI,EAAEhB;AACR,CAAC;;"}