@tenphi/tasty 2.0.3 → 2.1.0

package/dist/tasty.js

@@ -1,248 +0,0 @@
-import { isSelector } from "./pipeline/index.js";
-import { getConfig } from "./config.js";
-import { BASE_STYLES } from "./styles/list.js";
-import { touch } from "./injector/index.js";
-import { hasKeys } from "./utils/has-keys.js";
-import { mergeStyles } from "./utils/merge-styles.js";
-import { computeStyles } from "./compute-styles.js";
-import { _modAttrs } from "./utils/mod-attrs.js";
-import { processTokens } from "./utils/process-tokens.js";
-import { getDisplayName } from "./utils/get-display-name.js";
-import { isValidElementType } from "./utils/is-valid-element-type.js";
-import { Fragment, createElement, forwardRef } from "react";
-//#region src/tasty.tsx
-/**
-* Precalculated entries for performance optimization
-*/
-const IS_PROPERTIES_ENTRIES = Object.entries({
-	isDisabled: "disabled",
-	isHidden: "hidden",
-	isChecked: "checked"
-});
-/**
-* Helper function to handle is* properties consistently
-* Transforms is* props to HTML attributes and adds corresponding data-* attributes
-*/
-function handleIsProperties(props) {
-	for (const [isProperty, targetAttribute] of IS_PROPERTIES_ENTRIES) {
-		if (isProperty in props) {
-			props[targetAttribute] = props[isProperty];
-			delete props[isProperty];
-		}
-		const dataAttribute = `data-${targetAttribute}`;
-		if (!(dataAttribute in props) && props[targetAttribute]) props[dataAttribute] = "";
-	}
-}
-/**
-* Creates a sub-element component for compound component patterns.
-* Sub-elements are lightweight components with data-element attribute for CSS targeting.
-*/
-function createSubElement(elementName, definition) {
-	const config = typeof definition === "string" ? { as: definition } : definition;
-	const tag = config.as ?? "div";
-	const defaultQa = config.qa;
-	const defaultQaVal = config.qaVal;
-	const SubElement = forwardRef((props, ref) => {
-		const { qa, qaVal, mods, tokens, isDisabled, isHidden, isChecked, className, style, ...htmlProps } = props;
-		let modDataAttrs;
-		if (mods) modDataAttrs = _modAttrs(mods);
-		const tokenStyle = tokens ? processTokens(tokens) : void 0;
-		let mergedStyle;
-		if (tokenStyle || style) mergedStyle = tokenStyle && style ? {
-			...tokenStyle,
-			...style
-		} : tokenStyle ?? style;
-		const elementProps = {
-			"data-element": elementName,
-			"data-qa": qa ?? defaultQa,
-			"data-qaval": qaVal ?? defaultQaVal,
-			...modDataAttrs || {},
-			...htmlProps,
-			className,
-			style: mergedStyle,
-			isDisabled,
-			isHidden,
-			isChecked,
-			ref
-		};
-		handleIsProperties(elementProps);
-		if (elementProps["data-qa"] === void 0) delete elementProps["data-qa"];
-		if (elementProps["data-qaval"] === void 0) delete elementProps["data-qaval"];
-		return createElement(tag, elementProps);
-	});
-	SubElement.displayName = `SubElement(${elementName})`;
-	return SubElement;
-}
-/**
-* Pre-compute the mapping from prop name to token key at component-creation time.
-* Array form: `'progress'` -> `'$progress'`, `'accentColor'` -> `'#accent'`.
-* Object form: entries used as-is.
-*/
-function buildTokenPropsMapping(def) {
-	if (Array.isArray(def)) return def.map((propName) => {
-		if (propName.endsWith("Color") && propName.length > 5) return [propName, `#${propName.slice(0, -5)}`];
-		return [propName, `$${propName}`];
-	});
-	return Object.entries(def);
-}
-function tasty(Component, options) {
-	if (isValidElementType(Component)) return tastyWrap(Component, options);
-	return tastyElement(Component);
-}
-function tastyWrap(Component, options) {
-	const { as: extendTag, element: extendElement, ...defaultProps } = options ?? {};
-	const propsWithStyles = ["styles"].concat(Object.keys(defaultProps).filter((prop) => prop.endsWith("Styles")));
-	const _WrappedComponent = forwardRef((props, ref) => {
-		const { as, element, ...restProps } = props;
-		const mergedStylesMap = propsWithStyles.reduce((map, prop) => {
-			const restValue = restProps[prop];
-			const defaultValue = defaultProps[prop];
-			if (restValue != null && defaultValue != null) map[prop] = mergeStyles(defaultValue, restValue);
-			else map[prop] = restValue ?? defaultValue;
-			return map;
-		}, {});
-		return createElement(Component, {
-			...defaultProps,
-			...restProps,
-			...mergedStylesMap,
-			as: as ?? extendTag,
-			element: element || extendElement,
-			ref
-		});
-	});
-	_WrappedComponent.displayName = `TastyWrappedComponent(${getDisplayName(Component, defaultProps.qa ?? extendTag ?? "Anonymous")})`;
-	return _WrappedComponent;
-}
-function tastyElement(tastyOptions) {
-	const { as: originalAs = "div", element: defaultElement, styles: defaultStyles, styleProps, modProps: modPropsDef, tokenProps: tokenPropsDef, variants, tokens: defaultTokens, elements, ...defaultProps } = tastyOptions;
-	let variantStylesMap;
-	if (variants) {
-		let baseStyles = defaultStyles;
-		let extensionStyles;
-		if (defaultStyles) for (const key of Object.keys(defaultStyles)) {
-			if (isSelector(key)) continue;
-			const value = defaultStyles[key];
-			if (typeof value === "object" && value !== null && !Array.isArray(value) && !("" in value)) {
-				if (!extensionStyles) {
-					baseStyles = { ...defaultStyles };
-					extensionStyles = {};
-				}
-				extensionStyles[key] = value;
-				delete baseStyles[key];
-			}
-		}
-		variantStylesMap = Object.entries(variants).reduce((map, [variant, variantStyles]) => {
-			map[variant] = extensionStyles ? mergeStyles(baseStyles, variantStyles, extensionStyles) : mergeStyles(baseStyles, variantStyles);
-			return map;
-		}, {});
-		if (!variantStylesMap["default"]) variantStylesMap["default"] = defaultStyles;
-	}
-	const { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps ?? {};
-	const propsToCheck = styleProps ? styleProps.concat(BASE_STYLES) : BASE_STYLES;
-	const modPropsKeys = modPropsDef ? Array.isArray(modPropsDef) ? modPropsDef : Object.keys(modPropsDef) : void 0;
-	const tokenPropsMapping = tokenPropsDef ? buildTokenPropsMapping(tokenPropsDef) : void 0;
-	const classNameCache = /* @__PURE__ */ new Map();
-	const _TastyComponent = forwardRef((allProps, ref) => {
-		const { as, styles: rawStyles, variant, mods, element, qa, qaVal, className: userClassName, tokens, style, ...otherProps } = allProps;
-		let styles = rawStyles;
-		let propStyles = null;
-		for (const prop of propsToCheck) {
-			const key = prop;
-			if (key in otherProps) {
-				if (!propStyles) propStyles = {};
-				const value = otherProps[key];
-				propStyles[key] = value;
-				delete otherProps[key];
-			}
-		}
-		if (!styles || styles && !hasKeys(styles)) styles = void 0;
-		let propMods;
-		if (modPropsKeys) {
-			for (const key of modPropsKeys) if (key in otherProps) {
-				if (!propMods) propMods = {};
-				propMods[key] = otherProps[key];
-				delete otherProps[key];
-			}
-		}
-		let propTokens;
-		if (tokenPropsMapping) {
-			for (const [propName, tokenKey] of tokenPropsMapping) if (propName in otherProps) {
-				if (!propTokens) propTokens = {};
-				propTokens[tokenKey] = otherProps[propName];
-				delete otherProps[propName];
-			}
-		}
-		const baseStyles = variantStylesMap ? variantStylesMap[variant || "default"] ?? variantStylesMap["default"] : defaultStyles;
-		const hasInstanceStyles = styles && hasKeys(styles);
-		const hasPropStyles = propStyles && hasKeys(propStyles);
-		const allStyles = hasInstanceStyles || hasPropStyles ? mergeStyles(baseStyles, styles, propStyles) : baseStyles;
-		const useFactoryCache = typeof document !== "undefined";
-		let stylesResult;
-		if (useFactoryCache && allStyles === baseStyles && classNameCache.has(allStyles)) {
-			stylesResult = { className: classNameCache.get(allStyles) };
-			touch(stylesResult.className);
-		} else {
-			stylesResult = computeStyles(allStyles);
-			if (useFactoryCache && allStyles === baseStyles) classNameCache.set(allStyles, stylesResult.className);
-		}
-		let mergedTokens;
-		if (defaultTokens || tokens || propTokens) if (!defaultTokens && !propTokens) mergedTokens = tokens;
-		else if (!tokens && !propTokens) mergedTokens = defaultTokens;
-		else mergedTokens = {
-			...defaultTokens,
-			...tokens,
-			...propTokens
-		};
-		const processedTokenStyle = processTokens(mergedTokens);
-		let mergedStyle;
-		if (processedTokenStyle || style) if (!processedTokenStyle) mergedStyle = style;
-		else if (!style) mergedStyle = processedTokenStyle;
-		else mergedStyle = {
-			...processedTokenStyle,
-			...style
-		};
-		const mergedMods = propMods ? {
-			...mods,
-			...propMods
-		} : mods;
-		let modDataAttrs;
-		if (mergedMods) modDataAttrs = _modAttrs(mergedMods);
-		const finalClassName = [userClassName || "", stylesResult.className].filter(Boolean).join(" ");
-		const elementProps = {
-			"data-element": element || defaultElement,
-			"data-qa": qa || defaultQa,
-			"data-qaval": qaVal || defaultQaVal,
-			...otherDefaultProps,
-			...modDataAttrs || {},
-			...otherProps,
-			className: finalClassName,
-			style: mergedStyle,
-			ref
-		};
-		handleIsProperties(elementProps);
-		const el = createElement(as ?? originalAs, elementProps);
-		if (stylesResult.css) {
-			const nonce = getConfig().nonce;
-			return createElement(Fragment, null, createElement("style", {
-				"data-tasty-rsc": "",
-				nonce,
-				dangerouslySetInnerHTML: { __html: stylesResult.css }
-			}), el);
-		}
-		return el;
-	});
-	_TastyComponent.displayName = `TastyComponent(${defaultProps.qa || originalAs})`;
-	if (elements) {
-		const subElements = Object.entries(elements).reduce((acc, [name, definition]) => {
-			acc[name] = createSubElement(name, definition);
-			return acc;
-		}, {});
-		return Object.assign(_TastyComponent, subElements);
-	}
-	return _TastyComponent;
-}
-const Element = tasty({});
-//#endregion
-export { Element, tasty };
-
-//# sourceMappingURL=tasty.js.map

package/dist/tasty.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tasty.js","names":["modAttrs"],"sources":["../src/tasty.tsx"],"sourcesContent":["import type {\n  AllHTMLAttributes,\n  ComponentType,\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 { BASE_STYLES } from './styles/list';\nimport type { Styles, StylesInterface } from './styles/types';\nimport type {\n  AllBaseProps,\n  BaseProps,\n  BaseStyleProps,\n  ModValue,\n  Mods,\n  Props,\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\nexport type PropsWithStyles = {\n  styles?: Styles;\n} & Omit<Props, '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 = Props,\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 * TastyElementOptions is used for the element-creation overload of tasty().\n * It includes a Tag generic that allows TypeScript to infer the correct\n * HTML element type from the `as` prop.\n *\n * Note: Uses a separate index signature with `unknown` instead of inheriting\n * from Props (which has `any`) 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  Tag extends keyof JSX.IntrinsicElements = '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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  as?: Tag | ComponentType<any>;\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  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  | 'breakpoints'\n  | 'block'\n  | 'inline'\n  | 'mods'\n  | 'isHidden'\n  | 'isDisabled'\n  | 'css'\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 tag)\n * - Variant support\n *\n * AllBasePropsWithMods carries generic AllHTMLAttributes which can conflict\n * with tag-specific types from JSX.IntrinsicElements (e.g. `src` is `string`\n * in AllHTMLAttributes but `string | Blob` in ImgHTMLAttributes). To avoid\n * intersection-narrowing, we Omit tag-specific keys from AllBasePropsWithMods\n * (keeping TastySpecificKeys, style props, mod props, and token props) and let\n * JSX.IntrinsicElements supply the authoritative HTML attribute types.\n */\nexport type TastyElementProps<\n  K extends StyleList,\n  V extends VariantMap,\n  Tag extends keyof JSX.IntrinsicElements = 'div',\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n> = Omit<\n  AllBasePropsWithMods<K, M, TP>,\n  Exclude<\n    keyof JSX.IntrinsicElements[Tag],\n    TastySpecificKeys | K[number] | ModPropsKeys<M> | TokenPropsKeys<TP>\n  >\n> &\n  WithVariant<V> &\n  Omit<\n    Omit<AllHTMLAttributes<HTMLElement>, keyof JSX.IntrinsicElements[Tag]> &\n      JSX.IntrinsicElements[Tag],\n    TastySpecificKeys | K[number] | ModPropsKeys<M> | TokenPropsKeys<TP>\n  >;\n\ntype 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\nexport function tasty<\n  K extends StyleList,\n  V extends VariantMap,\n  E extends ElementsDefinition = Record<string, never>,\n  Tag extends keyof JSX.IntrinsicElements = 'div',\n  M extends ModPropsInput = readonly never[],\n  TP extends TokenPropsInput = readonly never[],\n>(\n  options: TastyElementOptions<K, V, E, Tag, M, TP>,\n  secondArg?: never,\n): ForwardRefExoticComponent<\n  PropsWithoutRef<TastyElementProps<K, V, Tag, M, TP>> & RefAttributes<unknown>\n> &\n  SubElementComponents<E>;\nexport function tasty<\n  Props extends PropsWithStyles,\n  DefaultProps extends Partial<Props> = Partial<Props>,\n>(\n  Component: ComponentType<Props>,\n  options?: TastyProps<never, never, Record<string, never>, Props>,\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>(\n  Component: ComponentType<P>,\n  options?: TastyProps<never, never, P>,\n): ComponentType<TastyComponentPropsWithDefaults<P, DefaultProps>> {\n  const {\n    as: extendTag,\n    element: extendElement,\n    ...defaultProps\n  } = (options ?? {}) as TastyProps<never, never, P>;\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  const propsToCheck = styleProps\n    ? (styleProps as StyleList).concat(BASE_STYLES)\n    : BASE_STYLES;\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  >((allProps, ref) => {\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      ...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      };\n\n    let styles = rawStyles;\n\n    let propStyles: Styles | null = null;\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      ...(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    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"],"mappings":"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"}

package/dist/types.d.ts

@@ -1,184 +0,0 @@
-import { CSSProperties as CSSProperties$1 } from "./utils/css-types.js";
-import { Styles } from "./styles/types.js";
-import { BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, COLOR_STYLES, CONTAINER_STYLES, DIMENSION_STYLES, FLOW_STYLES, INNER_STYLES, OUTER_STYLES, POSITION_STYLES, TEXT_STYLES } from "./styles/list.js";
-import { AllHTMLAttributes, ComponentType } from "react";
-
-//#region src/types.d.ts
-interface GlobalStyledProps {
-  breakpoints?: number[];
-}
-/**
- * Extensible interface for theme names.
- * Augment this interface to register project-specific theme names for autocomplete.
- *
- * @example
- * ```typescript
- * declare module '@tenphi/tasty' {
- *   interface TastyThemeNames {
- *     danger: true;
- *     success: true;
- *   }
- * }
- * ```
- */
-interface TastyThemeNames {}
-type ThemeNameKey = Extract<keyof TastyThemeNames, string>;
-type ThemeName = [ThemeNameKey] extends [never] ? string : ThemeNameKey;
-/** Allowed mod value types */
-type ModValue = boolean | string | number | undefined | null;
-/**
- * Type for element modifiers (mods prop).
- * Can be used as a generic to define known modifiers with autocomplete:
- * @example
- * type ButtonMods = Mods<{
- *   loading?: boolean;
- *   selected?: boolean;
- * }>;
- */
-type Mods<T extends Record<string, ModValue> = Record<string, ModValue>> = T & Record<string, ModValue>;
-/**
- * Token value: string or number (processed), boolean for special handling, undefined/null (skipped).
- * For color tokens (#name), boolean `true` is converted to `transparent`.
- * For non-color tokens ($name), boolean `true` results in an empty string value.
- * Boolean `false` results in no CSS output (token is skipped).
- */
-type TokenValue = string | number | boolean | undefined | null;
-/**
- * Tokens definition for inline CSS custom properties.
- * - `$name` keys become `--name` CSS properties
- * - `#name` keys become `--name-color` and `--name-color-{colorSpace}` CSS properties
- */
-type Tokens = Record<`$${string}` | `#${string}`, TokenValue>;
-type Caps = 'A' | 'B' | 'C' | 'D' | 'E' | 'F' | 'G' | 'H' | 'I' | 'J' | 'K' | 'L' | 'M' | 'N' | 'O' | 'P' | 'Q' | 'R' | 'S' | 'T' | 'U' | 'V' | 'W' | 'X' | 'Y' | 'Z';
-interface BasePropsWithoutChildren<K extends TagName = TagName> extends Pick<AllHTMLAttributes<HTMLElement>, 'className' | 'role' | 'id'> {
-  /** The HTML tag or React component to render as */
-  as?: K | ComponentType<any>;
-  /** QA ID for e2e testing. An alias for `data-qa` attribute. */
-  qa?: string;
-  /** QA value for e2e testing. An alias for `data-qaval` attribute. */
-  qaVal?: string | number;
-  /** Inner element name */
-  element?: `${Caps}${string}`;
-  /** The style map */
-  styles?: Styles;
-  /** The list of responsive points in pixels */
-  breakpoints?: number[];
-  /** Whether the element has the block layout outside */
-  block?: boolean;
-  /** Whether the element has the inline layout outside */
-  inline?: boolean;
-  /** The list of element modifiers **/
-  mods?: Mods;
-  /** Whether the element is hidden (`hidden` attribute is set) */
-  isHidden?: boolean;
-  /** Whether the element is disabled (`disabled` attribute is set) */
-  isDisabled?: boolean;
-  /** Plain css for the element */
-  css?: string;
-  /** The CSS style map */
-  style?: CSSProperties$1 | (CSSProperties$1 & Record<string, string | number | null | undefined>);
-  /** User-defined theme for the element. Mapped to `data-theme` attribute. Augment `TastyThemeNames` to register project-specific themes for autocomplete. */
-  theme?: ThemeName | (string & {});
-  /** CSS custom property tokens rendered as inline styles */
-  tokens?: Tokens;
-}
-interface BaseProps<K extends TagName = TagName> extends BasePropsWithoutChildren<K>, Pick<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'children'> {}
-interface AllBaseProps<K extends TagName = TagName> extends BaseProps<K>, Omit<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'style' | 'disabled' | 'hidden' | 'css' | 'content' | 'translate' | 'as' | 'form' | 'bgcolor' | 'background' | 'align' | 'border' | 'color' | 'height' | 'size' | 'width' | 'prefix'> {}
-type BaseStyleProps = Pick<Styles, (typeof BASE_STYLES)[number]>;
-type PositionStyleProps = Pick<Styles, (typeof POSITION_STYLES)[number]>;
-type BlockStyleProps = Pick<Styles, (typeof BLOCK_STYLES)[number]>;
-type BlockInnerStyleProps = Pick<Styles, (typeof BLOCK_INNER_STYLES)[number]>;
-type BlockOuterStyleProps = Pick<Styles, (typeof BLOCK_OUTER_STYLES)[number]>;
-type ColorStyleProps = Pick<Styles, (typeof COLOR_STYLES)[number]>;
-type TextStyleProps = Pick<Styles, (typeof TEXT_STYLES)[number]>;
-type DimensionStyleProps = Pick<Styles, (typeof DIMENSION_STYLES)[number]>;
-type FlowStyleProps = Pick<Styles, (typeof FLOW_STYLES)[number]>;
-type ContainerStyleProps = Pick<Styles, (typeof CONTAINER_STYLES)[number]>;
-type OuterStyleProps = Pick<Styles, (typeof OUTER_STYLES)[number]>;
-type InnerStyleProps = Pick<Styles, (typeof INNER_STYLES)[number]>;
-interface ShortGridStyles {
-  template?: Styles['gridTemplate'];
-  columns?: Styles['gridColumns'];
-  rows?: Styles['gridRows'];
-  areas?: Styles['gridAreas'];
-}
-type Props = Record<string, any>;
-type TagName = keyof HTMLElementTagNameMap;
-/**
- * Configuration type for tasty.config.ts files.
- * Used by the Tasty VSCode extension for validation and autocomplete.
- *
- * @example
- * ```typescript
- * import type { TastyExtensionConfig } from '@tenphi/tasty';
- *
- * const config: TastyExtensionConfig = {
- *   tokens: ['#primary', '#danger', '$spacing'],
- *   units: ['x', 'r', 'bw'],
- *   states: ['@mobile', '@tablet', '@dark'],
- *   presets: ['h1', 'h2', 't1', 't2'],
- * };
- *
- * export default config;
- * ```
- */
-interface TastyExtensionConfig {
-  /**
-   * Extend another config file. Path is relative to this config file.
-   * The extended config is merged first, then this config's values are added.
-   * @example '../tasty.config.ts'
-   */
-  extends?: string;
-  /**
-   * Valid token names for validation and autocomplete.
-   * Use # prefix for colors, $ prefix for custom properties.
-   * Set to `false` to disable token validation (overrides parent).
-   * @example ['#primary', '#danger', '$spacing', '$gap']
-   */
-  tokens?: false | string[];
-  /**
-   * Valid custom unit names.
-   * Set to `false` to disable unit validation (overrides parent).
-   * @example ['x', 'r', 'bw', 'cols']
-   */
-  units?: false | string[];
-  /**
-   * Valid custom function names.
-   * Set to `false` to disable function validation (overrides parent).
-   * @example ['clamp', 'double']
-   */
-  funcs?: false | string[];
-  /**
-   * State alias names for autocomplete.
-   * Must start with @ prefix.
-   * @example ['@mobile', '@tablet', '@dark']
-   */
-  states?: string[];
-  /**
-   * Valid preset names for the `preset` style property.
-   * Tasty has no built-in presets - they are project-specific.
-   * @example ['h1', 'h2', 'h3', 't1', 't2', 't3', 'tag']
-   */
-  presets?: string[];
-  /**
-   * Custom style property names added via configure({ handlers }).
-   * Suppresses "unknown property" warnings for these names.
-   * @example ['myGradient', 'customLayout', 'brandBorder']
-   */
-  styles?: string[];
-  /**
-   * Descriptions for presets, shown on hover in the extension.
-   * Maps preset names to human-readable descriptions.
-   * @example { h1: 'Heading 1 (36px/44px, semibold)', t1: 'Text large (18px/24px)' }
-   */
-  presetDescriptions?: Record<string, string>;
-  /**
-   * Descriptions for state aliases, shown on hover in the extension.
-   * Maps state names to human-readable descriptions.
-   * @example { '@mobile': 'Mobile viewport (width < 768px)' }
-   */
-  stateDescriptions?: Record<string, string>;
-}
-//#endregion
-export { AllBaseProps, BaseProps, BasePropsWithoutChildren, BaseStyleProps, BlockInnerStyleProps, BlockOuterStyleProps, BlockStyleProps, ColorStyleProps, ContainerStyleProps, DimensionStyleProps, FlowStyleProps, GlobalStyledProps, InnerStyleProps, ModValue, Mods, OuterStyleProps, PositionStyleProps, Props, ShortGridStyles, TagName, TastyExtensionConfig, TastyThemeNames, TextStyleProps, TokenValue, Tokens };
-//# sourceMappingURL=types.d.ts.map

package/dist/utils/cache-wrapper.js

@@ -1,21 +0,0 @@
-import { Lru } from "../parser/lru.js";
-//#region src/utils/cache-wrapper.ts
-/**
-* Create a function that caches the result with LRU eviction.
-*/
-function cacheWrapper(handler, limit = 1e3) {
-	const cache = new Lru(limit);
-	return (firstArg, secondArg) => {
-		const key = typeof firstArg === "string" && secondArg == null ? firstArg : JSON.stringify([firstArg, secondArg]);
-		let result = cache.get(key);
-		if (result === void 0) {
-			result = secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);
-			cache.set(key, result);
-		}
-		return result;
-	};
-}
-//#endregion
-export { cacheWrapper };
-
-//# sourceMappingURL=cache-wrapper.js.map

package/dist/utils/cache-wrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cache-wrapper.js","names":[],"sources":["../../src/utils/cache-wrapper.ts"],"sourcesContent":["import { Lru } from '../parser/lru';\n\n/**\n * Create a function that caches the result with LRU eviction.\n */\nexport function cacheWrapper<A, B, R>(\n  handler: (firstArg: A, secondArg?: B) => R,\n  limit = 1000,\n): (firstArg: A, secondArg?: B) => R {\n  const cache = new Lru<string, R>(limit);\n\n  return (firstArg: A, secondArg?: B) => {\n    const key =\n      typeof firstArg === 'string' && secondArg == null\n        ? firstArg\n        : JSON.stringify([firstArg, secondArg]);\n\n    let result = cache.get(key);\n    if (result === undefined) {\n      result =\n        secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);\n      cache.set(key, result);\n    }\n    return result;\n  };\n}\n"],"mappings":";;;;;AAKA,SAAgB,aACd,SACA,QAAQ,KAC2B;CACnC,MAAM,QAAQ,IAAI,IAAe,MAAM;AAEvC,SAAQ,UAAa,cAAkB;EACrC,MAAM,MACJ,OAAO,aAAa,YAAY,aAAa,OACzC,WACA,KAAK,UAAU,CAAC,UAAU,UAAU,CAAC;EAE3C,IAAI,SAAS,MAAM,IAAI,IAAI;AAC3B,MAAI,WAAW,KAAA,GAAW;AACxB,YACE,aAAa,OAAO,QAAQ,SAAS,GAAG,QAAQ,UAAU,UAAU;AACtE,SAAM,IAAI,KAAK,OAAO;;AAExB,SAAO"}

package/dist/utils/case-converter.js

@@ -1,8 +0,0 @@
-//#region src/utils/case-converter.ts
-function camelToKebab(str) {
-	return str.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-}
-//#endregion
-export { camelToKebab };
-
-//# sourceMappingURL=case-converter.js.map

package/dist/utils/case-converter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"case-converter.js","names":[],"sources":["../../src/utils/case-converter.ts"],"sourcesContent":["export function camelToKebab(str: string): string {\n  return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n}\n"],"mappings":";AAAA,SAAgB,aAAa,KAAqB;AAChD,QAAO,IAAI,QAAQ,sBAAsB,QAAQ,CAAC,aAAa"}

package/dist/utils/color-math.d.ts

@@ -1,46 +0,0 @@
-//#region src/utils/color-math.d.ts
-/**
- * Consolidated color conversion math.
- *
- * Single source of truth for all color space conversions used across the
- * library: sRGB gamma, HSL, OKLab, OKLCH, OKHSL, hex parsing, named
- * colors, and CSS string converters.
- *
- * This module has zero internal imports — it is a leaf dependency.
- *
- * Reference: https://bottosson.github.io/posts/oklab/
- */
-type Vec3 = [number, number, number];
-/**
- * HSL to RGB.
- * Algorithm from CSS Color 4 spec.
- *
- * @param h - Hue in degrees (0-360)
- * @param s - Saturation (0-1)
- * @param l - Lightness (0-1)
- * @returns RGB values in 0-255 range (may have fractional values)
- */
-declare function hslToRgbValues(h: number, s: number, l: number): Vec3;
-declare function getNamedColorHex(): Map<string, string>;
-/**
- * Convert hex color string to `rgb()` CSS string.
- * Supports 3, 4, 6, and 8 character hex values (with or without `#`).
- */
-declare function hexToRgb(hex: string): string | null;
-/**
- * Extract RGB values from an `rgb()`/`rgba()` string.
- * Supports comma-separated, space-separated, fractional, percentage,
- * and slash alpha notation.
- *
- * @returns Array of RGB values (0-255 range), converting percentages as needed.
- */
-declare function getRgbValuesFromRgbaString(str: string): number[];
-/**
- * Convert any recognized color string to an `rgb()` CSS string.
- * Handles hex, `okhsl()`, `hsl()`/`hsla()`, named CSS colors,
- * and `rgb()`/`rgba()` pass-through.
- */
-declare function strToRgb(color: string, _ignoreAlpha?: boolean): string | null | undefined;
-//#endregion
-export { getNamedColorHex, getRgbValuesFromRgbaString, hexToRgb, hslToRgbValues, strToRgb };
-//# sourceMappingURL=color-math.d.ts.map