eidos-ui 4.0.0 → 4.1.1

package/dist/chunk-XOUNVK45.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ThemeProvider/ThemeProvider.component.tsx","../src/components/ThemeProvider/ThemeProvider.context.tsx","../src/components/ThemeProvider/ThemeProvider.color.ts","../src/components/ThemeProvider/ThemeProvider.tokens.ts","../src/components/ThemeProvider/ThemeProvider.fonts.ts"],"sourcesContent":["import React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { devWarn } from '../../utils';\nimport { ThemeContext } from './ThemeProvider.context';\nimport { buildTokens, diffFromDefault, resolveTheme, themeToCss } from './ThemeProvider.tokens';\nimport type { ThemeConfig, ThemeContextValue, ThemeProviderProps } from './ThemeProvider.types';\n\nconst EMPTY_THEME: ThemeConfig = {};\n\n/**\n * Number of providers currently mounted.\n *\n * Because tokens are written to `document.documentElement` (see the component\n * comment for why), providers do not compose: two of them target the same\n * element, so whichever applied a given token last wins for the entire page -\n * including for the subtree of the other one. That looks like a broken theme\n * rather than a misuse, so it is worth saying out loud.\n */\nlet mountedProviders = 0;\n\n/** Merges `patch` over `base` one level into `colors`/`typography`. */\nconst mergeTheme = (base: ThemeConfig, patch: ThemeConfig): ThemeConfig => ({\n  colors: { ...base.colors, ...patch.colors },\n  typography: { ...base.typography, ...patch.typography },\n});\n\n/**\n * Applies a theme by writing CSS custom properties to `document.documentElement`.\n *\n * Two deliberate choices worth knowing:\n *\n * **The target is `documentElement`, not a wrapper element.** Every overlay in\n * this library (`Dropdown`, `Modal`, `Drawer`, `Snackbar`, `Tooltip`, …) portals\n * to `document.body`, so tokens scoped to a wrapper `<div>` would leave every\n * popup rendering the preset instead.\n *\n * **Properties are set through the CSSOM** (`style.setProperty`), which no CSP\n * directive gates - `style-src` and `style-src-attr` only cover the `style`\n * HTML attribute and stylesheet loads. Nothing here needs a nonce, and no\n * `<style>` element is ever created. See `ContentSecurityPolicy.mdx`.\n *\n * Under SSR the server sends the preset from `dist/index.css` and the theme is\n * applied on hydration; use `toCss()` if you need a themed first paint.\n */\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({\n  children,\n  theme: controlledTheme,\n  defaultTheme: initialTheme,\n  onThemeChange,\n}) => {\n  const isControlled = controlledTheme !== undefined;\n  const [uncontrolledTheme, setUncontrolledTheme] = useState<ThemeConfig>(\n    initialTheme ?? EMPTY_THEME,\n  );\n  const theme = isControlled ? controlledTheme : uncontrolledTheme;\n\n  useEffect(() => {\n    mountedProviders += 1;\n    if (mountedProviders > 1) {\n      devWarn(\n        'theme-multiple-providers',\n        `ThemeProvider: ${mountedProviders} providers are mounted at once. They all write to document.documentElement, so the last one to apply each token wins for the whole page - nested or sibling providers cannot theme separate subtrees. Use a single provider at your app root.`,\n      );\n    }\n    return () => {\n      mountedProviders -= 1;\n    };\n  }, []);\n\n  const resolvedTheme = useMemo(() => resolveTheme(theme), [theme]);\n  const tokens = useMemo(() => diffFromDefault(buildTokens(resolvedTheme)), [resolvedTheme]);\n\n  // Names written on the previous pass, so properties dropped from the theme\n  // are removed rather than left behind at their last value.\n  const appliedRef = useRef<string[]>([]);\n\n  useLayoutEffect(() => {\n    if (typeof document === 'undefined') return;\n    const root = document.documentElement;\n\n    for (const name of appliedRef.current) {\n      if (!(name in tokens)) root.style.removeProperty(name);\n    }\n    for (const [name, value] of Object.entries(tokens)) {\n      root.style.setProperty(name, value);\n    }\n    appliedRef.current = Object.keys(tokens);\n\n    return () => {\n      for (const name of appliedRef.current) {\n        root.style.removeProperty(name);\n      }\n      appliedRef.current = [];\n    };\n  }, [tokens]);\n\n  const commit = useCallback(\n    (next: ThemeConfig) => {\n      if (!isControlled) setUncontrolledTheme(next);\n      onThemeChange?.(next);\n    },\n    [isControlled, onThemeChange],\n  );\n\n  const setTheme = useCallback((next: ThemeConfig) => commit(next), [commit]);\n\n  const updateTheme = useCallback(\n    (patch: ThemeConfig) => commit(mergeTheme(theme, patch)),\n    [commit, theme],\n  );\n\n  const resetTheme = useCallback(() => commit(EMPTY_THEME), [commit]);\n\n  const toCss = useCallback(() => themeToCss(resolvedTheme), [resolvedTheme]);\n\n  const value = useMemo<ThemeContextValue>(\n    () => ({\n      theme,\n      resolvedTheme,\n      setTheme,\n      updateTheme,\n      resetTheme,\n      isDefault: Object.keys(tokens).length === 0,\n      toCss,\n    }),\n    [theme, resolvedTheme, setTheme, updateTheme, resetTheme, tokens, toCss],\n  );\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n};\n\nThemeProvider.displayName = 'ThemeProvider';\n","import { createContext, useContext } from 'react';\nimport type { ThemeContextValue } from './ThemeProvider.types';\n\nexport const ThemeContext = createContext<ThemeContextValue | undefined>(undefined);\n\n/**\n * Reads the active theme. Throws outside a `ThemeProvider`, matching\n * `useSnackbarContext` - a silent fallback would make a missing provider look\n * like a theme that simply is not applying.\n */\nexport const useTheme = (): ThemeContextValue => {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n};\n","/**\n * Colour maths for the theme system.\n *\n * All conversions are done in JS and emitted as `#rrggbb`, so browser support\n * for `oklch()` is irrelevant here - nothing in the generated CSS uses a modern\n * colour function.\n *\n * OKLab is used rather than HSL for every interpolation. HSL lightness\n * interpolation is ~40 lines shorter but produces muddy, desaturated ramps for\n * exactly the saturated brand hues this feature exists to support, because its\n * \"lightness\" is not perceptual.\n */\n\n// ============================================================================\n// sRGB <-> OKLab\n// ============================================================================\n\nexport interface Oklch {\n  /** Perceptual lightness, 0-1. */\n  l: number;\n  /** Chroma (colourfulness), 0 to ~0.4 in sRGB. */\n  c: number;\n  /** Hue angle in radians. */\n  h: number;\n}\n\nconst srgbToLinear = (v: number): number =>\n  v <= 0.04045 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);\n\nconst linearToSrgb = (v: number): number =>\n  v <= 0.0031308 ? 12.92 * v : 1.055 * Math.pow(v, 1 / 2.4) - 0.055;\n\nconst clamp01 = (v: number): number => (v < 0 ? 0 : v > 1 ? 1 : v);\n\n/** Parses `#rgb` / `#rrggbb` into 0-1 sRGB channels. Returns null if unparseable. */\nexport const parseHex = (hex: string): [number, number, number] | null => {\n  if (typeof hex !== 'string') return null;\n  const raw = hex.trim().replace(/^#/, '');\n  const full =\n    raw.length === 3\n      ? raw\n          .split('')\n          .map((c) => c + c)\n          .join('')\n      : raw;\n  if (!/^[0-9a-fA-F]{6}$/.test(full)) return null;\n  const n = parseInt(full, 16);\n  return [((n >> 16) & 255) / 255, ((n >> 8) & 255) / 255, (n & 255) / 255];\n};\n\nexport const isValidHex = (hex: string): boolean => parseHex(hex) !== null;\n\nconst toHex = ([r, g, b]: [number, number, number]): string =>\n  '#' +\n  [r, g, b]\n    .map((v) =>\n      Math.round(clamp01(v) * 255)\n        .toString(16)\n        .padStart(2, '0'),\n    )\n    .join('');\n\n/** `#rrggbb` -> the comma-separated triple the `--x-rgb` tokens use. */\nexport const hexToRgbTriple = (hex: string): string => {\n  const rgb = parseHex(hex);\n  if (!rgb) return '0, 0, 0';\n  return rgb.map((v) => Math.round(v * 255)).join(', ');\n};\n\nconst linearToOklab = ([r, g, b]: [number, number, number]): [number, number, number] => {\n  const l = Math.cbrt(0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b);\n  const m = Math.cbrt(0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b);\n  const s = Math.cbrt(0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b);\n  return [\n    0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s,\n    1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s,\n    0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s,\n  ];\n};\n\nconst oklabToLinear = ([L, A, B]: [number, number, number]): [number, number, number] => {\n  const l = (L + 0.3963377774 * A + 0.2158037573 * B) ** 3;\n  const m = (L - 0.1055613458 * A - 0.0638541728 * B) ** 3;\n  const s = (L - 0.0894841775 * A - 1.291485548 * B) ** 3;\n  return [\n    4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s,\n    -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s,\n    -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s,\n  ];\n};\n\nexport const hexToOklch = (hex: string): Oklch => {\n  const rgb = parseHex(hex) ?? [0, 0, 0];\n  const [l, a, b] = linearToOklab(rgb.map(srgbToLinear) as [number, number, number]);\n  return { l, c: Math.hypot(a, b), h: Math.atan2(b, a) };\n};\n\nconst inGamut = ([r, g, b]: [number, number, number]): boolean =>\n  [r, g, b].every((v) => v >= -1e-4 && v <= 1 + 1e-4);\n\n/**\n * Largest chroma that still fits in sRGB at this lightness and hue.\n *\n * Needed because OKLab is a much larger space than sRGB: naively keeping a\n * colour's chroma while changing its lightness frequently lands outside the\n * gamut, where channels clip and the hue visibly shifts.\n */\nconst maxChroma = (l: number, h: number): number => {\n  let lo = 0;\n  let hi = 0.45;\n  for (let i = 0; i < 24; i++) {\n    const mid = (lo + hi) / 2;\n    if (inGamut(oklabToLinear([l, mid * Math.cos(h), mid * Math.sin(h)]))) lo = mid;\n    else hi = mid;\n  }\n  return lo;\n};\n\nexport const oklchToHex = ({ l, c, h }: Oklch): string => {\n  const lc = clamp01(l);\n  const cc = Math.min(Math.max(c, 0), maxChroma(lc, h));\n  return toHex(\n    oklabToLinear([lc, cc * Math.cos(h), cc * Math.sin(h)]).map(linearToSrgb) as [\n      number,\n      number,\n      number,\n    ],\n  );\n};\n\n// ============================================================================\n// WCAG 2.1 contrast\n// ============================================================================\n\n/**\n * WCAG 2.1 is used rather than APCA. APCA models perception better but is\n * still a draft (targeted at WCAG 3), while WCAG 2 is what consumers are\n * actually audited against. Its known weakness - mis-ranking some mid-tone\n * blues and greens - is accepted for that reason.\n */\nexport const relativeLuminance = (hex: string): number => {\n  const [r, g, b] = (parseHex(hex) ?? [0, 0, 0]).map(srgbToLinear);\n  return 0.2126 * r + 0.7152 * g + 0.0722 * b;\n};\n\n/** Contrast ratio between two colours, 1 (identical) to 21 (black on white). */\nexport const contrastRatio = (a: string, b: string): number => {\n  const [x, y] = [relativeLuminance(a), relativeLuminance(b)];\n  return (Math.max(x, y) + 0.05) / (Math.min(x, y) + 0.05);\n};\n\n/** The two foreground candidates, matching `--white` and `--gray-900`. */\nexport const CONTRAST_LIGHT = '#ffffff';\nexport const CONTRAST_DARK = '#0f172a';\n\n/**\n * Foreground to place on `fill`.\n *\n * White wins unless it drops below 3:1, at which point the better of the two\n * candidates is used. The threshold is deliberately 3:1 rather than \"whichever\n * scores higher\": on mid-tone reds the dark candidate often scores marginally\n * better while looking plainly wrong, and every preset base clears 4.5:1\n * against white anyway.\n */\nexport const pickContrast = (fill: string): string => {\n  const onLight = contrastRatio(fill, CONTRAST_LIGHT);\n  if (onLight >= 3) return CONTRAST_LIGHT;\n  return onLight >= contrastRatio(fill, CONTRAST_DARK) ? CONTRAST_LIGHT : CONTRAST_DARK;\n};\n\n// ============================================================================\n// Ramp generation\n// ============================================================================\n\n/** The ramp steps, in the order `--x-50` … `--x-900` are declared. */\nexport const RAMP_STEPS = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900] as const;\n\nexport type RampStep = (typeof RAMP_STEPS)[number];\n\n/** The step the supplied base colour occupies; the ramp is built around it. */\nconst BASE_STEP = 500;\n\n/**\n * Target lightness per step, and how much of the base's chroma to keep.\n *\n * Measured from the preset indigo ramp, so feeding the preset primary through\n * `buildRamp` lands close to the shipped `--primary-*` values rather than\n * something arbitrary. It is deliberately not an exact reproduction - see the\n * note on `buildRamp`.\n */\nconst RAMP_CURVE: Record<RampStep, { l: number; chroma: number }> = {\n  50: { l: 0.962, chroma: 0.09 },\n  100: { l: 0.93, chroma: 0.16 },\n  200: { l: 0.87, chroma: 0.3 },\n  300: { l: 0.785, chroma: 0.51 },\n  400: { l: 0.68, chroma: 0.77 },\n  500: { l: 0.558, chroma: 1.0 },\n  600: { l: 0.511, chroma: 1.12 },\n  700: { l: 0.457, chroma: 1.05 },\n  800: { l: 0.398, chroma: 0.87 },\n  900: { l: 0.359, chroma: 0.66 },\n};\n\n/** Ceiling/floor the generated ends aim for, leaving the base itself untouched. */\nconst LIGHT_CEILING = 0.985;\nconst DARK_FLOOR = 0.22;\n\n/** Minimum lightness gap between adjacent steps, so none can collapse together. */\nconst MIN_STEP_DELTA = 0.012;\n\n/**\n * Generates a 50-900 ramp around `base`, which is placed at the 500 step.\n *\n * The base's own hue is always preserved, and `--x-500` is returned as the base\n * hex verbatim, so the colour a consumer picked is never silently replaced.\n *\n * The curve above is *rescaled* to whatever lightness headroom the base leaves,\n * rather than being applied absolutely or simply shifted:\n *\n * - Applying it absolutely would reassign the base - pick a pale yellow and\n *   `--x-500` would come back a mid-olive, contradicting `--x-color`.\n * - Shifting it so 500 sits at the base's lightness pushes the light end past\n *   `l = 1`, where it clips and 50/100/200/300 all come out pure white.\n *\n * The ends are **absolute**, not relative to the base: step 50 lands near-white\n * and step 900 near-dark whatever lightness the base has, with the remaining\n * steps interpolated between the base and those anchors. Only a base that is\n * already past an anchor compresses that side into what headroom is left.\n *\n * Getting this wrong is subtle. An earlier version offset every step *from the\n * base* by the curve's own distances, capped so the preset reproduced exactly.\n * That looks right - and reproduces the preset ramp perfectly - but it makes the\n * tints relative: a dark navy base (`#1a1a2e`) returned `--primary-50: #8a8a8c`,\n * a mid grey rather than a tint, because 50 sits only 0.404 lightness above 500\n * on the curve. Every consumer of the tint end broke visibly - `Navigation`'s\n * active item paints `--primary-50` and turned into a charcoal pill.\n *\n * Two inputs are genuinely degenerate and are handled rather than solved: a\n * base at or above `LIGHT_CEILING` has no room for tints, and one with zero\n * chroma (pure white, black, any gray) has no saturation to separate them with\n * either. For those the light end converges, and `isRampViable` reports it so\n * the caller can warn. Realistic light picks are fine - `#fde047` still yields\n * five distinct tints.\n */\nexport const buildRamp = (base: string): Record<RampStep, string> => {\n  const { l: baseL, c: baseC, h } = hexToOklch(base);\n  const anchor = RAMP_CURVE[BASE_STEP].l;\n\n  // Where the ends of the scale sit, independent of the base. A base already\n  // lighter than the curve's own 50 (or darker than its 900) has nowhere left\n  // to go, so that side compresses into the remaining headroom instead.\n  const curveLight = RAMP_CURVE[50].l;\n  const curveDark = RAMP_CURVE[900].l;\n  const lightTarget = baseL >= curveLight ? Math.min(LIGHT_CEILING, baseL + 0.02) : curveLight;\n  const darkTarget = baseL <= curveDark ? Math.max(DARK_FLOOR * 0.2, baseL - 0.02) : curveDark;\n\n  const lightSpan = curveLight - anchor;\n  const darkSpan = anchor - curveDark;\n\n  const out = {} as Record<RampStep, string>;\n  for (const step of RAMP_STEPS) {\n    if (step === BASE_STEP) {\n      out[step] = base;\n      continue;\n    }\n    const { l: curveL, chroma } = RAMP_CURVE[step];\n    const offset = curveL - anchor;\n    // How far along its half of the curve this step sits: 0 at the base, 1 at\n    // the end. Interpolating that fraction between the base and the target\n    // keeps the curve's shape while pinning where it ends up.\n    const t = offset > 0 ? offset / lightSpan : -offset / darkSpan;\n    const l = offset > 0 ? baseL + t * (lightTarget - baseL) : baseL - t * (baseL - darkTarget);\n    out[step] = oklchToHex({ l, c: baseC * chroma, h });\n  }\n\n  return enforceSeparation(out, h, baseC);\n};\n\n/**\n * Walks outward from the base step, pushing any step that ended up too close to\n * its neighbour further away. Only bites for extreme inputs (near-white,\n * near-black, zero-chroma), where the rescale above has almost no room left.\n */\nconst enforceSeparation = (\n  ramp: Record<RampStep, string>,\n  h: number,\n  baseC: number,\n): Record<RampStep, string> => {\n  const baseIndex = RAMP_STEPS.indexOf(BASE_STEP);\n  const lightness = RAMP_STEPS.map((s) => hexToOklch(ramp[s]).l);\n\n  // Lighter steps: walk from the base toward 50, each must be lighter.\n  for (let i = baseIndex - 1; i >= 0; i--) {\n    const limit = lightness[i + 1] + MIN_STEP_DELTA;\n    if (lightness[i] < limit) lightness[i] = Math.min(1, limit);\n  }\n  // Darker steps: walk from the base toward 900, each must be darker.\n  for (let i = baseIndex + 1; i < RAMP_STEPS.length; i++) {\n    const limit = lightness[i - 1] - MIN_STEP_DELTA;\n    if (lightness[i] > limit) lightness[i] = Math.max(0, limit);\n  }\n\n  const out = {} as Record<RampStep, string>;\n  RAMP_STEPS.forEach((step, i) => {\n    if (step === BASE_STEP) {\n      out[step] = ramp[step];\n      return;\n    }\n    out[step] = oklchToHex({\n      l: lightness[i],\n      c: baseC * RAMP_CURVE[step].chroma,\n      h,\n    });\n  });\n  return out;\n};\n\n/** How far `--x-dark` / `--x-light` sit from the base, in OKLab lightness. */\nconst DARK_DELTA = 0.086;\nconst LIGHT_DELTA = 0.169;\n\n/** Below this lightness there is no room left to darken, so the hover lightens. */\nconst HOVER_INVERT_BELOW = DARK_DELTA * 1.5;\n\n/**\n * The hover/active colour. Must differ *visibly* from the base and stay legible\n * as text on white, since `--x-dark` is used both as a fill (Button, Chip\n * hovers) and as text (Snackbar, link hover in `global.scss`).\n *\n * A fixed ramp step is not good enough: for a near-white base the 600 step\n * lands barely darker than the base and the hover reads as no change at all.\n * Hence a guaranteed delta.\n *\n * For a base that is already near-black the delta is applied *upwards* instead.\n * Clamping to a floor would return a colour lighter than the base while still\n * being named \"dark\", and returning the base unchanged would leave the control\n * with no hover affordance at all; lightening is what dark-surface design\n * systems do anyway.\n */\nexport const deriveDark = (base: string): string => {\n  const { l, c, h } = hexToOklch(base);\n  const target = l < HOVER_INVERT_BELOW ? l + DARK_DELTA : l - DARK_DELTA;\n  return oklchToHex({ l: target, c, h });\n};\n\n/**\n * The light companion. Lightening has a hard ceiling, so for an already-pale\n * base this lands very close to it - acceptable, as `--x-light` is a public\n * token that nothing inside the library currently consumes.\n */\nexport const deriveLight = (base: string): string => {\n  const { l, c, h } = hexToOklch(base);\n  return oklchToHex({ l: Math.min(LIGHT_CEILING, l + LIGHT_DELTA), c, h });\n};\n\n/**\n * Whether `base` leaves enough lightness headroom to generate a usable 50-900\n * ramp. False only for near-white and near-black, where the tint or shade end\n * necessarily converges - the caller surfaces that as a developer warning\n * rather than silently shipping identical tokens.\n *\n * Deliberately does not test chroma: an unsaturated gray separates perfectly\n * well by lightness alone, and a saturated light colour like `#fde047` still\n * produces five distinct tints. Only the extremes genuinely fail.\n */\nexport const isRampViable = (base: string): boolean => {\n  const { l } = hexToOklch(base);\n  return l < 0.95 && l > 0.12;\n};\n","import { devWarn } from '../../utils';\nimport {\n  RAMP_STEPS,\n  buildRamp,\n  deriveDark,\n  deriveLight,\n  hexToRgbTriple,\n  isValidHex,\n  isRampViable,\n  pickContrast,\n} from './ThemeProvider.color';\nimport type {\n  ResolvedTheme,\n  ThemeColorKey,\n  ThemeColorValue,\n  ThemeConfig,\n} from './ThemeProvider.types';\n\nexport const THEME_COLOR_KEYS: readonly ThemeColorKey[] = [\n  'primary',\n  'secondary',\n  'success',\n  'danger',\n  'warning',\n  'info',\n  'hyperlink',\n] as const;\n\n/**\n * `hyperlink` is link text on a surface, never a fill, so it has no\n * `--hyperlink-contrast` token - nothing in the library would read it.\n */\nconst FILL_COLOR_KEYS: readonly ThemeColorKey[] = [\n  'primary',\n  'secondary',\n  'success',\n  'danger',\n  'warning',\n  'info',\n] as const;\n\n/** Only `primary` has a 50-900 ramp in `variables.scss`. */\nconst RAMP_COLOR_KEY: ThemeColorKey = 'primary';\n\n/** The eight preset `--font-size-*` values, in declaration order. */\nconst FONT_SIZE_STEPS: readonly [string, number][] = [\n  ['xs', 0.75],\n  ['sm', 0.875],\n  ['base', 1],\n  ['md', 1.1],\n  ['lg', 1.125],\n  ['xl', 1.25],\n  ['2xl', 1.5],\n  ['3xl', 1.875],\n] as const;\n\n/**\n * The shipped values from `src/styles/variables.scss`.\n *\n * This is a literal copy, not something derived: the ramp is hand-tuned and no\n * generator reproduces it byte for byte. Keeping it literal means a theme equal\n * to the preset writes no CSS properties at all, so default rendering is\n * identical to `dist/index.css`.\n *\n * Must be kept in sync with `variables.scss` by hand. The bases are all chosen\n * to clear WCAG AA against white text; see the comment at the top of that file.\n */\nexport const defaultTheme: Required<ThemeConfig> = {\n  colors: {\n    primary: '#5c5de8',\n    secondary: '#617087',\n    success: '#007f57',\n    danger: '#d6272f',\n    warning: '#9c6300',\n    info: '#007a90',\n    hyperlink: '#007b84',\n  },\n  typography: {\n    fontFamily:\n      \"'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif\",\n    monoFamily:\n      \"'JetBrains Mono', 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Source Code Pro', monospace\",\n    fontScale: 1,\n  },\n};\n\n/** The preset `--primary-*` ramp, needed so an unthemed primary emits nothing. */\nconst DEFAULT_PRIMARY_RAMP: Record<number, string> = {\n  50: '#eef2ff',\n  100: '#e0e7ff',\n  200: '#c7d2fe',\n  300: '#a5b4fc',\n  400: '#818cf8',\n  500: '#5c5de8',\n  600: '#4f46e5',\n  700: '#4338ca',\n  800: '#3730a3',\n  900: '#312e81',\n};\n\nexport const FONT_SCALE_MIN = 0.875;\nexport const FONT_SCALE_MAX = 1.25;\n\nconst normalizeColor = (value: ThemeColorValue): { base: string; contrast?: string } =>\n  typeof value === 'string' ? { base: value } : value;\n\n/** Fills every absent field from the preset. */\nexport const resolveTheme = (theme: ThemeConfig): ResolvedTheme => {\n  const colors = {} as ResolvedTheme['colors'];\n\n  for (const key of THEME_COLOR_KEYS) {\n    const supplied = theme.colors?.[key];\n    const fallback = normalizeColor(defaultTheme.colors[key]!);\n    if (supplied === undefined) {\n      colors[key] = fallback;\n      continue;\n    }\n    const { base, contrast } = normalizeColor(supplied);\n    if (!isValidHex(base)) {\n      devWarn(\n        `theme-color-${key}`,\n        `ThemeProvider: colors.${key} is not a valid hex colour (received ${JSON.stringify(base)}). Falling back to the preset.`,\n      );\n      colors[key] = fallback;\n      continue;\n    }\n    if (contrast !== undefined && !isValidHex(contrast)) {\n      devWarn(\n        `theme-contrast-${key}`,\n        `ThemeProvider: colors.${key}.contrast is not a valid hex colour (received ${JSON.stringify(contrast)}). It will be computed instead.`,\n      );\n      colors[key] = { base };\n      continue;\n    }\n    colors[key] = contrast === undefined ? { base } : { base, contrast };\n  }\n\n  const scale = theme.typography?.fontScale;\n  let fontScale = defaultTheme.typography.fontScale!;\n  if (scale !== undefined) {\n    if (!Number.isFinite(scale) || scale < FONT_SCALE_MIN || scale > FONT_SCALE_MAX) {\n      devWarn(\n        'theme-font-scale',\n        `ThemeProvider: typography.fontScale must be between ${FONT_SCALE_MIN} and ${FONT_SCALE_MAX} (received ${String(scale)}). Falling back to ${fontScale}.`,\n      );\n    } else {\n      fontScale = scale;\n    }\n  }\n\n  return {\n    colors,\n    typography: {\n      fontFamily: theme.typography?.fontFamily || defaultTheme.typography.fontFamily!,\n      monoFamily: theme.typography?.monoFamily || defaultTheme.typography.monoFamily!,\n      fontScale,\n    },\n  };\n};\n\n/**\n * Expands a resolved theme into the flat `--token: value` map to apply.\n *\n * Every family contributes `--x-color`, `--x-rgb`, `--x-dark` and `--x-light`;\n * the six fill families also get `--x-contrast`, and `primary` additionally\n * gets the full `--primary-50…900` ramp.\n */\nexport const buildTokens = (resolved: ResolvedTheme): Record<string, string> => {\n  const tokens: Record<string, string> = {};\n\n  for (const key of THEME_COLOR_KEYS) {\n    const { base, contrast } = resolved.colors[key];\n    tokens[`--${key}-color`] = base;\n    tokens[`--${key}-rgb`] = hexToRgbTriple(base);\n    tokens[`--${key}-dark`] = deriveDark(base);\n    tokens[`--${key}-light`] = deriveLight(base);\n\n    if (FILL_COLOR_KEYS.includes(key)) {\n      tokens[`--${key}-contrast`] = contrast ?? pickContrast(base);\n    }\n\n    if (key === RAMP_COLOR_KEY) {\n      const isPreset = base === normalizeColor(defaultTheme.colors[key]!).base;\n      // The preset ramp is hand-tuned, so reuse it verbatim rather than\n      // regenerating a near-identical one.\n      const ramp = isPreset ? DEFAULT_PRIMARY_RAMP : buildRamp(base);\n      if (!isPreset && !isRampViable(base)) {\n        devWarn(\n          `theme-ramp-${key}`,\n          `ThemeProvider: colors.${key} (${base}) is too light or too dark to generate a usable --${key}-50…900 scale; several steps will be identical. Pick a colour with more headroom.`,\n        );\n      }\n      for (const step of RAMP_STEPS) {\n        tokens[`--${key}-${step}`] = ramp[step];\n      }\n    }\n  }\n\n  const { fontFamily, monoFamily, fontScale } = resolved.typography;\n  tokens['--font-family-primary'] = fontFamily;\n  tokens['--font-family-mono'] = monoFamily;\n  for (const [name, rem] of FONT_SIZE_STEPS) {\n    // Trailing zeros trimmed so 1 * 0.75 reads as `0.75rem`, not `0.750rem`.\n    tokens[`--font-size-${name}`] = `${parseFloat((rem * fontScale).toFixed(4))}rem`;\n  }\n\n  return tokens;\n};\n\n/** Tokens for the preset, used to tell which of them are actually overrides. */\nconst DEFAULT_TOKENS = buildTokens(resolveTheme(defaultTheme));\n\n/**\n * Only the tokens that differ from the preset.\n *\n * This is what makes an unthemed `ThemeProvider` a no-op: it writes nothing, so\n * `dist/index.css` stays authoritative and there is no inline-style churn on\n * `documentElement` for values that already match.\n */\nexport const diffFromDefault = (tokens: Record<string, string>): Record<string, string> => {\n  const diff: Record<string, string> = {};\n  for (const [name, value] of Object.entries(tokens)) {\n    if (DEFAULT_TOKENS[name] !== value) diff[name] = value;\n  }\n  return diff;\n};\n\n/**\n * The resolved theme as a `:root { … }` block.\n *\n * Paste the output into your own stylesheet to bake a theme in at build time -\n * that avoids the brief flash of the preset that any runtime theme has when the\n * value arrives after first paint, and needs no JavaScript at all.\n */\nexport const themeToCss = (resolved: ResolvedTheme): string => {\n  const tokens = buildTokens(resolved);\n  const body = Object.entries(tokens)\n    .map(([name, value]) => `  ${name}: ${value};`)\n    .join('\\n');\n  return `:root {\\n${body}\\n}`;\n};\n","/**\n * Runtime font registration for the theme system.\n *\n * `--font-family-primary` only *names* families - it cannot make a font\n * available. Selecting \"Plus Jakarta Sans\" on a machine that doesn't have it\n * installed silently falls through to the next stack entry, which is why a\n * theme needs a way to supply the font data itself.\n *\n * ## Why this is CSP-safe\n *\n * Fonts are registered with the CSS Font Loading API from an `ArrayBuffer`:\n *\n * ```ts\n * document.fonts.add(new FontFace(family, buffer));\n * ```\n *\n * CSP's `font-src` directive governs *fetching* a font resource by URL - it is\n * what gates `@font-face { src: url(...) }` and the string form of the\n * `FontFace` constructor. The binary form performs no fetch at all, so there is\n * no request for `font-src` to check and no allowance to configure. Notably\n * this also avoids `blob:` URLs, which *would* require `font-src blob:`.\n *\n * No `<style>` element is created either, so nothing here needs a nonce - the\n * same position as the rest of the theme system.\n */\n\n/** A font registered at runtime, as listed by the editor. */\nexport interface RegisteredFont {\n  /** The family name to reference in a font stack. */\n  family: string;\n  /** Where it came from, so the UI can distinguish uploads from built-ins. */\n  source: 'upload';\n}\n\n/**\n * Turns a filename into a usable CSS family name.\n *\n * Deliberately conservative: the real family name lives in the font's internal\n * `name` table, and parsing SFNT tables to read it would be a disproportionate\n * amount of binary handling for a label. The filename is what the user\n * recognises anyway.\n */\nexport const familyNameFromFile = (filename: string): string => {\n  const base = filename.replace(/\\.[^.]+$/, '');\n  const cleaned = base\n    // Strip the weight/style suffixes font vendors append.\n    .replace(/[-_](regular|normal|book|roman)$/i, '')\n    .replace(/[-_]+/g, ' ')\n    // A quoted family name may contain spaces but not quotes or control chars.\n    .replace(/[\"'\\\\]/g, '')\n    .replace(/\\s+/g, ' ')\n    .trim();\n  return cleaned || 'Custom Font';\n};\n\n/** Wraps a family name for use in a CSS font stack if it needs quoting. */\nexport const quoteFamily = (family: string): string =>\n  /^[a-zA-Z][a-zA-Z0-9-]*$/.test(family) ? family : `'${family}'`;\n\n/**\n * Builds a full stack from a custom family, keeping sensible fallbacks so the\n * page stays readable if the font is ever unavailable.\n */\nexport const toFontStack = (family: string, mono = false): string =>\n  mono\n    ? `${quoteFamily(family)}, 'SF Mono', Monaco, monospace`\n    : `${quoteFamily(family)}, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif`;\n\n/** Font formats accepted for upload, as an `accept` attribute value. */\nexport const FONT_ACCEPT = '.woff2,.woff,.ttf,.otf';\n\nconst SUPPORTED_EXTENSIONS = /\\.(woff2|woff|ttf|otf)$/i;\n\nexport const isSupportedFontFile = (filename: string): boolean =>\n  SUPPORTED_EXTENSIONS.test(filename);\n\n/**\n * Registers font data with the document so a theme can reference its family.\n *\n * Resolves with the family name actually registered. Rejects if the data is not\n * a font the browser can parse, or if the Font Loading API is unavailable\n * (notably during SSR, where there is no `document` to register against).\n */\nexport const registerFontFace = async (family: string, data: ArrayBuffer): Promise<string> => {\n  if (typeof document === 'undefined' || !document.fonts) {\n    throw new Error('registerFontFace requires a document with the CSS Font Loading API.');\n  }\n\n  // ArrayBuffer source - no URL is fetched, so CSP's font-src never applies.\n  const face = new FontFace(family, data);\n  await face.load();\n  document.fonts.add(face);\n  // No cache invalidation needed: only positive results are cached, and this\n  // family could not have been cached positive while it was still unavailable.\n  // `document.fonts.add` also fires `loadingdone`, which wakes subscribers.\n  return family;\n};\n\n/** Reads a File and registers it, returning the family name it was given. */\nexport const registerFontFile = async (file: File, family?: string): Promise<string> => {\n  if (!isSupportedFontFile(file.name)) {\n    throw new Error(`Unsupported font format: ${file.name}. Use ${FONT_ACCEPT}.`);\n  }\n  const buffer = await file.arrayBuffer();\n  return registerFontFace(family ?? familyNameFromFile(file.name), buffer);\n};\n\n/**\n * CSS generic families, which always resolve and must never be reported\n * missing. They also cannot be probed by the method below, since asking for\n * `monospace, monospace` measures identically to `monospace` alone.\n */\nconst GENERIC_FAMILIES = new Set([\n  'serif',\n  'sans-serif',\n  'monospace',\n  'cursive',\n  'fantasy',\n  'system-ui',\n  'ui-serif',\n  'ui-sans-serif',\n  'ui-monospace',\n  'ui-rounded',\n  'math',\n  'emoji',\n  'fangsong',\n  'inherit',\n  'initial',\n  'unset',\n]);\n\n/**\n * Mixed-width glyphs, so a real font is very unlikely to measure identically\n * to a fallback by coincidence.\n */\nconst PROBE_TEXT = 'mmmmmmmmmmlliI0OWw@';\n\n/** Two structurally different fallbacks - a font need only differ from one. */\nconst PROBE_FALLBACKS = ['monospace', 'serif'] as const;\n\n/**\n * Cached per family - **positive results only**.\n *\n * A negative answer is not stable: web fonts load asynchronously (always, with\n * `font-display: swap`), so a family probed during the first render is\n * legitimately unavailable and becomes available moments later. Caching that\n * `false` pinned the answer forever, which showed a permanent \"not installed\"\n * warning for fonts that had in fact loaded.\n *\n * A positive answer cannot go stale the same way - a loaded font is not\n * unloaded - so those are worth keeping. Re-probing the misses costs one canvas\n * measurement each.\n */\nconst availabilityCache = new Map<string, true>();\n\n/**\n * Notifies when the set of usable fonts changes, so a caller rendering an\n * availability state can re-check.\n *\n * Both signals are needed: `loadingdone` covers fonts that begin loading after\n * subscription, while `ready` covers those already in flight when the listener\n * was attached - which is the common case for a stylesheet's `@font-face`\n * rules, since they start loading before any component mounts.\n */\nexport const subscribeToFontLoads = (onChange: () => void): (() => void) => {\n  if (typeof document === 'undefined' || !document.fonts) return () => {};\n\n  let active = true;\n  const handler = () => {\n    if (active) onChange();\n  };\n\n  document.fonts.addEventListener('loadingdone', handler);\n  void document.fonts.ready.then(handler);\n\n  return () => {\n    active = false;\n    document.fonts.removeEventListener('loadingdone', handler);\n  };\n};\n\n/**\n * Whether a font family will actually render, rather than silently falling\n * through to the next entry in the stack.\n *\n * **`document.fonts.check` cannot answer this.** Per spec it reports whether\n * the faces *in the FontFaceSet* matching the query are loaded, so with no\n * matching face it returns `true` vacuously. Verified in a real browser: it\n * answers `true` for `'Totally Not A Real Font 12345'`, and therefore for every\n * uninstalled system font too. Using it here produced a check that could never\n * fail.\n *\n * Instead the family is measured on a canvas against two fallbacks. If it\n * resolves to anything real, the text measures differently from at least one\n * fallback alone; if it does not resolve, the browser renders that fallback and\n * the widths match exactly.\n */\nexport const isFontAvailable = (family: string): boolean => {\n  const name = family.trim().replace(/^['\"]|['\"]$/g, '');\n  if (!name) return true;\n  if (GENERIC_FAMILIES.has(name.toLowerCase())) return true;\n  if (typeof document === 'undefined') return true;\n\n  if (availabilityCache.get(name)) return true;\n\n  try {\n    const context = document.createElement('canvas').getContext('2d');\n    if (!context) return true;\n\n    const available = PROBE_FALLBACKS.some((fallback) => {\n      context.font = `100px ${fallback}`;\n      const baseline = context.measureText(PROBE_TEXT).width;\n      context.font = `100px ${quoteFamily(name)}, ${fallback}`;\n      // An invalid font shorthand leaves `font` untouched, which measures as\n      // the baseline and correctly reports the family as unavailable.\n      return Math.abs(context.measureText(PROBE_TEXT).width - baseline) > 0.5;\n    });\n\n    if (available) availabilityCache.set(name, true);\n    return available;\n  } catch {\n    // Never report a font missing because probing itself failed - and don't\n    // cache a failure, so a later call can still get a real answer.\n    return true;\n  }\n};\n\n/** Whether the first family in a stack will render. */\nexport const isFontStackAvailable = (stack: string): boolean =>\n  isFontAvailable(stack.split(',')[0] ?? '');\n"],"mappings":"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","names":["value"]}

package/dist/chunk-YZEALKC4.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-YZEALKC4.cjs","../src/components/SegmentedControl/SegmentedControl.component.tsx"],"names":["track"],"mappings":"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","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-YZEALKC4.cjs","sourcesContent":[null,"import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { Tooltip } from '../Tooltip';\nimport { renderIcon, devWarn } from '../../utils';\nimport type { SegmentedControlProps } from './SegmentedControl.types';\n\n/**\n * SegmentedControl - a compact, single-select toggle group rendered as a pill.\n *\n * Semantics: `role=\"radiogroup\"` on the container, `role=\"radio\"` on each\n * segment. Supports controlled and uncontrolled usage.\n *\n * @example\n * ```tsx\n * // Controlled\n * const [view, setView] = useState('list');\n * <SegmentedControl\n *   options={[\n *     { value: 'list',  icon: List,       tooltip: 'List view' },\n *     { value: 'grid',  icon: LayoutGrid, tooltip: 'Grid view' },\n *     { value: 'table', icon: Table2,     tooltip: 'Table view' },\n *   ]}\n *   value={view}\n *   onChange={setView}\n * />\n *\n * // With labels\n * <SegmentedControl\n *   options={[\n *     { value: 'day',   label: 'Day' },\n *     { value: 'week',  label: 'Week' },\n *     { value: 'month', label: 'Month' },\n *   ]}\n *   defaultValue=\"week\"\n *   onChange={console.log}\n * />\n * ```\n */\nexport const SegmentedControl: React.FC<SegmentedControlProps> = ({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  size = 'md',\n  color = 'primary',\n  disabled = false,\n  fullWidth = false,\n  scrollButtons = 'auto',\n  className = '',\n}) => {\n  const isControlled = value !== undefined;\n  const [internalValue, setInternalValue] = useState<string>(\n    defaultValue ?? options[0]?.value ?? '',\n  );\n\n  const activeValue = isControlled ? value : internalValue;\n\n  const handleSelect = (optValue: string) => {\n    if (disabled) return;\n    if (optValue === activeValue) return; // already selected\n    if (!isControlled) setInternalValue(optValue);\n    onChange?.(optValue);\n  };\n\n  const trackRef = useRef<HTMLDivElement>(null);\n\n  // Roving tabindex: the group is a single tab stop, and arrow keys move\n  // within it - the WAI-ARIA radiogroup pattern, which this had none of.\n  // Every segment used to be its own tab stop, so a six-option control cost\n  // six presses to skip past.\n  //\n  // The tabbable segment is the selected one; if nothing is selected (a\n  // controlled `value` matching no option), the first enabled segment takes\n  // the stop so the group can still be reached at all.\n  const selectableValues = options.filter((opt) => !opt.disabled).map((opt) => opt.value);\n  const hasSelection = selectableValues.includes(activeValue);\n  const fallbackTabbableValue = selectableValues[0];\n\n  const isTabbable = (optValue: string) =>\n    hasSelection ? optValue === activeValue : optValue === fallbackTabbableValue;\n\n  // Selection follows focus, which is what the radio pattern specifies -\n  // unlike `Tabs`, where arrow keys only move focus. Disabled segments are\n  // skipped rather than selected-and-ignored, and both ends wrap.\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>) => {\n    if (disabled || selectableValues.length === 0) return;\n\n    const currentIndex = selectableValues.indexOf(activeValue);\n    const from = currentIndex === -1 ? 0 : currentIndex;\n    let targetIndex = -1;\n\n    if (event.key === 'ArrowRight' || event.key === 'ArrowDown') {\n      targetIndex = (from + 1) % selectableValues.length;\n    } else if (event.key === 'ArrowLeft' || event.key === 'ArrowUp') {\n      targetIndex = (from - 1 + selectableValues.length) % selectableValues.length;\n    } else if (event.key === 'Home') {\n      targetIndex = 0;\n    } else if (event.key === 'End') {\n      targetIndex = selectableValues.length - 1;\n    }\n\n    if (targetIndex === -1) return;\n\n    event.preventDefault();\n    const targetValue = selectableValues[targetIndex];\n    handleSelect(targetValue);\n\n    // Focus has to follow the selection explicitly: the segment that was\n    // focused is about to lose its `tabIndex={0}` to the newly selected one,\n    // and focus does not move on its own.\n    const target = trackRef.current?.querySelector<HTMLElement>(\n      `[data-value=\"${CSS.escape(targetValue)}\"]`,\n    );\n    target?.focus();\n  };\n\n  // The selected segment can sit outside the scrollport - after a controlled\n  // `value` change, or once focus moves to a segment off screen. `scrollLeft`\n  // is set directly rather than through `scrollIntoView`, which walks the\n  // whole ancestor chain and would scroll the page vertically when the\n  // control is below the fold.\n  useLayoutEffect(() => {\n    const track = trackRef.current;\n    if (!track) return;\n\n    const activeItem = track.querySelector('[aria-checked=\"true\"]') as HTMLElement | null;\n    if (!activeItem) return;\n\n    const left = activeItem.offsetLeft;\n    const right = left + activeItem.offsetWidth;\n\n    if (left < track.scrollLeft) {\n      track.scrollLeft = left;\n    } else if (right > track.scrollLeft + track.clientWidth) {\n      track.scrollLeft = right - track.clientWidth;\n    }\n  }, [activeValue]);\n\n  // Whether either end has segments hidden past it. Drives the presence of\n  // each button: none at all when the track fits, and none at the end already\n  // reached, since a button there would point at nothing.\n  const [scrollState, setScrollState] = useState({ canScrollPrev: false, canScrollNext: false });\n  const hasScrollButtons = scrollButtons !== 'none';\n\n  useEffect(() => {\n    if (!hasScrollButtons) return;\n    const track = trackRef.current;\n    if (!track) return;\n\n    const update = () => {\n      const maxScroll = track.scrollWidth - track.clientWidth;\n      // 1px of tolerance: fractional layout widths leave a sub-pixel\n      // remainder at either end that would otherwise keep a button enabled\n      // for a scroll that can no longer move anything.\n      const canScrollPrev = track.scrollLeft > 1;\n      const canScrollNext = track.scrollLeft < maxScroll - 1;\n      setScrollState((previous) =>\n        previous.canScrollPrev === canScrollPrev && previous.canScrollNext === canScrollNext\n          ? previous\n          : { canScrollPrev, canScrollNext },\n      );\n    };\n\n    update();\n    track.addEventListener('scroll', update, { passive: true });\n\n    // The track's own box stays the same width when a label reflows or a font\n    // finishes loading, so the segments have to be observed as well as the\n    // container - only their sizes tell us the track started overflowing.\n    const observer = new ResizeObserver(update);\n    observer.observe(track);\n    Array.from(track.children).forEach((child) => observer.observe(child));\n\n    return () => {\n      track.removeEventListener('scroll', update);\n      observer.disconnect();\n    };\n  }, [hasScrollButtons, options.length, size, fullWidth]);\n\n  const scrollByStep = (direction: -1 | 1) => {\n    const track = trackRef.current;\n    if (!track) return;\n\n    // A step just short of a full page keeps a segment of context on screen,\n    // the same way a paged scrollbar click does.\n    const step = track.clientWidth * 0.8;\n    const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n    track.scrollBy({ left: direction * step, behavior: reducedMotion ? 'auto' : 'smooth' });\n  };\n\n  const barClasses = [\n    'eidos-segmented-bar',\n    fullWidth && 'eidos-segmented-bar--full-width',\n    disabled && 'eidos-segmented-bar--disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const containerClasses = [\n    'eidos-segmented',\n    `eidos-segmented--${size}`,\n    `eidos-segmented--${color}`,\n    disabled && 'eidos-segmented--disabled',\n    fullWidth && 'eidos-segmented--full-width',\n    // With buttons, they are the affordance - a native scrollbar under a\n    // compact pill control is redundant and would break its shape.\n    hasScrollButtons && 'eidos-segmented--hide-scrollbar',\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  const showPrevButton = hasScrollButtons && scrollState.canScrollPrev;\n  const showNextButton = hasScrollButtons && scrollState.canScrollNext;\n\n  const scrollButtonClasses = (direction: 'prev' | 'next') =>\n    [\n      'eidos-segmented-scroll-button',\n      `eidos-segmented-scroll-button--${direction}`,\n      `eidos-segmented-scroll-button--${size}`,\n    ].join(' ');\n\n  const track = (\n    <div ref={trackRef} className={containerClasses} role=\"radiogroup\">\n      {options.map((opt) => {\n        const isActive = activeValue === opt.value;\n        const isDisabled = disabled || !!opt.disabled;\n\n        // An icon-only segment has no text to be named by. `tooltip` wraps\n        // it in a `Tooltip`, which contributes nothing to the accessible\n        // name, so such a segment was announced as just \"radio\" - identical\n        // to every other segment, making the group unusable by voice or\n        // screen reader. Same fallback as `Button`.\n        if (!opt.label && !opt.tooltip) {\n          devWarn(\n            'segmented-icon-only-name',\n            `SegmentedControl: option \"${opt.value}\" has an icon but no \\`label\\` or \\`tooltip\\`, so it has no accessible name.`,\n          );\n        }\n\n        const segment = (\n          <button\n            key={opt.value}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={isActive}\n            disabled={isDisabled}\n            // Read back by the keyboard handler to move focus onto the newly\n            // selected segment, which `value` alone can't identify in the DOM.\n            data-value={opt.value}\n            tabIndex={isTabbable(opt.value) ? 0 : -1}\n            className={['eidos-segmented-item', isActive && 'eidos-segmented-item--active']\n              .filter(Boolean)\n              .join(' ')}\n            onClick={() => !isDisabled && handleSelect(opt.value)}\n            onKeyDown={handleKeyDown}\n            aria-label={!opt.label ? opt.tooltip : undefined}\n          >\n            {opt.icon && renderIcon(opt.icon, 'eidos-segmented-icon')}\n            {opt.label && <span className=\"eidos-segmented-label\">{opt.label}</span>}\n          </button>\n        );\n\n        return opt.tooltip ? (\n          <Tooltip key={opt.value} message={opt.tooltip}>\n            {segment}\n          </Tooltip>\n        ) : (\n          React.cloneElement(segment, { key: opt.value })\n        );\n      })}\n    </div>\n  );\n\n  // The buttons are siblings of the track, never children of it:\n  // `role=\"radiogroup\"` only accepts radios. They are also hidden from\n  // assistive tech and skipped by Tab, because they are a pointer affordance\n  // for something the keyboard already does - tabbing to a segment scrolls it\n  // into view. Same arrangement as `Tabs`.\n  return (\n    <div className={barClasses}>\n      {showPrevButton && (\n        <button\n          type=\"button\"\n          className={scrollButtonClasses('prev')}\n          onClick={() => scrollByStep(-1)}\n          // `tabIndex={-1}` keeps these out of the tab order, but it does not\n          // stop a *click* from focusing them - and focus landing inside an\n          // `aria-hidden` subtree is an error the browser reports (\"Blocked\n          // aria-hidden on an element because its descendant retained\n          // focus\"). Suppressing the default mousedown behaviour keeps the\n          // button unfocusable by pointer as well, while the click still\n          // fires. `inert` would also prevent the click, so it is not an\n          // option here.\n          onMouseDown={(event) => event.preventDefault()}\n          tabIndex={-1}\n          aria-hidden=\"true\"\n        >\n          <ChevronLeft className=\"eidos-segmented-scroll-button-icon\" />\n        </button>\n      )}\n\n      {track}\n\n      {showNextButton && (\n        <button\n          type=\"button\"\n          className={scrollButtonClasses('next')}\n          onClick={() => scrollByStep(1)}\n          onMouseDown={(event) => event.preventDefault()} // see the prev button\n          tabIndex={-1}\n          aria-hidden=\"true\"\n        >\n          <ChevronRight className=\"eidos-segmented-scroll-button-icon\" />\n        </button>\n      )}\n    </div>\n  );\n};\n"]}