@cube-dev/ui-kit 0.197.0 → 0.198.1

package/dist/tokens/resolve.js.map

@@ -1 +1 @@
-{"version":3,"file":"resolve.js","names":["useState","useSyncExternalStore","useLayoutEffect","subscribeScheme","warn","getTokens","getPaletteVersion","usePaletteVersion","SURFACE_MARKER","isTokenSurface","computed","CSSStyleDeclaration","declared","name","tokenToProperty","normalizeValue","getPropertyValue","PLACEHOLDER_VALUES","Set","PROPERTY_NAME_RE","ResolveTokenOptions","element","Element","fallback","ResolvedPreset","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","letterSpacing","textTransform","boldFontWeight","iconSize","PRESET_FIELD_SUFFIXES","Record","PRESET_FIELDS","Object","keys","token","trimmed","trim","startsWith","slice","test","value","replace","toLowerCase","knownNamesCache","version","names","getKnownTokenNames","key","add","warnedTokens","warnOnce","message","has","resolveTarget","document","body","documentElement","readValue","silent","onTokenSurface","resolveTokenValue","options","resolveTokenValues","tokens","T","readTokens","result","target","view","ownerDocument","defaultView","getComputedStyle","resolvePresetValues","preset","map","field","values","resolved","forEach","index","indexOf","appearanceVersion","stopWatchingAppearance","appearanceListeners","onAppearanceChange","listener","subscribeAppearance","size","delete","getAppearanceVersion","HYDRATING","getServerAppearanceVersion","useAppearanceVersion","useResolvedTokens","paletteVersion","appearance","setValues","unresolved","previous","next","isSameRecord","a","b","length","every","useTokenValue","t0","$","_c","t1","undefined","t2","useTokenValues","join","usePresetValues","unresolvedPreset","t3","t4"],"sources":["../../src/tokens/resolve.ts"],"sourcesContent":["import { useState, useSyncExternalStore } from 'react';\n\nimport { useLayoutEffect } from '../utils/react/useLayoutEffect';\nimport { subscribeScheme } from '../utils/react/useScheme';\nimport { warn } from '../utils/warnings';\n\nimport { getTokens } from './all-tokens';\nimport { getPaletteVersion, usePaletteVersion } from './palette-config';\n\n/**\n * Resolving a design token to a literal value, for consumers that render into a\n * surface our stylesheets do not reach — a third-party iframe (Stripe Elements),\n * a CodeMirror / Monaco theme object, a Vega spec. Those take colors, lengths and\n * font descriptors as values; `var(--purple-color)` means nothing to them.\n *\n * Doing it by hand fails silently, because a token read from the wrong element\n * does not come back empty. Tasty registers `@property` rules — its own defaults\n * plus one for every custom property whose type it can infer — and an undeclared\n * token reads back as that rule's `initial-value`. Some of those are obvious\n * duds (`rgba(0, 0, 0, 0)` for a `<color>`, `0px` for a `<length>`), but many are\n * ordinary-looking values: off the token block `--gap` reads `4px` rather than\n * the kit's `8px`, `--transition` reads `80ms`, `--radius` reads `6px`. So\n * inspecting the value cannot tell a real token from a miss, in either\n * direction — `#clear` really is `transparent` and `$h2-letter-spacing` really\n * is `0px`.\n *\n * The question that CAN be answered is \"are the kit's tokens in effect on this\n * element?\", and `$tokens-applied` (see `src/tokens/base.ts`) answers it: it is\n * declared alongside the tokens, so it is present exactly where they are. Off\n * that surface every read is reported as unresolved; on it, the computed value\n * is the truth.\n */\n\n/**\n * Declared by the token block and nothing else — see `src/tokens/base.ts`.\n *\n * Matched by VALUE rather than by presence, because presence is not the signal\n * it looks like: tasty infers a type for the marker as readily as for any other\n * token, registers `@property --tokens-applied` with `initial-value: 0`, and so\n * hands back `0` off the block instead of an empty string. Comparing against the\n * declared value is right either way, and cannot drift from `base.ts`.\n */\nconst SURFACE_MARKER = '$tokens-applied';\n\nfunction isTokenSurface(computed: CSSStyleDeclaration): boolean {\n  const declared = getTokens()[SURFACE_MARKER];\n  const name = tokenToProperty(SURFACE_MARKER);\n\n  if (typeof declared !== 'string' || !name) return false;\n\n  return (\n    normalizeValue(computed.getPropertyValue(name)) === normalizeValue(declared)\n  );\n}\n\n/**\n * Values that mean \"this property was never declared\" once we already know the\n * token block IS in effect. Only used to catch a token the kit does not declare\n * at all — a typo, or a name from another design system — since for those there\n * is no marker to lean on.\n */\nconst PLACEHOLDER_VALUES = new Set([\n  'transparent',\n  'rgba(0,0,0,0)',\n  '0',\n  '0px',\n  '0deg',\n  '0s',\n]);\n\n/** Custom property names are CSS identifiers: a letter or `_`, then word chars or `-`. */\nconst PROPERTY_NAME_RE = /^[a-zA-Z_][\\w-]*$/;\n\nexport interface ResolveTokenOptions {\n  /**\n   * Element to read the tokens off. Defaults to the document `<body>`, which is\n   * where `<Root>` declares them.\n   *\n   * Pass an element when the value has to reflect a *local* override — a subtree\n   * carrying its own `tokens` prop (`renderColorTokens()`), or one under a\n   * `data-scheme` / `data-contrast` attribute that differs from the document's.\n   * The element's own document and view are used, so a node inside a same-origin\n   * iframe resolves against that iframe.\n   */\n  element?: Element | null;\n  /**\n   * Returned in place of `null` when a token is unset, unresolvable, or reads\n   * back as an `@property` placeholder — including on the server, where there is\n   * no DOM to read.\n   */\n  fallback?: string;\n}\n\n/**\n * Fields mirror {@link TypographyPreset}. A field the preset does not define is\n * `null`, except `fontFamily`, which falls back to the document's `--font-sans`\n * so the common case (`t1`–`t4`, `h1`–`h6`, which inherit the sans stack rather\n * than naming it) still hands back a usable stack.\n */\nexport type ResolvedPreset = {\n  fontFamily: string | null;\n  fontSize: string | null;\n  fontStyle: string | null;\n  fontWeight: string | null;\n  lineHeight: string | null;\n  letterSpacing: string | null;\n  textTransform: string | null;\n  boldFontWeight: string | null;\n  iconSize: string | null;\n};\n\nconst PRESET_FIELD_SUFFIXES: Record<keyof ResolvedPreset, string> = {\n  fontFamily: 'font-family',\n  fontSize: 'font-size',\n  fontStyle: 'font-style',\n  fontWeight: 'font-weight',\n  lineHeight: 'line-height',\n  letterSpacing: 'letter-spacing',\n  textTransform: 'text-transform',\n  boldFontWeight: 'bold-font-weight',\n  iconSize: 'icon-size',\n};\n\nconst PRESET_FIELDS = Object.keys(\n  PRESET_FIELD_SUFFIXES,\n) as (keyof ResolvedPreset)[];\n\n/**\n * Map a token to its CSS custom property name, using the same convention tasty's\n * style DSL does: `#name` is a color (`--name-color`), `$name` is everything else\n * (`--name`). A raw `--name` or a bare `name` is taken as written.\n *\n * Returns `null` for anything that would not be a valid custom property.\n */\nfunction tokenToProperty(token: string): string | null {\n  const trimmed = token.trim();\n\n  let name: string;\n\n  if (trimmed.startsWith('--')) {\n    name = trimmed.slice(2);\n  } else if (trimmed.startsWith('#')) {\n    name = `${trimmed.slice(1)}-color`;\n  } else if (trimmed.startsWith('$')) {\n    name = trimmed.slice(1);\n  } else {\n    name = trimmed;\n  }\n\n  return PROPERTY_NAME_RE.test(name) ? `--${name}` : null;\n}\n\n/** Whitespace and case are not meaningful in the values we compare against. */\nfunction normalizeValue(value: string): string {\n  return value.replace(/\\s+/g, '').toLowerCase();\n}\n\n/**\n * Every custom property the kit declares, by name. Membership only — the value\n * is deliberately not consulted, because a token's declared value tells you\n * nothing about whether it is in effect where you read it.\n *\n * Memoized against the palette version, like {@link getTokens} itself.\n */\nlet knownNamesCache: { version: number; names: Set<string> } | null = null;\n\nfunction getKnownTokenNames(): Set<string> {\n  const version = getPaletteVersion();\n\n  if (!knownNamesCache || knownNamesCache.version !== version) {\n    const names = new Set<string>();\n\n    for (const key of Object.keys(getTokens())) {\n      const name = tokenToProperty(key);\n\n      if (name) names.add(name);\n    }\n\n    knownNamesCache = { version, names };\n  }\n\n  return knownNamesCache.names;\n}\n\n/** These fire per token, per page — once each, not once per render. */\nconst warnedTokens = new Set<string>();\n\nfunction warnOnce(key: string, message: string) {\n  if (warnedTokens.has(key)) return;\n\n  warnedTokens.add(key);\n\n  warn(message);\n}\n\n/** The document `<body>` is where `<Root>` declares the token block. */\nfunction resolveTarget(element?: Element | null): Element | null {\n  if (element) return element;\n  if (typeof document === 'undefined') return null;\n\n  return document.body ?? document.documentElement ?? null;\n}\n\nfunction readValue(\n  computed: CSSStyleDeclaration,\n  token: string,\n  fallback: string | null,\n  silent: boolean,\n  onTokenSurface: boolean,\n): string | null {\n  const name = tokenToProperty(token);\n\n  if (!name) {\n    warnOnce(`name:${token}`, `\"${token}\" is not a valid design token name.`);\n\n    return fallback;\n  }\n\n  if (!onTokenSurface) {\n    if (!silent) {\n      warnOnce(\n        `surface:${name}`,\n        `Token \"${token}\" (${name}) was read from an element the design tokens are not in effect on, so any value there is tasty's @property default rather than the kit's. <Root> declares the token block on <body>, so <html>, a detached node, and a tree that has not mounted <Root> yet are all outside it. Pass \\`element\\` to read from a specific subtree, or \\`fallback\\` for a value to use instead.`,\n      );\n    }\n\n    return fallback;\n  }\n\n  const value = computed.getPropertyValue(name).trim();\n\n  if (!value) return fallback;\n\n  // On a token surface the computed value is the truth, including a genuinely\n  // transparent color or a real `0px`. The only thing left to catch is a name\n  // the kit never declares, where an @property default is all there is to read.\n  if (\n    PLACEHOLDER_VALUES.has(normalizeValue(value)) &&\n    !getKnownTokenNames().has(name)\n  ) {\n    if (!silent) {\n      warnOnce(\n        `unknown:${name}`,\n        `Token \"${token}\" (${name}) is not declared by the kit, and read back as an unset custom property. Check the name, or pass \\`fallback\\`.`,\n      );\n    }\n\n    return fallback;\n  }\n\n  return value;\n}\n\n/**\n * Read the resolved value of one design token — a color, a length, a font\n * descriptor — as a literal string.\n *\n * ```ts\n * resolveTokenValue('#purple'); // 'oklch(0.52 0.24 285)'\n * resolveTokenValue('$space-md'); // '8px'\n * resolveTokenValue('$t3-font-size'); // '14px'\n * ```\n *\n * Returns `options.fallback ?? null` when the token is not declared on the\n * element it was read from — see {@link ResolveTokenOptions}.\n */\nexport function resolveTokenValue(\n  token: string,\n  options: ResolveTokenOptions = {},\n): string | null {\n  return resolveTokenValues([token], options)[token];\n}\n\n/**\n * {@link resolveTokenValue} for several tokens at once, through a single\n * `getComputedStyle` call. Prefer this when building a theme object — a Stripe\n * `Appearance`, a CodeMirror theme — which needs a dozen values at a time.\n *\n * ```ts\n * const { '#surface': background, '#surface-text': color } = resolveTokenValues([\n *   '#surface',\n *   '#surface-text',\n * ]);\n * ```\n */\nexport function resolveTokenValues<T extends string>(\n  tokens: readonly T[],\n  options: ResolveTokenOptions = {},\n): Record<T, string | null> {\n  return readTokens(tokens, options, false);\n}\n\n/** Shared by the public reader and the preset reader, which suppresses warnings. */\nfunction readTokens<T extends string>(\n  tokens: readonly T[],\n  options: ResolveTokenOptions,\n  silent: boolean,\n): Record<T, string | null> {\n  const { element, fallback = null } = options;\n  const result = {} as Record<T, string | null>;\n  const target = resolveTarget(element);\n  const view = target?.ownerDocument?.defaultView;\n\n  if (!target || !view) {\n    for (const token of tokens) result[token] = fallback;\n\n    return result;\n  }\n\n  const computed = view.getComputedStyle(target);\n  // One read for the whole batch: the marker is a property of the element, not\n  // of any individual token.\n  const onTokenSurface = isTokenSurface(computed);\n\n  for (const token of tokens) {\n    result[token] = readValue(\n      computed,\n      token,\n      fallback,\n      silent,\n      onTokenSurface,\n    );\n  }\n\n  return result;\n}\n\n/**\n * Resolve a typography preset — `'t3'`, `'h2'`, `'s3'` — to the literal font\n * descriptors behind it, for a surface that takes a font as values rather than\n * as a `preset` style.\n *\n * ```ts\n * const { fontFamily, fontSize, lineHeight } = resolvePresetValues('t3');\n * ```\n *\n * A preset legitimately leaves most of these unset — only headings carry an\n * `iconSize`, only the `s*` family names a `fontFamily` — so unlike\n * {@link resolveTokenValues} a miss here is expected and never warns.\n */\nexport function resolvePresetValues(\n  preset: string,\n  options: ResolveTokenOptions = {},\n): ResolvedPreset {\n  const { fallback = null } = options;\n  const names = PRESET_FIELDS.map(\n    (field) => `$${preset}-${PRESET_FIELD_SUFFIXES[field]}`,\n  );\n  const values = readTokens(\n    [...names, '--font-sans'],\n    { element: options.element },\n    true,\n  );\n  const resolved = {} as ResolvedPreset;\n\n  PRESET_FIELDS.forEach((field, index) => {\n    resolved[field] = values[names[index]] ?? fallback;\n  });\n\n  // Every preset but the `s*` family inherits the sans stack rather than naming\n  // it, so the token is absent by design and `--font-sans` is the real answer.\n  resolved.fontFamily =\n    values[names[PRESET_FIELDS.indexOf('fontFamily')]] ??\n    values['--font-sans'] ??\n    fallback;\n\n  return resolved;\n}\n\n// ============================================================================\n// Appearance subscription\n// ============================================================================\n\n/**\n * A token's resolved value changes for two reasons: the palette was re-seeded\n * (`setPaletteConfig()`, covered by `usePaletteVersion`), or the scheme /\n * contrast tier flipped. This store covers the second.\n *\n * The watching itself belongs to `subscribeScheme()` (`src/utils/react/useScheme.ts`),\n * which owns the definition of both axes — the `data-scheme` / `data-contrast`\n * attributes and the media queries they fall back to are the same strings\n * `<Root>` registers `@dark` and `@hc` from. This store only counts the changes,\n * so there is one observer for the document rather than one per concern.\n */\nlet appearanceVersion = 0;\nlet stopWatchingAppearance: (() => void) | null = null;\n\nconst appearanceListeners = new Set<() => void>();\n\nfunction onAppearanceChange() {\n  appearanceVersion++;\n\n  appearanceListeners.forEach((listener) => listener());\n}\n\nfunction subscribeAppearance(listener: () => void): () => void {\n  appearanceListeners.add(listener);\n\n  if (appearanceListeners.size === 1) {\n    stopWatchingAppearance = subscribeScheme(onAppearanceChange);\n  }\n\n  return () => {\n    appearanceListeners.delete(listener);\n\n    if (!appearanceListeners.size) {\n      stopWatchingAppearance?.();\n      stopWatchingAppearance = null;\n    }\n  };\n}\n\nfunction getAppearanceVersion(): number {\n  return appearanceVersion;\n}\n\n/**\n * A version React only ever hands out while rendering on the server or\n * hydrating: `useSyncExternalStore` reads `getServerSnapshot` in exactly those\n * two cases and `getSnapshot` in every other. That makes it a reliable \"this\n * render has to match the server's markup\" flag — see {@link useResolvedTokens}.\n *\n * A plain client render (`createRoot`) never sees it, so a CSR app still\n * resolves on its first render rather than paying an extra pass.\n */\nconst HYDRATING = -1;\n\nfunction getServerAppearanceVersion(): number {\n  return HYDRATING;\n}\n\n/**\n * Re-render on a scheme / contrast change. Returns the version rather than the\n * state so the snapshot is a primitive — the same reason `usePaletteVersion`\n * does, see `src/tokens/palette-config.ts`.\n */\nfunction useAppearanceVersion(): number {\n  return useSyncExternalStore(\n    subscribeAppearance,\n    getAppearanceVersion,\n    getServerAppearanceVersion,\n  );\n}\n\n// ============================================================================\n// React bindings\n// ============================================================================\n\n/**\n * The value is read out of the DOM, so it re-resolves whenever the palette is\n * re-seeded or the scheme / contrast tier flips, and it is `fallback ?? null`\n * during SSR. The layout effect is what covers the first commit: a consumer\n * rendered in the same pass as `<Root>` reads before the token block lands.\n */\nfunction useResolvedTokens<T extends string>(\n  tokens: readonly T[],\n  key: string,\n  options: ResolveTokenOptions,\n): Record<T, string | null> {\n  const { element, fallback } = options;\n  const paletteVersion = usePaletteVersion();\n  const appearance = useAppearanceVersion();\n\n  const [values, setValues] = useState(() =>\n    appearance === HYDRATING\n      ? unresolved(tokens, fallback)\n      : resolveTokenValues(tokens, options),\n  );\n\n  useLayoutEffect(() => {\n    setValues((previous) => {\n      const next = resolveTokenValues(tokens, { element, fallback });\n\n      return isSameRecord(previous, next) ? previous : next;\n    });\n    // `tokens` is a fresh array on all but the first render, so `key` — its\n    // joined identity — is what belongs in the dependency list.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key, element, fallback, paletteVersion, appearance]);\n\n  return values;\n}\n\n/**\n * What the server rendered: no DOM, so every token is the fallback. The first\n * client render has to agree with it or hydration reports a mismatch for any\n * consumer that renders the value; the layout effect above replaces it with the\n * resolved values before the browser paints.\n */\nfunction unresolved<T extends string>(\n  tokens: readonly T[],\n  fallback: string | undefined,\n): Record<T, string | null> {\n  const result = {} as Record<T, string | null>;\n\n  for (const token of tokens) result[token] = fallback ?? null;\n\n  return result;\n}\n\n/** Keeps the previous object when nothing moved, so it stays usable as a dep. */\nfunction isSameRecord<T extends Record<string, string | null>>(\n  a: T,\n  b: T,\n): boolean {\n  const keys = Object.keys(b);\n\n  if (Object.keys(a).length !== keys.length) return false;\n\n  return keys.every((key) => a[key] === b[key]);\n}\n\n/**\n * {@link resolveTokenValue} as a hook: re-renders when the palette is re-seeded\n * or the scheme / contrast tier flips.\n *\n * ```tsx\n * const accent = useTokenValue('#purple');\n *\n * return <Chart series={{ color: accent ?? '#000' }} />;\n * ```\n */\nexport function useTokenValue(\n  token: string,\n  options: ResolveTokenOptions = {},\n): string | null {\n  return useResolvedTokens([token], token, options)[token];\n}\n\n/**\n * {@link resolveTokenValues} as a hook. The returned object keeps its identity\n * while the values are unchanged, so it is safe as a dependency of the theme\n * object built from it — and the token list may be an inline literal.\n *\n * ```tsx\n * const colors = useTokenValues(['#surface', '#surface-text', '#border']);\n *\n * const appearance = useMemo(() => toStripeAppearance(colors), [colors]);\n * ```\n */\nexport function useTokenValues<T extends string>(\n  tokens: readonly T[],\n  options: ResolveTokenOptions = {},\n): Record<T, string | null> {\n  return useResolvedTokens(tokens, tokens.join(' '), options);\n}\n\n/**\n * {@link resolvePresetValues} as a hook.\n *\n * ```tsx\n * const { fontFamily, fontSize } = usePresetValues('s3');\n * ```\n */\nexport function usePresetValues(\n  preset: string,\n  options: ResolveTokenOptions = {},\n): ResolvedPreset {\n  const { element, fallback } = options;\n  const paletteVersion = usePaletteVersion();\n  const appearance = useAppearanceVersion();\n\n  const [values, setValues] = useState(() =>\n    appearance === HYDRATING\n      ? unresolvedPreset(fallback)\n      : resolvePresetValues(preset, options),\n  );\n\n  useLayoutEffect(() => {\n    setValues((previous) => {\n      const next = resolvePresetValues(preset, { element, fallback });\n\n      return isSameRecord(previous, next) ? previous : next;\n    });\n  }, [preset, element, fallback, paletteVersion, appearance]);\n\n  return values;\n}\n\n/** {@link unresolved} for the fixed shape {@link resolvePresetValues} returns. */\nfunction unresolvedPreset(fallback: string | undefined): ResolvedPreset {\n  const resolved = {} as ResolvedPreset;\n\n  for (const field of PRESET_FIELDS) resolved[field] = fallback ?? null;\n\n  return resolved;\n}\n"],"mappings":"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"}
+{"version":3,"file":"resolve.js","names":["useState","useSyncExternalStore","useLayoutEffect","subscribeScheme","warn","getTokens","getPaletteVersion","usePaletteVersion","SURFACE_MARKER","isTokenSurface","computed","CSSStyleDeclaration","declared","name","tokenToProperty","normalizeValue","getPropertyValue","PLACEHOLDER_VALUES","Set","PROPERTY_NAME_RE","ResolveTokenOptions","element","Element","fallback","ResolvedPreset","fontFamily","fontSize","fontStyle","fontWeight","lineHeight","letterSpacing","textTransform","boldFontWeight","iconSize","PRESET_FIELD_SUFFIXES","Record","PRESET_FIELDS","Object","keys","token","trimmed","trim","startsWith","slice","test","value","replace","toLowerCase","knownNamesCache","version","names","getKnownTokenNames","key","add","warnedTokens","warnOnce","message","has","resolveTarget","document","body","documentElement","readValue","silent","onTokenSurface","resolveTokenValue","options","resolveTokenValues","tokens","T","readTokens","result","target","view","ownerDocument","defaultView","getComputedStyle","resolvePresetValues","preset","map","field","values","resolved","forEach","index","indexOf","appearanceVersion","stopWatchingAppearance","appearanceListeners","onAppearanceChange","listener","subscribeAppearance","size","delete","getAppearanceVersion","HYDRATING","getServerAppearanceVersion","useAppearanceVersion","useResolvedTokens","paletteVersion","appearance","setValues","unresolved","previous","next","isSameRecord","a","b","length","every","useTokenValue","t0","$","_c","t1","undefined","t2","useTokenValues","join","usePresetValues","unresolvedPreset","t3","t4","_c"],"sources":["../../src/tokens/resolve.ts"],"sourcesContent":["import { useState, useSyncExternalStore } from 'react';\n\nimport { useLayoutEffect } from '../utils/react/useLayoutEffect';\nimport { subscribeScheme } from '../utils/react/useScheme';\nimport { warn } from '../utils/warnings';\n\nimport { getTokens } from './all-tokens';\nimport { getPaletteVersion, usePaletteVersion } from './palette-config';\n\n/**\n * Resolving a design token to a literal value, for consumers that render into a\n * surface our stylesheets do not reach — a third-party iframe (Stripe Elements),\n * a CodeMirror / Monaco theme object, a Vega spec. Those take colors, lengths and\n * font descriptors as values; `var(--purple-color)` means nothing to them.\n *\n * Doing it by hand fails silently, because a token read from the wrong element\n * does not come back empty. Tasty registers `@property` rules — its own defaults\n * plus one for every custom property whose type it can infer — and an undeclared\n * token reads back as that rule's `initial-value`. Some of those are obvious\n * duds (`rgba(0, 0, 0, 0)` for a `<color>`, `0px` for a `<length>`), but many are\n * ordinary-looking values: off the token block `--gap` reads `8px`,\n * `--transition` reads `80ms`, `--radius` reads `6px`. So\n * inspecting the value cannot tell a real token from a miss, in either\n * direction — `#clear` really is `transparent` and `$h2-letter-spacing` really\n * is `0px`.\n *\n * The question that CAN be answered is \"are the kit's tokens in effect on this\n * element?\", and `$tokens-applied` (see `src/tokens/base.ts`) answers it: it is\n * declared alongside the tokens, so it is present exactly where they are. Off\n * that surface every read is reported as unresolved; on it, the computed value\n * is the truth.\n */\n\n/**\n * Declared by the token block and nothing else — see `src/tokens/base.ts`.\n *\n * Matched by VALUE rather than by presence, because presence is not the signal\n * it looks like: tasty infers a type for the marker as readily as for any other\n * token, registers `@property --tokens-applied` with `initial-value: 0`, and so\n * hands back `0` off the block instead of an empty string. Comparing against the\n * declared value is right either way, and cannot drift from `base.ts`.\n */\nconst SURFACE_MARKER = '$tokens-applied';\n\nfunction isTokenSurface(computed: CSSStyleDeclaration): boolean {\n  const declared = getTokens()[SURFACE_MARKER];\n  const name = tokenToProperty(SURFACE_MARKER);\n\n  if (typeof declared !== 'string' || !name) return false;\n\n  return (\n    normalizeValue(computed.getPropertyValue(name)) === normalizeValue(declared)\n  );\n}\n\n/**\n * Values that mean \"this property was never declared\" once we already know the\n * token block IS in effect. Only used to catch a token the kit does not declare\n * at all — a typo, or a name from another design system — since for those there\n * is no marker to lean on.\n */\nconst PLACEHOLDER_VALUES = new Set([\n  'transparent',\n  'rgba(0,0,0,0)',\n  '0',\n  '0px',\n  '0deg',\n  '0s',\n]);\n\n/** Custom property names are CSS identifiers: a letter or `_`, then word chars or `-`. */\nconst PROPERTY_NAME_RE = /^[a-zA-Z_][\\w-]*$/;\n\nexport interface ResolveTokenOptions {\n  /**\n   * Element to read the tokens off. Defaults to the document `<body>`, which is\n   * where `<Root>` declares them.\n   *\n   * Pass an element when the value has to reflect a *local* override — a subtree\n   * carrying its own `tokens` prop (`renderColorTokens()`), or one under a\n   * `data-scheme` / `data-contrast` attribute that differs from the document's.\n   * The element's own document and view are used, so a node inside a same-origin\n   * iframe resolves against that iframe.\n   */\n  element?: Element | null;\n  /**\n   * Returned in place of `null` when a token is unset, unresolvable, or reads\n   * back as an `@property` placeholder — including on the server, where there is\n   * no DOM to read.\n   */\n  fallback?: string;\n}\n\n/**\n * Fields mirror {@link TypographyPreset}. A field the preset does not define is\n * `null`, except `fontFamily`, which falls back to the document's `--font-sans`\n * so the common case (`t1`–`t4`, `h1`–`h6`, which inherit the sans stack rather\n * than naming it) still hands back a usable stack.\n */\nexport type ResolvedPreset = {\n  fontFamily: string | null;\n  fontSize: string | null;\n  fontStyle: string | null;\n  fontWeight: string | null;\n  lineHeight: string | null;\n  letterSpacing: string | null;\n  textTransform: string | null;\n  boldFontWeight: string | null;\n  iconSize: string | null;\n};\n\nconst PRESET_FIELD_SUFFIXES: Record<keyof ResolvedPreset, string> = {\n  fontFamily: 'font-family',\n  fontSize: 'font-size',\n  fontStyle: 'font-style',\n  fontWeight: 'font-weight',\n  lineHeight: 'line-height',\n  letterSpacing: 'letter-spacing',\n  textTransform: 'text-transform',\n  boldFontWeight: 'bold-font-weight',\n  iconSize: 'icon-size',\n};\n\nconst PRESET_FIELDS = Object.keys(\n  PRESET_FIELD_SUFFIXES,\n) as (keyof ResolvedPreset)[];\n\n/**\n * Map a token to its CSS custom property name, using the same convention tasty's\n * style DSL does: `#name` is a color (`--name-color`), `$name` is everything else\n * (`--name`). A raw `--name` or a bare `name` is taken as written.\n *\n * Returns `null` for anything that would not be a valid custom property.\n */\nfunction tokenToProperty(token: string): string | null {\n  const trimmed = token.trim();\n\n  let name: string;\n\n  if (trimmed.startsWith('--')) {\n    name = trimmed.slice(2);\n  } else if (trimmed.startsWith('#')) {\n    name = `${trimmed.slice(1)}-color`;\n  } else if (trimmed.startsWith('$')) {\n    name = trimmed.slice(1);\n  } else {\n    name = trimmed;\n  }\n\n  return PROPERTY_NAME_RE.test(name) ? `--${name}` : null;\n}\n\n/** Whitespace and case are not meaningful in the values we compare against. */\nfunction normalizeValue(value: string): string {\n  return value.replace(/\\s+/g, '').toLowerCase();\n}\n\n/**\n * Every custom property the kit declares, by name. Membership only — the value\n * is deliberately not consulted, because a token's declared value tells you\n * nothing about whether it is in effect where you read it.\n *\n * Memoized against the palette version, like {@link getTokens} itself.\n */\nlet knownNamesCache: { version: number; names: Set<string> } | null = null;\n\nfunction getKnownTokenNames(): Set<string> {\n  const version = getPaletteVersion();\n\n  if (!knownNamesCache || knownNamesCache.version !== version) {\n    const names = new Set<string>();\n\n    for (const key of Object.keys(getTokens())) {\n      const name = tokenToProperty(key);\n\n      if (name) names.add(name);\n    }\n\n    knownNamesCache = { version, names };\n  }\n\n  return knownNamesCache.names;\n}\n\n/** These fire per token, per page — once each, not once per render. */\nconst warnedTokens = new Set<string>();\n\nfunction warnOnce(key: string, message: string) {\n  if (warnedTokens.has(key)) return;\n\n  warnedTokens.add(key);\n\n  warn(message);\n}\n\n/** The document `<body>` is where `<Root>` declares the token block. */\nfunction resolveTarget(element?: Element | null): Element | null {\n  if (element) return element;\n  if (typeof document === 'undefined') return null;\n\n  return document.body ?? document.documentElement ?? null;\n}\n\nfunction readValue(\n  computed: CSSStyleDeclaration,\n  token: string,\n  fallback: string | null,\n  silent: boolean,\n  onTokenSurface: boolean,\n): string | null {\n  const name = tokenToProperty(token);\n\n  if (!name) {\n    warnOnce(`name:${token}`, `\"${token}\" is not a valid design token name.`);\n\n    return fallback;\n  }\n\n  if (!onTokenSurface) {\n    if (!silent) {\n      warnOnce(\n        `surface:${name}`,\n        `Token \"${token}\" (${name}) was read from an element the design tokens are not in effect on, so any value there is tasty's @property default rather than the kit's. <Root> declares the token block on <body>, so <html>, a detached node, and a tree that has not mounted <Root> yet are all outside it. Pass \\`element\\` to read from a specific subtree, or \\`fallback\\` for a value to use instead.`,\n      );\n    }\n\n    return fallback;\n  }\n\n  const value = computed.getPropertyValue(name).trim();\n\n  if (!value) return fallback;\n\n  // On a token surface the computed value is the truth, including a genuinely\n  // transparent color or a real `0px`. The only thing left to catch is a name\n  // the kit never declares, where an @property default is all there is to read.\n  if (\n    PLACEHOLDER_VALUES.has(normalizeValue(value)) &&\n    !getKnownTokenNames().has(name)\n  ) {\n    if (!silent) {\n      warnOnce(\n        `unknown:${name}`,\n        `Token \"${token}\" (${name}) is not declared by the kit, and read back as an unset custom property. Check the name, or pass \\`fallback\\`.`,\n      );\n    }\n\n    return fallback;\n  }\n\n  return value;\n}\n\n/**\n * Read the resolved value of one design token — a color, a length, a font\n * descriptor — as a literal string.\n *\n * ```ts\n * resolveTokenValue('#purple'); // 'oklch(0.52 0.24 285)'\n * resolveTokenValue('$space-md'); // '8px'\n * resolveTokenValue('$t3-font-size'); // '14px'\n * ```\n *\n * Returns `options.fallback ?? null` when the token is not declared on the\n * element it was read from — see {@link ResolveTokenOptions}.\n */\nexport function resolveTokenValue(\n  token: string,\n  options: ResolveTokenOptions = {},\n): string | null {\n  return resolveTokenValues([token], options)[token];\n}\n\n/**\n * {@link resolveTokenValue} for several tokens at once, through a single\n * `getComputedStyle` call. Prefer this when building a theme object — a Stripe\n * `Appearance`, a CodeMirror theme — which needs a dozen values at a time.\n *\n * ```ts\n * const { '#surface': background, '#surface-text': color } = resolveTokenValues([\n *   '#surface',\n *   '#surface-text',\n * ]);\n * ```\n */\nexport function resolveTokenValues<T extends string>(\n  tokens: readonly T[],\n  options: ResolveTokenOptions = {},\n): Record<T, string | null> {\n  return readTokens(tokens, options, false);\n}\n\n/** Shared by the public reader and the preset reader, which suppresses warnings. */\nfunction readTokens<T extends string>(\n  tokens: readonly T[],\n  options: ResolveTokenOptions,\n  silent: boolean,\n): Record<T, string | null> {\n  const { element, fallback = null } = options;\n  const result = {} as Record<T, string | null>;\n  const target = resolveTarget(element);\n  const view = target?.ownerDocument?.defaultView;\n\n  if (!target || !view) {\n    for (const token of tokens) result[token] = fallback;\n\n    return result;\n  }\n\n  const computed = view.getComputedStyle(target);\n  // One read for the whole batch: the marker is a property of the element, not\n  // of any individual token.\n  const onTokenSurface = isTokenSurface(computed);\n\n  for (const token of tokens) {\n    result[token] = readValue(\n      computed,\n      token,\n      fallback,\n      silent,\n      onTokenSurface,\n    );\n  }\n\n  return result;\n}\n\n/**\n * Resolve a typography preset — `'t3'`, `'h2'`, `'s3'` — to the literal font\n * descriptors behind it, for a surface that takes a font as values rather than\n * as a `preset` style.\n *\n * ```ts\n * const { fontFamily, fontSize, lineHeight } = resolvePresetValues('t3');\n * ```\n *\n * A preset legitimately leaves most of these unset — only headings carry an\n * `iconSize`, only the `s*` family names a `fontFamily` — so unlike\n * {@link resolveTokenValues} a miss here is expected and never warns.\n */\nexport function resolvePresetValues(\n  preset: string,\n  options: ResolveTokenOptions = {},\n): ResolvedPreset {\n  const { fallback = null } = options;\n  const names = PRESET_FIELDS.map(\n    (field) => `$${preset}-${PRESET_FIELD_SUFFIXES[field]}`,\n  );\n  const values = readTokens(\n    [...names, '--font-sans'],\n    { element: options.element },\n    true,\n  );\n  const resolved = {} as ResolvedPreset;\n\n  PRESET_FIELDS.forEach((field, index) => {\n    resolved[field] = values[names[index]] ?? fallback;\n  });\n\n  // Every preset but the `s*` family inherits the sans stack rather than naming\n  // it, so the token is absent by design and `--font-sans` is the real answer.\n  resolved.fontFamily =\n    values[names[PRESET_FIELDS.indexOf('fontFamily')]] ??\n    values['--font-sans'] ??\n    fallback;\n\n  return resolved;\n}\n\n// ============================================================================\n// Appearance subscription\n// ============================================================================\n\n/**\n * A token's resolved value changes for two reasons: the palette was re-seeded\n * (`setPaletteConfig()`, covered by `usePaletteVersion`), or the scheme /\n * contrast tier flipped. This store covers the second.\n *\n * The watching itself belongs to `subscribeScheme()` (`src/utils/react/useScheme.ts`),\n * which owns the definition of both axes — the `data-scheme` / `data-contrast`\n * attributes and the media queries they fall back to are the same strings\n * `<Root>` registers `@dark` and `@hc` from. This store only counts the changes,\n * so there is one observer for the document rather than one per concern.\n */\nlet appearanceVersion = 0;\nlet stopWatchingAppearance: (() => void) | null = null;\n\nconst appearanceListeners = new Set<() => void>();\n\nfunction onAppearanceChange() {\n  appearanceVersion++;\n\n  appearanceListeners.forEach((listener) => listener());\n}\n\nfunction subscribeAppearance(listener: () => void): () => void {\n  appearanceListeners.add(listener);\n\n  if (appearanceListeners.size === 1) {\n    stopWatchingAppearance = subscribeScheme(onAppearanceChange);\n  }\n\n  return () => {\n    appearanceListeners.delete(listener);\n\n    if (!appearanceListeners.size) {\n      stopWatchingAppearance?.();\n      stopWatchingAppearance = null;\n    }\n  };\n}\n\nfunction getAppearanceVersion(): number {\n  return appearanceVersion;\n}\n\n/**\n * A version React only ever hands out while rendering on the server or\n * hydrating: `useSyncExternalStore` reads `getServerSnapshot` in exactly those\n * two cases and `getSnapshot` in every other. That makes it a reliable \"this\n * render has to match the server's markup\" flag — see {@link useResolvedTokens}.\n *\n * A plain client render (`createRoot`) never sees it, so a CSR app still\n * resolves on its first render rather than paying an extra pass.\n */\nconst HYDRATING = -1;\n\nfunction getServerAppearanceVersion(): number {\n  return HYDRATING;\n}\n\n/**\n * Re-render on a scheme / contrast change. Returns the version rather than the\n * state so the snapshot is a primitive — the same reason `usePaletteVersion`\n * does, see `src/tokens/palette-config.ts`.\n */\nfunction useAppearanceVersion(): number {\n  return useSyncExternalStore(\n    subscribeAppearance,\n    getAppearanceVersion,\n    getServerAppearanceVersion,\n  );\n}\n\n// ============================================================================\n// React bindings\n// ============================================================================\n\n/**\n * The value is read out of the DOM, so it re-resolves whenever the palette is\n * re-seeded or the scheme / contrast tier flips, and it is `fallback ?? null`\n * during SSR. The layout effect is what covers the first commit: a consumer\n * rendered in the same pass as `<Root>` reads before the token block lands.\n */\nfunction useResolvedTokens<T extends string>(\n  tokens: readonly T[],\n  key: string,\n  options: ResolveTokenOptions,\n): Record<T, string | null> {\n  const { element, fallback } = options;\n  const paletteVersion = usePaletteVersion();\n  const appearance = useAppearanceVersion();\n\n  const [values, setValues] = useState(() =>\n    appearance === HYDRATING\n      ? unresolved(tokens, fallback)\n      : resolveTokenValues(tokens, options),\n  );\n\n  useLayoutEffect(() => {\n    setValues((previous) => {\n      const next = resolveTokenValues(tokens, { element, fallback });\n\n      return isSameRecord(previous, next) ? previous : next;\n    });\n    // `tokens` is a fresh array on all but the first render, so `key` — its\n    // joined identity — is what belongs in the dependency list.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [key, element, fallback, paletteVersion, appearance]);\n\n  return values;\n}\n\n/**\n * What the server rendered: no DOM, so every token is the fallback. The first\n * client render has to agree with it or hydration reports a mismatch for any\n * consumer that renders the value; the layout effect above replaces it with the\n * resolved values before the browser paints.\n */\nfunction unresolved<T extends string>(\n  tokens: readonly T[],\n  fallback: string | undefined,\n): Record<T, string | null> {\n  const result = {} as Record<T, string | null>;\n\n  for (const token of tokens) result[token] = fallback ?? null;\n\n  return result;\n}\n\n/** Keeps the previous object when nothing moved, so it stays usable as a dep. */\nfunction isSameRecord<T extends Record<string, string | null>>(\n  a: T,\n  b: T,\n): boolean {\n  const keys = Object.keys(b);\n\n  if (Object.keys(a).length !== keys.length) return false;\n\n  return keys.every((key) => a[key] === b[key]);\n}\n\n/**\n * {@link resolveTokenValue} as a hook: re-renders when the palette is re-seeded\n * or the scheme / contrast tier flips.\n *\n * ```tsx\n * const accent = useTokenValue('#purple');\n *\n * return <Chart series={{ color: accent ?? '#000' }} />;\n * ```\n */\nexport function useTokenValue(\n  token: string,\n  options: ResolveTokenOptions = {},\n): string | null {\n  return useResolvedTokens([token], token, options)[token];\n}\n\n/**\n * {@link resolveTokenValues} as a hook. The returned object keeps its identity\n * while the values are unchanged, so it is safe as a dependency of the theme\n * object built from it — and the token list may be an inline literal.\n *\n * ```tsx\n * const colors = useTokenValues(['#surface', '#surface-text', '#border']);\n *\n * const appearance = useMemo(() => toStripeAppearance(colors), [colors]);\n * ```\n */\nexport function useTokenValues<T extends string>(\n  tokens: readonly T[],\n  options: ResolveTokenOptions = {},\n): Record<T, string | null> {\n  return useResolvedTokens(tokens, tokens.join(' '), options);\n}\n\n/**\n * {@link resolvePresetValues} as a hook.\n *\n * ```tsx\n * const { fontFamily, fontSize } = usePresetValues('s3');\n * ```\n */\nexport function usePresetValues(\n  preset: string,\n  options: ResolveTokenOptions = {},\n): ResolvedPreset {\n  const { element, fallback } = options;\n  const paletteVersion = usePaletteVersion();\n  const appearance = useAppearanceVersion();\n\n  const [values, setValues] = useState(() =>\n    appearance === HYDRATING\n      ? unresolvedPreset(fallback)\n      : resolvePresetValues(preset, options),\n  );\n\n  useLayoutEffect(() => {\n    setValues((previous) => {\n      const next = resolvePresetValues(preset, { element, fallback });\n\n      return isSameRecord(previous, next) ? previous : next;\n    });\n  }, [preset, element, fallback, paletteVersion, appearance]);\n\n  return values;\n}\n\n/** {@link unresolved} for the fixed shape {@link resolvePresetValues} returns. */\nfunction unresolvedPreset(fallback: string | undefined): ResolvedPreset {\n  const resolved = {} as ResolvedPreset;\n\n  for (const field of PRESET_FIELDS) resolved[field] = fallback ?? null;\n\n  return resolved;\n}\n"],"mappings":"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"}

package/dist/tokens/shadows.d.ts

@@ -1,6 +1,5 @@
 
 import { Styles } from "@tenphi/tasty";
-
 //#region src/tokens/shadows.d.ts
 /**
  * Shadow tokens using tasty shorthand syntax.
@@ -15,7 +14,6 @@ import { Styles } from "@tenphi/tasty";
  *
  * Keys use $ prefix for CSS custom properties.
  */
-declare const SHADOW_TOKENS: Styles;
+export declare const SHADOW_TOKENS: Styles;
 //#endregion
-export { SHADOW_TOKENS };
 //# sourceMappingURL=shadows.d.ts.map

package/dist/tokens/shadows.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 //#region src/tokens/shadows.ts
 /**
 * Shadow tokens using tasty shorthand syntax.
@@ -14,12 +14,16 @@
 * Keys use $ prefix for CSS custom properties.
 */
 const SHADOW_TOKENS = {
+	/** Subtle shadow for list items */
 	"$item-shadow": "0 1bw .375x #shadow-sm",
+	/** Standard card shadow */
 	"$card-shadow": "0 .5x 2x #shadow-md",
+	/** Standard elevation */
 	$shadow: "0 .5x 2x #shadow-md",
+	/** Elevated dialog shadow */
 	"$dialog-shadow": "0 1x 4x #shadow-lg"
 };
-
 //#endregion
 export { SHADOW_TOKENS };
+
 //# sourceMappingURL=shadows.js.map

package/dist/tokens/shadows.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadows.js","names":["Styles","SHADOW_TOKENS","$shadow"],"sources":["../../src/tokens/shadows.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Shadow tokens using tasty shorthand syntax.\n *\n * Format: `<offset-y> <blur> <spread?> <color>`\n * - `1bw` = 1 × border-width\n * - `.5x` = 0.5 × gap\n *\n * The shadow colors (`#shadow-sm` / `#shadow-md` / `#shadow-lg`) are\n * generated by Glaze and adapt automatically to dark / high-contrast\n * schemes — see `src/tokens/palette.ts`.\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const SHADOW_TOKENS: Styles = {\n  /** Subtle shadow for list items */\n  '$item-shadow': '0 1bw .375x #shadow-sm',\n  /** Standard card shadow */\n  '$card-shadow': '0 .5x 2x #shadow-md',\n  /** Standard elevation */\n  $shadow: '0 .5x 2x #shadow-md',\n  /** Elevated dialog shadow */\n  '$dialog-shadow': '0 1x 4x #shadow-lg',\n};\n"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAaC,gBAAwB;CAEnC,gBAAgB;CAEhB,gBAAgB;CAEhBC,SAAS;CAET,kBAAkB;CACnB"}
+{"version":3,"file":"shadows.js","names":["Styles","SHADOW_TOKENS","$shadow"],"sources":["../../src/tokens/shadows.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Shadow tokens using tasty shorthand syntax.\n *\n * Format: `<offset-y> <blur> <spread?> <color>`\n * - `1bw` = 1 × border-width\n * - `.5x` = 0.5 × gap\n *\n * The shadow colors (`#shadow-sm` / `#shadow-md` / `#shadow-lg`) are\n * generated by Glaze and adapt automatically to dark / high-contrast\n * schemes — see `src/tokens/palette.ts`.\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const SHADOW_TOKENS: Styles = {\n  /** Subtle shadow for list items */\n  '$item-shadow': '0 1bw .375x #shadow-sm',\n  /** Standard card shadow */\n  '$card-shadow': '0 .5x 2x #shadow-md',\n  /** Standard elevation */\n  $shadow: '0 .5x 2x #shadow-md',\n  /** Elevated dialog shadow */\n  '$dialog-shadow': '0 1x 4x #shadow-lg',\n};\n"],"mappings":";;;;;;;;;;;;;;;AAeA,MAAaC,gBAAwB;;CAEnC,gBAAgB;;CAEhB,gBAAgB;;CAEhBC,SAAS;;CAET,kBAAkB;AACpB"}

package/dist/tokens/sizes.d.ts

@@ -1,31 +1,29 @@
 
 import { Styles } from "@tenphi/tasty";
-
 //#region src/tokens/sizes.d.ts
 /**
  * Component size values in pixels.
  * Used for buttons, inputs, and other interactive elements.
  */
-declare const SIZES: {
+export declare const SIZES: {
   readonly XS: 24;
   readonly SM: 28;
   readonly MD: 32;
   readonly LG: 40;
   readonly XL: 48;
 };
-type SizeKey = keyof typeof SIZES;
+export type SizeKey = keyof typeof SIZES;
 /** Human-readable size names */
-type SizeName = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+export type SizeName = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 /**
  * Map from size names to size keys.
  * @example SIZE_NAME_TO_KEY['small'] // 'SM'
  */
-declare const SIZE_NAME_TO_KEY: Record<SizeName, SizeKey>;
+export declare const SIZE_NAME_TO_KEY: Record<SizeName, SizeKey>;
 /**
  * Size tokens with $ prefix for CSS custom properties.
  * Creates tokens like `$size-xs`, `$size-sm`, etc.
  */
-declare const SIZE_TOKENS: Styles;
+export declare const SIZE_TOKENS: Styles;
 //#endregion
-export { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS, SizeKey, SizeName };
 //# sourceMappingURL=sizes.d.ts.map

package/dist/tokens/sizes.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 //#region src/tokens/sizes.ts
 /**
 * Component size values in pixels.
@@ -33,7 +33,7 @@ const SIZE_TOKENS = {
 	"$size-lg": `${SIZES.LG}px`,
 	"$size-xl": `${SIZES.XL}px`
 };
-
 //#endregion
 export { SIZES, SIZE_NAME_TO_KEY, SIZE_TOKENS };
+
 //# sourceMappingURL=sizes.js.map

package/dist/tokens/sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.js","names":["Styles","SIZES","XS","SM","MD","LG","XL","const","SizeKey","SizeName","SIZE_NAME_TO_KEY","Record","xsmall","small","medium","large","xlarge","SIZE_TOKENS"],"sources":["../../src/tokens/sizes.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Component size values in pixels.\n * Used for buttons, inputs, and other interactive elements.\n */\nexport const SIZES = {\n  XS: 24,\n  SM: 28,\n  MD: 32,\n  LG: 40,\n  XL: 48,\n} as const;\n\nexport type SizeKey = keyof typeof SIZES;\n\n/** Human-readable size names */\nexport type SizeName = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\n\n/**\n * Map from size names to size keys.\n * @example SIZE_NAME_TO_KEY['small'] // 'SM'\n */\nexport const SIZE_NAME_TO_KEY: Record<SizeName, SizeKey> = {\n  xsmall: 'XS',\n  small: 'SM',\n  medium: 'MD',\n  large: 'LG',\n  xlarge: 'XL',\n};\n\n/**\n * Size tokens with $ prefix for CSS custom properties.\n * Creates tokens like `$size-xs`, `$size-sm`, etc.\n */\nexport const SIZE_TOKENS: Styles = {\n  '$size-xs': `${SIZES.XS}px`,\n  '$size-sm': `${SIZES.SM}px`,\n  '$size-md': `${SIZES.MD}px`,\n  '$size-lg': `${SIZES.LG}px`,\n  '$size-xl': `${SIZES.XL}px`,\n};\n"],"mappings":";;;;;;AAMA,MAAaC,QAAQ;CACnBC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACL;;;;;AAWD,MAAaI,mBAA8C;CACzDE,QAAQ;CACRC,OAAO;CACPC,QAAQ;CACRC,OAAO;CACPC,QAAQ;CACT;;;;;AAMD,MAAaC,cAAsB;CACjC,YAAY,GAAGhB,MAAMC,GAAE;CACvB,YAAY,GAAGD,MAAME,GAAE;CACvB,YAAY,GAAGF,MAAMG,GAAE;CACvB,YAAY,GAAGH,MAAMI,GAAE;CACvB,YAAY,GAAGJ,MAAMK,GAAE;CACxB"}
+{"version":3,"file":"sizes.js","names":["Styles","SIZES","XS","SM","MD","LG","XL","const","SizeKey","SizeName","SIZE_NAME_TO_KEY","Record","xsmall","small","medium","large","xlarge","SIZE_TOKENS"],"sources":["../../src/tokens/sizes.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Component size values in pixels.\n * Used for buttons, inputs, and other interactive elements.\n */\nexport const SIZES = {\n  XS: 24,\n  SM: 28,\n  MD: 32,\n  LG: 40,\n  XL: 48,\n} as const;\n\nexport type SizeKey = keyof typeof SIZES;\n\n/** Human-readable size names */\nexport type SizeName = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\n\n/**\n * Map from size names to size keys.\n * @example SIZE_NAME_TO_KEY['small'] // 'SM'\n */\nexport const SIZE_NAME_TO_KEY: Record<SizeName, SizeKey> = {\n  xsmall: 'XS',\n  small: 'SM',\n  medium: 'MD',\n  large: 'LG',\n  xlarge: 'XL',\n};\n\n/**\n * Size tokens with $ prefix for CSS custom properties.\n * Creates tokens like `$size-xs`, `$size-sm`, etc.\n */\nexport const SIZE_TOKENS: Styles = {\n  '$size-xs': `${SIZES.XS}px`,\n  '$size-sm': `${SIZES.SM}px`,\n  '$size-md': `${SIZES.MD}px`,\n  '$size-lg': `${SIZES.LG}px`,\n  '$size-xl': `${SIZES.XL}px`,\n};\n"],"mappings":";;;;;;AAMA,MAAaC,QAAQ;CACnBC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;AACN;;;;;AAWA,MAAaI,mBAA8C;CACzDE,QAAQ;CACRC,OAAO;CACPC,QAAQ;CACRC,OAAO;CACPC,QAAQ;AACV;;;;;AAMA,MAAaC,cAAsB;CACjC,YAAY,GAAGhB,MAAMC,GAAE;CACvB,YAAY,GAAGD,MAAME,GAAE;CACvB,YAAY,GAAGF,MAAMG,GAAE;CACvB,YAAY,GAAGH,MAAMI,GAAE;CACvB,YAAY,GAAGJ,MAAMK,GAAE;AACzB"}

package/dist/tokens/spacing.d.ts

@@ -1,6 +1,5 @@
 
 import { Styles } from "@tenphi/tasty";
-
 //#region src/tokens/spacing.d.ts
 /**
  * Spacing tokens using tasty multiplier syntax.
@@ -8,7 +7,6 @@ import { Styles } from "@tenphi/tasty";
  *
  * Keys use $ prefix for CSS custom properties.
  */
-declare const SPACE_TOKENS: Styles;
+export declare const SPACE_TOKENS: Styles;
 //#endregion
-export { SPACE_TOKENS };
 //# sourceMappingURL=spacing.d.ts.map

package/dist/tokens/spacing.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 //#region src/tokens/spacing.ts
 /**
 * Spacing tokens using tasty multiplier syntax.
@@ -13,7 +13,7 @@ const SPACE_TOKENS = {
 	"$space-lg": "1.5x",
 	"$space-xl": "2x"
 };
-
 //#endregion
 export { SPACE_TOKENS };
+
 //# sourceMappingURL=spacing.js.map

package/dist/tokens/spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.js","names":["Styles","SPACE_TOKENS"],"sources":["../../src/tokens/spacing.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Spacing tokens using tasty multiplier syntax.\n * Values like `.5x` mean 0.5 × gap, `2x` means 2 × gap.\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const SPACE_TOKENS: Styles = {\n  '$space-xs': '.5x',\n  '$space-sm': '.75x',\n  '$space-md': '1x',\n  '$space-lg': '1.5x',\n  '$space-xl': '2x',\n};\n"],"mappings":";;;;;;;;AAQA,MAAaC,eAAuB;CAClC,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACd"}
+{"version":3,"file":"spacing.js","names":["Styles","SPACE_TOKENS"],"sources":["../../src/tokens/spacing.ts"],"sourcesContent":["import type { Styles } from '@tenphi/tasty';\n\n/**\n * Spacing tokens using tasty multiplier syntax.\n * Values like `.5x` mean 0.5 × gap, `2x` means 2 × gap.\n *\n * Keys use $ prefix for CSS custom properties.\n */\nexport const SPACE_TOKENS: Styles = {\n  '$space-xs': '.5x',\n  '$space-sm': '.75x',\n  '$space-md': '1x',\n  '$space-lg': '1.5x',\n  '$space-xl': '2x',\n};\n"],"mappings":";;;;;;;;AAQA,MAAaC,eAAuB;CAClC,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;CACb,aAAa;AACf"}

package/dist/tokens/typography.d.ts

@@ -4,7 +4,7 @@
  * Typography preset configuration.
  * Each preset defines font properties that get expanded into CSS custom properties.
  */
-interface TypographyPreset {
+export interface TypographyPreset {
   fontSize: string;
   lineHeight: string;
   letterSpacing?: string;
@@ -30,7 +30,6 @@ interface TypographyPreset {
  * - `tag`: Tag/badge typography
  * - `default`: Base text style
  */
-declare const TYPOGRAPHY_PRESETS: Record<string, TypographyPreset>;
+export declare const TYPOGRAPHY_PRESETS: Record<string, TypographyPreset>;
 //#endregion
-export { TYPOGRAPHY_PRESETS };
 //# sourceMappingURL=typography.d.ts.map

package/dist/tokens/typography.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 //#region src/tokens/typography.ts
 /**
 * Typography presets for headings, text, and special styles.
@@ -261,7 +261,7 @@ const TYPOGRAPHY_PRESETS = {
 		iconSize: "var(--t3-icon-size)"
 	}
 };
-
 //#endregion
 export { TYPOGRAPHY_PRESETS };
+
 //# sourceMappingURL=typography.js.map

package/dist/tokens/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":["TypographyPreset","fontSize","lineHeight","letterSpacing","fontWeight","boldFontWeight","iconSize","textTransform","fontFamily","fontStyle","TYPOGRAPHY_PRESETS","Record","text","h1","h2","h3","h4","h5","h6","t1","t2","t2m","t3","t3m","t4","t4m","t4n","m1","m2","m3","p1","p2","p3","p4","c1","c2","c3","tag","s2","s3","s4","default"],"sources":["../../src/tokens/typography.ts"],"sourcesContent":["/**\n * Typography preset configuration.\n * Each preset defines font properties that get expanded into CSS custom properties.\n */\nexport interface TypographyPreset {\n  fontSize: string;\n  lineHeight: string;\n  letterSpacing?: string;\n  fontWeight: string | number;\n  boldFontWeight?: string | number;\n  iconSize?: string;\n  textTransform?: string;\n  fontFamily?: string;\n  fontStyle?: string;\n}\n\n/**\n * Typography presets for headings, text, and special styles.\n *\n * Naming conventions:\n * - `h1`-`h6`: Headings (bold by default)\n * - `t1`-`t4`: Text styles (regular weight)\n * - `t1m`-`t4m`: Text styles medium weight\n * - `t4n`: 12px text at normal (400) weight — `t4` itself is 500\n * - `m1`-`m3`: Markdown/prose styles (larger line-height)\n * - `p1`-`p4`: Paragraph styles\n * - `c1`-`c3`: Caption/uppercase styles\n * - `s2`-`s4`: Snippet / monospace styles (parallel to `t2`-`t4`)\n * - `tag`: Tag/badge typography\n * - `default`: Base text style\n */\nexport const TYPOGRAPHY_PRESETS: Record<string, TypographyPreset> = {\n  // Text (basic)\n  text: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '400',\n  },\n\n  // Headings (h1-h6)\n  h1: {\n    fontSize: '36px',\n    lineHeight: '44px',\n    letterSpacing: '-0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '40px',\n  },\n  h2: {\n    fontSize: '24px',\n    lineHeight: '32px',\n    letterSpacing: '0em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '28px',\n  },\n  h3: {\n    fontSize: '20px',\n    lineHeight: '28px',\n    letterSpacing: '0em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '24px',\n  },\n  h4: {\n    fontSize: '18px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '22px',\n  },\n  h5: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '20px',\n  },\n  h6: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '20px',\n  },\n\n  // Text styles (t1-t4)\n  t1: {\n    fontSize: '18px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t2: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t2m: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t3: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  t3m: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  t4: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '16px',\n  },\n  t4m: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '16px',\n  },\n  // The 12px step at normal weight: `t4` sits one step heavier than `t3` so\n  // small text keeps its presence, and this is the lighter option beside it.\n  t4n: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '16px',\n  },\n\n  // Markdown/prose styles (m1-m3)\n  m1: {\n    fontSize: '18px',\n    lineHeight: '32px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '22px',\n  },\n  m2: {\n    fontSize: '16px',\n    lineHeight: '28px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  m3: {\n    fontSize: '14px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n\n  // Paragraph styles (p1-p4)\n  p1: {\n    fontSize: '18px',\n    lineHeight: '28px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '22px',\n  },\n  p2: {\n    fontSize: '16px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  p3: {\n    fontSize: '14px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  p4: {\n    fontSize: '12px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '16px',\n  },\n\n  // Caption/uppercase styles (c1-c3)\n  c1: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    textTransform: 'uppercase',\n    iconSize: '18px',\n  },\n  c2: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    textTransform: 'uppercase',\n    iconSize: '16px',\n  },\n  c3: {\n    fontSize: '11px',\n    lineHeight: '16px',\n    letterSpacing: '0.02em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    textTransform: 'uppercase',\n    iconSize: '14px',\n  },\n\n  // Tag typography\n  tag: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '16px',\n  },\n\n  // Snippet / monospace styles (s2-s4) — sized to parallel t2-t4\n  s2: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n    fontFamily: 'var(--font-mono)',\n  },\n  s3: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '18px',\n    fontFamily: 'var(--font-mono)',\n  },\n  s4: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '16px',\n    fontFamily: 'var(--font-mono)',\n  },\n\n  // Default text style (references t3)\n  default: {\n    fontSize: 'var(--t3-font-size)',\n    lineHeight: 'var(--t3-line-height)',\n    letterSpacing: 'var(--t3-letter-spacing)',\n    fontWeight: 'var(--t3-font-weight)',\n    boldFontWeight: 'var(--t3-bold-font-weight)',\n    iconSize: 'var(--t3-icon-size)',\n  },\n};\n"],"mappings":"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"}
+{"version":3,"file":"typography.js","names":["TypographyPreset","fontSize","lineHeight","letterSpacing","fontWeight","boldFontWeight","iconSize","textTransform","fontFamily","fontStyle","TYPOGRAPHY_PRESETS","Record","text","h1","h2","h3","h4","h5","h6","t1","t2","t2m","t3","t3m","t4","t4m","t4n","m1","m2","m3","p1","p2","p3","p4","c1","c2","c3","tag","s2","s3","s4","default"],"sources":["../../src/tokens/typography.ts"],"sourcesContent":["/**\n * Typography preset configuration.\n * Each preset defines font properties that get expanded into CSS custom properties.\n */\nexport interface TypographyPreset {\n  fontSize: string;\n  lineHeight: string;\n  letterSpacing?: string;\n  fontWeight: string | number;\n  boldFontWeight?: string | number;\n  iconSize?: string;\n  textTransform?: string;\n  fontFamily?: string;\n  fontStyle?: string;\n}\n\n/**\n * Typography presets for headings, text, and special styles.\n *\n * Naming conventions:\n * - `h1`-`h6`: Headings (bold by default)\n * - `t1`-`t4`: Text styles (regular weight)\n * - `t1m`-`t4m`: Text styles medium weight\n * - `t4n`: 12px text at normal (400) weight — `t4` itself is 500\n * - `m1`-`m3`: Markdown/prose styles (larger line-height)\n * - `p1`-`p4`: Paragraph styles\n * - `c1`-`c3`: Caption/uppercase styles\n * - `s2`-`s4`: Snippet / monospace styles (parallel to `t2`-`t4`)\n * - `tag`: Tag/badge typography\n * - `default`: Base text style\n */\nexport const TYPOGRAPHY_PRESETS: Record<string, TypographyPreset> = {\n  // Text (basic)\n  text: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '400',\n  },\n\n  // Headings (h1-h6)\n  h1: {\n    fontSize: '36px',\n    lineHeight: '44px',\n    letterSpacing: '-0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '40px',\n  },\n  h2: {\n    fontSize: '24px',\n    lineHeight: '32px',\n    letterSpacing: '0em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '28px',\n  },\n  h3: {\n    fontSize: '20px',\n    lineHeight: '28px',\n    letterSpacing: '0em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '24px',\n  },\n  h4: {\n    fontSize: '18px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '22px',\n  },\n  h5: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '20px',\n  },\n  h6: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '20px',\n  },\n\n  // Text styles (t1-t4)\n  t1: {\n    fontSize: '18px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t2: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t2m: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t3: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  t3m: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  t4: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '16px',\n  },\n  t4m: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '16px',\n  },\n  // The 12px step at normal weight: `t4` sits one step heavier than `t3` so\n  // small text keeps its presence, and this is the lighter option beside it.\n  t4n: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '16px',\n  },\n\n  // Markdown/prose styles (m1-m3)\n  m1: {\n    fontSize: '18px',\n    lineHeight: '32px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '22px',\n  },\n  m2: {\n    fontSize: '16px',\n    lineHeight: '28px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  m3: {\n    fontSize: '14px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n\n  // Paragraph styles (p1-p4)\n  p1: {\n    fontSize: '18px',\n    lineHeight: '28px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '22px',\n  },\n  p2: {\n    fontSize: '16px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  p3: {\n    fontSize: '14px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  p4: {\n    fontSize: '12px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '16px',\n  },\n\n  // Caption/uppercase styles (c1-c3)\n  c1: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    textTransform: 'uppercase',\n    iconSize: '18px',\n  },\n  c2: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    textTransform: 'uppercase',\n    iconSize: '16px',\n  },\n  c3: {\n    fontSize: '11px',\n    lineHeight: '16px',\n    letterSpacing: '0.02em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    textTransform: 'uppercase',\n    iconSize: '14px',\n  },\n\n  // Tag typography\n  tag: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '16px',\n  },\n\n  // Snippet / monospace styles (s2-s4) — sized to parallel t2-t4\n  s2: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n    fontFamily: 'var(--font-mono)',\n  },\n  s3: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '18px',\n    fontFamily: 'var(--font-mono)',\n  },\n  s4: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '16px',\n    fontFamily: 'var(--font-mono)',\n  },\n\n  // Default text style (references t3)\n  default: {\n    fontSize: 'var(--t3-font-size)',\n    lineHeight: 'var(--t3-line-height)',\n    letterSpacing: 'var(--t3-letter-spacing)',\n    fontWeight: 'var(--t3-font-weight)',\n    boldFontWeight: 'var(--t3-bold-font-weight)',\n    iconSize: 'var(--t3-icon-size)',\n  },\n};\n"],"mappings":"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"}

package/dist/utils/ResizeSensor.d.ts

@@ -8,7 +8,6 @@
  *
  * @constructor
  */
-declare let ResizeSensor: (element: any, callback: any) => void;
+export declare let ResizeSensor: (element: any, callback: any) => void;
 //#endregion
-export { ResizeSensor };
 //# sourceMappingURL=ResizeSensor.d.ts.map

package/dist/utils/ResizeSensor.js

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 //#region src/utils/ResizeSensor.ts
 /**
 * Iterate over each of the provided element(s).
@@ -154,13 +154,15 @@ let ResizeSensor = function(element, callback) {
 			shrink.scrollTop = height + 10;
 		};
 		let reset = function() {
-			if (initialHiddenCheck) if (element.offsetWidth === 0 && element.offsetHeight === 0) {
-				if (!lastAnimationFrameForInvisibleCheck) lastAnimationFrameForInvisibleCheck = requestAnimationFrame(function() {
-					lastAnimationFrameForInvisibleCheck = 0;
-					reset();
-				});
-				return;
-			} else initialHiddenCheck = false;
+			if (initialHiddenCheck) {
+				if (element.offsetWidth === 0 && element.offsetHeight === 0) {
+					if (!lastAnimationFrameForInvisibleCheck) lastAnimationFrameForInvisibleCheck = requestAnimationFrame(function() {
+						lastAnimationFrameForInvisibleCheck = 0;
+						reset();
+					});
+					return;
+				} else initialHiddenCheck = false;
+			}
 			resetExpandShrink();
 		};
 		element.resizeSensor.resetSensor = reset;
@@ -235,7 +237,7 @@ if (typeof MutationObserver !== "undefined") {
 		});
 	});
 }
-
 //#endregion
 export { ResizeSensor };
+
 //# sourceMappingURL=ResizeSensor.js.map

package/dist/utils/ResizeSensor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizeSensor.js","names":["forEachElement","elements","callback","elementsType","Object","prototype","toString","call","isCollectionTyped","i","j","length","getElementSize","element","getBoundingClientRect","width","offsetWidth","height","offsetHeight","rect","Math","round","setStyle","style","keys","forEach","key","ResizeSensor","globalWindow","window","requestAnimationFrame","mozRequestAnimationFrame","webkitRequestAnimationFrame","fn","setTimeout","cancelAnimationFrame","mozCancelAnimationFrame","webkitCancelAnimationFrame","timer","clearTimeout","lastAnimationFrameForInvisibleCheck","EventQueue","q","add","ev","push","sizeInfo","remove","newQueue","attachResizeEvent","resized","resizedAttached","resizeSensor","document","createElement","dir","className","pointerEvents","position","left","top","right","bottom","overflow","zIndex","visibility","maxWidth","styleChild","transition","expand","expandChild","appendChild","shrink","shrinkChild","computedStyle","getComputedStyle","getPropertyValue","dirty","rafId","size","lastWidth","lastHeight","initialHiddenCheck","resetExpandShrink","scrollLeft","scrollTop","reset","invisible","resetSensor","onResized","onScroll","addEvent","el","name","cb","attachEvent","addEventListener","elem","detach","contains","removeChild","MutationObserver","observer","mutations","hasOwnProperty","items","addedNodes","event","observe","body","childList","subtree"],"sources":["../../src/utils/ResizeSensor.ts"],"sourcesContent":["// @ts-nocheck\n\n/**\n * Iterate over each of the provided element(s).\n *\n * @param {HTMLElement|HTMLElement[]} elements\n * @param {Function}                  callback\n */\nfunction forEachElement(elements, callback) {\n  let elementsType = Object.prototype.toString.call(elements);\n  let isCollectionTyped =\n    '[object Array]' === elementsType ||\n    '[object NodeList]' === elementsType ||\n    '[object HTMLCollection]' === elementsType ||\n    '[object Object]' === elementsType;\n  let i = 0,\n    j = elements.length;\n  if (isCollectionTyped) {\n    for (; i < j; i++) {\n      callback(elements[i]);\n    }\n  } else {\n    callback(elements);\n  }\n}\n\n/**\n * Get element size\n * @param {HTMLElement} element\n * @returns {Object} {width, height}\n */\nfunction getElementSize(element) {\n  if (!element.getBoundingClientRect) {\n    return {\n      width: element.offsetWidth,\n      height: element.offsetHeight,\n    };\n  }\n\n  let rect = element.getBoundingClientRect();\n  return {\n    width: Math.round(rect.width),\n    height: Math.round(rect.height),\n  };\n}\n\n/**\n * Apply CSS styles to element.\n *\n * @param {HTMLElement} element\n * @param {Object} style\n */\nfunction setStyle(element, style) {\n  Object.keys(style).forEach(function (key) {\n    element.style[key] = style[key];\n  });\n}\n\n/**\n * Class for dimension change detection.\n *\n * @param {Element|Element[]|Elements} element\n * @param {Function} callback\n *\n * @constructor\n */\nexport let ResizeSensor = function (element, callback) {\n  // https://github.com/marcj/css-element-queries/blob/master/src/ResizeSensor.js\n  // https://github.com/Semantic-Org/Semantic-UI/issues/3855\n  // https://github.com/marcj/css-element-queries/issues/257\n  let globalWindow = window;\n  // Only used for the dirty checking, so the event callback count is limited to max 1 call per fps per sensor.\n  // In combination with the event based resize sensor this saves cpu time, because the sensor is too fast and\n  // would generate too many unnecessary events.\n  let requestAnimationFrame =\n    globalWindow.requestAnimationFrame ||\n    globalWindow.mozRequestAnimationFrame ||\n    globalWindow.webkitRequestAnimationFrame ||\n    function (fn) {\n      return globalWindow.setTimeout(fn, 20);\n    };\n  let cancelAnimationFrame =\n    globalWindow.cancelAnimationFrame ||\n    globalWindow.mozCancelAnimationFrame ||\n    globalWindow.webkitCancelAnimationFrame ||\n    function (timer) {\n      globalWindow.clearTimeout(timer);\n    };\n\n  //Is used when checking in reset() only for invisible elements\n  let lastAnimationFrameForInvisibleCheck = 0;\n\n  /**\n   *\n   * @constructor\n   */\n  function EventQueue() {\n    let q = [];\n    this.add = function (ev) {\n      q.push(ev);\n    };\n\n    let i, j;\n    this.call = function (sizeInfo) {\n      for (i = 0, j = q.length; i < j; i++) {\n        q[i].call(this, sizeInfo);\n      }\n    };\n\n    this.remove = function (ev) {\n      let newQueue = [];\n      for (i = 0, j = q.length; i < j; i++) {\n        if (q[i] !== ev) newQueue.push(q[i]);\n      }\n      q = newQueue;\n    };\n\n    this.length = function () {\n      return q.length;\n    };\n  }\n\n  /**\n   *\n   * @param {HTMLElement} element\n   * @param {Function}    resized\n   */\n  function attachResizeEvent(element, resized) {\n    if (!element) return;\n    if (element.resizedAttached) {\n      element.resizedAttached.add(resized);\n      return;\n    }\n\n    element.resizedAttached = new EventQueue();\n    element.resizedAttached.add(resized);\n\n    element.resizeSensor = document.createElement('div');\n    element.resizeSensor.dir = 'ltr';\n    element.resizeSensor.className = 'resize-sensor';\n\n    let style = {\n      pointerEvents: 'none',\n      position: 'absolute',\n      left: '0px',\n      top: '0px',\n      right: '0px',\n      bottom: '0px',\n      overflow: 'hidden',\n      zIndex: '-1',\n      visibility: 'hidden',\n      maxWidth: '100%',\n    };\n    let styleChild = {\n      position: 'absolute',\n      left: '0px',\n      top: '0px',\n      transition: '0s',\n    };\n\n    setStyle(element.resizeSensor, style);\n\n    let expand = document.createElement('div');\n    expand.className = 'resize-sensor-expand';\n    setStyle(expand, style);\n\n    let expandChild = document.createElement('div');\n    setStyle(expandChild, styleChild);\n    expand.appendChild(expandChild);\n\n    let shrink = document.createElement('div');\n    shrink.className = 'resize-sensor-shrink';\n    setStyle(shrink, style);\n\n    let shrinkChild = document.createElement('div');\n    setStyle(shrinkChild, styleChild);\n    setStyle(shrinkChild, { width: '200%', height: '200%' });\n    shrink.appendChild(shrinkChild);\n\n    element.resizeSensor.appendChild(expand);\n    element.resizeSensor.appendChild(shrink);\n    element.appendChild(element.resizeSensor);\n\n    let computedStyle = window.getComputedStyle(element);\n    let position = computedStyle\n      ? computedStyle.getPropertyValue('position')\n      : null;\n    if (\n      'absolute' !== position &&\n      'relative' !== position &&\n      'fixed' !== position &&\n      'sticky' !== position\n    ) {\n      element.style.position = 'relative';\n    }\n\n    let dirty = false;\n\n    //last request animation frame id used in onscroll event\n    let rafId = 0;\n    let size = getElementSize(element);\n    let lastWidth = 0;\n    let lastHeight = 0;\n    let initialHiddenCheck = true;\n    lastAnimationFrameForInvisibleCheck = 0;\n\n    let resetExpandShrink = function () {\n      let width = element.offsetWidth;\n      let height = element.offsetHeight;\n\n      expandChild.style.width = width + 10 + 'px';\n      expandChild.style.height = height + 10 + 'px';\n\n      expand.scrollLeft = width + 10;\n      expand.scrollTop = height + 10;\n\n      shrink.scrollLeft = width + 10;\n      shrink.scrollTop = height + 10;\n    };\n\n    let reset = function () {\n      // Check if element is hidden\n      if (initialHiddenCheck) {\n        let invisible = element.offsetWidth === 0 && element.offsetHeight === 0;\n        if (invisible) {\n          // Check in next frame\n          if (!lastAnimationFrameForInvisibleCheck) {\n            lastAnimationFrameForInvisibleCheck = requestAnimationFrame(\n              function () {\n                lastAnimationFrameForInvisibleCheck = 0;\n                reset();\n              },\n            );\n          }\n\n          return;\n        } else {\n          // Stop checking\n          initialHiddenCheck = false;\n        }\n      }\n\n      resetExpandShrink();\n    };\n    element.resizeSensor.resetSensor = reset;\n\n    let onResized = function () {\n      rafId = 0;\n\n      if (!dirty) return;\n\n      lastWidth = size.width;\n      lastHeight = size.height;\n\n      if (element.resizedAttached) {\n        element.resizedAttached.call(size);\n      }\n    };\n\n    let onScroll = function () {\n      size = getElementSize(element);\n      dirty = size.width !== lastWidth || size.height !== lastHeight;\n\n      if (dirty && !rafId) {\n        rafId = requestAnimationFrame(onResized);\n      }\n\n      reset();\n    };\n\n    let addEvent = function (el, name, cb) {\n      if (el.attachEvent) {\n        el.attachEvent('on' + name, cb);\n      } else {\n        el.addEventListener(name, cb);\n      }\n    };\n\n    addEvent(expand, 'scroll', onScroll);\n    addEvent(shrink, 'scroll', onScroll);\n\n    // Fix for custom Elements and invisible elements\n    lastAnimationFrameForInvisibleCheck = requestAnimationFrame(function () {\n      lastAnimationFrameForInvisibleCheck = 0;\n      reset();\n    });\n  }\n\n  forEachElement(element, function (elem) {\n    attachResizeEvent(elem, callback);\n  });\n\n  this.detach = function (ev) {\n    // clean up the unfinished animation frame to prevent a potential endless requestAnimationFrame of reset\n    if (lastAnimationFrameForInvisibleCheck) {\n      cancelAnimationFrame(lastAnimationFrameForInvisibleCheck);\n      lastAnimationFrameForInvisibleCheck = 0;\n    }\n    ResizeSensor.detach(element, ev);\n  };\n\n  this.reset = function () {\n    //To prevent invoking element.resizeSensor.resetSensor if it's undefined\n    if (element.resizeSensor.resetSensor) {\n      element.resizeSensor.resetSensor();\n    }\n  };\n};\n\nResizeSensor.reset = function (element) {\n  forEachElement(element, function (elem) {\n    //To prevent invoking element.resizeSensor.resetSensor if it's undefined\n    if (element.resizeSensor.resetSensor) {\n      elem.resizeSensor.resetSensor();\n    }\n  });\n};\n\nResizeSensor.detach = function (element, ev) {\n  forEachElement(element, function (elem) {\n    if (!elem) return;\n    if (elem.resizedAttached && typeof ev === 'function') {\n      elem.resizedAttached.remove(ev);\n      if (elem.resizedAttached.length()) return;\n    }\n    if (elem.resizeSensor) {\n      if (elem.contains(elem.resizeSensor)) {\n        elem.removeChild(elem.resizeSensor);\n      }\n      delete elem.resizeSensor;\n      delete elem.resizedAttached;\n    }\n  });\n};\n\nif (typeof MutationObserver !== 'undefined') {\n  let observer = new MutationObserver(function (mutations) {\n    for (let i in mutations) {\n      if (mutations.hasOwnProperty(i)) {\n        let items = mutations[i].addedNodes;\n        for (let j = 0; j < items.length; j++) {\n          if (items[j].resizeSensor) {\n            ResizeSensor.reset(items[j]);\n          }\n        }\n      }\n    }\n  });\n\n  document.addEventListener('DOMContentLoaded', function (event) {\n    observer.observe(document.body, {\n      childList: true,\n      subtree: true,\n    });\n  });\n}\n"],"mappings":"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"}
+{"version":3,"file":"ResizeSensor.js","names":["forEachElement","elements","callback","elementsType","Object","prototype","toString","call","isCollectionTyped","i","j","length","getElementSize","element","getBoundingClientRect","width","offsetWidth","height","offsetHeight","rect","Math","round","setStyle","style","keys","forEach","key","ResizeSensor","globalWindow","window","requestAnimationFrame","mozRequestAnimationFrame","webkitRequestAnimationFrame","fn","setTimeout","cancelAnimationFrame","mozCancelAnimationFrame","webkitCancelAnimationFrame","timer","clearTimeout","lastAnimationFrameForInvisibleCheck","EventQueue","q","add","ev","push","sizeInfo","remove","newQueue","attachResizeEvent","resized","resizedAttached","resizeSensor","document","createElement","dir","className","pointerEvents","position","left","top","right","bottom","overflow","zIndex","visibility","maxWidth","styleChild","transition","expand","expandChild","appendChild","shrink","shrinkChild","computedStyle","getComputedStyle","getPropertyValue","dirty","rafId","size","lastWidth","lastHeight","initialHiddenCheck","resetExpandShrink","scrollLeft","scrollTop","reset","invisible","resetSensor","onResized","onScroll","addEvent","el","name","cb","attachEvent","addEventListener","elem","detach","contains","removeChild","MutationObserver","observer","mutations","hasOwnProperty","items","addedNodes","event","observe","body","childList","subtree"],"sources":["../../src/utils/ResizeSensor.ts"],"sourcesContent":["// @ts-nocheck\n\n/**\n * Iterate over each of the provided element(s).\n *\n * @param {HTMLElement|HTMLElement[]} elements\n * @param {Function}                  callback\n */\nfunction forEachElement(elements, callback) {\n  let elementsType = Object.prototype.toString.call(elements);\n  let isCollectionTyped =\n    '[object Array]' === elementsType ||\n    '[object NodeList]' === elementsType ||\n    '[object HTMLCollection]' === elementsType ||\n    '[object Object]' === elementsType;\n  let i = 0,\n    j = elements.length;\n  if (isCollectionTyped) {\n    for (; i < j; i++) {\n      callback(elements[i]);\n    }\n  } else {\n    callback(elements);\n  }\n}\n\n/**\n * Get element size\n * @param {HTMLElement} element\n * @returns {Object} {width, height}\n */\nfunction getElementSize(element) {\n  if (!element.getBoundingClientRect) {\n    return {\n      width: element.offsetWidth,\n      height: element.offsetHeight,\n    };\n  }\n\n  let rect = element.getBoundingClientRect();\n  return {\n    width: Math.round(rect.width),\n    height: Math.round(rect.height),\n  };\n}\n\n/**\n * Apply CSS styles to element.\n *\n * @param {HTMLElement} element\n * @param {Object} style\n */\nfunction setStyle(element, style) {\n  Object.keys(style).forEach(function (key) {\n    element.style[key] = style[key];\n  });\n}\n\n/**\n * Class for dimension change detection.\n *\n * @param {Element|Element[]|Elements} element\n * @param {Function} callback\n *\n * @constructor\n */\nexport let ResizeSensor = function (element, callback) {\n  // https://github.com/marcj/css-element-queries/blob/master/src/ResizeSensor.js\n  // https://github.com/Semantic-Org/Semantic-UI/issues/3855\n  // https://github.com/marcj/css-element-queries/issues/257\n  let globalWindow = window;\n  // Only used for the dirty checking, so the event callback count is limited to max 1 call per fps per sensor.\n  // In combination with the event based resize sensor this saves cpu time, because the sensor is too fast and\n  // would generate too many unnecessary events.\n  let requestAnimationFrame =\n    globalWindow.requestAnimationFrame ||\n    globalWindow.mozRequestAnimationFrame ||\n    globalWindow.webkitRequestAnimationFrame ||\n    function (fn) {\n      return globalWindow.setTimeout(fn, 20);\n    };\n  let cancelAnimationFrame =\n    globalWindow.cancelAnimationFrame ||\n    globalWindow.mozCancelAnimationFrame ||\n    globalWindow.webkitCancelAnimationFrame ||\n    function (timer) {\n      globalWindow.clearTimeout(timer);\n    };\n\n  //Is used when checking in reset() only for invisible elements\n  let lastAnimationFrameForInvisibleCheck = 0;\n\n  /**\n   *\n   * @constructor\n   */\n  function EventQueue() {\n    let q = [];\n    this.add = function (ev) {\n      q.push(ev);\n    };\n\n    let i, j;\n    this.call = function (sizeInfo) {\n      for (i = 0, j = q.length; i < j; i++) {\n        q[i].call(this, sizeInfo);\n      }\n    };\n\n    this.remove = function (ev) {\n      let newQueue = [];\n      for (i = 0, j = q.length; i < j; i++) {\n        if (q[i] !== ev) newQueue.push(q[i]);\n      }\n      q = newQueue;\n    };\n\n    this.length = function () {\n      return q.length;\n    };\n  }\n\n  /**\n   *\n   * @param {HTMLElement} element\n   * @param {Function}    resized\n   */\n  function attachResizeEvent(element, resized) {\n    if (!element) return;\n    if (element.resizedAttached) {\n      element.resizedAttached.add(resized);\n      return;\n    }\n\n    element.resizedAttached = new EventQueue();\n    element.resizedAttached.add(resized);\n\n    element.resizeSensor = document.createElement('div');\n    element.resizeSensor.dir = 'ltr';\n    element.resizeSensor.className = 'resize-sensor';\n\n    let style = {\n      pointerEvents: 'none',\n      position: 'absolute',\n      left: '0px',\n      top: '0px',\n      right: '0px',\n      bottom: '0px',\n      overflow: 'hidden',\n      zIndex: '-1',\n      visibility: 'hidden',\n      maxWidth: '100%',\n    };\n    let styleChild = {\n      position: 'absolute',\n      left: '0px',\n      top: '0px',\n      transition: '0s',\n    };\n\n    setStyle(element.resizeSensor, style);\n\n    let expand = document.createElement('div');\n    expand.className = 'resize-sensor-expand';\n    setStyle(expand, style);\n\n    let expandChild = document.createElement('div');\n    setStyle(expandChild, styleChild);\n    expand.appendChild(expandChild);\n\n    let shrink = document.createElement('div');\n    shrink.className = 'resize-sensor-shrink';\n    setStyle(shrink, style);\n\n    let shrinkChild = document.createElement('div');\n    setStyle(shrinkChild, styleChild);\n    setStyle(shrinkChild, { width: '200%', height: '200%' });\n    shrink.appendChild(shrinkChild);\n\n    element.resizeSensor.appendChild(expand);\n    element.resizeSensor.appendChild(shrink);\n    element.appendChild(element.resizeSensor);\n\n    let computedStyle = window.getComputedStyle(element);\n    let position = computedStyle\n      ? computedStyle.getPropertyValue('position')\n      : null;\n    if (\n      'absolute' !== position &&\n      'relative' !== position &&\n      'fixed' !== position &&\n      'sticky' !== position\n    ) {\n      element.style.position = 'relative';\n    }\n\n    let dirty = false;\n\n    //last request animation frame id used in onscroll event\n    let rafId = 0;\n    let size = getElementSize(element);\n    let lastWidth = 0;\n    let lastHeight = 0;\n    let initialHiddenCheck = true;\n    lastAnimationFrameForInvisibleCheck = 0;\n\n    let resetExpandShrink = function () {\n      let width = element.offsetWidth;\n      let height = element.offsetHeight;\n\n      expandChild.style.width = width + 10 + 'px';\n      expandChild.style.height = height + 10 + 'px';\n\n      expand.scrollLeft = width + 10;\n      expand.scrollTop = height + 10;\n\n      shrink.scrollLeft = width + 10;\n      shrink.scrollTop = height + 10;\n    };\n\n    let reset = function () {\n      // Check if element is hidden\n      if (initialHiddenCheck) {\n        let invisible = element.offsetWidth === 0 && element.offsetHeight === 0;\n        if (invisible) {\n          // Check in next frame\n          if (!lastAnimationFrameForInvisibleCheck) {\n            lastAnimationFrameForInvisibleCheck = requestAnimationFrame(\n              function () {\n                lastAnimationFrameForInvisibleCheck = 0;\n                reset();\n              },\n            );\n          }\n\n          return;\n        } else {\n          // Stop checking\n          initialHiddenCheck = false;\n        }\n      }\n\n      resetExpandShrink();\n    };\n    element.resizeSensor.resetSensor = reset;\n\n    let onResized = function () {\n      rafId = 0;\n\n      if (!dirty) return;\n\n      lastWidth = size.width;\n      lastHeight = size.height;\n\n      if (element.resizedAttached) {\n        element.resizedAttached.call(size);\n      }\n    };\n\n    let onScroll = function () {\n      size = getElementSize(element);\n      dirty = size.width !== lastWidth || size.height !== lastHeight;\n\n      if (dirty && !rafId) {\n        rafId = requestAnimationFrame(onResized);\n      }\n\n      reset();\n    };\n\n    let addEvent = function (el, name, cb) {\n      if (el.attachEvent) {\n        el.attachEvent('on' + name, cb);\n      } else {\n        el.addEventListener(name, cb);\n      }\n    };\n\n    addEvent(expand, 'scroll', onScroll);\n    addEvent(shrink, 'scroll', onScroll);\n\n    // Fix for custom Elements and invisible elements\n    lastAnimationFrameForInvisibleCheck = requestAnimationFrame(function () {\n      lastAnimationFrameForInvisibleCheck = 0;\n      reset();\n    });\n  }\n\n  forEachElement(element, function (elem) {\n    attachResizeEvent(elem, callback);\n  });\n\n  this.detach = function (ev) {\n    // clean up the unfinished animation frame to prevent a potential endless requestAnimationFrame of reset\n    if (lastAnimationFrameForInvisibleCheck) {\n      cancelAnimationFrame(lastAnimationFrameForInvisibleCheck);\n      lastAnimationFrameForInvisibleCheck = 0;\n    }\n    ResizeSensor.detach(element, ev);\n  };\n\n  this.reset = function () {\n    //To prevent invoking element.resizeSensor.resetSensor if it's undefined\n    if (element.resizeSensor.resetSensor) {\n      element.resizeSensor.resetSensor();\n    }\n  };\n};\n\nResizeSensor.reset = function (element) {\n  forEachElement(element, function (elem) {\n    //To prevent invoking element.resizeSensor.resetSensor if it's undefined\n    if (element.resizeSensor.resetSensor) {\n      elem.resizeSensor.resetSensor();\n    }\n  });\n};\n\nResizeSensor.detach = function (element, ev) {\n  forEachElement(element, function (elem) {\n    if (!elem) return;\n    if (elem.resizedAttached && typeof ev === 'function') {\n      elem.resizedAttached.remove(ev);\n      if (elem.resizedAttached.length()) return;\n    }\n    if (elem.resizeSensor) {\n      if (elem.contains(elem.resizeSensor)) {\n        elem.removeChild(elem.resizeSensor);\n      }\n      delete elem.resizeSensor;\n      delete elem.resizedAttached;\n    }\n  });\n};\n\nif (typeof MutationObserver !== 'undefined') {\n  let observer = new MutationObserver(function (mutations) {\n    for (let i in mutations) {\n      if (mutations.hasOwnProperty(i)) {\n        let items = mutations[i].addedNodes;\n        for (let j = 0; j < items.length; j++) {\n          if (items[j].resizeSensor) {\n            ResizeSensor.reset(items[j]);\n          }\n        }\n      }\n    }\n  });\n\n  document.addEventListener('DOMContentLoaded', function (event) {\n    observer.observe(document.body, {\n      childList: true,\n      subtree: true,\n    });\n  });\n}\n"],"mappings":"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"}

package/dist/utils/colors.js

@@ -1,6 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.198.1 | Cube Dev Team */
 import { hslToSrgb, okhslToOklch, okhslToSrgb, okhstToOkhsl, oklabToOkhsl, parseHexAlpha } from "@tenphi/glaze";
-
 //#region src/utils/colors.ts
 /**
 * Reading a CSS color *literal* into channels — the layer under both the color
@@ -251,7 +250,7 @@ function toSrgbChannels(name, args) {
 		default: return null;
 	}
 }
-
 //#endregion
-export { anyNaN, clamp, maxChroma, normalizeHue, oklchToOkhsl, parseColorFunction, parseSrgbColor, readComponent, readHue, rgbFromSrgb };
+export { anyNaN, clamp, maxChroma, normalizeHue, oklchToOkhsl, parseColorFunction, parseSrgbColor, readAlpha, readComponent, readHue, rgbFromSrgb };
+
 //# sourceMappingURL=colors.js.map