@tenphi/tasty 3.3.1 → 3.4.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["modAttrs","getClientState"],"sources":["../src/utils/get-display-name.ts","../src/utils/is-valid-element-type.ts","../src/tasty.tsx","../src/hooks/useStyles.ts","../src/utils/client-state.ts","../src/hooks/useGlobalStyles.ts","../src/utils/deps-equal.ts","../src/hooks/useRawCSS.ts","../src/hooks/useKeyframes.ts","../src/hooks/useProperty.ts","../src/hooks/useFontFace.ts","../src/hooks/useCounterStyle.ts","../src/hooks/useFunction.ts","../src/batch-provider.tsx"],"sourcesContent":["import type { ElementType } from 'react';\n\nconst DEFAULT_NAME = 'Anonymous';\n\nexport function getDisplayName<T>(\n  Component: ElementType<T>,\n  fallbackName = DEFAULT_NAME,\n): string {\n  if (typeof Component === 'function') {\n    return Component.displayName ?? Component.name ?? fallbackName;\n  }\n\n  return fallbackName;\n}\n","/**\n * Lightweight replacement for `react-is`'s isValidElementType.\n * Detects string tags, function/class components, and React exotic types\n * (forwardRef, memo, lazy, etc.) via their internal $$typeof symbol.\n */\nexport function isValidElementType(value: unknown): boolean {\n  if (typeof value === 'string' || typeof value === 'function') {\n    return true;\n  }\n\n  if (typeof value === 'object' && value !== null) {\n    return typeof (value as { $$typeof?: unknown }).$$typeof === 'symbol';\n  }\n\n  return false;\n}\n","import type {\n  AllHTMLAttributes,\n  ComponentType,\n  ElementType,\n  ForwardRefExoticComponent,\n  JSX,\n  PropsWithoutRef,\n  RefAttributes,\n} from 'react';\nimport { createElement, forwardRef, Fragment } from 'react';\nimport type { ComputeStylesResult } from './compute-styles';\nimport { computeStyles } from './compute-styles';\nimport type { PropHandlerProps } from './prop-handlers';\nimport { propHandlerRegistry } from './prop-handlers';\nimport { baseStylePropsRegistry } from './styles/base-props';\nimport { BASE_STYLES } from './styles/list';\nimport type { Styles, StylesInterface } from './styles/types';\nimport type {\n  AllBaseProps,\n  BaseProps,\n  BaseStyleProps,\n  ExtraBaseStyleProps,\n  ModValue,\n  Mods,\n  TastyCustomProps,\n  TokenValue,\n  Tokens,\n} from './types';\nimport { getDisplayName } from './utils/get-display-name';\nimport { isValidElementType } from './utils/is-valid-element-type';\nimport { mergeStyles } from './utils/merge-styles';\nimport { isSelector } from './pipeline';\nimport { hasKeys } from './utils/has-keys';\nimport { modAttrs } from './utils/mod-attrs';\nimport { processTokens } from './utils/process-tokens';\nimport { getConfig } from './config';\nimport { touch } from './injector';\n\nimport type { StyleValue, StyleValueStateMap } from './utils/styles';\n\n/**\n * Mapping of is* properties to their corresponding HTML attributes\n */\nconst IS_PROPERTIES_MAP = {\n  isDisabled: 'disabled',\n  isHidden: 'hidden',\n  isChecked: 'checked',\n} as const;\n\n/**\n * Precalculated entries for performance optimization\n */\nconst IS_PROPERTIES_ENTRIES = Object.entries(IS_PROPERTIES_MAP);\n\n/**\n * Helper function to handle is* properties consistently\n * Transforms is* props to HTML attributes and adds corresponding data-* attributes\n */\nfunction handleIsProperties(props: Record<string, unknown>) {\n  for (const [isProperty, targetAttribute] of IS_PROPERTIES_ENTRIES) {\n    if (isProperty in props) {\n      props[targetAttribute] = props[isProperty];\n      delete props[isProperty];\n    }\n\n    // Add data-* attribute if target attribute is truthy and doesn't already exist\n    const dataAttribute = `data-${targetAttribute}`;\n    if (!(dataAttribute in props) && props[targetAttribute]) {\n      props[dataAttribute] = '';\n    }\n  }\n}\n\n/**\n * Creates a sub-element component for compound component patterns.\n * Sub-elements are lightweight components with data-element attribute for CSS targeting.\n */\nfunction createSubElement<Tag extends keyof JSX.IntrinsicElements>(\n  elementName: string,\n  definition: SubElementDefinition<Tag>,\n): ForwardRefExoticComponent<\n  PropsWithoutRef<SubElementProps<Tag>> & RefAttributes<unknown>\n> {\n  // Normalize definition to object form\n  const config =\n    typeof definition === 'string'\n      ? { as: definition as Tag }\n      : (definition as { as?: Tag; qa?: string; qaVal?: string | number });\n\n  const tag = config.as ?? ('div' as Tag);\n  const defaultQa = config.qa;\n  const defaultQaVal = config.qaVal;\n\n  const SubElement = forwardRef<unknown, SubElementProps<Tag>>((props, ref) => {\n    const {\n      qa,\n      qaVal,\n      mods,\n      tokens,\n      isDisabled,\n      isHidden,\n      isChecked,\n      className,\n      style,\n      ...htmlProps\n    } = props as SubElementProps<Tag> & {\n      className?: string;\n      style?: Record<string, unknown>;\n    };\n\n    // Build mod attributes\n    let modDataAttrs: Record<string, unknown> | undefined;\n    if (mods) {\n      modDataAttrs = modAttrs(mods as Mods) as Record<string, unknown>;\n    }\n\n    // Process tokens into inline style properties\n    const tokenStyle = tokens\n      ? (processTokens(tokens) as Record<string, unknown>)\n      : undefined;\n\n    // Merge token styles with explicit style prop (style has priority)\n    let mergedStyle: Record<string, unknown> | undefined;\n    if (tokenStyle || style) {\n      mergedStyle =\n        tokenStyle && style\n          ? { ...tokenStyle, ...style }\n          : ((tokenStyle ?? style) as Record<string, unknown>);\n    }\n\n    const elementProps = {\n      'data-element': elementName,\n      'data-qa': qa ?? defaultQa,\n      'data-qaval': qaVal ?? defaultQaVal,\n      ...(modDataAttrs || {}),\n      ...htmlProps,\n      className,\n      style: mergedStyle,\n      isDisabled,\n      isHidden,\n      isChecked,\n      ref,\n    } as Record<string, unknown>;\n\n    // Handle is* properties (isDisabled -> disabled + data-disabled, etc.)\n    handleIsProperties(elementProps);\n\n    // Clean up undefined data attributes\n    if (elementProps['data-qa'] === undefined) delete elementProps['data-qa'];\n    if (elementProps['data-qaval'] === undefined)\n      delete elementProps['data-qaval'];\n\n    return createElement(tag, elementProps);\n  });\n\n  SubElement.displayName = `SubElement(${elementName})`;\n\n  return SubElement as ForwardRefExoticComponent<\n    PropsWithoutRef<SubElementProps<Tag>> & RefAttributes<unknown>\n  >;\n}\n\ntype StyleList = readonly (keyof {\n  [key in keyof StylesInterface]: StylesInterface[key];\n})[];\n\n// ============================================================================\n// Mod props types — expose modifier keys as top-level component props\n// ============================================================================\n\n/** Type descriptor for a single mod prop: a JS constructor or an enum array. */\nexport type ModPropDef =\n  | BooleanConstructor\n  | StringConstructor\n  | NumberConstructor\n  | readonly string[];\n\n/** Array form: list of mod key names (types default to ModValue). */\ntype ModPropsList = readonly string[];\n\n/** Object form: map of mod key names to type descriptors. */\ntype ModPropsMap = Readonly<Record<string, ModPropDef>>;\n\n/** Either array or object form accepted by `modProps` option. */\nexport type ModPropsInput = ModPropsList | ModPropsMap;\n\n/** Resolve a single ModPropDef to its TypeScript type. */\nexport type ResolveModPropDef<T> = T extends BooleanConstructor\n  ? boolean\n  : T extends StringConstructor\n    ? string\n    : T extends NumberConstructor\n      ? number\n      : T extends readonly (infer U)[]\n        ? U\n        : ModValue;\n\n/** Resolve an entire `modProps` definition to the component prop types it adds. */\nexport type ResolveModProps<M extends ModPropsInput> =\n  M extends readonly (infer K)[]\n    ? Partial<Record<K & string, ModValue>>\n    : M extends Record<string, ModPropDef>\n      ? { [key in keyof M & string]?: ResolveModPropDef<M[key]> }\n      : // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n        {};\n\n// ============================================================================\n// Token props types — expose token keys as top-level component props\n// ============================================================================\n\n/** A token key with `$` or `#` prefix. */\ntype TokenPropKey = `$${string}` | `#${string}`;\n\n/** Array form: list of prop names. Names ending in `Color` map to `#` color tokens. */\ntype TokenPropsList = readonly string[];\n\n/** Object form: prop name -> token key with explicit `$`/`#` prefix. */\ntype TokenPropsMap = Readonly<Record<string, TokenPropKey>>;\n\n/** Either array or object form accepted by `tokenProps` option. */\nexport type TokenPropsInput = TokenPropsList | TokenPropsMap;\n\n/** Resolve a `tokenProps` definition to the component prop types it adds. */\nexport type ResolveTokenProps<TP extends TokenPropsInput> =\n  TP extends readonly (infer K)[]\n    ? Partial<Record<K & string, TokenValue>>\n    : TP extends Record<string, TokenPropKey>\n      ? Partial<Record<keyof TP & string, TokenValue>>\n      : // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n        {};\n\n/**\n * Pre-compute the mapping from prop name to token key at component-creation time.\n * Array form: `'progress'` -> `'$progress'`, `'accentColor'` -> `'#accent'`.\n * Object form: entries used as-is.\n */\nfunction buildTokenPropsMapping(\n  def: TokenPropsInput,\n): [propName: string, tokenKey: string][] {\n  if (Array.isArray(def)) {\n    return (def as string[]).map((propName) => {\n      if (propName.endsWith('Color') && propName.length > 5) {\n        return [propName, `#${propName.slice(0, -5)}`];\n      }\n      return [propName, `$${propName}`];\n    });\n  }\n  return Object.entries(def);\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype AnyProps = Record<string, any>;\n\ntype PropsWithStyles = {\n  styles?: Styles;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n} & Omit<Record<string, any>, 'styles'>;\n\nexport type VariantMap = Record<string, Styles>;\n\nexport interface WithVariant<V extends VariantMap> {\n  variant?: keyof V;\n}\n\n// ============================================================================\n// Sub-element types for compound components\n// ============================================================================\n\n/**\n * Definition for a sub-element. Can be either:\n * - A tag name string (e.g., 'div', 'span')\n * - An object with configuration options\n */\nexport type SubElementDefinition<\n  Tag extends keyof JSX.IntrinsicElements = 'div',\n> =\n  | Tag\n  | {\n      as?: Tag;\n      qa?: string;\n      qaVal?: string | number;\n    };\n\n/**\n * Map of sub-element definitions.\n * Keys become the sub-component names (e.g., { Icon: 'span' } -> Component.Icon)\n */\nexport type ElementsDefinition = Record<\n  string,\n  SubElementDefinition<keyof JSX.IntrinsicElements>\n>;\n\n/**\n * Resolves the tag from a SubElementDefinition\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype ResolveElementTag<T extends SubElementDefinition<any>> = T extends string\n  ? T\n  : T extends { as?: infer Tag }\n    ? Tag extends keyof JSX.IntrinsicElements\n      ? Tag\n      : 'div'\n    : 'div';\n\n/**\n * Props for sub-element components.\n * Combines HTML attributes with tasty-specific props (qa, qaVal, mods, tokens, isDisabled, etc.)\n */\nexport type SubElementProps<Tag extends keyof JSX.IntrinsicElements = 'div'> =\n  Omit<\n    JSX.IntrinsicElements[Tag],\n    'ref' | 'color' | 'content' | 'translate'\n  > & {\n    qa?: string;\n    qaVal?: string | number;\n    mods?: Mods;\n    tokens?: Tokens;\n    isDisabled?: boolean;\n    isHidden?: boolean;\n    isChecked?: boolean;\n  };\n\n/**\n * Generates the sub-element component types from an ElementsDefinition\n */\ntype SubElementComponents<E extends ElementsDefinition> = {\n  [K in keyof E]: ForwardRefExoticComponent<\n    PropsWithoutRef<SubElementProps<ResolveElementTag<E[K]>>> &\n      RefAttributes<\n        ResolveElementTag<E[K]> extends keyof HTMLElementTagNameMap\n          ? HTMLElementTagNameMap[ResolveElementTag<E[K]>]\n          : Element\n      >\n  >;\n};\n\n/**\n * Base type containing common properties shared between TastyProps and TastyElementOptions.\n * Separated to avoid code duplication while allowing different type constraints.\n */\ntype TastyBaseProps<\n  K extends StyleList,\n  V extends VariantMap,\n  E extends ElementsDefinition = Record<string, never>,\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n> = {\n  /** Default styles of the element. */\n  styles?: Styles;\n  /** The list of styles that can be provided by props */\n  styleProps?: K;\n  /** Modifier keys exposed as top-level component props (array or typed object form). */\n  modProps?: M;\n  /** Token keys exposed as top-level component props (array or typed object form). */\n  tokenProps?: TP;\n  element?: BaseProps['element'];\n  variants?: V;\n  /** Default tokens for inline CSS custom properties */\n  tokens?: Tokens;\n  /** Sub-element definitions for compound components */\n  elements?: E;\n} & Pick<BaseProps, 'qa' | 'qaVal'> &\n  WithVariant<V>;\n\nexport type TastyProps<\n  K extends StyleList,\n  V extends VariantMap,\n  E extends ElementsDefinition = Record<string, never>,\n  DefaultProps = AnyProps,\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n> = TastyBaseProps<K, V, E, M, TP> & {\n  /** The tag name of the element or a React component. */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  as?: string | ComponentType<any>;\n} & Partial<\n    Omit<\n      DefaultProps,\n      'as' | 'styles' | 'styleProps' | 'modProps' | 'tokenProps' | 'tokens'\n    >\n  >;\n\n/**\n * Resolves the props of a polymorphic `as` value (intrinsic tag or component).\n * - For intrinsic tags (`'div'`, `'button'`, ...): returns `JSX.IntrinsicElements[Tag]`.\n * - For React component types: returns the component's own props.\n * - Falls back to an empty record for anything else.\n */\nexport type ResolveAsProps<AsType extends ElementType> =\n  AsType extends keyof JSX.IntrinsicElements\n    ? JSX.IntrinsicElements[AsType]\n    : AsType extends ComponentType<infer P>\n      ? P\n      : Record<string, never>;\n\n/**\n * TastyElementOptions is used for the element-creation overload of tasty().\n * It includes an `AsType` generic that allows TypeScript to infer the correct\n * element type from the `as` prop — both for intrinsic tags and for React\n * components (so the wrapped component's prop API is preserved).\n *\n * Note: Uses a separate index signature with `unknown` instead of an `any`\n * record to ensure strict type checking for styles.\n */\nexport type TastyElementOptions<\n  K extends StyleList,\n  V extends VariantMap,\n  E extends ElementsDefinition = Record<string, never>,\n  AsType extends ElementType = 'div',\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n> = TastyBaseProps<K, V, E, M, TP> & {\n  /** The tag name of the element or a React component. */\n  as?: AsType;\n} & Record<string, unknown>;\n\nexport type AllBasePropsWithMods<\n  K extends StyleList,\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n> = AllBaseProps & {\n  [key in K[number]]?:\n    | StyleValue<StylesInterface[key]>\n    | StyleValueStateMap<StylesInterface[key]>;\n} & BaseStyleProps &\n  ExtraBaseStyleProps &\n  Partial<TastyCustomProps> &\n  ResolveModProps<M> &\n  ResolveTokenProps<TP>;\n\n/**\n * Keys from BasePropsWithoutChildren that should be omitted from HTML attributes.\n * This excludes event handlers so they can be properly typed from JSX.IntrinsicElements.\n */\ntype TastySpecificKeys =\n  | 'as'\n  | 'qa'\n  | 'qaVal'\n  | 'element'\n  | 'styles'\n  | 'mods'\n  | 'isHidden'\n  | 'isDisabled'\n  | 'isChecked'\n  | 'style'\n  | 'theme'\n  | 'tokens'\n  | 'ref'\n  | 'color';\n\n/** Extract prop key names from a ModPropsInput (array elements or object keys). */\ntype ModPropsKeys<M extends ModPropsInput> = M extends readonly (infer K)[]\n  ? K & string\n  : keyof M & string;\n\n/** Extract prop key names from a TokenPropsInput (array elements or object keys). */\ntype TokenPropsKeys<TP extends TokenPropsInput> =\n  TP extends readonly (infer K)[] ? K & string : keyof TP & string;\n\n/**\n * Props type for tasty elements that combines:\n * - AllBasePropsWithMods for style props with strict tokens type\n * - HTML attributes for flexibility (properly typed based on `as`)\n * - Variant support\n *\n * AllBasePropsWithMods carries generic AllHTMLAttributes which can conflict\n * with element-specific types (e.g. `src` is `string` in AllHTMLAttributes but\n * `string | Blob` in ImgHTMLAttributes, or the custom props on a third-party\n * component like Next.js `Link`). To avoid intersection-narrowing, we Omit\n * element-specific keys from AllBasePropsWithMods (keeping TastySpecificKeys,\n * style props, mod props, and token props) and let the resolved `as` props\n * supply the authoritative attribute types. The `AllHTMLAttributes<HTMLElement>`\n * baseline is preserved so generic HTML attributes still work even when `as`\n * is a component type with a narrower prop API.\n */\nexport type TastyElementProps<\n  K extends StyleList,\n  V extends VariantMap,\n  AsType extends ElementType = 'div',\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n> = Omit<\n  AllBasePropsWithMods<K, M, TP>,\n  Exclude<\n    keyof ResolveAsProps<AsType>,\n    | TastySpecificKeys\n    | keyof TastyCustomProps\n    | keyof ExtraBaseStyleProps\n    | K[number]\n    | ModPropsKeys<M>\n    | TokenPropsKeys<TP>\n  >\n> &\n  WithVariant<V> &\n  Omit<\n    Omit<AllHTMLAttributes<HTMLElement>, keyof ResolveAsProps<AsType>> &\n      ResolveAsProps<AsType>,\n    | TastySpecificKeys\n    | keyof TastyCustomProps\n    | keyof ExtraBaseStyleProps\n    | K[number]\n    | ModPropsKeys<M>\n    | TokenPropsKeys<TP>\n  >;\n\nexport type TastyComponentPropsWithDefaults<\n  Props extends PropsWithStyles,\n  DefaultProps extends Partial<Props>,\n> = keyof DefaultProps extends never\n  ? Props\n  : {\n      [key in Extract<keyof Props, keyof DefaultProps>]?: Props[key];\n    } & {\n      [key in keyof Omit<Props, keyof DefaultProps>]: Props[key];\n    };\n\n/**\n * The component type returned by the `tasty(options)` element-factory overload.\n *\n * It's a regular React forward-ref component whose props are typed from the\n * factory-time `as` value. Polymorphism is at factory time: each call to\n * `tasty({ as: X })` produces a component whose prop API includes `X`'s own\n * props (so `tasty({ as: NextLink })` exposes `href`, `replace`, `prefetch`,\n * etc.) alongside the Tasty-specific props (`mods`, `tokens`, `styleProps`,\n * `modProps`, `tokenProps`).\n *\n * Note: a render-time `<X as={SomeComponent} />` does not re-infer props from\n * `SomeComponent`; create another `tasty({ as: SomeComponent })` for that.\n */\nexport type TastyPolymorphicComponent<\n  DefaultAs extends ElementType,\n  K extends StyleList,\n  V extends VariantMap,\n  M extends ModPropsInput,\n  TP extends TokenPropsInput,\n> = ForwardRefExoticComponent<\n  PropsWithoutRef<TastyElementProps<K, V, DefaultAs, M, TP>> &\n    RefAttributes<unknown>\n>;\n\nexport function tasty<\n  K extends StyleList,\n  V extends VariantMap,\n  E extends ElementsDefinition = Record<string, never>,\n  AsType extends ElementType = 'div',\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n>(\n  options: TastyElementOptions<K, V, E, AsType, M, TP>,\n  secondArg?: never,\n): TastyPolymorphicComponent<AsType, K, V, M, TP> & SubElementComponents<E>;\nexport function tasty<\n  Props extends PropsWithStyles,\n  DefaultProps extends Partial<Props> = Partial<Props>,\n  K extends StyleList = readonly never[],\n  V extends VariantMap = VariantMap,\n  E extends ElementsDefinition = Record<string, never>,\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n>(\n  Component: ComponentType<Props>,\n  options?: TastyProps<K, V, E, Props, M, TP>,\n): ComponentType<TastyComponentPropsWithDefaults<Props, DefaultProps>>;\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// Implementation\nexport function tasty<\n  K extends StyleList,\n  V extends VariantMap,\n  _C = Record<string, unknown>,\n>(Component: any, options?: any) {\n  if (isValidElementType(Component)) {\n    return tastyWrap(Component as ComponentType<any>, options);\n  }\n\n  return tastyElement(Component as TastyProps<K, V>);\n}\n\nfunction tastyWrap<\n  P extends PropsWithStyles,\n  DefaultProps extends Partial<P> = Partial<P>,\n  K extends StyleList = readonly never[],\n  V extends VariantMap = VariantMap,\n  E extends ElementsDefinition = Record<string, never>,\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n>(\n  Component: ComponentType<P>,\n  options?: TastyProps<K, V, E, P, M, TP>,\n): ComponentType<TastyComponentPropsWithDefaults<P, DefaultProps>> {\n  // The wrap path forwards default props + merges `styles`/`*Styles` props.\n  // Factory-only options (`styleProps`, `modProps`, `tokenProps`, `variants`,\n  // `elements`) are stripped here, not forwarded to the wrapped component.\n  const {\n    as: extendTag,\n    element: extendElement,\n    styleProps: _styleProps,\n    modProps: _modProps,\n    tokenProps: _tokenProps,\n    variants: _variants,\n    elements: _elements,\n    ...defaultProps\n  } = (options ?? {}) as TastyProps<K, V, E, P, M, TP>;\n\n  const propsWithStyles = ['styles'].concat(\n    Object.keys(defaultProps).filter((prop) => prop.endsWith('Styles')),\n  );\n\n  const _WrappedComponent = forwardRef<any, any>((props, ref) => {\n    const { as, element, ...restProps } = props as Record<string, unknown>;\n\n    const mergedStylesMap = propsWithStyles.reduce(\n      (map, prop) => {\n        const restValue = (restProps as any)[prop];\n        const defaultValue = (defaultProps as any)[prop];\n\n        if (restValue != null && defaultValue != null) {\n          (map as any)[prop] = mergeStyles(defaultValue, restValue);\n        } else {\n          (map as any)[prop] = restValue ?? defaultValue;\n        }\n\n        return map;\n      },\n      {} as Record<string, unknown>,\n    );\n\n    const elementProps = {\n      ...(defaultProps as unknown as Record<string, unknown>),\n      ...(restProps as unknown as Record<string, unknown>),\n      ...mergedStylesMap,\n      as: (as as string | undefined) ?? extendTag,\n      element: (element as string | undefined) || extendElement,\n      ref,\n    } as unknown as P;\n\n    return createElement(Component as ComponentType<P>, elementProps);\n  });\n\n  _WrappedComponent.displayName = `TastyWrappedComponent(${getDisplayName(\n    Component,\n    (defaultProps as any).qa ?? (extendTag as any) ?? 'Anonymous',\n  )})`;\n\n  return _WrappedComponent as unknown as ComponentType<\n    TastyComponentPropsWithDefaults<P, DefaultProps>\n  >;\n}\n\nfunction tastyElement<\n  K extends StyleList,\n  V extends VariantMap,\n  E extends ElementsDefinition,\n>(tastyOptions: TastyProps<K, V, E>) {\n  const {\n    as: originalAs = 'div',\n    element: defaultElement,\n    styles: defaultStyles,\n    styleProps,\n    modProps: modPropsDef,\n    tokenProps: tokenPropsDef,\n    variants,\n    tokens: defaultTokens,\n    elements,\n    ...defaultProps\n  } = tastyOptions;\n\n  // Pre-compute merged styles for each variant (if variants are defined)\n  // This avoids creating separate component instances per variant\n  let variantStylesMap: Record<string, Styles | undefined> | undefined;\n  if (variants) {\n    // Split defaultStyles: extend-mode state maps (no '' key, non-selector)\n    // are pulled out and applied AFTER variant merge so they survive\n    // replace-mode maps in variants.\n    let baseStyles = defaultStyles;\n    let extensionStyles: Styles | undefined;\n\n    if (defaultStyles) {\n      for (const key of Object.keys(defaultStyles)) {\n        if (isSelector(key)) continue;\n\n        const value = (defaultStyles as Record<string, unknown>)[key];\n\n        if (\n          typeof value === 'object' &&\n          value !== null &&\n          !Array.isArray(value) &&\n          !('' in value)\n        ) {\n          if (!extensionStyles) {\n            baseStyles = { ...defaultStyles } as Styles;\n            extensionStyles = {} as Styles;\n          }\n          (extensionStyles as Record<string, unknown>)[key] = value;\n          delete (baseStyles as Record<string, unknown>)[key];\n        }\n      }\n    }\n\n    const variantEntries = Object.entries(variants) as [string, Styles][];\n    variantStylesMap = variantEntries.reduce(\n      (map, [variant, variantStyles]) => {\n        map[variant] = extensionStyles\n          ? mergeStyles(baseStyles, variantStyles, extensionStyles)\n          : mergeStyles(baseStyles, variantStyles);\n        return map;\n      },\n      {} as Record<string, Styles | undefined>,\n    );\n    // Ensure 'default' variant always exists\n    if (!variantStylesMap['default']) {\n      variantStylesMap['default'] = defaultStyles;\n    }\n  }\n\n  const {\n    qa: defaultQa,\n    qaVal: defaultQaVal,\n    ...otherDefaultProps\n  } = defaultProps ?? {};\n\n  // Fixed at factory-creation time — no dependency on global config.\n  const ownPropsToCheck: readonly string[] = styleProps\n    ? (styleProps as StyleList).concat(BASE_STYLES)\n    : BASE_STYLES;\n\n  // Resolved lazily and refreshed on registry version change. `configure()` can\n  // run *after* this factory was created (module eval order — see `Element` at\n  // the bottom of this file), and `resetConfig()` reopens configuration, so a\n  // one-shot lazy init would go stale. Starts at -1 to force first resolution.\n  let propsToCheck: readonly string[] = ownPropsToCheck;\n  let propsToCheckVersion = -1;\n\n  const modPropsKeys: string[] | undefined = modPropsDef\n    ? ((Array.isArray(modPropsDef)\n        ? modPropsDef\n        : Object.keys(modPropsDef)) as string[])\n    : undefined;\n\n  const tokenPropsMapping: [string, string][] | undefined = tokenPropsDef\n    ? buildTokenPropsMapping(tokenPropsDef as TokenPropsInput)\n    : undefined;\n\n  // Factory-level cache: maps stable style references to computed classNames.\n  // For the common case (no instance overrides), this avoids recomputation.\n  const classNameCache = new Map<Styles | undefined, string>();\n\n  const _TastyComponent = forwardRef<\n    unknown,\n    AllBasePropsWithMods<K> & WithVariant<V>\n  >((incomingProps, ref) => {\n    // Global props middleware (`configure({ propHandlers })`). Runs before any\n    // destructuring so a handler can rewrite every tasty prop — `styles`, `mods`,\n    // `tokens`, `variant`, `as`, `element`, `qa` — and strip its own custom props\n    // so they never reach the DOM. `ref` is out of reach: forwardRef separates it.\n    // Fast path while nothing is registered: one property load and one branch.\n    const applyPropHandlers = propHandlerRegistry.apply;\n    const allProps = applyPropHandlers\n      ? (applyPropHandlers(\n          incomingProps as unknown as PropHandlerProps,\n        ) as unknown as typeof incomingProps)\n      : incomingProps;\n\n    const {\n      as,\n      styles: rawStyles,\n      variant,\n      mods,\n      element,\n      qa,\n      qaVal,\n      className: userClassName,\n      tokens,\n      style,\n      theme,\n      ...otherProps\n    } = allProps as Record<string, unknown> as AllBasePropsWithMods<K> &\n      WithVariant<V> & {\n        className?: string;\n        tokens?: Tokens;\n        style?: Record<string, unknown>;\n        theme?: string;\n      };\n\n    let styles = rawStyles;\n\n    let propStyles: Styles | null = null;\n\n    if (propsToCheckVersion !== baseStylePropsRegistry.version) {\n      const promoted = baseStylePropsRegistry.list;\n\n      propsToCheck =\n        promoted.length === 0\n          ? ownPropsToCheck\n          : ownPropsToCheck.concat(promoted);\n      propsToCheckVersion = baseStylePropsRegistry.version;\n    }\n\n    for (const prop of propsToCheck) {\n      const key = prop as unknown as string;\n\n      if (key in otherProps) {\n        if (!propStyles) propStyles = {};\n        const value = (otherProps as any)[key];\n        (propStyles as any)[key] = value;\n        delete (otherProps as any)[key];\n      }\n    }\n\n    if (!styles || (styles && !hasKeys(styles as Record<string, unknown>))) {\n      styles = undefined as unknown as Styles;\n    }\n\n    let propMods: Record<string, ModValue> | undefined;\n    if (modPropsKeys) {\n      for (const key of modPropsKeys) {\n        if (key in otherProps) {\n          if (!propMods) propMods = {};\n          propMods[key] = (otherProps as Record<string, unknown>)[\n            key\n          ] as ModValue;\n          delete (otherProps as Record<string, unknown>)[key];\n        }\n      }\n    }\n\n    let propTokens: Tokens | undefined;\n    if (tokenPropsMapping) {\n      for (const [propName, tokenKey] of tokenPropsMapping) {\n        if (propName in otherProps) {\n          if (!propTokens) propTokens = {} as Tokens;\n          (propTokens as Record<string, TokenValue>)[tokenKey] = (\n            otherProps as Record<string, unknown>\n          )[propName] as TokenValue;\n          delete (otherProps as Record<string, unknown>)[propName];\n        }\n      }\n    }\n\n    const baseStyles = variantStylesMap\n      ? (variantStylesMap[(variant as string) || 'default'] ??\n        variantStylesMap['default'])\n      : defaultStyles;\n\n    const hasInstanceStyles =\n      styles && hasKeys(styles as Record<string, unknown>);\n    const hasPropStyles = propStyles && hasKeys(propStyles);\n\n    const allStyles =\n      hasInstanceStyles || hasPropStyles\n        ? mergeStyles(baseStyles, styles as Styles, propStyles as Styles)\n        : baseStyles;\n\n    // Use factory-level cache for stable style references (client only).\n    // On the server the cache must be skipped: both the SSR collector and\n    // the RSC inline-style paths are per-request, so every request must\n    // call computeStyles() to ensure CSS is actually collected/emitted.\n    const useFactoryCache = typeof document !== 'undefined';\n    let stylesResult: ComputeStylesResult;\n    if (\n      useFactoryCache &&\n      allStyles === baseStyles &&\n      classNameCache.has(allStyles)\n    ) {\n      stylesResult = { className: classNameCache.get(allStyles)! };\n      touch(stylesResult.className);\n    } else {\n      stylesResult = computeStyles(allStyles);\n      if (useFactoryCache && allStyles === baseStyles) {\n        classNameCache.set(allStyles, stylesResult.className);\n      }\n    }\n\n    // Merge tokens: default -> instance -> tokenProps\n    let mergedTokens: Tokens | undefined;\n    if (defaultTokens || tokens || propTokens) {\n      if (!defaultTokens && !propTokens) {\n        mergedTokens = tokens as Tokens;\n      } else if (!tokens && !propTokens) {\n        mergedTokens = defaultTokens;\n      } else {\n        mergedTokens = {\n          ...defaultTokens,\n          ...(tokens as Tokens),\n          ...propTokens,\n        } as Tokens;\n      }\n    }\n\n    const processedTokenStyle = processTokens(mergedTokens);\n\n    let mergedStyle: Record<string, unknown> | undefined;\n    if (processedTokenStyle || style) {\n      if (!processedTokenStyle) {\n        mergedStyle = style;\n      } else if (!style) {\n        mergedStyle = processedTokenStyle as Record<string, unknown>;\n      } else {\n        mergedStyle = {\n          ...(processedTokenStyle as Record<string, unknown>),\n          ...style,\n        };\n      }\n    }\n\n    const mergedMods = propMods\n      ? { ...(mods as Record<string, ModValue>), ...propMods }\n      : (mods as Record<string, ModValue> | undefined);\n\n    let modDataAttrs: Record<string, unknown> | undefined;\n    if (mergedMods) {\n      modDataAttrs = modAttrs(mergedMods as unknown as Mods) as Record<\n        string,\n        unknown\n      >;\n    }\n\n    const finalClassName = [\n      (userClassName as string) || '',\n      stylesResult.className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const elementProps = {\n      'data-element': (element as string | undefined) || defaultElement,\n      'data-qa': (qa as string | undefined) || defaultQa,\n      'data-qaval': (qaVal as string | undefined) || defaultQaVal,\n      'data-theme': theme,\n      ...(otherDefaultProps as unknown as Record<string, unknown>),\n      ...(modDataAttrs || {}),\n      ...(otherProps as unknown as Record<string, unknown>),\n      className: finalClassName,\n      style: mergedStyle,\n      ref,\n    } as Record<string, unknown>;\n\n    handleIsProperties(elementProps);\n\n    if (elementProps['data-theme'] === undefined) {\n      delete elementProps['data-theme'];\n    }\n\n    const el = createElement(\n      (as as string | 'div') ?? originalAs,\n      elementProps,\n    );\n\n    // RSC mode: wrap element with inline <style> tag.\n    // Class names are extracted from these tags on the client via\n    // the doubled-specificity pattern (.tXXX.tXXX), so no <script> is needed.\n    if (stylesResult.css) {\n      const nonce = getConfig().nonce;\n\n      return createElement(\n        Fragment,\n        null,\n        createElement('style', {\n          'data-tasty-rsc': '',\n          nonce,\n          dangerouslySetInnerHTML: { __html: stylesResult.css },\n        }),\n        el,\n      );\n    }\n\n    return el;\n  });\n\n  _TastyComponent.displayName = `TastyComponent(${\n    (defaultProps as any).qa || originalAs\n  })`;\n\n  // Attach sub-element components if elements are defined\n  if (elements) {\n    const subElements = Object.entries(elements).reduce(\n      (acc, [name, definition]) => {\n        acc[name] = createSubElement(\n          name,\n          definition as SubElementDefinition<keyof JSX.IntrinsicElements>,\n        );\n        return acc;\n      },\n      {} as Record<string, ForwardRefExoticComponent<any>>,\n    );\n\n    return Object.assign(_TastyComponent, subElements);\n  }\n\n  return _TastyComponent;\n}\n\nexport const Element = tasty({});\n","import { useContext } from 'react';\n\nimport { computeStyles } from '../compute-styles';\nimport { getTastySSRContext } from '../ssr/context';\nimport type { Styles } from '../styles/types';\n\nexport interface UseStylesResult {\n  /**\n   * Generated className(s) to apply to the element.\n   * Can be empty string if no styles are provided.\n   * With chunking enabled, may contain multiple space-separated class names.\n   */\n  className: string;\n}\n\n/**\n * Hook to generate CSS classes from Tasty styles.\n * Thin wrapper around `computeStyles()` that adds React context-based\n * SSR collector discovery for backward compatibility with TastyRegistry.\n *\n * For hook-free usage (e.g. in server components), use `computeStyles()` directly.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { className } = useStyles({\n *     padding: '2x',\n *     fill: '#purple',\n *     radius: '1r',\n *   });\n *\n *   return <div className={className}>Styled content</div>;\n * }\n * ```\n */\nexport function useStyles(\n  styles: Styles | undefined,\n  options?: { root?: Document | ShadowRoot },\n): UseStylesResult {\n  return computeStyles(styles, {\n    ssrCollector: useContext(getTastySSRContext()),\n    root: options?.root,\n  });\n}\n","import { getGlobalInjector } from '../config';\n\n/**\n * Build a per-(injector, root) client state cache for the standalone style\n * functions (`useGlobalStyles`, `useRawCSS`, `useKeyframes`, `useCounterStyle`).\n *\n * Two levels, both weak:\n *\n * - **injector** — `configure()` replaces the global injector, and every dispose\n *   handle and generated name we cache belongs to the one that produced it.\n *   Keying by injector makes stale state fall away with it, instead of letting\n *   change-detection keys suppress re-injection into the new sheets.\n * - **root** — the same selector or slot name can be used in several shadow\n *   roots, and each holds its own injection.\n */\nexport function createClientState<T extends object>(\n  create: () => T,\n): (root: Document | ShadowRoot) => T {\n  const byInjector = new WeakMap<object, WeakMap<Document | ShadowRoot, T>>();\n\n  return (root: Document | ShadowRoot): T => {\n    const injector = getGlobalInjector() as unknown as object;\n\n    let byRoot = byInjector.get(injector);\n    if (!byRoot) {\n      byRoot = new WeakMap();\n      byInjector.set(injector, byRoot);\n    }\n\n    let state = byRoot.get(root);\n    if (!state) {\n      state = create();\n      byRoot.set(root, state);\n    }\n\n    return state;\n  };\n}\n","import { getConfig } from '../config';\nimport { injectGlobal } from '../injector';\nimport type { StyleResult } from '../pipeline';\nimport { renderStyles } from '../pipeline';\nimport { getStyleTarget, pushRSCCSS } from '../rsc-cache';\nimport {\n  collectAutoInferredProperties,\n  collectAutoInferredPropertiesRSC,\n} from '../ssr/collect-auto-properties';\nimport { formatGlobalRules } from '../ssr/format-global-rules';\nimport type { Styles } from '../styles/types';\nimport { createClientState } from '../utils/client-state';\nimport { hashString } from '../utils/hash';\nimport { resolveRecipes } from '../utils/resolve-recipes';\n\ninterface UseGlobalStylesOptions {\n  /**\n   * Stable identifier for update tracking (client-only). When provided,\n   * changing the styles will dispose the previous injection and inject the\n   * new one. Without an id, the selector is used as the slot key.\n   * In RSC mode, renders are single-pass so update tracking does not apply.\n   */\n  id?: string;\n  /** Shadow root or document to inject into (client only). */\n  root?: Document | ShadowRoot;\n}\n\ninterface ClientGlobalEntry {\n  stylesKey: string;\n  dispose: () => void;\n}\n\nconst getClientGlobalSlots = createClientState(\n  () => new Map<string, ClientGlobalEntry>(),\n);\n\nconst noop = () => {\n  /* nothing to dispose */\n};\n\n/**\n * Inject global styles for a given selector.\n * Useful for styling elements by selector without generating classNames.\n *\n * SSR-aware: when a ServerStyleCollector is available, CSS is collected\n * during the render phase instead of being injected into the DOM.\n *\n * Works in all environments: client, SSR with collector, and React Server Components.\n *\n * Injected styles are permanent — they are not cleaned up on component unmount.\n * Use the `id` option for update tracking when styles change over the\n * component lifecycle.\n *\n * Update tracking is per-slot and per-root: a slot (`id`, or the selector when\n * no `id` is given) holds exactly one injection per `root`. Changing the styles\n * replaces it; rendering styles that produce no CSS clears it.\n *\n * @param selector - CSS selector to apply styles to (e.g., '.my-class', ':root', 'body')\n * @param styles - Tasty styles object\n * @param options - Optional settings including `id` for update tracking\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   useGlobalStyles('.card', {\n *     padding: '2x',\n *     radius: '1r',\n *     fill: '#white',\n *   });\n *\n *   return <div className=\"card\">Content</div>;\n * }\n * ```\n */\nexport function useGlobalStyles(\n  selector: string,\n  styles?: Styles,\n  options?: UseGlobalStylesOptions,\n): void {\n  if (!styles) return;\n\n  if (!selector) {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn(\n        '[Tasty] useGlobalStyles: selector is required and cannot be empty. ' +\n          'Styles will not be injected.',\n      );\n    }\n    return;\n  }\n\n  const target = getStyleTarget();\n\n  // Resolve the client slot once — both the fast path below and the injection\n  // at the end need it.\n  const slots =\n    target.mode === 'client'\n      ? getClientGlobalSlots(options?.root ?? document)\n      : null;\n  const slotKey = options?.id ?? selector;\n  const stylesKey = slots ? JSON.stringify(styles) : '';\n  const existing = slots?.get(slotKey);\n\n  // Client fast path: skip resolveRecipes/renderStyles if styles haven't changed\n  if (existing && existing.stylesKey === stylesKey) return;\n\n  const resolvedStyles = resolveRecipes(styles);\n\n  const styleResults = renderStyles(resolvedStyles, selector) as StyleResult[];\n\n  if (styleResults.length === 0) {\n    // An update that renders no CSS must still clear the slot's previous\n    // injection, otherwise the stale rules keep applying to the selector.\n    if (slots) {\n      existing?.dispose();\n      slots.set(slotKey, { stylesKey, dispose: noop });\n    }\n    return;\n  }\n\n  if (target.mode === 'ssr') {\n    target.collector.collectInternals();\n\n    const css = formatGlobalRules(styleResults);\n    if (css) {\n      // A slot key (explicit `id`) replaces, matching client update tracking;\n      // content-hashed keys only dedup.\n      const key = options?.id\n        ? `global:${options.id}`\n        : `global:${selector}:${hashString(css)}`;\n      target.collector.collectGlobalStyles(key, css, options?.id != null);\n    }\n\n    if (getConfig().autoPropertyTypes !== false) {\n      collectAutoInferredProperties(\n        styleResults,\n        target.collector,\n        resolvedStyles,\n      );\n    }\n    return;\n  }\n\n  if (target.mode === 'rsc') {\n    const css = formatGlobalRules(styleResults);\n    if (css) {\n      const key = options?.id\n        ? `__global:${options.id}`\n        : `__global:${selector}:${hashString(css)}`;\n      pushRSCCSS(target.cache, key, css, options?.id != null);\n    }\n\n    if (getConfig().autoPropertyTypes !== false) {\n      collectAutoInferredPropertiesRSC(\n        styleResults,\n        target.cache,\n        resolvedStyles,\n      );\n    }\n    return;\n  }\n\n  // Client path\n  if (slots) {\n    existing?.dispose();\n\n    const { dispose } = injectGlobal(styleResults, { root: options?.root });\n    slots.set(slotKey, { stylesKey, dispose });\n  }\n}\n","/**\n * Shallow comparison of two dependency arrays using Object.is semantics.\n * Returns true when both arrays have the same length and every element\n * at the same index is identical.\n */\nexport function depsEqual(\n  a: readonly unknown[],\n  b: readonly unknown[],\n): boolean {\n  if (a.length !== b.length) return false;\n  for (let i = 0; i < a.length; i++) {\n    if (!Object.is(a[i], b[i])) return false;\n  }\n  return true;\n}\n","import { injectRawCSS } from '../injector';\nimport { getStyleTarget, pushRSCCSS } from '../rsc-cache';\nimport { createClientState } from '../utils/client-state';\nimport { depsEqual } from '../utils/deps-equal';\nimport { hashString } from '../utils/hash';\n\ninterface UseRawCSSOptions {\n  /**\n   * Shadow root or document to inject into. Update tracking is per-root: the\n   * same id in two roots holds a separate injection in each.\n   */\n  root?: Document | ShadowRoot;\n  /**\n   * Stable identifier for update tracking (client-only). When provided,\n   * changing the CSS content will dispose the previous injection and inject\n   * the new one. Without an id, deduplication is purely content-based (same\n   * CSS is injected only once). In RSC mode, renders are single-pass so\n   * update tracking does not apply.\n   */\n  id?: string;\n}\n\ninterface ClientEntry {\n  contentKey: string;\n  dispose: () => void;\n}\n\ninterface ClientRawCSSState {\n  /** id -> the single injection that slot currently owns */\n  entries: Map<string, ClientEntry>;\n  /** content hashes injected without an id (permanent, deduped) */\n  contentDedup: Set<string>;\n  /** id -> last factory deps, to skip re-evaluating the factory */\n  factoryDeps: Map<string, readonly unknown[]>;\n}\n\nconst getClientState = createClientState(\n  (): ClientRawCSSState => ({\n    entries: new Map(),\n    contentDedup: new Set(),\n    factoryDeps: new Map(),\n  }),\n);\n\n// Overload 1: Static CSS string\nexport function useRawCSS(css: string, options?: UseRawCSSOptions): void;\n\n// Overload 2: Factory function with dependencies\nexport function useRawCSS(\n  factory: () => string,\n  deps: readonly unknown[],\n  options?: UseRawCSSOptions,\n): void;\n\n/**\n * Inject raw CSS text directly without parsing.\n * This is a low-overhead alternative for injecting global CSS that doesn't need tasty processing.\n *\n * The CSS is inserted into a separate style element (data-tasty-raw) to avoid conflicts\n * with tasty's chunked style sheets.\n *\n * Works in all environments: client, SSR with collector, and React Server Components.\n *\n * Injected styles are permanent — they are not cleaned up on component unmount.\n * Use the `id` option for update tracking when styles change over the\n * component lifecycle.\n *\n * @example Static CSS string\n * ```tsx\n * function GlobalStyles() {\n *   useRawCSS(`\n *     body {\n *       margin: 0;\n *       padding: 0;\n *       font-family: sans-serif;\n *     }\n *   `);\n *\n *   return null;\n * }\n * ```\n *\n * @example Factory function with dependencies\n * ```tsx\n * function ThemeStyles({ theme }: { theme: 'light' | 'dark' }) {\n *   useRawCSS(() => `\n *     :root {\n *       --bg-color: ${theme === 'dark' ? '#1a1a1a' : '#ffffff'};\n *       --text-color: ${theme === 'dark' ? '#ffffff' : '#1a1a1a'};\n *     }\n *   `, [theme], { id: 'theme-vars' });\n *\n *   return null;\n * }\n * ```\n *\n * @example With options\n * ```tsx\n * function ShadowStyles({ shadowRoot }) {\n *   useRawCSS(() => `.scoped { color: red; }`, [], { root: shadowRoot });\n *   return null;\n * }\n * ```\n */\nexport function useRawCSS(\n  cssOrFactory: string | (() => string),\n  depsOrOptions?: readonly unknown[] | UseRawCSSOptions,\n  options?: UseRawCSSOptions,\n): void {\n  const isFactory = typeof cssOrFactory === 'function';\n\n  const deps =\n    isFactory && Array.isArray(depsOrOptions) ? depsOrOptions : undefined;\n  const opts = isFactory\n    ? options\n    : (depsOrOptions as UseRawCSSOptions | undefined);\n\n  const target = getStyleTarget();\n\n  const state =\n    target.mode === 'client' ? getClientState(opts?.root ?? document) : null;\n\n  // Client deps cache: skip factory re-evaluation when deps haven't changed\n  if (isFactory && deps && opts?.id && state) {\n    const cachedDeps = state.factoryDeps.get(opts.id);\n    if (cachedDeps && depsEqual(cachedDeps, deps)) {\n      return;\n    }\n  }\n\n  const css = isFactory\n    ? (cssOrFactory as () => string)()\n    : (cssOrFactory as string);\n\n  if (!css.trim()) return;\n\n  if (target.mode === 'ssr') {\n    // A slot key (explicit `id`) replaces, matching client update tracking;\n    // content-hashed keys only dedup.\n    const key = opts?.id ? `raw:${opts.id}` : `raw:${hashString(css)}`;\n    target.collector.collectRawCSS(key, css, opts?.id != null);\n    return;\n  }\n\n  if (target.mode === 'rsc') {\n    const key = opts?.id ? `__raw:${opts.id}` : `__raw:${hashString(css)}`;\n    pushRSCCSS(target.cache, key, css, opts?.id != null);\n    return;\n  }\n\n  // Client path\n  if (!state) return;\n\n  const id = opts?.id;\n\n  if (id) {\n    const existing = state.entries.get(id);\n    if (existing) {\n      if (existing.contentKey === css) return;\n      existing.dispose();\n    }\n\n    const { dispose } = injectRawCSS(css, opts);\n    state.entries.set(id, { contentKey: css, dispose });\n    if (deps) state.factoryDeps.set(id, deps);\n  } else {\n    const contentKey = hashString(css);\n    if (state.contentDedup.has(contentKey)) return;\n    state.contentDedup.add(contentKey);\n    injectRawCSS(css, opts);\n  }\n}\n","import { getNamePrefix } from '../config';\nimport { keyframes } from '../injector';\nimport type { KeyframesSteps } from '../injector/types';\nimport { getStyleTarget, pushRSCCSS } from '../rsc-cache';\nimport { formatKeyframesCSS } from '../ssr/format-keyframes';\nimport { createClientState } from '../utils/client-state';\nimport { depsEqual } from '../utils/deps-equal';\nimport { hashString } from '../utils/hash';\nimport { makeKeyframeName } from '../utils/name-prefix';\n\ninterface UseKeyframesOptions {\n  name?: string;\n  root?: Document | ShadowRoot;\n}\n\ninterface FactoryDepsEntry {\n  deps: readonly unknown[];\n  name: string;\n}\n\ninterface NamedSlotEntry {\n  cacheKey: string;\n  dispose: () => void;\n}\n\ninterface ClientKeyframesState {\n  /** cacheKey (name + serialized steps) -> generated animation name */\n  contentToName: Map<string, string>;\n  /** provided name -> the single injection that slot currently owns */\n  namedSlots: Map<string, NamedSlotEntry>;\n  /** provided name -> last factory deps, to skip re-evaluating the factory */\n  factoryDeps: Map<string, FactoryDepsEntry>;\n}\n\nconst getClientState = createClientState(\n  (): ClientKeyframesState => ({\n    contentToName: new Map(),\n    namedSlots: new Map(),\n    factoryDeps: new Map(),\n  }),\n);\n\n/**\n * Inject CSS @keyframes and return the generated animation name.\n * Deduplicates by content — identical steps always return the same name.\n *\n * Works in all environments: client, SSR with collector, and React Server Components.\n *\n * Passing `name` claims a slot owned by that one call site (like `useRawCSS`'s\n * `id`): when its steps change, the previous injection is disposed and the name\n * is reused, so the rules don't accumulate. Anonymous keyframes are permanent\n * and shared by content.\n *\n * @example Basic usage - steps object is the dependency\n * ```tsx\n * function MyComponent() {\n *   const bounce = useKeyframes({\n *     '0%': { transform: 'scale(1)' },\n *     '50%': { transform: 'scale(1.1)' },\n *     '100%': { transform: 'scale(1)' },\n *   });\n *\n *   return <div style={{ animation: `${bounce} 1s infinite` }}>Bouncing</div>;\n * }\n * ```\n *\n * @example With custom name\n * ```tsx\n * function MyComponent() {\n *   const fadeIn = useKeyframes(\n *     { from: { opacity: 0 }, to: { opacity: 1 } },\n *     { name: 'fadeIn' }\n *   );\n *\n *   return <div style={{ animation: `${fadeIn} 0.3s ease-out` }}>Fading in</div>;\n * }\n * ```\n *\n * @example Factory function with dependencies\n * ```tsx\n * function MyComponent({ scale }: { scale: number }) {\n *   const pulse = useKeyframes(\n *     () => ({\n *       '0%': { transform: 'scale(1)' },\n *       '100%': { transform: `scale(${scale})` },\n *     }),\n *     [scale]\n *   );\n *\n *   return <div style={{ animation: `${pulse} 1s infinite` }}>Pulsing</div>;\n * }\n * ```\n */\n\n// Overload 1: Static steps object\nexport function useKeyframes(\n  steps: KeyframesSteps,\n  options?: UseKeyframesOptions,\n): string;\n\n// Overload 2: Factory function with dependencies\nexport function useKeyframes(\n  factory: () => KeyframesSteps,\n  deps: readonly unknown[],\n  options?: UseKeyframesOptions,\n): string;\n\n// Implementation\nexport function useKeyframes(\n  stepsOrFactory: KeyframesSteps | (() => KeyframesSteps),\n  depsOrOptions?: readonly unknown[] | UseKeyframesOptions,\n  options?: UseKeyframesOptions,\n): string {\n  const isFactory = typeof stepsOrFactory === 'function';\n\n  const deps =\n    isFactory && Array.isArray(depsOrOptions) ? depsOrOptions : undefined;\n  const opts = isFactory\n    ? options\n    : (depsOrOptions as UseKeyframesOptions | undefined);\n\n  const target = getStyleTarget();\n\n  const clientState =\n    target.mode === 'client' ? getClientState(opts?.root ?? document) : null;\n\n  // Client deps cache: skip factory re-evaluation when deps haven't changed\n  if (isFactory && deps && opts?.name && clientState) {\n    const cached = clientState.factoryDeps.get(opts.name);\n    if (cached && depsEqual(cached.deps, deps)) {\n      return cached.name;\n    }\n  }\n\n  const steps = isFactory\n    ? (stepsOrFactory as () => KeyframesSteps)()\n    : (stepsOrFactory as KeyframesSteps);\n\n  if (!steps || Object.keys(steps).length === 0) {\n    return '';\n  }\n\n  if (target.mode === 'ssr') {\n    const actualName = target.collector.allocateKeyframeName(opts?.name);\n    const css = formatKeyframesCSS(actualName, steps);\n    target.collector.collectKeyframes(actualName, css);\n    return actualName;\n  }\n\n  if (target.mode === 'rsc') {\n    const serializedContent = JSON.stringify(steps);\n    const key = `__kf:${opts?.name ?? ''}:${serializedContent}`;\n\n    const existingName = target.cache.generatedNames.get(key);\n    if (existingName) return existingName;\n\n    const actualName =\n      opts?.name ??\n      makeKeyframeName(getNamePrefix(), hashString(serializedContent));\n    const css = formatKeyframesCSS(actualName, steps);\n    pushRSCCSS(target.cache, key, css);\n    target.cache.generatedNames.set(key, actualName);\n    return actualName;\n  }\n\n  // Client path: stable name via content-based dedup\n  const state = clientState ?? getClientState(opts?.root ?? document);\n  const serializedContent = JSON.stringify(steps);\n  const cacheKey = `${opts?.name ?? ''}:${serializedContent}`;\n\n  const cachedName = state.contentToName.get(cacheKey);\n  if (cachedName) {\n    return cachedName;\n  }\n\n  const providedName = opts?.name;\n\n  // A named slot owns exactly one injection. When its content changes, drop the\n  // previous one first: disposing frees the name so the new steps can reclaim\n  // it, and it keeps old @keyframes rules from piling up in the sheet.\n  if (providedName) {\n    const slot = state.namedSlots.get(providedName);\n\n    if (slot && slot.cacheKey !== cacheKey) {\n      slot.dispose();\n      // Forget the stale content too, so any other call site still passing the\n      // old steps re-injects instead of pointing at a removed rule.\n      state.contentToName.delete(slot.cacheKey);\n      state.namedSlots.delete(providedName);\n    }\n  }\n\n  const result = keyframes(steps, {\n    name: providedName,\n    root: opts?.root,\n  });\n\n  const name = result.toString();\n  state.contentToName.set(cacheKey, name);\n\n  if (providedName) {\n    state.namedSlots.set(providedName, { cacheKey, dispose: result.dispose });\n\n    if (deps) {\n      state.factoryDeps.set(providedName, { deps, name });\n    }\n  }\n\n  return name;\n}\n","import { getGlobalInjector } from '../config';\nimport { getStyleTarget, pushRSCCSS } from '../rsc-cache';\nimport { formatPropertyCSS } from '../ssr/format-property';\nimport type { PropertyOptions } from '../injector/types';\n\n/**\n * Options for {@link useProperty}. Extends the shared {@link PropertyOptions}\n * (which is `PropertyDefinition` plus an optional injection `root`).\n */\nexport type UsePropertyOptions = PropertyOptions;\n\n/**\n * Register a CSS @property custom property.\n * This enables advanced features like animating custom properties.\n *\n * Note: @property rules are global and persistent once defined.\n * The function ensures the property is only registered once per root.\n *\n * Accepts tasty token syntax for the property name:\n * - `$name` → defines `--name`\n * - `#name` → defines `--name-color` (auto-sets syntax: '<color>', defaults initialValue: 'transparent')\n * - `--name` → defines `--name` (legacy format)\n *\n * Works in all environments: client, SSR with collector, and React Server Components.\n *\n * @param name - The property token ($name, #name) or CSS property name (--name)\n * @param options - Property configuration\n *\n * @example Basic property with token syntax\n * ```tsx\n * function Spinner() {\n *   useProperty('$rotation', {\n *     syntax: '<angle>',\n *     inherits: false,\n *     initialValue: '0deg',\n *   });\n *\n *   return <div className=\"spinner\" />;\n * }\n * ```\n *\n * @example Color property with token syntax (auto-sets syntax)\n * ```tsx\n * function MyComponent() {\n *   useProperty('#theme', {\n *     initialValue: 'red', // syntax: '<color>' is auto-set\n *   });\n *\n *   // Now --theme-color can be animated with CSS transitions\n *   return <div style={{ '--theme-color': 'blue' } as React.CSSProperties}>Colored</div>;\n * }\n * ```\n *\n * @example Legacy format (still supported)\n * ```tsx\n * function ResizableBox() {\n *   useProperty('--box-size', {\n *     syntax: '<length>',\n *     initialValue: '100px',\n *   });\n *\n *   return <div style={{ width: 'var(--box-size)' }} />;\n * }\n * ```\n */\nexport function useProperty(name: string, options?: UsePropertyOptions): void {\n  if (!name) {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn(`[Tasty] useProperty: property name is required`);\n    }\n    return;\n  }\n\n  const target = getStyleTarget();\n\n  if (target.mode === 'ssr') {\n    target.collector.collectInternals();\n\n    const css = formatPropertyCSS(name, {\n      syntax: options?.syntax,\n      inherits: options?.inherits,\n      initialValue: options?.initialValue,\n    });\n    if (css) {\n      target.collector.collectProperty(name, css);\n    }\n    return;\n  }\n\n  if (target.mode === 'rsc') {\n    const css = formatPropertyCSS(name, {\n      syntax: options?.syntax,\n      inherits: options?.inherits,\n      initialValue: options?.initialValue,\n    });\n    if (css) {\n      pushRSCCSS(target.cache, `__prop:${name}`, css);\n    }\n    return;\n  }\n\n  const injector = getGlobalInjector();\n\n  if (injector.isPropertyDefined(name, { root: options?.root })) {\n    return;\n  }\n\n  injector.property(name, {\n    syntax: options?.syntax,\n    inherits: options?.inherits,\n    initialValue: options?.initialValue,\n    root: options?.root,\n  });\n}\n","import { getGlobalInjector } from '../config';\nimport { fontFaceContentHash, formatFontFaceRule } from '../font-face';\nimport type { FontFaceDescriptors, FontFaceInput } from '../injector/types';\nimport { getStyleTarget, pushRSCCSS } from '../rsc-cache';\n\ninterface UseFontFaceOptions {\n  root?: Document | ShadowRoot;\n}\n\n/**\n * Inject CSS @font-face rules.\n * Permanent — no cleanup on unmount. Deduplicates by content hash.\n *\n * Works in all environments: client, SSR with collector, and React Server Components.\n *\n * @param family - The font-family name\n * @param input - Single descriptor object or array of descriptors (for multiple weights/styles)\n * @param options - Optional settings (e.g. Shadow DOM root)\n *\n * @example Single weight\n * ```tsx\n * function App() {\n *   useFontFace('Brand Sans', {\n *     src: 'url(\"/fonts/brand-sans.woff2\") format(\"woff2\")',\n *     fontWeight: '400 700',\n *     fontDisplay: 'swap',\n *   });\n *\n *   return <div style={{ fontFamily: '\"Brand Sans\", sans-serif' }}>Hello</div>;\n * }\n * ```\n *\n * @example Multiple weights\n * ```tsx\n * function App() {\n *   useFontFace('Brand Sans', [\n *     { src: 'url(\"/fonts/brand-regular.woff2\") format(\"woff2\")', fontWeight: 400, fontDisplay: 'swap' },\n *     { src: 'url(\"/fonts/brand-bold.woff2\") format(\"woff2\")', fontWeight: 700, fontDisplay: 'swap' },\n *   ]);\n *\n *   return <div style={{ fontFamily: '\"Brand Sans\", sans-serif' }}>Hello</div>;\n * }\n * ```\n */\nexport function useFontFace(\n  family: string,\n  input: FontFaceInput,\n  options?: UseFontFaceOptions,\n): void {\n  if (!family) return;\n\n  const descriptors: FontFaceDescriptors[] = Array.isArray(input)\n    ? input\n    : [input];\n\n  const target = getStyleTarget();\n\n  if (target.mode === 'ssr') {\n    for (const desc of descriptors) {\n      const hash = fontFaceContentHash(family, desc);\n      const css = formatFontFaceRule(family, desc);\n      target.collector.collectFontFace(hash, css);\n    }\n    return;\n  }\n\n  if (target.mode === 'rsc') {\n    for (const desc of descriptors) {\n      const hash = fontFaceContentHash(family, desc);\n      const css = formatFontFaceRule(family, desc);\n      pushRSCCSS(target.cache, `__ff:${hash}`, css);\n    }\n    return;\n  }\n\n  const injector = getGlobalInjector();\n  for (const desc of descriptors) {\n    injector.fontFace(family, desc, { root: options?.root });\n  }\n}\n","import { getGlobalInjector, getNamePrefix } from '../config';\nimport { formatCounterStyleRule } from '../counter-style';\nimport type { CounterStyleDescriptors } from '../injector/types';\nimport { getStyleTarget, pushRSCCSS } from '../rsc-cache';\nimport { createClientState } from '../utils/client-state';\nimport { hashString } from '../utils/hash';\nimport { makeCounterStyleName } from '../utils/name-prefix';\n\ninterface UseCounterStyleOptions {\n  name?: string;\n  root?: Document | ShadowRoot;\n}\n\nlet clientCounterStyleCounter = 0;\n\nconst getClientContentToName = createClientState(\n  () => new Map<string, string>(),\n);\n\n/**\n * Inject a CSS @counter-style rule and return the generated name.\n * Permanent — no cleanup on unmount. Deduplicates by name.\n *\n * Works in all environments: client, SSR with collector, and React Server Components.\n *\n * @example Basic usage\n * ```tsx\n * function EmojiList() {\n *   const styleName = useCounterStyle({\n *     system: 'cyclic',\n *     symbols: '\"👍\"',\n *     suffix: '\" \"',\n *   }, { name: 'thumbs' });\n *\n *   return (\n *     <ol style={{ listStyleType: styleName }}>\n *       <li>First</li>\n *       <li>Second</li>\n *     </ol>\n *   );\n * }\n * ```\n *\n */\nexport function useCounterStyle(\n  descriptors: CounterStyleDescriptors,\n  options?: UseCounterStyleOptions,\n): string {\n  if (!descriptors || !descriptors.system) {\n    return '';\n  }\n\n  const target = getStyleTarget();\n\n  if (target.mode === 'ssr') {\n    const actualName = target.collector.allocateCounterStyleName(options?.name);\n    const css = formatCounterStyleRule(actualName, descriptors);\n    target.collector.collectCounterStyle(actualName, css);\n    return actualName;\n  }\n\n  if (target.mode === 'rsc') {\n    const serializedContent = JSON.stringify(descriptors);\n    const key = `__cs:${options?.name ?? ''}:${serializedContent}`;\n\n    const existingName = target.cache.generatedNames.get(key);\n    if (existingName) return existingName;\n\n    const actualName =\n      options?.name ??\n      makeCounterStyleName(getNamePrefix(), hashString(serializedContent));\n    const css = formatCounterStyleRule(actualName, descriptors);\n    pushRSCCSS(target.cache, key, css);\n    target.cache.generatedNames.set(key, actualName);\n    return actualName;\n  }\n\n  // Client path: stable name via content-based dedup\n  const contentToName = getClientContentToName(options?.root ?? document);\n  const serializedContent = JSON.stringify(descriptors);\n  const cacheKey = `${options?.name ?? ''}:${serializedContent}`;\n\n  const existingName = contentToName.get(cacheKey);\n  if (existingName) {\n    return existingName;\n  }\n\n  const name =\n    options?.name ??\n    makeCounterStyleName(getNamePrefix(), String(clientCounterStyleCounter++));\n  contentToName.set(cacheKey, name);\n\n  const injector = getGlobalInjector();\n  injector.counterStyle(name, descriptors, { root: options?.root });\n\n  return name;\n}\n","import { getGlobalInjector, isFunctionsPolyfillEnabled } from '../config';\nimport {\n  formatFunctionRule,\n  parseFunctionName,\n  registerFunctionPolyfill,\n} from '../functions';\nimport type { FunctionDefinition } from '../injector/types';\nimport { getStyleTarget, pushRSCCSS } from '../rsc-cache';\n\nexport interface UseFunctionOptions {\n  /** Shadow root or document to inject into. */\n  root?: Document | ShadowRoot;\n}\n\n/**\n * Register a CSS @function (custom function).\n *\n * @function rules are global and persistent once defined. The hook ensures the\n * function is only registered once per root (deduplicated by function name).\n *\n * Accepts tasty token syntax for the function name:\n * - `$$name` → defines `--name` (matches the call site `$$name(...)`)\n * - `$name` / `--name` → also accepted\n *\n * Works in all environments: client, SSR with collector, and React Server Components.\n *\n * @param name - The function name token (`$$name`, `$name`, or `--name`)\n * @param definition - Function definition (args, returns, result, local vars)\n *\n * Call the function through the Tasty DSL, not a raw `style` prop: an inline\n * `style` value reaches the browser unparsed, so the `$$name(...)` sugar is never\n * expanded and `polyfills.functions` cannot rewrite it either.\n *\n * @example\n * ```tsx\n * const Box = tasty({ styles: { marginTop: '$$negative(10px)' } });\n *\n * function Layout() {\n *   useFunction('$$negative', { args: ['$value'], result: '(-1 * $value)' });\n *   return <Box />;\n * }\n * ```\n */\nexport function useFunction(\n  name: string,\n  definition: FunctionDefinition,\n  options?: UseFunctionOptions,\n): void {\n  if (!name) {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn(`[Tasty] useFunction: function name is required`);\n    }\n    return;\n  }\n\n  // @function polyfill: register an inline closure so call sites are expanded\n  // into plain CSS by the parser. No native @function rule is emitted.\n  if (isFunctionsPolyfillEnabled()) {\n    registerFunctionPolyfill(name, definition);\n    return;\n  }\n\n  const target = getStyleTarget();\n\n  if (target.mode === 'ssr') {\n    target.collector.collectInternals();\n\n    const css = formatFunctionRule(name, definition);\n    if (css) {\n      target.collector.collectFunction(parseFunctionName(name), css);\n    }\n    return;\n  }\n\n  if (target.mode === 'rsc') {\n    const css = formatFunctionRule(name, definition);\n    if (css) {\n      pushRSCCSS(target.cache, `__func:${parseFunctionName(name)}`, css);\n    }\n    return;\n  }\n\n  getGlobalInjector().func(name, definition, { root: options?.root });\n}\n","import { useInsertionEffect } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { closeBatchWindow, openBatchWindow } from './injector/batch';\n\nexport interface TastyBatchProviderProps {\n  children?: ReactNode;\n}\n\n/**\n * Opens a *batch window* for the commit it renders in, so `batchInjection`\n * can defer stylesheet writes without ever letting a layout effect measure an\n * unstyled element.\n *\n * Every `insertRule()` on a live sheet invalidates style for that sheet's\n * scope. When components inject during React's render phase while others read\n * layout in the same pass, the two interleave and the browser recalculates\n * style between every injection. Batching collapses that into one invalidation\n * per flush — but only if the flush happens before anything can measure.\n *\n * ```\n * provider renders          -> window OPEN\n *   children render         -> injections queued\n * provider insertionEffect  -> FLUSH, window CLOSED\n * layout effects run        -> rules are in the sheet\n * ```\n *\n * `useInsertionEffect` runs in React's mutation phase, after every render in\n * the commit and before any `useLayoutEffect` — which is exactly why React\n * added it for CSS-in-JS libraries. Effects fire child-first, so this\n * provider's runs after every descendant's and still before all layout\n * effects.\n *\n * A commit that does not re-render this provider gets no window, and those\n * injections are written synchronously instead. That is the point: turning\n * `batchInjection: true` on can only ever make injection cheaper, never make a\n * measurement wrong. It also means batching applies to commits this provider\n * takes part in, so mount it as high in the tree as you can.\n *\n * Requires `configure({ batchInjection: true })`; without it this component\n * only renders its children. `batchInjection: 'always'` does not need the\n * provider at all — see that option's docs for the trade-off it accepts.\n *\n * @example\n * ```tsx\n * configure({ batchInjection: true });\n *\n * createRoot(el).render(\n *   <TastyBatchProvider>\n *     <App />\n *   </TastyBatchProvider>,\n * );\n * ```\n */\nexport function TastyBatchProvider({ children }: TastyBatchProviderProps) {\n  // Opened during render on purpose: the window has to be open before children\n  // render, and this is the only phase that precedes them. It is idempotent and\n  // has no other side effect, so StrictMode's double render costs nothing. A\n  // render that is thrown away (aborted or suspended) leaves the window open,\n  // which the microtask backstop closes — and such a render mounts nothing, so\n  // nothing can measure what it queued.\n  openBatchWindow();\n\n  // Fires in the mutation phase, before any layout effect. No dependency array:\n  // it must run on every commit this provider is part of.\n  useInsertionEffect(() => {\n    closeBatchWindow();\n  });\n\n  return children;\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["modAttrs","getClientState"],"sources":["../src/utils/get-display-name.ts","../src/utils/is-valid-element-type.ts","../src/tasty.tsx","../src/hooks/useStyles.ts","../src/utils/client-state.ts","../src/hooks/useGlobalStyles.ts","../src/utils/deps-equal.ts","../src/hooks/useRawCSS.ts","../src/hooks/useKeyframes.ts","../src/hooks/useProperty.ts","../src/hooks/useFontFace.ts","../src/hooks/useCounterStyle.ts","../src/hooks/useFunction.ts","../src/batch-provider.tsx"],"sourcesContent":["import type { ElementType } from 'react';\n\nconst DEFAULT_NAME = 'Anonymous';\n\nexport function getDisplayName<T>(\n  Component: ElementType<T>,\n  fallbackName = DEFAULT_NAME,\n): string {\n  if (typeof Component === 'function') {\n    return Component.displayName ?? Component.name ?? fallbackName;\n  }\n\n  return fallbackName;\n}\n","/**\n * Lightweight replacement for `react-is`'s isValidElementType.\n * Detects string tags, function/class components, and React exotic types\n * (forwardRef, memo, lazy, etc.) via their internal $$typeof symbol.\n */\nexport function isValidElementType(value: unknown): boolean {\n  if (typeof value === 'string' || typeof value === 'function') {\n    return true;\n  }\n\n  if (typeof value === 'object' && value !== null) {\n    return typeof (value as { $$typeof?: unknown }).$$typeof === 'symbol';\n  }\n\n  return false;\n}\n","import type {\n  AllHTMLAttributes,\n  ComponentType,\n  ElementType,\n  ForwardRefExoticComponent,\n  JSX,\n  PropsWithoutRef,\n  RefAttributes,\n} from 'react';\nimport { createElement, forwardRef, Fragment } from 'react';\nimport type {\n  ComputeStylesOptions,\n  ComputeStylesResult,\n} from './compute-styles';\nimport { computeStyles } from './compute-styles';\nimport type { PropHandlerProps } from './prop-handlers';\nimport { propHandlerRegistry } from './prop-handlers';\nimport { baseStylePropsRegistry } from './styles/base-props';\nimport { BASE_STYLES } from './styles/list';\nimport type { Styles, StylesInterface } from './styles/types';\nimport type {\n  AllBaseProps,\n  BaseProps,\n  BaseStyleProps,\n  ExtraBaseStyleProps,\n  ModValue,\n  Mods,\n  TastyCustomProps,\n  TokenValue,\n  Tokens,\n} from './types';\nimport { getDisplayName } from './utils/get-display-name';\nimport { isValidElementType } from './utils/is-valid-element-type';\nimport { mergeStyles } from './utils/merge-styles';\nimport { isSelector } from './pipeline';\nimport { hasKeys } from './utils/has-keys';\nimport { modAttrs } from './utils/mod-attrs';\nimport { processTokens } from './utils/process-tokens';\nimport { getConfig } from './config';\nimport { touch } from './injector';\n\nimport type { StyleValue, StyleValueStateMap } from './utils/styles';\n\n/**\n * Mapping of is* properties to their corresponding HTML attributes\n */\nconst IS_PROPERTIES_MAP = {\n  isDisabled: 'disabled',\n  isHidden: 'hidden',\n  isChecked: 'checked',\n} as const;\n\n/**\n * Precalculated entries for performance optimization\n */\nconst IS_PROPERTIES_ENTRIES = Object.entries(IS_PROPERTIES_MAP);\n\n/**\n * Helper function to handle is* properties consistently\n * Transforms is* props to HTML attributes and adds corresponding data-* attributes\n */\nfunction handleIsProperties(props: Record<string, unknown>) {\n  for (const [isProperty, targetAttribute] of IS_PROPERTIES_ENTRIES) {\n    if (isProperty in props) {\n      props[targetAttribute] = props[isProperty];\n      delete props[isProperty];\n    }\n\n    // Add data-* attribute if target attribute is truthy and doesn't already exist\n    const dataAttribute = `data-${targetAttribute}`;\n    if (!(dataAttribute in props) && props[targetAttribute]) {\n      props[dataAttribute] = '';\n    }\n  }\n}\n\n/**\n * Creates a sub-element component for compound component patterns.\n * Sub-elements are lightweight components with data-element attribute for CSS targeting.\n */\nfunction createSubElement<Tag extends keyof JSX.IntrinsicElements>(\n  elementName: string,\n  definition: SubElementDefinition<Tag>,\n): ForwardRefExoticComponent<\n  PropsWithoutRef<SubElementProps<Tag>> & RefAttributes<unknown>\n> {\n  // Normalize definition to object form\n  const config =\n    typeof definition === 'string'\n      ? { as: definition as Tag }\n      : (definition as { as?: Tag; qa?: string; qaVal?: string | number });\n\n  const tag = config.as ?? ('div' as Tag);\n  const defaultQa = config.qa;\n  const defaultQaVal = config.qaVal;\n\n  const SubElement = forwardRef<unknown, SubElementProps<Tag>>((props, ref) => {\n    const {\n      qa,\n      qaVal,\n      mods,\n      tokens,\n      isDisabled,\n      isHidden,\n      isChecked,\n      className,\n      style,\n      ...htmlProps\n    } = props as SubElementProps<Tag> & {\n      className?: string;\n      style?: Record<string, unknown>;\n    };\n\n    // Build mod attributes\n    let modDataAttrs: Record<string, unknown> | undefined;\n    if (mods) {\n      modDataAttrs = modAttrs(mods as Mods) as Record<string, unknown>;\n    }\n\n    // Process tokens into inline style properties\n    const tokenStyle = tokens\n      ? (processTokens(tokens) as Record<string, unknown>)\n      : undefined;\n\n    // Merge token styles with explicit style prop (style has priority)\n    let mergedStyle: Record<string, unknown> | undefined;\n    if (tokenStyle || style) {\n      mergedStyle =\n        tokenStyle && style\n          ? { ...tokenStyle, ...style }\n          : ((tokenStyle ?? style) as Record<string, unknown>);\n    }\n\n    const elementProps = {\n      'data-element': elementName,\n      'data-qa': qa ?? defaultQa,\n      'data-qaval': qaVal ?? defaultQaVal,\n      ...(modDataAttrs || {}),\n      ...htmlProps,\n      className,\n      style: mergedStyle,\n      isDisabled,\n      isHidden,\n      isChecked,\n      ref,\n    } as Record<string, unknown>;\n\n    // Handle is* properties (isDisabled -> disabled + data-disabled, etc.)\n    handleIsProperties(elementProps);\n\n    // Clean up undefined data attributes\n    if (elementProps['data-qa'] === undefined) delete elementProps['data-qa'];\n    if (elementProps['data-qaval'] === undefined)\n      delete elementProps['data-qaval'];\n\n    return createElement(tag, elementProps);\n  });\n\n  SubElement.displayName = `SubElement(${elementName})`;\n\n  return SubElement as ForwardRefExoticComponent<\n    PropsWithoutRef<SubElementProps<Tag>> & RefAttributes<unknown>\n  >;\n}\n\ntype StyleList = readonly (keyof {\n  [key in keyof StylesInterface]: StylesInterface[key];\n})[];\n\n// ============================================================================\n// Mod props types — expose modifier keys as top-level component props\n// ============================================================================\n\n/** Type descriptor for a single mod prop: a JS constructor or an enum array. */\nexport type ModPropDef =\n  | BooleanConstructor\n  | StringConstructor\n  | NumberConstructor\n  | readonly string[];\n\n/** Array form: list of mod key names (types default to ModValue). */\ntype ModPropsList = readonly string[];\n\n/** Object form: map of mod key names to type descriptors. */\ntype ModPropsMap = Readonly<Record<string, ModPropDef>>;\n\n/** Either array or object form accepted by `modProps` option. */\nexport type ModPropsInput = ModPropsList | ModPropsMap;\n\n/** Resolve a single ModPropDef to its TypeScript type. */\nexport type ResolveModPropDef<T> = T extends BooleanConstructor\n  ? boolean\n  : T extends StringConstructor\n    ? string\n    : T extends NumberConstructor\n      ? number\n      : T extends readonly (infer U)[]\n        ? U\n        : ModValue;\n\n/** Resolve an entire `modProps` definition to the component prop types it adds. */\nexport type ResolveModProps<M extends ModPropsInput> =\n  M extends readonly (infer K)[]\n    ? Partial<Record<K & string, ModValue>>\n    : M extends Record<string, ModPropDef>\n      ? { [key in keyof M & string]?: ResolveModPropDef<M[key]> }\n      : // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n        {};\n\n// ============================================================================\n// Token props types — expose token keys as top-level component props\n// ============================================================================\n\n/** A token key with `$` or `#` prefix. */\ntype TokenPropKey = `$${string}` | `#${string}`;\n\n/** Array form: list of prop names. Names ending in `Color` map to `#` color tokens. */\ntype TokenPropsList = readonly string[];\n\n/** Object form: prop name -> token key with explicit `$`/`#` prefix. */\ntype TokenPropsMap = Readonly<Record<string, TokenPropKey>>;\n\n/** Either array or object form accepted by `tokenProps` option. */\nexport type TokenPropsInput = TokenPropsList | TokenPropsMap;\n\n/** Resolve a `tokenProps` definition to the component prop types it adds. */\nexport type ResolveTokenProps<TP extends TokenPropsInput> =\n  TP extends readonly (infer K)[]\n    ? Partial<Record<K & string, TokenValue>>\n    : TP extends Record<string, TokenPropKey>\n      ? Partial<Record<keyof TP & string, TokenValue>>\n      : // eslint-disable-next-line @typescript-eslint/no-empty-object-type\n        {};\n\n/**\n * Pre-compute the mapping from prop name to token key at component-creation time.\n * Array form: `'progress'` -> `'$progress'`, `'accentColor'` -> `'#accent'`.\n * Object form: entries used as-is.\n */\nfunction buildTokenPropsMapping(\n  def: TokenPropsInput,\n): [propName: string, tokenKey: string][] {\n  if (Array.isArray(def)) {\n    return (def as string[]).map((propName) => {\n      if (propName.endsWith('Color') && propName.length > 5) {\n        return [propName, `#${propName.slice(0, -5)}`];\n      }\n      return [propName, `$${propName}`];\n    });\n  }\n  return Object.entries(def);\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype AnyProps = Record<string, any>;\n\ntype PropsWithStyles = {\n  styles?: Styles;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n} & Omit<Record<string, any>, 'styles'>;\n\nexport type VariantMap = Record<string, Styles>;\n\nexport interface WithVariant<V extends VariantMap> {\n  variant?: keyof V;\n}\n\n// ============================================================================\n// Sub-element types for compound components\n// ============================================================================\n\n/**\n * Definition for a sub-element. Can be either:\n * - A tag name string (e.g., 'div', 'span')\n * - An object with configuration options\n */\nexport type SubElementDefinition<\n  Tag extends keyof JSX.IntrinsicElements = 'div',\n> =\n  | Tag\n  | {\n      as?: Tag;\n      qa?: string;\n      qaVal?: string | number;\n    };\n\n/**\n * Map of sub-element definitions.\n * Keys become the sub-component names (e.g., { Icon: 'span' } -> Component.Icon)\n */\nexport type ElementsDefinition = Record<\n  string,\n  SubElementDefinition<keyof JSX.IntrinsicElements>\n>;\n\n/**\n * Resolves the tag from a SubElementDefinition\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype ResolveElementTag<T extends SubElementDefinition<any>> = T extends string\n  ? T\n  : T extends { as?: infer Tag }\n    ? Tag extends keyof JSX.IntrinsicElements\n      ? Tag\n      : 'div'\n    : 'div';\n\n/**\n * Props for sub-element components.\n * Combines HTML attributes with tasty-specific props (qa, qaVal, mods, tokens, isDisabled, etc.)\n */\nexport type SubElementProps<Tag extends keyof JSX.IntrinsicElements = 'div'> =\n  Omit<\n    JSX.IntrinsicElements[Tag],\n    'ref' | 'color' | 'content' | 'translate'\n  > & {\n    qa?: string;\n    qaVal?: string | number;\n    mods?: Mods;\n    tokens?: Tokens;\n    isDisabled?: boolean;\n    isHidden?: boolean;\n    isChecked?: boolean;\n  };\n\n/**\n * Generates the sub-element component types from an ElementsDefinition\n */\ntype SubElementComponents<E extends ElementsDefinition> = {\n  [K in keyof E]: ForwardRefExoticComponent<\n    PropsWithoutRef<SubElementProps<ResolveElementTag<E[K]>>> &\n      RefAttributes<\n        ResolveElementTag<E[K]> extends keyof HTMLElementTagNameMap\n          ? HTMLElementTagNameMap[ResolveElementTag<E[K]>]\n          : Element\n      >\n  >;\n};\n\n/**\n * Base type containing common properties shared between TastyProps and TastyElementOptions.\n * Separated to avoid code duplication while allowing different type constraints.\n */\ntype TastyBaseProps<\n  K extends StyleList,\n  V extends VariantMap,\n  E extends ElementsDefinition = Record<string, never>,\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n> = {\n  /** Default styles of the element. */\n  styles?: Styles;\n  /** The list of styles that can be provided by props */\n  styleProps?: K;\n  /** Modifier keys exposed as top-level component props (array or typed object form). */\n  modProps?: M;\n  /** Token keys exposed as top-level component props (array or typed object form). */\n  tokenProps?: TP;\n  element?: BaseProps['element'];\n  variants?: V;\n  /** Default tokens for inline CSS custom properties */\n  tokens?: Tokens;\n  /** Sub-element definitions for compound components */\n  elements?: E;\n} & Pick<BaseProps, 'qa' | 'qaVal'> &\n  WithVariant<V>;\n\nexport type TastyProps<\n  K extends StyleList,\n  V extends VariantMap,\n  E extends ElementsDefinition = Record<string, never>,\n  DefaultProps = AnyProps,\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n> = TastyBaseProps<K, V, E, M, TP> & {\n  /** The tag name of the element or a React component. */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  as?: string | ComponentType<any>;\n} & Partial<\n    Omit<\n      DefaultProps,\n      'as' | 'styles' | 'styleProps' | 'modProps' | 'tokenProps' | 'tokens'\n    >\n  >;\n\n/**\n * Resolves the props of a polymorphic `as` value (intrinsic tag or component).\n * - For intrinsic tags (`'div'`, `'button'`, ...): returns `JSX.IntrinsicElements[Tag]`.\n * - For React component types: returns the component's own props.\n * - Falls back to an empty record for anything else.\n */\nexport type ResolveAsProps<AsType extends ElementType> =\n  AsType extends keyof JSX.IntrinsicElements\n    ? JSX.IntrinsicElements[AsType]\n    : AsType extends ComponentType<infer P>\n      ? P\n      : Record<string, never>;\n\n/**\n * TastyElementOptions is used for the element-creation overload of tasty().\n * It includes an `AsType` generic that allows TypeScript to infer the correct\n * element type from the `as` prop — both for intrinsic tags and for React\n * components (so the wrapped component's prop API is preserved).\n *\n * Note: Uses a separate index signature with `unknown` instead of an `any`\n * record to ensure strict type checking for styles.\n */\nexport type TastyElementOptions<\n  K extends StyleList,\n  V extends VariantMap,\n  E extends ElementsDefinition = Record<string, never>,\n  AsType extends ElementType = 'div',\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n> = TastyBaseProps<K, V, E, M, TP> & {\n  /** The tag name of the element or a React component. */\n  as?: AsType;\n} & Record<string, unknown>;\n\nexport type AllBasePropsWithMods<\n  K extends StyleList,\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n> = AllBaseProps & {\n  [key in K[number]]?:\n    | StyleValue<StylesInterface[key]>\n    | StyleValueStateMap<StylesInterface[key]>;\n} & BaseStyleProps &\n  ExtraBaseStyleProps &\n  Partial<TastyCustomProps> &\n  ResolveModProps<M> &\n  ResolveTokenProps<TP>;\n\n/**\n * Keys from BasePropsWithoutChildren that should be omitted from HTML attributes.\n * This excludes event handlers so they can be properly typed from JSX.IntrinsicElements.\n */\ntype TastySpecificKeys =\n  | 'as'\n  | 'qa'\n  | 'qaVal'\n  | 'element'\n  | 'styles'\n  | 'mods'\n  | 'isHidden'\n  | 'isDisabled'\n  | 'isChecked'\n  | 'style'\n  | 'theme'\n  | 'tokens'\n  | 'ref'\n  | 'color';\n\n/** Extract prop key names from a ModPropsInput (array elements or object keys). */\ntype ModPropsKeys<M extends ModPropsInput> = M extends readonly (infer K)[]\n  ? K & string\n  : keyof M & string;\n\n/** Extract prop key names from a TokenPropsInput (array elements or object keys). */\ntype TokenPropsKeys<TP extends TokenPropsInput> =\n  TP extends readonly (infer K)[] ? K & string : keyof TP & string;\n\n/**\n * Props type for tasty elements that combines:\n * - AllBasePropsWithMods for style props with strict tokens type\n * - HTML attributes for flexibility (properly typed based on `as`)\n * - Variant support\n *\n * AllBasePropsWithMods carries generic AllHTMLAttributes which can conflict\n * with element-specific types (e.g. `src` is `string` in AllHTMLAttributes but\n * `string | Blob` in ImgHTMLAttributes, or the custom props on a third-party\n * component like Next.js `Link`). To avoid intersection-narrowing, we Omit\n * element-specific keys from AllBasePropsWithMods (keeping TastySpecificKeys,\n * style props, mod props, and token props) and let the resolved `as` props\n * supply the authoritative attribute types. The `AllHTMLAttributes<HTMLElement>`\n * baseline is preserved so generic HTML attributes still work even when `as`\n * is a component type with a narrower prop API.\n */\nexport type TastyElementProps<\n  K extends StyleList,\n  V extends VariantMap,\n  AsType extends ElementType = 'div',\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n> = Omit<\n  AllBasePropsWithMods<K, M, TP>,\n  Exclude<\n    keyof ResolveAsProps<AsType>,\n    | TastySpecificKeys\n    | keyof TastyCustomProps\n    | keyof ExtraBaseStyleProps\n    | K[number]\n    | ModPropsKeys<M>\n    | TokenPropsKeys<TP>\n  >\n> &\n  WithVariant<V> &\n  Omit<\n    Omit<AllHTMLAttributes<HTMLElement>, keyof ResolveAsProps<AsType>> &\n      ResolveAsProps<AsType>,\n    | TastySpecificKeys\n    | keyof TastyCustomProps\n    | keyof ExtraBaseStyleProps\n    | K[number]\n    | ModPropsKeys<M>\n    | TokenPropsKeys<TP>\n  >;\n\nexport type TastyComponentPropsWithDefaults<\n  Props extends PropsWithStyles,\n  DefaultProps extends Partial<Props>,\n> = keyof DefaultProps extends never\n  ? Props\n  : {\n      [key in Extract<keyof Props, keyof DefaultProps>]?: Props[key];\n    } & {\n      [key in keyof Omit<Props, keyof DefaultProps>]: Props[key];\n    };\n\n/**\n * The component type returned by the `tasty(options)` element-factory overload.\n *\n * It's a regular React forward-ref component whose props are typed from the\n * factory-time `as` value. Polymorphism is at factory time: each call to\n * `tasty({ as: X })` produces a component whose prop API includes `X`'s own\n * props (so `tasty({ as: NextLink })` exposes `href`, `replace`, `prefetch`,\n * etc.) alongside the Tasty-specific props (`mods`, `tokens`, `styleProps`,\n * `modProps`, `tokenProps`).\n *\n * Note: a render-time `<X as={SomeComponent} />` does not re-infer props from\n * `SomeComponent`; create another `tasty({ as: SomeComponent })` for that.\n */\nexport type TastyPolymorphicComponent<\n  DefaultAs extends ElementType,\n  K extends StyleList,\n  V extends VariantMap,\n  M extends ModPropsInput,\n  TP extends TokenPropsInput,\n> = ForwardRefExoticComponent<\n  PropsWithoutRef<TastyElementProps<K, V, DefaultAs, M, TP>> &\n    RefAttributes<unknown>\n>;\n\nexport function tasty<\n  K extends StyleList,\n  V extends VariantMap,\n  E extends ElementsDefinition = Record<string, never>,\n  AsType extends ElementType = 'div',\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n>(\n  options: TastyElementOptions<K, V, E, AsType, M, TP>,\n  secondArg?: never,\n): TastyPolymorphicComponent<AsType, K, V, M, TP> & SubElementComponents<E>;\nexport function tasty<\n  Props extends PropsWithStyles,\n  DefaultProps extends Partial<Props> = Partial<Props>,\n  K extends StyleList = readonly never[],\n  V extends VariantMap = VariantMap,\n  E extends ElementsDefinition = Record<string, never>,\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n>(\n  Component: ComponentType<Props>,\n  options?: TastyProps<K, V, E, Props, M, TP>,\n): ComponentType<TastyComponentPropsWithDefaults<Props, DefaultProps>>;\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\n// Implementation\nexport function tasty<\n  K extends StyleList,\n  V extends VariantMap,\n  _C = Record<string, unknown>,\n>(Component: any, options?: any) {\n  if (isValidElementType(Component)) {\n    return tastyWrap(Component as ComponentType<any>, options);\n  }\n\n  return tastyElement(Component as TastyProps<K, V>);\n}\n\nfunction tastyWrap<\n  P extends PropsWithStyles,\n  DefaultProps extends Partial<P> = Partial<P>,\n  K extends StyleList = readonly never[],\n  V extends VariantMap = VariantMap,\n  E extends ElementsDefinition = Record<string, never>,\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n>(\n  Component: ComponentType<P>,\n  options?: TastyProps<K, V, E, P, M, TP>,\n): ComponentType<TastyComponentPropsWithDefaults<P, DefaultProps>> {\n  // The wrap path forwards default props + merges `styles`/`*Styles` props.\n  // Factory-only options (`styleProps`, `modProps`, `tokenProps`, `variants`,\n  // `elements`) are stripped here, not forwarded to the wrapped component.\n  const {\n    as: extendTag,\n    element: extendElement,\n    styleProps: _styleProps,\n    modProps: _modProps,\n    tokenProps: _tokenProps,\n    variants: _variants,\n    elements: _elements,\n    ...defaultProps\n  } = (options ?? {}) as TastyProps<K, V, E, P, M, TP>;\n\n  const propsWithStyles = ['styles'].concat(\n    Object.keys(defaultProps).filter((prop) => prop.endsWith('Styles')),\n  );\n\n  const _WrappedComponent = forwardRef<any, any>((props, ref) => {\n    const { as, element, ...restProps } = props as Record<string, unknown>;\n\n    const mergedStylesMap = propsWithStyles.reduce(\n      (map, prop) => {\n        const restValue = (restProps as any)[prop];\n        const defaultValue = (defaultProps as any)[prop];\n\n        if (restValue != null && defaultValue != null) {\n          (map as any)[prop] = mergeStyles(defaultValue, restValue);\n        } else {\n          (map as any)[prop] = restValue ?? defaultValue;\n        }\n\n        return map;\n      },\n      {} as Record<string, unknown>,\n    );\n\n    const elementProps = {\n      ...(defaultProps as unknown as Record<string, unknown>),\n      ...(restProps as unknown as Record<string, unknown>),\n      ...mergedStylesMap,\n      as: (as as string | undefined) ?? extendTag,\n      element: (element as string | undefined) || extendElement,\n      ref,\n    } as unknown as P;\n\n    return createElement(Component as ComponentType<P>, elementProps);\n  });\n\n  _WrappedComponent.displayName = `TastyWrappedComponent(${getDisplayName(\n    Component,\n    (defaultProps as any).qa ?? (extendTag as any) ?? 'Anonymous',\n  )})`;\n\n  return _WrappedComponent as unknown as ComponentType<\n    TastyComponentPropsWithDefaults<P, DefaultProps>\n  >;\n}\n\nfunction tastyElement<\n  K extends StyleList,\n  V extends VariantMap,\n  E extends ElementsDefinition,\n>(tastyOptions: TastyProps<K, V, E>) {\n  const {\n    as: originalAs = 'div',\n    element: defaultElement,\n    styles: defaultStyles,\n    styleProps,\n    modProps: modPropsDef,\n    tokenProps: tokenPropsDef,\n    variants,\n    tokens: defaultTokens,\n    elements,\n    ...defaultProps\n  } = tastyOptions;\n\n  // Pre-compute merged styles for each variant (if variants are defined)\n  // This avoids creating separate component instances per variant\n  let variantStylesMap: Record<string, Styles | undefined> | undefined;\n  if (variants) {\n    // Split defaultStyles: extend-mode state maps (no '' key, non-selector)\n    // are pulled out and applied AFTER variant merge so they survive\n    // replace-mode maps in variants.\n    let baseStyles = defaultStyles;\n    let extensionStyles: Styles | undefined;\n\n    if (defaultStyles) {\n      for (const key of Object.keys(defaultStyles)) {\n        if (isSelector(key)) continue;\n\n        const value = (defaultStyles as Record<string, unknown>)[key];\n\n        if (\n          typeof value === 'object' &&\n          value !== null &&\n          !Array.isArray(value) &&\n          !('' in value)\n        ) {\n          if (!extensionStyles) {\n            baseStyles = { ...defaultStyles } as Styles;\n            extensionStyles = {} as Styles;\n          }\n          (extensionStyles as Record<string, unknown>)[key] = value;\n          delete (baseStyles as Record<string, unknown>)[key];\n        }\n      }\n    }\n\n    const variantEntries = Object.entries(variants) as [string, Styles][];\n    variantStylesMap = variantEntries.reduce(\n      (map, [variant, variantStyles]) => {\n        map[variant] = extensionStyles\n          ? mergeStyles(baseStyles, variantStyles, extensionStyles)\n          : mergeStyles(baseStyles, variantStyles);\n        return map;\n      },\n      {} as Record<string, Styles | undefined>,\n    );\n    // Ensure 'default' variant always exists\n    if (!variantStylesMap['default']) {\n      variantStylesMap['default'] = defaultStyles;\n    }\n  }\n\n  const {\n    qa: defaultQa,\n    qaVal: defaultQaVal,\n    ...otherDefaultProps\n  } = defaultProps ?? {};\n\n  // Fixed at factory-creation time — no dependency on global config.\n  const ownPropsToCheck: readonly string[] = styleProps\n    ? (styleProps as StyleList).concat(BASE_STYLES)\n    : BASE_STYLES;\n\n  // Resolved lazily and refreshed on registry version change. `configure()` can\n  // run *after* this factory was created (module eval order — see `Element` at\n  // the bottom of this file), and `resetConfig()` reopens configuration, so a\n  // one-shot lazy init would go stale. Starts at -1 to force first resolution.\n  let propsToCheck: readonly string[] = ownPropsToCheck;\n  let propsToCheckVersion = -1;\n\n  const modPropsKeys: string[] | undefined = modPropsDef\n    ? ((Array.isArray(modPropsDef)\n        ? modPropsDef\n        : Object.keys(modPropsDef)) as string[])\n    : undefined;\n\n  const tokenPropsMapping: [string, string][] | undefined = tokenPropsDef\n    ? buildTokenPropsMapping(tokenPropsDef as TokenPropsInput)\n    : undefined;\n\n  // Factory-level cache: maps stable style references to computed classNames.\n  // For the common case (no instance overrides), this avoids recomputation.\n  const classNameCache = new Map<Styles | undefined, string>();\n\n  // Passed when the styles object handed to computeStyles() is the factory's\n  // own AND computeStyles() will see it again — which is only true where\n  // classNameCache is unavailable, i.e. the server. On the client that cache\n  // answers every render after the first, so memoizing chunk keys during that\n  // first render would write entries nothing ever reads back. Hoisted so the\n  // hot path does not allocate it.\n  const STABLE_STYLES: ComputeStylesOptions = { stableStyles: true };\n\n  const _TastyComponent = forwardRef<\n    unknown,\n    AllBasePropsWithMods<K> & WithVariant<V>\n  >((incomingProps, ref) => {\n    // Global props middleware (`configure({ propHandlers })`). Runs before any\n    // destructuring so a handler can rewrite every tasty prop — `styles`, `mods`,\n    // `tokens`, `variant`, `as`, `element`, `qa` — and strip its own custom props\n    // so they never reach the DOM. `ref` is out of reach: forwardRef separates it.\n    // Fast path while nothing is registered: one property load and one branch.\n    const applyPropHandlers = propHandlerRegistry.apply;\n    const allProps = applyPropHandlers\n      ? (applyPropHandlers(\n          incomingProps as unknown as PropHandlerProps,\n        ) as unknown as typeof incomingProps)\n      : incomingProps;\n\n    const {\n      as,\n      styles: rawStyles,\n      variant,\n      mods,\n      element,\n      qa,\n      qaVal,\n      className: userClassName,\n      tokens,\n      style,\n      theme,\n      ...otherProps\n    } = allProps as Record<string, unknown> as AllBasePropsWithMods<K> &\n      WithVariant<V> & {\n        className?: string;\n        tokens?: Tokens;\n        style?: Record<string, unknown>;\n        theme?: string;\n      };\n\n    let styles = rawStyles;\n\n    let propStyles: Styles | null = null;\n\n    if (propsToCheckVersion !== baseStylePropsRegistry.version) {\n      const promoted = baseStylePropsRegistry.list;\n\n      propsToCheck =\n        promoted.length === 0\n          ? ownPropsToCheck\n          : ownPropsToCheck.concat(promoted);\n      propsToCheckVersion = baseStylePropsRegistry.version;\n    }\n\n    for (const prop of propsToCheck) {\n      const key = prop as unknown as string;\n\n      if (key in otherProps) {\n        if (!propStyles) propStyles = {};\n        const value = (otherProps as any)[key];\n        (propStyles as any)[key] = value;\n        delete (otherProps as any)[key];\n      }\n    }\n\n    if (!styles || (styles && !hasKeys(styles as Record<string, unknown>))) {\n      styles = undefined as unknown as Styles;\n    }\n\n    let propMods: Record<string, ModValue> | undefined;\n    if (modPropsKeys) {\n      for (const key of modPropsKeys) {\n        if (key in otherProps) {\n          if (!propMods) propMods = {};\n          propMods[key] = (otherProps as Record<string, unknown>)[\n            key\n          ] as ModValue;\n          delete (otherProps as Record<string, unknown>)[key];\n        }\n      }\n    }\n\n    let propTokens: Tokens | undefined;\n    if (tokenPropsMapping) {\n      for (const [propName, tokenKey] of tokenPropsMapping) {\n        if (propName in otherProps) {\n          if (!propTokens) propTokens = {} as Tokens;\n          (propTokens as Record<string, TokenValue>)[tokenKey] = (\n            otherProps as Record<string, unknown>\n          )[propName] as TokenValue;\n          delete (otherProps as Record<string, unknown>)[propName];\n        }\n      }\n    }\n\n    const baseStyles = variantStylesMap\n      ? (variantStylesMap[(variant as string) || 'default'] ??\n        variantStylesMap['default'])\n      : defaultStyles;\n\n    const hasInstanceStyles =\n      styles && hasKeys(styles as Record<string, unknown>);\n    const hasPropStyles = propStyles && hasKeys(propStyles);\n\n    const allStyles =\n      hasInstanceStyles || hasPropStyles\n        ? mergeStyles(baseStyles, styles as Styles, propStyles as Styles)\n        : baseStyles;\n\n    // Use factory-level cache for stable style references (client only).\n    // On the server the cache must be skipped: both the SSR collector and\n    // the RSC inline-style paths are per-request, so every request must\n    // call computeStyles() to ensure CSS is actually collected/emitted.\n    const useFactoryCache = typeof document !== 'undefined';\n    let stylesResult: ComputeStylesResult;\n    if (\n      useFactoryCache &&\n      allStyles === baseStyles &&\n      classNameCache.has(allStyles)\n    ) {\n      stylesResult = { className: classNameCache.get(allStyles)! };\n      touch(stylesResult.className);\n    } else {\n      stylesResult = computeStyles(\n        allStyles,\n        !useFactoryCache && allStyles === baseStyles\n          ? STABLE_STYLES\n          : undefined,\n      );\n      if (useFactoryCache && allStyles === baseStyles) {\n        classNameCache.set(allStyles, stylesResult.className);\n      }\n    }\n\n    // Merge tokens: default -> instance -> tokenProps\n    let mergedTokens: Tokens | undefined;\n    if (defaultTokens || tokens || propTokens) {\n      if (!defaultTokens && !propTokens) {\n        mergedTokens = tokens as Tokens;\n      } else if (!tokens && !propTokens) {\n        mergedTokens = defaultTokens;\n      } else {\n        mergedTokens = {\n          ...defaultTokens,\n          ...(tokens as Tokens),\n          ...propTokens,\n        } as Tokens;\n      }\n    }\n\n    const processedTokenStyle = processTokens(mergedTokens);\n\n    let mergedStyle: Record<string, unknown> | undefined;\n    if (processedTokenStyle || style) {\n      if (!processedTokenStyle) {\n        mergedStyle = style;\n      } else if (!style) {\n        mergedStyle = processedTokenStyle as Record<string, unknown>;\n      } else {\n        mergedStyle = {\n          ...(processedTokenStyle as Record<string, unknown>),\n          ...style,\n        };\n      }\n    }\n\n    const mergedMods = propMods\n      ? { ...(mods as Record<string, ModValue>), ...propMods }\n      : (mods as Record<string, ModValue> | undefined);\n\n    let modDataAttrs: Record<string, unknown> | undefined;\n    if (mergedMods) {\n      modDataAttrs = modAttrs(mergedMods as unknown as Mods) as Record<\n        string,\n        unknown\n      >;\n    }\n\n    const finalClassName = [\n      (userClassName as string) || '',\n      stylesResult.className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const elementProps = {\n      'data-element': (element as string | undefined) || defaultElement,\n      'data-qa': (qa as string | undefined) || defaultQa,\n      'data-qaval': (qaVal as string | undefined) || defaultQaVal,\n      'data-theme': theme,\n      ...(otherDefaultProps as unknown as Record<string, unknown>),\n      ...(modDataAttrs || {}),\n      ...(otherProps as unknown as Record<string, unknown>),\n      className: finalClassName,\n      style: mergedStyle,\n      ref,\n    } as Record<string, unknown>;\n\n    handleIsProperties(elementProps);\n\n    if (elementProps['data-theme'] === undefined) {\n      delete elementProps['data-theme'];\n    }\n\n    const el = createElement(\n      (as as string | 'div') ?? originalAs,\n      elementProps,\n    );\n\n    // RSC mode: wrap element with inline <style> tag.\n    // Class names are extracted from these tags on the client via\n    // the doubled-specificity pattern (.tXXX.tXXX), so no <script> is needed.\n    if (stylesResult.css) {\n      const nonce = getConfig().nonce;\n\n      return createElement(\n        Fragment,\n        null,\n        createElement('style', {\n          'data-tasty-rsc': '',\n          nonce,\n          dangerouslySetInnerHTML: { __html: stylesResult.css },\n        }),\n        el,\n      );\n    }\n\n    return el;\n  });\n\n  _TastyComponent.displayName = `TastyComponent(${\n    (defaultProps as any).qa || originalAs\n  })`;\n\n  // Attach sub-element components if elements are defined\n  if (elements) {\n    const subElements = Object.entries(elements).reduce(\n      (acc, [name, definition]) => {\n        acc[name] = createSubElement(\n          name,\n          definition as SubElementDefinition<keyof JSX.IntrinsicElements>,\n        );\n        return acc;\n      },\n      {} as Record<string, ForwardRefExoticComponent<any>>,\n    );\n\n    return Object.assign(_TastyComponent, subElements);\n  }\n\n  return _TastyComponent;\n}\n\nexport const Element = tasty({});\n","import { useContext } from 'react';\n\nimport { computeStyles } from '../compute-styles';\nimport { getTastySSRContext } from '../ssr/context';\nimport type { Styles } from '../styles/types';\n\nexport interface UseStylesResult {\n  /**\n   * Generated className(s) to apply to the element.\n   * Can be empty string if no styles are provided.\n   * With chunking enabled, may contain multiple space-separated class names.\n   */\n  className: string;\n}\n\n/**\n * Hook to generate CSS classes from Tasty styles.\n * Thin wrapper around `computeStyles()` that adds React context-based\n * SSR collector discovery for backward compatibility with TastyRegistry.\n *\n * For hook-free usage (e.g. in server components), use `computeStyles()` directly.\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { className } = useStyles({\n *     padding: '2x',\n *     fill: '#purple',\n *     radius: '1r',\n *   });\n *\n *   return <div className={className}>Styled content</div>;\n * }\n * ```\n */\nexport function useStyles(\n  styles: Styles | undefined,\n  options?: { root?: Document | ShadowRoot },\n): UseStylesResult {\n  return computeStyles(styles, {\n    ssrCollector: useContext(getTastySSRContext()),\n    root: options?.root,\n  });\n}\n","import { getGlobalInjector } from '../config';\n\n/**\n * Build a per-(injector, root) client state cache for the standalone style\n * functions (`useGlobalStyles`, `useRawCSS`, `useKeyframes`, `useCounterStyle`).\n *\n * Two levels, both weak:\n *\n * - **injector** — `configure()` replaces the global injector, and every dispose\n *   handle and generated name we cache belongs to the one that produced it.\n *   Keying by injector makes stale state fall away with it, instead of letting\n *   change-detection keys suppress re-injection into the new sheets.\n * - **root** — the same selector or slot name can be used in several shadow\n *   roots, and each holds its own injection.\n */\nexport function createClientState<T extends object>(\n  create: () => T,\n): (root: Document | ShadowRoot) => T {\n  const byInjector = new WeakMap<object, WeakMap<Document | ShadowRoot, T>>();\n\n  return (root: Document | ShadowRoot): T => {\n    const injector = getGlobalInjector() as unknown as object;\n\n    let byRoot = byInjector.get(injector);\n    if (!byRoot) {\n      byRoot = new WeakMap();\n      byInjector.set(injector, byRoot);\n    }\n\n    let state = byRoot.get(root);\n    if (!state) {\n      state = create();\n      byRoot.set(root, state);\n    }\n\n    return state;\n  };\n}\n","import { getConfig } from '../config';\nimport { injectGlobal } from '../injector';\nimport type { StyleResult } from '../pipeline';\nimport { renderStyles } from '../pipeline';\nimport { getStyleTarget, pushRSCCSS } from '../rsc-cache';\nimport {\n  collectAutoInferredProperties,\n  collectAutoInferredPropertiesRSC,\n} from '../ssr/collect-auto-properties';\nimport { formatGlobalRules } from '../ssr/format-global-rules';\nimport type { Styles } from '../styles/types';\nimport { createClientState } from '../utils/client-state';\nimport { hashString } from '../utils/hash';\nimport { resolveRecipes } from '../utils/resolve-recipes';\n\ninterface UseGlobalStylesOptions {\n  /**\n   * Stable identifier for update tracking (client-only). When provided,\n   * changing the styles will dispose the previous injection and inject the\n   * new one. Without an id, the selector is used as the slot key.\n   * In RSC mode, renders are single-pass so update tracking does not apply.\n   */\n  id?: string;\n  /** Shadow root or document to inject into (client only). */\n  root?: Document | ShadowRoot;\n}\n\ninterface ClientGlobalEntry {\n  stylesKey: string;\n  dispose: () => void;\n}\n\nconst getClientGlobalSlots = createClientState(\n  () => new Map<string, ClientGlobalEntry>(),\n);\n\nconst noop = () => {\n  /* nothing to dispose */\n};\n\n/**\n * Inject global styles for a given selector.\n * Useful for styling elements by selector without generating classNames.\n *\n * SSR-aware: when a ServerStyleCollector is available, CSS is collected\n * during the render phase instead of being injected into the DOM.\n *\n * Works in all environments: client, SSR with collector, and React Server Components.\n *\n * Injected styles are permanent — they are not cleaned up on component unmount.\n * Use the `id` option for update tracking when styles change over the\n * component lifecycle.\n *\n * Update tracking is per-slot and per-root: a slot (`id`, or the selector when\n * no `id` is given) holds exactly one injection per `root`. Changing the styles\n * replaces it; rendering styles that produce no CSS clears it.\n *\n * @param selector - CSS selector to apply styles to (e.g., '.my-class', ':root', 'body')\n * @param styles - Tasty styles object\n * @param options - Optional settings including `id` for update tracking\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   useGlobalStyles('.card', {\n *     padding: '2x',\n *     radius: '1r',\n *     fill: '#white',\n *   });\n *\n *   return <div className=\"card\">Content</div>;\n * }\n * ```\n */\nexport function useGlobalStyles(\n  selector: string,\n  styles?: Styles,\n  options?: UseGlobalStylesOptions,\n): void {\n  if (!styles) return;\n\n  if (!selector) {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn(\n        '[Tasty] useGlobalStyles: selector is required and cannot be empty. ' +\n          'Styles will not be injected.',\n      );\n    }\n    return;\n  }\n\n  const target = getStyleTarget();\n\n  // Resolve the client slot once — both the fast path below and the injection\n  // at the end need it.\n  const slots =\n    target.mode === 'client'\n      ? getClientGlobalSlots(options?.root ?? document)\n      : null;\n  const slotKey = options?.id ?? selector;\n  const stylesKey = slots ? JSON.stringify(styles) : '';\n  const existing = slots?.get(slotKey);\n\n  // Client fast path: skip resolveRecipes/renderStyles if styles haven't changed\n  if (existing && existing.stylesKey === stylesKey) return;\n\n  const resolvedStyles = resolveRecipes(styles);\n\n  const styleResults = renderStyles(resolvedStyles, selector) as StyleResult[];\n\n  if (styleResults.length === 0) {\n    // An update that renders no CSS must still clear the slot's previous\n    // injection, otherwise the stale rules keep applying to the selector.\n    if (slots) {\n      existing?.dispose();\n      slots.set(slotKey, { stylesKey, dispose: noop });\n    }\n    return;\n  }\n\n  if (target.mode === 'ssr') {\n    target.collector.collectInternals();\n\n    const css = formatGlobalRules(styleResults);\n    if (css) {\n      // A slot key (explicit `id`) replaces, matching client update tracking;\n      // content-hashed keys only dedup.\n      const key = options?.id\n        ? `global:${options.id}`\n        : `global:${selector}:${hashString(css)}`;\n      target.collector.collectGlobalStyles(key, css, options?.id != null);\n    }\n\n    if (getConfig().autoPropertyTypes !== false) {\n      collectAutoInferredProperties(\n        styleResults,\n        target.collector,\n        resolvedStyles,\n      );\n    }\n    return;\n  }\n\n  if (target.mode === 'rsc') {\n    const css = formatGlobalRules(styleResults);\n    if (css) {\n      const key = options?.id\n        ? `__global:${options.id}`\n        : `__global:${selector}:${hashString(css)}`;\n      pushRSCCSS(target.cache, key, css, options?.id != null);\n    }\n\n    if (getConfig().autoPropertyTypes !== false) {\n      collectAutoInferredPropertiesRSC(\n        styleResults,\n        target.cache,\n        resolvedStyles,\n      );\n    }\n    return;\n  }\n\n  // Client path\n  if (slots) {\n    existing?.dispose();\n\n    const { dispose } = injectGlobal(styleResults, { root: options?.root });\n    slots.set(slotKey, { stylesKey, dispose });\n  }\n}\n","/**\n * Shallow comparison of two dependency arrays using Object.is semantics.\n * Returns true when both arrays have the same length and every element\n * at the same index is identical.\n */\nexport function depsEqual(\n  a: readonly unknown[],\n  b: readonly unknown[],\n): boolean {\n  if (a.length !== b.length) return false;\n  for (let i = 0; i < a.length; i++) {\n    if (!Object.is(a[i], b[i])) return false;\n  }\n  return true;\n}\n","import { injectRawCSS } from '../injector';\nimport { getStyleTarget, pushRSCCSS } from '../rsc-cache';\nimport { createClientState } from '../utils/client-state';\nimport { depsEqual } from '../utils/deps-equal';\nimport { hashString } from '../utils/hash';\n\ninterface UseRawCSSOptions {\n  /**\n   * Shadow root or document to inject into. Update tracking is per-root: the\n   * same id in two roots holds a separate injection in each.\n   */\n  root?: Document | ShadowRoot;\n  /**\n   * Stable identifier for update tracking (client-only). When provided,\n   * changing the CSS content will dispose the previous injection and inject\n   * the new one. Without an id, deduplication is purely content-based (same\n   * CSS is injected only once). In RSC mode, renders are single-pass so\n   * update tracking does not apply.\n   */\n  id?: string;\n}\n\ninterface ClientEntry {\n  contentKey: string;\n  dispose: () => void;\n}\n\ninterface ClientRawCSSState {\n  /** id -> the single injection that slot currently owns */\n  entries: Map<string, ClientEntry>;\n  /** content hashes injected without an id (permanent, deduped) */\n  contentDedup: Set<string>;\n  /** id -> last factory deps, to skip re-evaluating the factory */\n  factoryDeps: Map<string, readonly unknown[]>;\n}\n\nconst getClientState = createClientState(\n  (): ClientRawCSSState => ({\n    entries: new Map(),\n    contentDedup: new Set(),\n    factoryDeps: new Map(),\n  }),\n);\n\n// Overload 1: Static CSS string\nexport function useRawCSS(css: string, options?: UseRawCSSOptions): void;\n\n// Overload 2: Factory function with dependencies\nexport function useRawCSS(\n  factory: () => string,\n  deps: readonly unknown[],\n  options?: UseRawCSSOptions,\n): void;\n\n/**\n * Inject raw CSS text directly without parsing.\n * This is a low-overhead alternative for injecting global CSS that doesn't need tasty processing.\n *\n * The CSS is inserted into a separate style element (data-tasty-raw) to avoid conflicts\n * with tasty's chunked style sheets.\n *\n * Works in all environments: client, SSR with collector, and React Server Components.\n *\n * Injected styles are permanent — they are not cleaned up on component unmount.\n * Use the `id` option for update tracking when styles change over the\n * component lifecycle.\n *\n * @example Static CSS string\n * ```tsx\n * function GlobalStyles() {\n *   useRawCSS(`\n *     body {\n *       margin: 0;\n *       padding: 0;\n *       font-family: sans-serif;\n *     }\n *   `);\n *\n *   return null;\n * }\n * ```\n *\n * @example Factory function with dependencies\n * ```tsx\n * function ThemeStyles({ theme }: { theme: 'light' | 'dark' }) {\n *   useRawCSS(() => `\n *     :root {\n *       --bg-color: ${theme === 'dark' ? '#1a1a1a' : '#ffffff'};\n *       --text-color: ${theme === 'dark' ? '#ffffff' : '#1a1a1a'};\n *     }\n *   `, [theme], { id: 'theme-vars' });\n *\n *   return null;\n * }\n * ```\n *\n * @example With options\n * ```tsx\n * function ShadowStyles({ shadowRoot }) {\n *   useRawCSS(() => `.scoped { color: red; }`, [], { root: shadowRoot });\n *   return null;\n * }\n * ```\n */\nexport function useRawCSS(\n  cssOrFactory: string | (() => string),\n  depsOrOptions?: readonly unknown[] | UseRawCSSOptions,\n  options?: UseRawCSSOptions,\n): void {\n  const isFactory = typeof cssOrFactory === 'function';\n\n  const deps =\n    isFactory && Array.isArray(depsOrOptions) ? depsOrOptions : undefined;\n  const opts = isFactory\n    ? options\n    : (depsOrOptions as UseRawCSSOptions | undefined);\n\n  const target = getStyleTarget();\n\n  const state =\n    target.mode === 'client' ? getClientState(opts?.root ?? document) : null;\n\n  // Client deps cache: skip factory re-evaluation when deps haven't changed\n  if (isFactory && deps && opts?.id && state) {\n    const cachedDeps = state.factoryDeps.get(opts.id);\n    if (cachedDeps && depsEqual(cachedDeps, deps)) {\n      return;\n    }\n  }\n\n  const css = isFactory\n    ? (cssOrFactory as () => string)()\n    : (cssOrFactory as string);\n\n  if (!css.trim()) return;\n\n  if (target.mode === 'ssr') {\n    // A slot key (explicit `id`) replaces, matching client update tracking;\n    // content-hashed keys only dedup.\n    const key = opts?.id ? `raw:${opts.id}` : `raw:${hashString(css)}`;\n    target.collector.collectRawCSS(key, css, opts?.id != null);\n    return;\n  }\n\n  if (target.mode === 'rsc') {\n    const key = opts?.id ? `__raw:${opts.id}` : `__raw:${hashString(css)}`;\n    pushRSCCSS(target.cache, key, css, opts?.id != null);\n    return;\n  }\n\n  // Client path\n  if (!state) return;\n\n  const id = opts?.id;\n\n  if (id) {\n    const existing = state.entries.get(id);\n    if (existing) {\n      if (existing.contentKey === css) return;\n      existing.dispose();\n    }\n\n    const { dispose } = injectRawCSS(css, opts);\n    state.entries.set(id, { contentKey: css, dispose });\n    if (deps) state.factoryDeps.set(id, deps);\n  } else {\n    const contentKey = hashString(css);\n    if (state.contentDedup.has(contentKey)) return;\n    state.contentDedup.add(contentKey);\n    injectRawCSS(css, opts);\n  }\n}\n","import { getNamePrefix } from '../config';\nimport { keyframes } from '../injector';\nimport type { KeyframesSteps } from '../injector/types';\nimport { getStyleTarget, pushRSCCSS } from '../rsc-cache';\nimport { formatKeyframesCSS } from '../ssr/format-keyframes';\nimport { createClientState } from '../utils/client-state';\nimport { depsEqual } from '../utils/deps-equal';\nimport { hashString } from '../utils/hash';\nimport { makeKeyframeName } from '../utils/name-prefix';\n\ninterface UseKeyframesOptions {\n  name?: string;\n  root?: Document | ShadowRoot;\n}\n\ninterface FactoryDepsEntry {\n  deps: readonly unknown[];\n  name: string;\n}\n\ninterface NamedSlotEntry {\n  cacheKey: string;\n  dispose: () => void;\n}\n\ninterface ClientKeyframesState {\n  /** cacheKey (name + serialized steps) -> generated animation name */\n  contentToName: Map<string, string>;\n  /** provided name -> the single injection that slot currently owns */\n  namedSlots: Map<string, NamedSlotEntry>;\n  /** provided name -> last factory deps, to skip re-evaluating the factory */\n  factoryDeps: Map<string, FactoryDepsEntry>;\n}\n\nconst getClientState = createClientState(\n  (): ClientKeyframesState => ({\n    contentToName: new Map(),\n    namedSlots: new Map(),\n    factoryDeps: new Map(),\n  }),\n);\n\n/**\n * Inject CSS @keyframes and return the generated animation name.\n * Deduplicates by content — identical steps always return the same name.\n *\n * Works in all environments: client, SSR with collector, and React Server Components.\n *\n * Passing `name` claims a slot owned by that one call site (like `useRawCSS`'s\n * `id`): when its steps change, the previous injection is disposed and the name\n * is reused, so the rules don't accumulate. Anonymous keyframes are permanent\n * and shared by content.\n *\n * @example Basic usage - steps object is the dependency\n * ```tsx\n * function MyComponent() {\n *   const bounce = useKeyframes({\n *     '0%': { transform: 'scale(1)' },\n *     '50%': { transform: 'scale(1.1)' },\n *     '100%': { transform: 'scale(1)' },\n *   });\n *\n *   return <div style={{ animation: `${bounce} 1s infinite` }}>Bouncing</div>;\n * }\n * ```\n *\n * @example With custom name\n * ```tsx\n * function MyComponent() {\n *   const fadeIn = useKeyframes(\n *     { from: { opacity: 0 }, to: { opacity: 1 } },\n *     { name: 'fadeIn' }\n *   );\n *\n *   return <div style={{ animation: `${fadeIn} 0.3s ease-out` }}>Fading in</div>;\n * }\n * ```\n *\n * @example Factory function with dependencies\n * ```tsx\n * function MyComponent({ scale }: { scale: number }) {\n *   const pulse = useKeyframes(\n *     () => ({\n *       '0%': { transform: 'scale(1)' },\n *       '100%': { transform: `scale(${scale})` },\n *     }),\n *     [scale]\n *   );\n *\n *   return <div style={{ animation: `${pulse} 1s infinite` }}>Pulsing</div>;\n * }\n * ```\n */\n\n// Overload 1: Static steps object\nexport function useKeyframes(\n  steps: KeyframesSteps,\n  options?: UseKeyframesOptions,\n): string;\n\n// Overload 2: Factory function with dependencies\nexport function useKeyframes(\n  factory: () => KeyframesSteps,\n  deps: readonly unknown[],\n  options?: UseKeyframesOptions,\n): string;\n\n// Implementation\nexport function useKeyframes(\n  stepsOrFactory: KeyframesSteps | (() => KeyframesSteps),\n  depsOrOptions?: readonly unknown[] | UseKeyframesOptions,\n  options?: UseKeyframesOptions,\n): string {\n  const isFactory = typeof stepsOrFactory === 'function';\n\n  const deps =\n    isFactory && Array.isArray(depsOrOptions) ? depsOrOptions : undefined;\n  const opts = isFactory\n    ? options\n    : (depsOrOptions as UseKeyframesOptions | undefined);\n\n  const target = getStyleTarget();\n\n  const clientState =\n    target.mode === 'client' ? getClientState(opts?.root ?? document) : null;\n\n  // Client deps cache: skip factory re-evaluation when deps haven't changed\n  if (isFactory && deps && opts?.name && clientState) {\n    const cached = clientState.factoryDeps.get(opts.name);\n    if (cached && depsEqual(cached.deps, deps)) {\n      return cached.name;\n    }\n  }\n\n  const steps = isFactory\n    ? (stepsOrFactory as () => KeyframesSteps)()\n    : (stepsOrFactory as KeyframesSteps);\n\n  if (!steps || Object.keys(steps).length === 0) {\n    return '';\n  }\n\n  if (target.mode === 'ssr') {\n    const actualName = target.collector.allocateKeyframeName(opts?.name);\n    const css = formatKeyframesCSS(actualName, steps);\n    target.collector.collectKeyframes(actualName, css);\n    return actualName;\n  }\n\n  if (target.mode === 'rsc') {\n    const serializedContent = JSON.stringify(steps);\n    const key = `__kf:${opts?.name ?? ''}:${serializedContent}`;\n\n    const existingName = target.cache.generatedNames.get(key);\n    if (existingName) return existingName;\n\n    const actualName =\n      opts?.name ??\n      makeKeyframeName(getNamePrefix(), hashString(serializedContent));\n    const css = formatKeyframesCSS(actualName, steps);\n    pushRSCCSS(target.cache, key, css);\n    target.cache.generatedNames.set(key, actualName);\n    return actualName;\n  }\n\n  // Client path: stable name via content-based dedup\n  const state = clientState ?? getClientState(opts?.root ?? document);\n  const serializedContent = JSON.stringify(steps);\n  const cacheKey = `${opts?.name ?? ''}:${serializedContent}`;\n\n  const cachedName = state.contentToName.get(cacheKey);\n  if (cachedName) {\n    return cachedName;\n  }\n\n  const providedName = opts?.name;\n\n  // A named slot owns exactly one injection. When its content changes, drop the\n  // previous one first: disposing frees the name so the new steps can reclaim\n  // it, and it keeps old @keyframes rules from piling up in the sheet.\n  if (providedName) {\n    const slot = state.namedSlots.get(providedName);\n\n    if (slot && slot.cacheKey !== cacheKey) {\n      slot.dispose();\n      // Forget the stale content too, so any other call site still passing the\n      // old steps re-injects instead of pointing at a removed rule.\n      state.contentToName.delete(slot.cacheKey);\n      state.namedSlots.delete(providedName);\n    }\n  }\n\n  const result = keyframes(steps, {\n    name: providedName,\n    root: opts?.root,\n  });\n\n  const name = result.toString();\n  state.contentToName.set(cacheKey, name);\n\n  if (providedName) {\n    state.namedSlots.set(providedName, { cacheKey, dispose: result.dispose });\n\n    if (deps) {\n      state.factoryDeps.set(providedName, { deps, name });\n    }\n  }\n\n  return name;\n}\n","import { getGlobalInjector } from '../config';\nimport { getStyleTarget, pushRSCCSS } from '../rsc-cache';\nimport { formatPropertyCSS } from '../ssr/format-property';\nimport type { PropertyOptions } from '../injector/types';\n\n/**\n * Options for {@link useProperty}. Extends the shared {@link PropertyOptions}\n * (which is `PropertyDefinition` plus an optional injection `root`).\n */\nexport type UsePropertyOptions = PropertyOptions;\n\n/**\n * Register a CSS @property custom property.\n * This enables advanced features like animating custom properties.\n *\n * Note: @property rules are global and persistent once defined.\n * The function ensures the property is only registered once per root.\n *\n * Accepts tasty token syntax for the property name:\n * - `$name` → defines `--name`\n * - `#name` → defines `--name-color` (auto-sets syntax: '<color>', defaults initialValue: 'transparent')\n * - `--name` → defines `--name` (legacy format)\n *\n * Works in all environments: client, SSR with collector, and React Server Components.\n *\n * @param name - The property token ($name, #name) or CSS property name (--name)\n * @param options - Property configuration\n *\n * @example Basic property with token syntax\n * ```tsx\n * function Spinner() {\n *   useProperty('$rotation', {\n *     syntax: '<angle>',\n *     inherits: false,\n *     initialValue: '0deg',\n *   });\n *\n *   return <div className=\"spinner\" />;\n * }\n * ```\n *\n * @example Color property with token syntax (auto-sets syntax)\n * ```tsx\n * function MyComponent() {\n *   useProperty('#theme', {\n *     initialValue: 'red', // syntax: '<color>' is auto-set\n *   });\n *\n *   // Now --theme-color can be animated with CSS transitions\n *   return <div style={{ '--theme-color': 'blue' } as React.CSSProperties}>Colored</div>;\n * }\n * ```\n *\n * @example Legacy format (still supported)\n * ```tsx\n * function ResizableBox() {\n *   useProperty('--box-size', {\n *     syntax: '<length>',\n *     initialValue: '100px',\n *   });\n *\n *   return <div style={{ width: 'var(--box-size)' }} />;\n * }\n * ```\n */\nexport function useProperty(name: string, options?: UsePropertyOptions): void {\n  if (!name) {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn(`[Tasty] useProperty: property name is required`);\n    }\n    return;\n  }\n\n  const target = getStyleTarget();\n\n  if (target.mode === 'ssr') {\n    target.collector.collectInternals();\n\n    const css = formatPropertyCSS(name, {\n      syntax: options?.syntax,\n      inherits: options?.inherits,\n      initialValue: options?.initialValue,\n    });\n    if (css) {\n      target.collector.collectProperty(name, css);\n    }\n    return;\n  }\n\n  if (target.mode === 'rsc') {\n    const css = formatPropertyCSS(name, {\n      syntax: options?.syntax,\n      inherits: options?.inherits,\n      initialValue: options?.initialValue,\n    });\n    if (css) {\n      pushRSCCSS(target.cache, `__prop:${name}`, css);\n    }\n    return;\n  }\n\n  const injector = getGlobalInjector();\n\n  if (injector.isPropertyDefined(name, { root: options?.root })) {\n    return;\n  }\n\n  injector.property(name, {\n    syntax: options?.syntax,\n    inherits: options?.inherits,\n    initialValue: options?.initialValue,\n    root: options?.root,\n  });\n}\n","import { getGlobalInjector } from '../config';\nimport { fontFaceContentHash, formatFontFaceRule } from '../font-face';\nimport type { FontFaceDescriptors, FontFaceInput } from '../injector/types';\nimport { getStyleTarget, pushRSCCSS } from '../rsc-cache';\n\ninterface UseFontFaceOptions {\n  root?: Document | ShadowRoot;\n}\n\n/**\n * Inject CSS @font-face rules.\n * Permanent — no cleanup on unmount. Deduplicates by content hash.\n *\n * Works in all environments: client, SSR with collector, and React Server Components.\n *\n * @param family - The font-family name\n * @param input - Single descriptor object or array of descriptors (for multiple weights/styles)\n * @param options - Optional settings (e.g. Shadow DOM root)\n *\n * @example Single weight\n * ```tsx\n * function App() {\n *   useFontFace('Brand Sans', {\n *     src: 'url(\"/fonts/brand-sans.woff2\") format(\"woff2\")',\n *     fontWeight: '400 700',\n *     fontDisplay: 'swap',\n *   });\n *\n *   return <div style={{ fontFamily: '\"Brand Sans\", sans-serif' }}>Hello</div>;\n * }\n * ```\n *\n * @example Multiple weights\n * ```tsx\n * function App() {\n *   useFontFace('Brand Sans', [\n *     { src: 'url(\"/fonts/brand-regular.woff2\") format(\"woff2\")', fontWeight: 400, fontDisplay: 'swap' },\n *     { src: 'url(\"/fonts/brand-bold.woff2\") format(\"woff2\")', fontWeight: 700, fontDisplay: 'swap' },\n *   ]);\n *\n *   return <div style={{ fontFamily: '\"Brand Sans\", sans-serif' }}>Hello</div>;\n * }\n * ```\n */\nexport function useFontFace(\n  family: string,\n  input: FontFaceInput,\n  options?: UseFontFaceOptions,\n): void {\n  if (!family) return;\n\n  const descriptors: FontFaceDescriptors[] = Array.isArray(input)\n    ? input\n    : [input];\n\n  const target = getStyleTarget();\n\n  if (target.mode === 'ssr') {\n    for (const desc of descriptors) {\n      const hash = fontFaceContentHash(family, desc);\n      const css = formatFontFaceRule(family, desc);\n      target.collector.collectFontFace(hash, css);\n    }\n    return;\n  }\n\n  if (target.mode === 'rsc') {\n    for (const desc of descriptors) {\n      const hash = fontFaceContentHash(family, desc);\n      const css = formatFontFaceRule(family, desc);\n      pushRSCCSS(target.cache, `__ff:${hash}`, css);\n    }\n    return;\n  }\n\n  const injector = getGlobalInjector();\n  for (const desc of descriptors) {\n    injector.fontFace(family, desc, { root: options?.root });\n  }\n}\n","import { getGlobalInjector, getNamePrefix } from '../config';\nimport { formatCounterStyleRule } from '../counter-style';\nimport type { CounterStyleDescriptors } from '../injector/types';\nimport { getStyleTarget, pushRSCCSS } from '../rsc-cache';\nimport { createClientState } from '../utils/client-state';\nimport { hashString } from '../utils/hash';\nimport { makeCounterStyleName } from '../utils/name-prefix';\n\ninterface UseCounterStyleOptions {\n  name?: string;\n  root?: Document | ShadowRoot;\n}\n\nlet clientCounterStyleCounter = 0;\n\nconst getClientContentToName = createClientState(\n  () => new Map<string, string>(),\n);\n\n/**\n * Inject a CSS @counter-style rule and return the generated name.\n * Permanent — no cleanup on unmount. Deduplicates by name.\n *\n * Works in all environments: client, SSR with collector, and React Server Components.\n *\n * @example Basic usage\n * ```tsx\n * function EmojiList() {\n *   const styleName = useCounterStyle({\n *     system: 'cyclic',\n *     symbols: '\"👍\"',\n *     suffix: '\" \"',\n *   }, { name: 'thumbs' });\n *\n *   return (\n *     <ol style={{ listStyleType: styleName }}>\n *       <li>First</li>\n *       <li>Second</li>\n *     </ol>\n *   );\n * }\n * ```\n *\n */\nexport function useCounterStyle(\n  descriptors: CounterStyleDescriptors,\n  options?: UseCounterStyleOptions,\n): string {\n  if (!descriptors || !descriptors.system) {\n    return '';\n  }\n\n  const target = getStyleTarget();\n\n  if (target.mode === 'ssr') {\n    const actualName = target.collector.allocateCounterStyleName(options?.name);\n    const css = formatCounterStyleRule(actualName, descriptors);\n    target.collector.collectCounterStyle(actualName, css);\n    return actualName;\n  }\n\n  if (target.mode === 'rsc') {\n    const serializedContent = JSON.stringify(descriptors);\n    const key = `__cs:${options?.name ?? ''}:${serializedContent}`;\n\n    const existingName = target.cache.generatedNames.get(key);\n    if (existingName) return existingName;\n\n    const actualName =\n      options?.name ??\n      makeCounterStyleName(getNamePrefix(), hashString(serializedContent));\n    const css = formatCounterStyleRule(actualName, descriptors);\n    pushRSCCSS(target.cache, key, css);\n    target.cache.generatedNames.set(key, actualName);\n    return actualName;\n  }\n\n  // Client path: stable name via content-based dedup\n  const contentToName = getClientContentToName(options?.root ?? document);\n  const serializedContent = JSON.stringify(descriptors);\n  const cacheKey = `${options?.name ?? ''}:${serializedContent}`;\n\n  const existingName = contentToName.get(cacheKey);\n  if (existingName) {\n    return existingName;\n  }\n\n  const name =\n    options?.name ??\n    makeCounterStyleName(getNamePrefix(), String(clientCounterStyleCounter++));\n  contentToName.set(cacheKey, name);\n\n  const injector = getGlobalInjector();\n  injector.counterStyle(name, descriptors, { root: options?.root });\n\n  return name;\n}\n","import { getGlobalInjector, isFunctionsPolyfillEnabled } from '../config';\nimport {\n  formatFunctionRule,\n  parseFunctionName,\n  registerFunctionPolyfill,\n} from '../functions';\nimport type { FunctionDefinition } from '../injector/types';\nimport { getStyleTarget, pushRSCCSS } from '../rsc-cache';\n\nexport interface UseFunctionOptions {\n  /** Shadow root or document to inject into. */\n  root?: Document | ShadowRoot;\n}\n\n/**\n * Register a CSS @function (custom function).\n *\n * @function rules are global and persistent once defined. The hook ensures the\n * function is only registered once per root (deduplicated by function name).\n *\n * Accepts tasty token syntax for the function name:\n * - `$$name` → defines `--name` (matches the call site `$$name(...)`)\n * - `$name` / `--name` → also accepted\n *\n * Works in all environments: client, SSR with collector, and React Server Components.\n *\n * @param name - The function name token (`$$name`, `$name`, or `--name`)\n * @param definition - Function definition (args, returns, result, local vars)\n *\n * Call the function through the Tasty DSL, not a raw `style` prop: an inline\n * `style` value reaches the browser unparsed, so the `$$name(...)` sugar is never\n * expanded and `polyfills.functions` cannot rewrite it either.\n *\n * @example\n * ```tsx\n * const Box = tasty({ styles: { marginTop: '$$negative(10px)' } });\n *\n * function Layout() {\n *   useFunction('$$negative', { args: ['$value'], result: '(-1 * $value)' });\n *   return <Box />;\n * }\n * ```\n */\nexport function useFunction(\n  name: string,\n  definition: FunctionDefinition,\n  options?: UseFunctionOptions,\n): void {\n  if (!name) {\n    if (process.env.NODE_ENV !== 'production') {\n      console.warn(`[Tasty] useFunction: function name is required`);\n    }\n    return;\n  }\n\n  // @function polyfill: register an inline closure so call sites are expanded\n  // into plain CSS by the parser. No native @function rule is emitted.\n  if (isFunctionsPolyfillEnabled()) {\n    registerFunctionPolyfill(name, definition);\n    return;\n  }\n\n  const target = getStyleTarget();\n\n  if (target.mode === 'ssr') {\n    target.collector.collectInternals();\n\n    const css = formatFunctionRule(name, definition);\n    if (css) {\n      target.collector.collectFunction(parseFunctionName(name), css);\n    }\n    return;\n  }\n\n  if (target.mode === 'rsc') {\n    const css = formatFunctionRule(name, definition);\n    if (css) {\n      pushRSCCSS(target.cache, `__func:${parseFunctionName(name)}`, css);\n    }\n    return;\n  }\n\n  getGlobalInjector().func(name, definition, { root: options?.root });\n}\n","import { useInsertionEffect } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { closeBatchWindow, openBatchWindow } from './injector/batch';\n\nexport interface TastyBatchProviderProps {\n  children?: ReactNode;\n}\n\n/**\n * Opens a *batch window* for the commit it renders in, so `batchInjection`\n * can defer stylesheet writes without ever letting a layout effect measure an\n * unstyled element.\n *\n * Every `insertRule()` on a live sheet invalidates style for that sheet's\n * scope. When components inject during React's render phase while others read\n * layout in the same pass, the two interleave and the browser recalculates\n * style between every injection. Batching collapses that into one invalidation\n * per flush — but only if the flush happens before anything can measure.\n *\n * ```\n * provider renders          -> window OPEN\n *   children render         -> injections queued\n * provider insertionEffect  -> FLUSH, window CLOSED\n * layout effects run        -> rules are in the sheet\n * ```\n *\n * `useInsertionEffect` runs in React's mutation phase, after every render in\n * the commit and before any `useLayoutEffect` — which is exactly why React\n * added it for CSS-in-JS libraries. Effects fire child-first, so this\n * provider's runs after every descendant's and still before all layout\n * effects.\n *\n * A commit that does not re-render this provider gets no window, and those\n * injections are written synchronously instead. That is the point: turning\n * `batchInjection: true` on can only ever make injection cheaper, never make a\n * measurement wrong. It also means batching applies to commits this provider\n * takes part in, so mount it as high in the tree as you can.\n *\n * Requires `configure({ batchInjection: true })`; without it this component\n * only renders its children. `batchInjection: 'always'` does not need the\n * provider at all — see that option's docs for the trade-off it accepts.\n *\n * @example\n * ```tsx\n * configure({ batchInjection: true });\n *\n * createRoot(el).render(\n *   <TastyBatchProvider>\n *     <App />\n *   </TastyBatchProvider>,\n * );\n * ```\n */\nexport function TastyBatchProvider({ children }: TastyBatchProviderProps) {\n  // Opened during render on purpose: the window has to be open before children\n  // render, and this is the only phase that precedes them. It is idempotent and\n  // has no other side effect, so StrictMode's double render costs nothing. A\n  // render that is thrown away (aborted or suspended) leaves the window open,\n  // which the microtask backstop closes — and such a render mounts nothing, so\n  // nothing can measure what it queued.\n  openBatchWindow();\n\n  // Fires in the mutation phase, before any layout effect. No dependency array:\n  // it must run on every commit this provider is part of.\n  useInsertionEffect(() => {\n    closeBatchWindow();\n  });\n\n  return children;\n}\n"],"mappings":";;;;;;;;;;AAEA,MAAM,eAAe;AAErB,SAAgB,eACd,WACA,eAAe,cACP;CACR,IAAI,OAAO,cAAc,YACvB,OAAO,UAAU,eAAe,UAAU,QAAQ;CAGpD,OAAO;AACT;;;;;;;;ACRA,SAAgB,mBAAmB,OAAyB;CAC1D,IAAI,OAAO,UAAU,YAAY,OAAO,UAAU,YAChD,OAAO;CAGT,IAAI,OAAO,UAAU,YAAY,UAAU,MACzC,OAAO,OAAQ,MAAiC,aAAa;CAG/D,OAAO;AACT;;;;;;ACwCA,MAAM,wBAAwB,OAAO,QAAQ;CAR3C,YAAY;CACZ,UAAU;CACV,WAAW;AAMgD,CAAC;;;;;AAM9D,SAAS,mBAAmB,OAAgC;CAC1D,KAAK,MAAM,CAAC,YAAY,oBAAoB,uBAAuB;EACjE,IAAI,cAAc,OAAO;GACvB,MAAM,mBAAmB,MAAM;GAC/B,OAAO,MAAM;EACf;EAGA,MAAM,gBAAgB,QAAQ;EAC9B,IAAI,EAAE,iBAAiB,UAAU,MAAM,kBACrC,MAAM,iBAAiB;CAE3B;AACF;;;;;AAMA,SAAS,iBACP,aACA,YAGA;CAEA,MAAM,SACJ,OAAO,eAAe,WAClB,EAAE,IAAI,WAAkB,IACvB;CAEP,MAAM,MAAM,OAAO,MAAO;CAC1B,MAAM,YAAY,OAAO;CACzB,MAAM,eAAe,OAAO;CAE5B,MAAM,aAAa,YAA2C,OAAO,QAAQ;EAC3E,MAAM,EACJ,IACA,OACA,MACA,QACA,YACA,UACA,WACA,WACA,OACA,GAAG,cACD;EAMJ,IAAI;EACJ,IAAI,MACF,eAAeA,UAAS,IAAY;EAItC,MAAM,aAAa,SACd,cAAc,MAAM,IACrB,KAAA;EAGJ,IAAI;EACJ,IAAI,cAAc,OAChB,cACE,cAAc,QACV;GAAE,GAAG;GAAY,GAAG;EAAM,IACxB,cAAc;EAGxB,MAAM,eAAe;GACnB,gBAAgB;GAChB,WAAW,MAAM;GACjB,cAAc,SAAS;GACvB,GAAI,gBAAgB,CAAC;GACrB,GAAG;GACH;GACA,OAAO;GACP;GACA;GACA;GACA;EACF;EAGA,mBAAmB,YAAY;EAG/B,IAAI,aAAa,eAAe,KAAA,GAAW,OAAO,aAAa;EAC/D,IAAI,aAAa,kBAAkB,KAAA,GACjC,OAAO,aAAa;EAEtB,OAAO,cAAc,KAAK,YAAY;CACxC,CAAC;CAED,WAAW,cAAc,cAAc,YAAY;CAEnD,OAAO;AAGT;;;;;;AA4EA,SAAS,uBACP,KACwC;CACxC,IAAI,MAAM,QAAQ,GAAG,GACnB,OAAQ,IAAiB,KAAK,aAAa;EACzC,IAAI,SAAS,SAAS,OAAO,KAAK,SAAS,SAAS,GAClD,OAAO,CAAC,UAAU,IAAI,SAAS,MAAM,GAAG,EAAE,GAAG;EAE/C,OAAO,CAAC,UAAU,IAAI,UAAU;CAClC,CAAC;CAEH,OAAO,OAAO,QAAQ,GAAG;AAC3B;AA8TA,SAAgB,MAId,WAAgB,SAAe;CAC/B,IAAI,mBAAmB,SAAS,GAC9B,OAAO,UAAU,WAAiC,OAAO;CAG3D,OAAO,aAAa,SAA6B;AACnD;AAEA,SAAS,UASP,WACA,SACiE;CAIjE,MAAM,EACJ,IAAI,WACJ,SAAS,eACT,YAAY,aACZ,UAAU,WACV,YAAY,aACZ,UAAU,WACV,UAAU,WACV,GAAG,iBACA,WAAW,CAAC;CAEjB,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,OACjC,OAAO,KAAK,YAAY,CAAC,CAAC,QAAQ,SAAS,KAAK,SAAS,QAAQ,CAAC,CACpE;CAEA,MAAM,oBAAoB,YAAsB,OAAO,QAAQ;EAC7D,MAAM,EAAE,IAAI,SAAS,GAAG,cAAc;EAEtC,MAAM,kBAAkB,gBAAgB,QACrC,KAAK,SAAS;GACb,MAAM,YAAa,UAAkB;GACrC,MAAM,eAAgB,aAAqB;GAE3C,IAAI,aAAa,QAAQ,gBAAgB,MACvC,IAAa,QAAQ,YAAY,cAAc,SAAS;QAExD,IAAa,QAAQ,aAAa;GAGpC,OAAO;EACT,GACA,CAAC,CACH;EAWA,OAAO,cAAc,WAA+B;GARlD,GAAI;GACJ,GAAI;GACJ,GAAG;GACH,IAAK,MAA6B;GAClC,SAAU,WAAkC;GAC5C;EAG6D,CAAC;CAClE,CAAC;CAED,kBAAkB,cAAc,yBAAyB,eACvD,WACC,aAAqB,MAAO,aAAqB,WACpD,EAAE;CAEF,OAAO;AAGT;AAEA,SAAS,aAIP,cAAmC;CACnC,MAAM,EACJ,IAAI,aAAa,OACjB,SAAS,gBACT,QAAQ,eACR,YACA,UAAU,aACV,YAAY,eACZ,UACA,QAAQ,eACR,UACA,GAAG,iBACD;CAIJ,IAAI;CACJ,IAAI,UAAU;EAIZ,IAAI,aAAa;EACjB,IAAI;EAEJ,IAAI,eACF,KAAK,MAAM,OAAO,OAAO,KAAK,aAAa,GAAG;GAC5C,IAAI,WAAW,GAAG,GAAG;GAErB,MAAM,QAAS,cAA0C;GAEzD,IACE,OAAO,UAAU,YACjB,UAAU,QACV,CAAC,MAAM,QAAQ,KAAK,KACpB,EAAE,MAAM,QACR;IACA,IAAI,CAAC,iBAAiB;KACpB,aAAa,EAAE,GAAG,cAAc;KAChC,kBAAkB,CAAC;IACrB;IACA,gBAA6C,OAAO;IACpD,OAAQ,WAAuC;GACjD;EACF;EAIF,mBADuB,OAAO,QAAQ,QACN,CAAC,CAAC,QAC/B,KAAK,CAAC,SAAS,mBAAmB;GACjC,IAAI,WAAW,kBACX,YAAY,YAAY,eAAe,eAAe,IACtD,YAAY,YAAY,aAAa;GACzC,OAAO;EACT,GACA,CAAC,CACH;EAEA,IAAI,CAAC,iBAAiB,YACpB,iBAAiB,aAAa;CAElC;CAEA,MAAM,EACJ,IAAI,WACJ,OAAO,cACP,GAAG,sBACD,gBAAgB,CAAC;CAGrB,MAAM,kBAAqC,aACtC,WAAyB,OAAO,WAAW,IAC5C;CAMJ,IAAI,eAAkC;CACtC,IAAI,sBAAsB;CAE1B,MAAM,eAAqC,cACrC,MAAM,QAAQ,WAAW,IACvB,cACA,OAAO,KAAK,WAAW,IAC3B,KAAA;CAEJ,MAAM,oBAAoD,gBACtD,uBAAuB,aAAgC,IACvD,KAAA;CAIJ,MAAM,iCAAiB,IAAI,IAAgC;CAQ3D,MAAM,gBAAsC,EAAE,cAAc,KAAK;CAEjE,MAAM,kBAAkB,YAGrB,eAAe,QAAQ;EAMxB,MAAM,oBAAoB,oBAAoB;EAO9C,MAAM,EACJ,IACA,QAAQ,WACR,SACA,MACA,SACA,IACA,OACA,WAAW,eACX,QACA,OACA,OACA,GAAG,eAlBY,oBACZ,kBACC,aACF,IACA;EAuBJ,IAAI,SAAS;EAEb,IAAI,aAA4B;EAEhC,IAAI,wBAAwB,uBAAuB,SAAS;GAC1D,MAAM,WAAW,uBAAuB;GAExC,eACE,SAAS,WAAW,IAChB,kBACA,gBAAgB,OAAO,QAAQ;GACrC,sBAAsB,uBAAuB;EAC/C;EAEA,KAAK,MAAM,QAAQ,cAAc;GAC/B,MAAM,MAAM;GAEZ,IAAI,OAAO,YAAY;IACrB,IAAI,CAAC,YAAY,aAAa,CAAC;IAC/B,MAAM,QAAS,WAAmB;IAClC,WAAoB,OAAO;IAC3B,OAAQ,WAAmB;GAC7B;EACF;EAEA,IAAI,CAAC,UAAW,UAAU,CAAC,QAAQ,MAAiC,GAClE,SAAS,KAAA;EAGX,IAAI;EACJ,IAAI;QACG,MAAM,OAAO,cAChB,IAAI,OAAO,YAAY;IACrB,IAAI,CAAC,UAAU,WAAW,CAAC;IAC3B,SAAS,OAAQ,WACf;IAEF,OAAQ,WAAuC;GACjD;;EAIJ,IAAI;EACJ,IAAI;QACG,MAAM,CAAC,UAAU,aAAa,mBACjC,IAAI,YAAY,YAAY;IAC1B,IAAI,CAAC,YAAY,aAAa,CAAC;IAC/B,WAA2C,YACzC,WACA;IACF,OAAQ,WAAuC;GACjD;;EAIJ,MAAM,aAAa,mBACd,iBAAkB,WAAsB,cACzC,iBAAiB,aACjB;EAEJ,MAAM,oBACJ,UAAU,QAAQ,MAAiC;EACrD,MAAM,gBAAgB,cAAc,QAAQ,UAAU;EAEtD,MAAM,YACJ,qBAAqB,gBACjB,YAAY,YAAY,QAAkB,UAAoB,IAC9D;EAMN,MAAM,kBAAkB,OAAO,aAAa;EAC5C,IAAI;EACJ,IACE,mBACA,cAAc,cACd,eAAe,IAAI,SAAS,GAC5B;GACA,eAAe,EAAE,WAAW,eAAe,IAAI,SAAS,EAAG;GAC3D,MAAM,aAAa,SAAS;EAC9B,OAAO;GACL,eAAe,cACb,WACA,CAAC,mBAAmB,cAAc,aAC9B,gBACA,KAAA,CACN;GACA,IAAI,mBAAmB,cAAc,YACnC,eAAe,IAAI,WAAW,aAAa,SAAS;EAExD;EAGA,IAAI;EACJ,IAAI,iBAAiB,UAAU,YAC7B,IAAI,CAAC,iBAAiB,CAAC,YACrB,eAAe;OACV,IAAI,CAAC,UAAU,CAAC,YACrB,eAAe;OAEf,eAAe;GACb,GAAG;GACH,GAAI;GACJ,GAAG;EACL;EAIJ,MAAM,sBAAsB,cAAc,YAAY;EAEtD,IAAI;EACJ,IAAI,uBAAuB,OACzB,IAAI,CAAC,qBACH,cAAc;OACT,IAAI,CAAC,OACV,cAAc;OAEd,cAAc;GACZ,GAAI;GACJ,GAAG;EACL;EAIJ,MAAM,aAAa,WACf;GAAE,GAAI;GAAmC,GAAG;EAAS,IACpD;EAEL,IAAI;EACJ,IAAI,YACF,eAAeA,UAAS,UAA6B;EAMvD,MAAM,iBAAiB,CACpB,iBAA4B,IAC7B,aAAa,SACf,CAAC,CACE,OAAO,OAAO,CAAC,CACf,KAAK,GAAG;EAEX,MAAM,eAAe;GACnB,gBAAiB,WAAkC;GACnD,WAAY,MAA6B;GACzC,cAAe,SAAgC;GAC/C,cAAc;GACd,GAAI;GACJ,GAAI,gBAAgB,CAAC;GACrB,GAAI;GACJ,WAAW;GACX,OAAO;GACP;EACF;EAEA,mBAAmB,YAAY;EAE/B,IAAI,aAAa,kBAAkB,KAAA,GACjC,OAAO,aAAa;EAGtB,MAAM,KAAK,cACR,MAAyB,YAC1B,YACF;EAKA,IAAI,aAAa,KAAK;GACpB,MAAM,QAAQ,UAAU,CAAC,CAAC;GAE1B,OAAO,cACL,UACA,MACA,cAAc,SAAS;IACrB,kBAAkB;IAClB;IACA,yBAAyB,EAAE,QAAQ,aAAa,IAAI;GACtD,CAAC,GACD,EACF;EACF;EAEA,OAAO;CACT,CAAC;CAED,gBAAgB,cAAc,kBAC3B,aAAqB,MAAM,WAC7B;CAGD,IAAI,UAAU;EACZ,MAAM,cAAc,OAAO,QAAQ,QAAQ,CAAC,CAAC,QAC1C,KAAK,CAAC,MAAM,gBAAgB;GAC3B,IAAI,QAAQ,iBACV,MACA,UACF;GACA,OAAO;EACT,GACA,CAAC,CACH;EAEA,OAAO,OAAO,OAAO,iBAAiB,WAAW;CACnD;CAEA,OAAO;AACT;AAEA,MAAa,UAAU,MAAM,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;AC78B/B,SAAgB,UACd,QACA,SACiB;CACjB,OAAO,cAAc,QAAQ;EAC3B,cAAc,WAAW,mBAAmB,CAAC;EAC7C,MAAM,SAAS;CACjB,CAAC;AACH;;;;;;;;;;;;;;;;AC5BA,SAAgB,kBACd,QACoC;CACpC,MAAM,6BAAa,IAAI,QAAmD;CAE1E,QAAQ,SAAmC;EACzC,MAAM,WAAW,kBAAkB;EAEnC,IAAI,SAAS,WAAW,IAAI,QAAQ;EACpC,IAAI,CAAC,QAAQ;GACX,yBAAS,IAAI,QAAQ;GACrB,WAAW,IAAI,UAAU,MAAM;EACjC;EAEA,IAAI,QAAQ,OAAO,IAAI,IAAI;EAC3B,IAAI,CAAC,OAAO;GACV,QAAQ,OAAO;GACf,OAAO,IAAI,MAAM,KAAK;EACxB;EAEA,OAAO;CACT;AACF;;;ACLA,MAAM,uBAAuB,wCACrB,IAAI,IAA+B,CAC3C;AAEA,MAAM,aAAa,CAEnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAgB,gBACd,UACA,QACA,SACM;CACN,IAAI,CAAC,QAAQ;CAEb,IAAI,CAAC,UAAU;EAEX,QAAQ,KACN,iGAEF;EAEF;CACF;CAEA,MAAM,SAAS,eAAe;CAI9B,MAAM,QACJ,OAAO,SAAS,WACZ,qBAAqB,SAAS,QAAQ,QAAQ,IAC9C;CACN,MAAM,UAAU,SAAS,MAAM;CAC/B,MAAM,YAAY,QAAQ,KAAK,UAAU,MAAM,IAAI;CACnD,MAAM,WAAW,OAAO,IAAI,OAAO;CAGnC,IAAI,YAAY,SAAS,cAAc,WAAW;CAElD,MAAM,iBAAiB,eAAe,MAAM;CAE5C,MAAM,eAAe,aAAa,gBAAgB,QAAQ;CAE1D,IAAI,aAAa,WAAW,GAAG;EAG7B,IAAI,OAAO;GACT,UAAU,QAAQ;GAClB,MAAM,IAAI,SAAS;IAAE;IAAW,SAAS;GAAK,CAAC;EACjD;EACA;CACF;CAEA,IAAI,OAAO,SAAS,OAAO;EACzB,OAAO,UAAU,iBAAiB;EAElC,MAAM,MAAM,kBAAkB,YAAY;EAC1C,IAAI,KAAK;GAGP,MAAM,MAAM,SAAS,KACjB,UAAU,QAAQ,OAClB,UAAU,SAAS,GAAG,WAAW,GAAG;GACxC,OAAO,UAAU,oBAAoB,KAAK,KAAK,SAAS,MAAM,IAAI;EACpE;EAEA,IAAI,UAAU,CAAC,CAAC,sBAAsB,OACpC,8BACE,cACA,OAAO,WACP,cACF;EAEF;CACF;CAEA,IAAI,OAAO,SAAS,OAAO;EACzB,MAAM,MAAM,kBAAkB,YAAY;EAC1C,IAAI,KAAK;GACP,MAAM,MAAM,SAAS,KACjB,YAAY,QAAQ,OACpB,YAAY,SAAS,GAAG,WAAW,GAAG;GAC1C,WAAW,OAAO,OAAO,KAAK,KAAK,SAAS,MAAM,IAAI;EACxD;EAEA,IAAI,UAAU,CAAC,CAAC,sBAAsB,OACpC,iCACE,cACA,OAAO,OACP,cACF;EAEF;CACF;CAGA,IAAI,OAAO;EACT,UAAU,QAAQ;EAElB,MAAM,EAAE,YAAY,aAAa,cAAc,EAAE,MAAM,SAAS,KAAK,CAAC;EACtE,MAAM,IAAI,SAAS;GAAE;GAAW;EAAQ,CAAC;CAC3C;AACF;;;;;;;;ACpKA,SAAgB,UACd,GACA,GACS;CACT,IAAI,EAAE,WAAW,EAAE,QAAQ,OAAO;CAClC,KAAK,IAAI,IAAI,GAAG,IAAI,EAAE,QAAQ,KAC5B,IAAI,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE,EAAE,GAAG,OAAO;CAErC,OAAO;AACT;;;ACsBA,MAAMC,mBAAiB,yBACK;CACxB,yBAAS,IAAI,IAAI;CACjB,8BAAc,IAAI,IAAI;CACtB,6BAAa,IAAI,IAAI;AACvB,EACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8DA,SAAgB,UACd,cACA,eACA,SACM;CACN,MAAM,YAAY,OAAO,iBAAiB;CAE1C,MAAM,OACJ,aAAa,MAAM,QAAQ,aAAa,IAAI,gBAAgB,KAAA;CAC9D,MAAM,OAAO,YACT,UACC;CAEL,MAAM,SAAS,eAAe;CAE9B,MAAM,QACJ,OAAO,SAAS,WAAWA,iBAAe,MAAM,QAAQ,QAAQ,IAAI;CAGtE,IAAI,aAAa,QAAQ,MAAM,MAAM,OAAO;EAC1C,MAAM,aAAa,MAAM,YAAY,IAAI,KAAK,EAAE;EAChD,IAAI,cAAc,UAAU,YAAY,IAAI,GAC1C;CAEJ;CAEA,MAAM,MAAM,YACP,aAA8B,IAC9B;CAEL,IAAI,CAAC,IAAI,KAAK,GAAG;CAEjB,IAAI,OAAO,SAAS,OAAO;EAGzB,MAAM,MAAM,MAAM,KAAK,OAAO,KAAK,OAAO,OAAO,WAAW,GAAG;EAC/D,OAAO,UAAU,cAAc,KAAK,KAAK,MAAM,MAAM,IAAI;EACzD;CACF;CAEA,IAAI,OAAO,SAAS,OAAO;EACzB,MAAM,MAAM,MAAM,KAAK,SAAS,KAAK,OAAO,SAAS,WAAW,GAAG;EACnE,WAAW,OAAO,OAAO,KAAK,KAAK,MAAM,MAAM,IAAI;EACnD;CACF;CAGA,IAAI,CAAC,OAAO;CAEZ,MAAM,KAAK,MAAM;CAEjB,IAAI,IAAI;EACN,MAAM,WAAW,MAAM,QAAQ,IAAI,EAAE;EACrC,IAAI,UAAU;GACZ,IAAI,SAAS,eAAe,KAAK;GACjC,SAAS,QAAQ;EACnB;EAEA,MAAM,EAAE,YAAY,aAAa,KAAK,IAAI;EAC1C,MAAM,QAAQ,IAAI,IAAI;GAAE,YAAY;GAAK;EAAQ,CAAC;EAClD,IAAI,MAAM,MAAM,YAAY,IAAI,IAAI,IAAI;CAC1C,OAAO;EACL,MAAM,aAAa,WAAW,GAAG;EACjC,IAAI,MAAM,aAAa,IAAI,UAAU,GAAG;EACxC,MAAM,aAAa,IAAI,UAAU;EACjC,aAAa,KAAK,IAAI;CACxB;AACF;;;ACzIA,MAAM,iBAAiB,yBACQ;CAC3B,+BAAe,IAAI,IAAI;CACvB,4BAAY,IAAI,IAAI;CACpB,6BAAa,IAAI,IAAI;AACvB,EACF;AAoEA,SAAgB,aACd,gBACA,eACA,SACQ;CACR,MAAM,YAAY,OAAO,mBAAmB;CAE5C,MAAM,OACJ,aAAa,MAAM,QAAQ,aAAa,IAAI,gBAAgB,KAAA;CAC9D,MAAM,OAAO,YACT,UACC;CAEL,MAAM,SAAS,eAAe;CAE9B,MAAM,cACJ,OAAO,SAAS,WAAW,eAAe,MAAM,QAAQ,QAAQ,IAAI;CAGtE,IAAI,aAAa,QAAQ,MAAM,QAAQ,aAAa;EAClD,MAAM,SAAS,YAAY,YAAY,IAAI,KAAK,IAAI;EACpD,IAAI,UAAU,UAAU,OAAO,MAAM,IAAI,GACvC,OAAO,OAAO;CAElB;CAEA,MAAM,QAAQ,YACT,eAAwC,IACxC;CAEL,IAAI,CAAC,SAAS,OAAO,KAAK,KAAK,CAAC,CAAC,WAAW,GAC1C,OAAO;CAGT,IAAI,OAAO,SAAS,OAAO;EACzB,MAAM,aAAa,OAAO,UAAU,qBAAqB,MAAM,IAAI;EACnE,MAAM,MAAM,mBAAmB,YAAY,KAAK;EAChD,OAAO,UAAU,iBAAiB,YAAY,GAAG;EACjD,OAAO;CACT;CAEA,IAAI,OAAO,SAAS,OAAO;EACzB,MAAM,oBAAoB,KAAK,UAAU,KAAK;EAC9C,MAAM,MAAM,QAAQ,MAAM,QAAQ,GAAG,GAAG;EAExC,MAAM,eAAe,OAAO,MAAM,eAAe,IAAI,GAAG;EACxD,IAAI,cAAc,OAAO;EAEzB,MAAM,aACJ,MAAM,QACN,iBAAiB,cAAc,GAAG,WAAW,iBAAiB,CAAC;EACjE,MAAM,MAAM,mBAAmB,YAAY,KAAK;EAChD,WAAW,OAAO,OAAO,KAAK,GAAG;EACjC,OAAO,MAAM,eAAe,IAAI,KAAK,UAAU;EAC/C,OAAO;CACT;CAGA,MAAM,QAAQ,eAAe,eAAe,MAAM,QAAQ,QAAQ;CAClE,MAAM,oBAAoB,KAAK,UAAU,KAAK;CAC9C,MAAM,WAAW,GAAG,MAAM,QAAQ,GAAG,GAAG;CAExC,MAAM,aAAa,MAAM,cAAc,IAAI,QAAQ;CACnD,IAAI,YACF,OAAO;CAGT,MAAM,eAAe,MAAM;CAK3B,IAAI,cAAc;EAChB,MAAM,OAAO,MAAM,WAAW,IAAI,YAAY;EAE9C,IAAI,QAAQ,KAAK,aAAa,UAAU;GACtC,KAAK,QAAQ;GAGb,MAAM,cAAc,OAAO,KAAK,QAAQ;GACxC,MAAM,WAAW,OAAO,YAAY;EACtC;CACF;CAEA,MAAM,SAAS,UAAU,OAAO;EAC9B,MAAM;EACN,MAAM,MAAM;CACd,CAAC;CAED,MAAM,OAAO,OAAO,SAAS;CAC7B,MAAM,cAAc,IAAI,UAAU,IAAI;CAEtC,IAAI,cAAc;EAChB,MAAM,WAAW,IAAI,cAAc;GAAE;GAAU,SAAS,OAAO;EAAQ,CAAC;EAExE,IAAI,MACF,MAAM,YAAY,IAAI,cAAc;GAAE;GAAM;EAAK,CAAC;CAEtD;CAEA,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AChJA,SAAgB,YAAY,MAAc,SAAoC;CAC5E,IAAI,CAAC,MAAM;EAEP,QAAQ,KAAK,gDAAgD;EAE/D;CACF;CAEA,MAAM,SAAS,eAAe;CAE9B,IAAI,OAAO,SAAS,OAAO;EACzB,OAAO,UAAU,iBAAiB;EAElC,MAAM,MAAM,kBAAkB,MAAM;GAClC,QAAQ,SAAS;GACjB,UAAU,SAAS;GACnB,cAAc,SAAS;EACzB,CAAC;EACD,IAAI,KACF,OAAO,UAAU,gBAAgB,MAAM,GAAG;EAE5C;CACF;CAEA,IAAI,OAAO,SAAS,OAAO;EACzB,MAAM,MAAM,kBAAkB,MAAM;GAClC,QAAQ,SAAS;GACjB,UAAU,SAAS;GACnB,cAAc,SAAS;EACzB,CAAC;EACD,IAAI,KACF,WAAW,OAAO,OAAO,UAAU,QAAQ,GAAG;EAEhD;CACF;CAEA,MAAM,WAAW,kBAAkB;CAEnC,IAAI,SAAS,kBAAkB,MAAM,EAAE,MAAM,SAAS,KAAK,CAAC,GAC1D;CAGF,SAAS,SAAS,MAAM;EACtB,QAAQ,SAAS;EACjB,UAAU,SAAS;EACnB,cAAc,SAAS;EACvB,MAAM,SAAS;CACjB,CAAC;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrEA,SAAgB,YACd,QACA,OACA,SACM;CACN,IAAI,CAAC,QAAQ;CAEb,MAAM,cAAqC,MAAM,QAAQ,KAAK,IAC1D,QACA,CAAC,KAAK;CAEV,MAAM,SAAS,eAAe;CAE9B,IAAI,OAAO,SAAS,OAAO;EACzB,KAAK,MAAM,QAAQ,aAAa;GAC9B,MAAM,OAAO,oBAAoB,QAAQ,IAAI;GAC7C,MAAM,MAAM,mBAAmB,QAAQ,IAAI;GAC3C,OAAO,UAAU,gBAAgB,MAAM,GAAG;EAC5C;EACA;CACF;CAEA,IAAI,OAAO,SAAS,OAAO;EACzB,KAAK,MAAM,QAAQ,aAAa;GAC9B,MAAM,OAAO,oBAAoB,QAAQ,IAAI;GAC7C,MAAM,MAAM,mBAAmB,QAAQ,IAAI;GAC3C,WAAW,OAAO,OAAO,QAAQ,QAAQ,GAAG;EAC9C;EACA;CACF;CAEA,MAAM,WAAW,kBAAkB;CACnC,KAAK,MAAM,QAAQ,aACjB,SAAS,SAAS,QAAQ,MAAM,EAAE,MAAM,SAAS,KAAK,CAAC;AAE3D;;;AClEA,IAAI,4BAA4B;AAEhC,MAAM,yBAAyB,wCACvB,IAAI,IAAoB,CAChC;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,SAAgB,gBACd,aACA,SACQ;CACR,IAAI,CAAC,eAAe,CAAC,YAAY,QAC/B,OAAO;CAGT,MAAM,SAAS,eAAe;CAE9B,IAAI,OAAO,SAAS,OAAO;EACzB,MAAM,aAAa,OAAO,UAAU,yBAAyB,SAAS,IAAI;EAC1E,MAAM,MAAM,uBAAuB,YAAY,WAAW;EAC1D,OAAO,UAAU,oBAAoB,YAAY,GAAG;EACpD,OAAO;CACT;CAEA,IAAI,OAAO,SAAS,OAAO;EACzB,MAAM,oBAAoB,KAAK,UAAU,WAAW;EACpD,MAAM,MAAM,QAAQ,SAAS,QAAQ,GAAG,GAAG;EAE3C,MAAM,eAAe,OAAO,MAAM,eAAe,IAAI,GAAG;EACxD,IAAI,cAAc,OAAO;EAEzB,MAAM,aACJ,SAAS,QACT,qBAAqB,cAAc,GAAG,WAAW,iBAAiB,CAAC;EACrE,MAAM,MAAM,uBAAuB,YAAY,WAAW;EAC1D,WAAW,OAAO,OAAO,KAAK,GAAG;EACjC,OAAO,MAAM,eAAe,IAAI,KAAK,UAAU;EAC/C,OAAO;CACT;CAGA,MAAM,gBAAgB,uBAAuB,SAAS,QAAQ,QAAQ;CACtE,MAAM,oBAAoB,KAAK,UAAU,WAAW;CACpD,MAAM,WAAW,GAAG,SAAS,QAAQ,GAAG,GAAG;CAE3C,MAAM,eAAe,cAAc,IAAI,QAAQ;CAC/C,IAAI,cACF,OAAO;CAGT,MAAM,OACJ,SAAS,QACT,qBAAqB,cAAc,GAAG,OAAO,2BAA2B,CAAC;CAC3E,cAAc,IAAI,UAAU,IAAI;CAGhC,kBAAO,CAAC,CAAC,aAAa,MAAM,aAAa,EAAE,MAAM,SAAS,KAAK,CAAC;CAEhE,OAAO;AACT;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACrDA,SAAgB,YACd,MACA,YACA,SACM;CACN,IAAI,CAAC,MAAM;EAEP,QAAQ,KAAK,gDAAgD;EAE/D;CACF;CAIA,IAAI,2BAA2B,GAAG;EAChC,yBAAyB,MAAM,UAAU;EACzC;CACF;CAEA,MAAM,SAAS,eAAe;CAE9B,IAAI,OAAO,SAAS,OAAO;EACzB,OAAO,UAAU,iBAAiB;EAElC,MAAM,MAAM,mBAAmB,MAAM,UAAU;EAC/C,IAAI,KACF,OAAO,UAAU,gBAAgB,kBAAkB,IAAI,GAAG,GAAG;EAE/D;CACF;CAEA,IAAI,OAAO,SAAS,OAAO;EACzB,MAAM,MAAM,mBAAmB,MAAM,UAAU;EAC/C,IAAI,KACF,WAAW,OAAO,OAAO,UAAU,kBAAkB,IAAI,KAAK,GAAG;EAEnE;CACF;CAEA,kBAAkB,CAAC,CAAC,KAAK,MAAM,YAAY,EAAE,MAAM,SAAS,KAAK,CAAC;AACpE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC7BA,SAAgB,mBAAmB,EAAE,YAAqC;CAOxE,gBAAgB;CAIhB,yBAAyB;EACvB,iBAAiB;CACnB,CAAC;CAED,OAAO;AACT"}

package/dist/{keyframes-D737PShJ.js → keyframes-CV8azJf3.js}

@@ -1,4 +1,4 @@
-import { At as STYLE_TO_CHUNK, F as hasPipelineCacheEntry, H as extractPredefinedStateRefs, I as isSelector, L as renderStyles, V as extractLocalPredefinedStates, wt as CHUNK_NAMES } from "./config-BCdCTIED.js";
+import { At as STYLE_TO_CHUNK, F as hasPipelineCacheEntry, H as extractPredefinedStateRefs, I as isSelector, L as renderStyles, V as extractLocalPredefinedStates, wt as CHUNK_NAMES } from "./config-B5kHzuNz.js";
 //#region src/chunks/definitions.ts
 /**
 * Style chunk definitions for CSS chunking optimization.
@@ -103,6 +103,42 @@ function categorizeStyleKeys(styles) {
 */
 const _stableStringifyCache = /* @__PURE__ */ new WeakMap();
 /**
+* Per-styles-object memo of generated keys, keyed by chunk name.
+*
+* Reading from this is free, so every call checks it. Writing to it is not:
+* the `WeakMap.set` plus the snapshot allocation measured ~35% of the cost of
+* generating a key from scratch, and it is pure waste for a styles object that
+* is never seen again. Callers therefore have to opt in via `reusable`, and
+* only for an object they know outlives the render that produced it.
+*
+* `Styles` is a plain mutable object, and nothing in the public
+* `computeStyles` / `useStyles` contract asks callers to freeze it, so a hit is
+* only returned after re-reading every value the key was built from and
+* confirming none of them changed. That check is deliberately shallow: it
+* compares the same references `stableStringify` would have looked up in
+* `_stableStringifyCache`, so a memoized key is stale in exactly the cases the
+* un-memoized function was already stale in — an object-valued style mutated
+* in place — and in no others.
+*/
+const _chunkKeyCache = /* @__PURE__ */ new WeakMap();
+/**
+* Is `entry` still a valid key for this chunk of `styles`?
+*
+* True only when the chunk asks for the same style keys, in the same order,
+* and every one of them still reads back the value the key was built from.
+*/
+function isEntryFresh(styles, entry, styleKeys) {
+	const snapshot = entry.snapshot;
+	const length = styleKeys.length;
+	if (snapshot.length !== length * 2) return false;
+	for (let i = 0, at = 0; i < length; i++, at += 2) {
+		const key = styleKeys[i];
+		if (snapshot[at] !== key) return false;
+		if (styles[key] !== snapshot[at + 1]) return false;
+	}
+	return true;
+}
+/**
 * Recursively serialize a value with sorted keys for stable output.
 * This ensures that {a: 1, b: 2} and {b: 2, a: 1} produce the same string.
 * Uses a WeakMap cache for object values to avoid re-serializing the same references.
@@ -125,28 +161,14 @@ function stableStringify(value) {
 	_stableStringifyCache.set(value, result);
 	return result;
 }
-/**
-* Generate a cache key for a specific chunk.
-*
-* Only includes the styles that belong to this chunk, allowing
-* chunks to be cached independently.
-*
-* Also includes relevant local predefined states that are referenced
-* by this chunk's styles.
-*
-* @param styles - The full styles object
-* @param chunkName - Name of the chunk
-* @param styleKeys - Keys of styles belonging to this chunk
-* @returns A stable cache key string
-*/
-function generateChunkCacheKey(styles, chunkName, styleKeys) {
+function computeChunkCacheKey(styles, chunkName, snapshot) {
 	const parts = [chunkName];
 	let chunkStylesStr = "";
-	for (const key of styleKeys) {
-		const value = styles[key];
+	for (let at = 0; at < snapshot.length; at += 2) {
+		const value = snapshot[at + 1];
 		if (value !== void 0) {
 			const serialized = stableStringify(value);
-			parts.push(`${key}:${serialized}`);
+			parts.push(`${snapshot[at]}:${serialized}`);
 			chunkStylesStr += serialized;
 		}
 	}
@@ -162,6 +184,53 @@ function generateChunkCacheKey(styles, chunkName, styleKeys) {
 	}
 	return parts.join("\0");
 }
+/**
+* Generate a cache key for a specific chunk.
+*
+* Only includes the styles that belong to this chunk, allowing
+* chunks to be cached independently.
+*
+* Also includes relevant local predefined states that are referenced
+* by this chunk's styles.
+*
+* @param styles - The full styles object
+* @param chunkName - Name of the chunk
+* @param styleKeys - Keys of styles belonging to this chunk
+* @param reusable - Pass `true` only when `styles` outlives this render and
+*   will be keyed again — a `tasty()` factory's own styles object, for
+*   instance. It stores the result so the next render can skip serializing
+*   every value again, which is worth doing only if there is a next render for
+*   this exact object. Freshly merged per-render objects must leave it `false`:
+*   storing them costs more than the key they would never reuse. Reading an
+*   existing entry does not require it.
+* @returns A stable cache key string
+*/
+function generateChunkCacheKey(styles, chunkName, styleKeys, reusable = false) {
+	let perStyles = _chunkKeyCache.get(styles);
+	if (perStyles !== void 0) {
+		const entry = perStyles.get(chunkName);
+		if (entry !== void 0 && isEntryFresh(styles, entry, styleKeys)) return entry.key;
+	}
+	const length = styleKeys.length;
+	const snapshot = new Array(length * 2);
+	for (let i = 0, at = 0; i < length; i++, at += 2) {
+		const styleKey = styleKeys[i];
+		snapshot[at] = styleKey;
+		snapshot[at + 1] = styles[styleKey];
+	}
+	const key = computeChunkCacheKey(styles, chunkName, snapshot);
+	if (reusable) {
+		if (perStyles === void 0) {
+			perStyles = /* @__PURE__ */ new Map();
+			_chunkKeyCache.set(styles, perStyles);
+		}
+		perStyles.set(chunkName, {
+			snapshot,
+			key
+		});
+	}
+	return key;
+}
 //#endregion
 //#region src/chunks/renderChunk.ts
 /**
@@ -421,4 +490,4 @@ function filterUsedKeyframes(keyframes, usedNames) {
 //#endregion
 export { mergeKeyframes as a, generateChunkCacheKey as c, hasLocalKeyframes as i, categorizeStyleKeys as l, extractLocalKeyframes as n, replaceAnimationNames as o, filterUsedKeyframes as r, renderStylesForChunk as s, extractAnimationNamesFromStyles as t };
 
-//# sourceMappingURL=keyframes-D737PShJ.js.map
+//# sourceMappingURL=keyframes-CV8azJf3.js.map