@tenphi/tasty 0.0.0-snapshot.05e04ff → 0.0.0-snapshot.06c8a41

package/dist/index.js

@@ -1,9 +1,9 @@
-import { $t as stringifyStyles, A as DIMENSION_STYLES, At as APPEARANCE_CHUNK_STYLES, C as baseStylePropsRegistry, D as BLOCK_STYLES, E as BLOCK_OUTER_STYLES, F as TEXT_STYLES, Ft as LAYOUT_CHUNK_STYLES, G as setGlobalPredefinedStates, Gt as DIRECTIONS, Ht as registerFunctionPolyfill, It as POSITION_CHUNK_STYLES, J as formatCounterStyleRule, Jt as getGlobalParser, K as StyleInjector, Kt as filterMods, L as isSelector, Lt as STYLE_TO_CHUNK, M as INNER_STYLES, Mt as DIMENSION_CHUNK_STYLES, N as OUTER_STYLES, Nt as DISPLAY_CHUNK_STYLES, O as COLOR_STYLES, P as POSITION_STYLES, Pt as FONT_CHUNK_STYLES, Qt as parseStyle, R as renderStyles, S as generateTypographyTokens, T as BLOCK_INNER_STYLES, V as createStateParserContext, Vt as parseFunctionName, W as getGlobalPredefinedStates, Wt as CUSTOM_UNITS, Xt as normalizeColorTokenValue, Yt as getGlobalPredefinedTokens, Zt as parseColor, _ as isConfigLocked, _t as DEFAULT_NAME_PREFIX, a as getGlobalCounterStyles, bt as makeCounterStyleName, c as getGlobalInjector, ct as defineHandler, dn as hexToRgb, en as okhstFunction, f as getNamePrefix, fn as hslToRgbValues, ft as closeBatchWindow, g as hasStylesGenerated, gt as resetStyleBatch, h as hasGlobalRecipes, ht as openBatchWindow, in as createColorFunc, it as formatFontFaceRule, j as FLOW_STYLES, jt as CHUNK_NAMES, k as CONTAINER_STYLES, kt as propHandlerRegistry, l as getGlobalKeyframes, ln as getNamedColorHex, lt as styleHandlers, m as hasGlobalKeyframes, mt as hasPendingStyleWrites, n as getConfig, nn as okhslFunction, o as getGlobalFontFaces, on as StyleParser, ot as SheetManager, p as getStyleEpoch, pn as strToRgb, pt as flushStyles, rn as okhslPlugin, rt as fontFaceContentHash, s as getGlobalFunctions, t as configure, tn as okhstPlugin, u as getGlobalRecipes, un as getRgbValuesFromRgbaString, v as isFunctionsPolyfillEnabled, vt as DEFAULT_ZERO_NAME_PREFIX, w as BASE_STYLES, wt as hashString, x as resetConfig, xt as makeKeyframeName, y as isTestEnvironment, z as parseStateKey, zt as formatFunctionRule } from "./config-B97n_EIv.js";
-import { A as injector, C as getCSSText, D as inject, E as hasRecipe, F as resolveChunk, I as touch, L as ChunkSheetRegistry, M as keyframes, N as property, O as injectGlobal, P as releaseStyles, R as chunkSheetRegistry, S as gc, T as getRawCSSText, _ as createInjector, a as color, b as fontFace, c as hasKeys, d as collectAutoInferredPropertiesRSC, f as getStyleTarget, g as counterStyle, h as cleanup, i as _modAttrs, j as isPropertyDefined, k as injectRawCSS, l as formatKeyframesCSS, m as acquireStyles, n as processTokens, o as filterBaseProps, p as pushRSCCSS, r as dotize, s as computeStyles, t as tastyDebug, u as collectAutoInferredProperties, v as defineRecipe, w as getCSSTextForNode, x as func, y as destroy, z as resolveFunctionColor } from "./core-DWrUWxog.js";
-import { r as categorizeStyleKeys } from "./renderChunk-COXABoQz.js";
-import { n as formatPropertyCSS } from "./format-rules-Wb7dJOoL.js";
-import { t as mergeStyles } from "./merge-styles-CzVxdtav.js";
-import { t as resolveRecipes } from "./resolve-recipes-BnrUEjWV.js";
+import { $ as SheetManager, $t as StyleParser, A as FLOW_STYLES, At as STYLE_TO_CHUNK, B as createStateParserContext, C as BASE_STYLES, Ct as APPEARANCE_CHUNK_STYLES, D as COLOR_STYLES, Dt as FONT_CHUNK_STYLES, E as BLOCK_STYLES, Et as DISPLAY_CHUNK_STYLES, Ft as registerFunctionPolyfill, G as StyleInjector, Gt as parseStyle, Ht as getGlobalPredefinedTokens, I as isSelector, Jt as okhstPlugin, Kt as stringifyStyles, L as renderStyles, Lt as CUSTOM_UNITS, M as OUTER_STYLES, Mt as formatFunctionRule, N as POSITION_STYLES, O as CONTAINER_STYLES, Ot as LAYOUT_CHUNK_STYLES, P as TEXT_STYLES, Pt as parseFunctionName, R as parseStateKey, Rt as DIRECTIONS, S as baseStylePropsRegistry, St as propHandlerRegistry, T as BLOCK_OUTER_STYLES, Tt as DIMENSION_CHUNK_STYLES, U as getGlobalPredefinedStates, Ut as normalizeColorTokenValue, Vt as getGlobalParser, W as setGlobalPredefinedStates, Wt as parseColor, X as fontFaceContentHash, Xt as okhslPlugin, Yt as okhslFunction, Z as formatFontFaceRule, Zt as createColorFunc, _ as isFunctionsPolyfillEnabled, _t as hashString, a as getGlobalCounterStyles, an as hslToRgbValues, at as closeBatchWindow, b as resetConfig, c as getGlobalInjector, ct as openBatchWindow, dt as DEFAULT_ZERO_NAME_PREFIX, f as getNamePrefix, g as isConfigLocked, h as hasStylesGenerated, in as hexToRgb, j as INNER_STYLES, k as DIMENSION_STYLES, kt as POSITION_CHUNK_STYLES, l as getGlobalKeyframes, lt as resetStyleBatch, m as hasGlobalRecipes, mt as makeKeyframeName, n as getConfig, nn as getNamedColorHex, nt as styleHandlers, o as getGlobalFontFaces, on as strToRgb, ot as flushStyles, p as hasGlobalKeyframes, pt as makeCounterStyleName, q as formatCounterStyleRule, qt as okhstFunction, rn as getRgbValuesFromRgbaString, s as getGlobalFunctions, st as hasPendingStyleWrites, t as configure, tt as defineHandler, u as getGlobalRecipes, ut as DEFAULT_NAME_PREFIX, v as isTestEnvironment, w as BLOCK_INNER_STYLES, wt as CHUNK_NAMES, x as generateTypographyTokens, zt as filterMods } from "./config-B3gPdCqd.js";
+import { A as keyframes, C as getRawCSSText, D as injectRawCSS, E as injectGlobal, F as chunkSheetRegistry, I as resolveFunctionColor, M as property, N as touch, O as injector, P as ChunkSheetRegistry, S as getCSSTextForNode, T as inject, _ as destroy, a as color, b as gc, c as hasKeys, d as collectAutoInferredPropertiesRSC, f as getStyleTarget, g as createInjector, h as counterStyle, i as _modAttrs, j as ownKeyframes, k as isPropertyDefined, l as formatKeyframesCSS, m as cleanup, n as processTokens, o as filterBaseProps, p as pushRSCCSS, r as dotize, s as computeStyles, t as tastyDebug, u as collectAutoInferredProperties, v as fontFace, w as holdKeyframes, x as getCSSText, y as func } from "./core-DGm0CFHP.js";
+import { d as categorizeStyleKeys } from "./keyframes-DE-OE76F.js";
+import { n as formatPropertyCSS } from "./format-rules-XRw9u7d4.js";
+import { t as mergeStyles } from "./merge-styles-DuoZEsm9.js";
+import { t as resolveRecipes } from "./resolve-recipes-H9NqOQuP.js";
 import { t as getTastySSRContext } from "./context-CA8YKeMn.js";
 import { t as formatGlobalRules } from "./format-global-rules-DklyaXv-.js";
 import { Fragment, createElement, forwardRef, useContext, useInsertionEffect } from "react";
@@ -26,106 +26,8 @@ function isValidElementType(value) {
 	return false;
 }
 //#endregion
-//#region src/hooks/useStyles.ts
-/**
-* Hook to generate CSS classes from Tasty styles.
-* Thin wrapper around `computeStyles()` that adds React context-based
-* SSR collector discovery for backward compatibility with TastyRegistry.
-*
-* For hook-free usage (e.g. in server components), use `computeStyles()` directly.
-*
-* @example
-* ```tsx
-* function MyComponent() {
-*   const { className } = useStyles({
-*     padding: '2x',
-*     fill: '#purple',
-*     radius: '1r',
-*   });
-*
-*   return <div className={className}>Styled content</div>;
-* }
-* ```
-*/
-function useStyles(styles, options) {
-	const root = options?.root;
-	const managed = commitManaged$1();
-	const result = computeStyles(styles, {
-		ssrCollector: useContext(getTastySSRContext()),
-		root,
-		managed
-	});
-	if (managed) useStyleCommit(result.className, root);
-	return result;
-}
-const CAN_COMMIT$1 = typeof document !== "undefined";
-let commitManagedMemo$1 = false;
-let commitManagedEpoch$1 = -1;
-/**
-* Whether styles should be held through the commit rather than written during
-* render — see the same gate in `tasty()`. Only applications that configured
-* `gc` take the insertion effect; everything else keeps the synchronous path.
-*/
-function commitManaged$1() {
-	const epoch = getStyleEpoch();
-	if (commitManagedEpoch$1 !== epoch) {
-		commitManagedEpoch$1 = epoch;
-		commitManagedMemo$1 = CAN_COMMIT$1 && getConfig().gc != null;
-	}
-	return commitManagedMemo$1;
-}
-/**
-* Hold the styles this render resolved for as long as the component is mounted.
-*
-* Rendering only names the classes and records what they stand for; this is
-* where they reach the sheet. `useInsertionEffect` is React's insertion phase —
-* it runs after every render in the commit and before any layout effect, so the
-* rules are in place before anything can measure them.
-*
-* The dependency is the class-name string itself, so an unchanged rerender —
-* the overwhelmingly common case — costs one string comparison and nothing
-* else. Because setup re-inserts whatever is missing, a class collected while
-* this render was still pending simply comes back here.
-*/
-function useStyleCommit(className, root) {
-	useInsertionEffect(() => {
-		if (!className) return;
-		acquireStyles(className, { root });
-		return () => releaseStyles(className, { root });
-	}, [className, root]);
-}
-//#endregion
 //#region src/tasty.tsx
 /**
-* Whether this environment ever commits. Server renders (SSR and RSC) resolve
-* class names and hand them to a collector; only a browser mounts them.
-*/
-const CAN_COMMIT = typeof document !== "undefined";
-let commitManagedMemo = false;
-let commitManagedEpoch = -1;
-/**
-* Whether styles should be held through the commit rather than written during
-* render.
-*
-* Only applications that asked for collection pay for it. Without `gc`
-* configured there is nothing to collect, so components take the synchronous
-* path and no insertion effect at all — no hook slot, no dependency array, no
-* setup closure per render.
-*
-* Memoized because it decides whether a hook is taken: it must not change
-* between renders of one component. `configure()` locks once the first styles
-* are generated, so this settles on the first render and only a whole new
-* injector — a new style epoch — can move it.
-*/
-function commitManaged() {
-	const epoch = getStyleEpoch();
-	if (commitManagedEpoch !== epoch) {
-		commitManagedEpoch = epoch;
-		commitManagedMemo = CAN_COMMIT && getConfig().gc != null;
-	}
-	return commitManagedMemo;
-}
-/**
 * Precalculated entries for performance optimization
 */
 const IS_PROPERTIES_ENTRIES = Object.entries({
@@ -259,11 +161,6 @@ function tastyElement(tastyOptions) {
 	const tokenPropsMapping = tokenPropsDef ? buildTokenPropsMapping(tokenPropsDef) : void 0;
 	const classNameCache = /* @__PURE__ */ new Map();
 	const STABLE_STYLES = { stableStyles: true };
-	const STABLE_STYLES_MANAGED = {
-		stableStyles: true,
-		managed: true
-	};
-	const MANAGED = { managed: true };
 	const _TastyComponent = forwardRef((incomingProps, ref) => {
 		const applyPropHandlers = propHandlerRegistry.apply;
 		const { as, styles: rawStyles, variant, mods, element, qa, qaVal, className: userClassName, tokens, style, theme, ...otherProps } = applyPropHandlers ? applyPropHandlers(incomingProps) : incomingProps;
@@ -304,16 +201,15 @@ function tastyElement(tastyOptions) {
 		const hasInstanceStyles = styles && hasKeys(styles);
 		const hasPropStyles = propStyles && hasKeys(propStyles);
 		const allStyles = hasInstanceStyles || hasPropStyles ? mergeStyles(baseStyles, styles, propStyles) : baseStyles;
-		const managed = commitManaged();
 		const useFactoryCache = typeof document !== "undefined";
-		const cached = useFactoryCache && allStyles === baseStyles ? classNameCache.get(allStyles) : void 0;
 		let stylesResult;
-		if (cached && cached[1] === getStyleEpoch()) stylesResult = { className: cached[0] };
-		else {
-			stylesResult = computeStyles(allStyles, !useFactoryCache && allStyles === baseStyles ? managed ? STABLE_STYLES_MANAGED : STABLE_STYLES : managed ? MANAGED : void 0);
-			if (useFactoryCache && allStyles === baseStyles) classNameCache.set(allStyles, [stylesResult.className, getStyleEpoch()]);
+		if (useFactoryCache && allStyles === baseStyles && classNameCache.has(allStyles)) {
+			stylesResult = { className: classNameCache.get(allStyles) };
+			touch(stylesResult.className);
+		} else {
+			stylesResult = computeStyles(allStyles, !useFactoryCache && allStyles === baseStyles ? STABLE_STYLES : void 0);
+			if (useFactoryCache && allStyles === baseStyles) classNameCache.set(allStyles, stylesResult.className);
 		}
-		if (managed) useStyleCommit(stylesResult.className);
 		let mergedTokens;
 		if (defaultTokens || tokens || propTokens) if (!defaultTokens && !propTokens) mergedTokens = tokens;
 		else if (!tokens && !propTokens) mergedTokens = defaultTokens;
@@ -374,6 +270,34 @@ function tastyElement(tastyOptions) {
 }
 const Element = tasty({});
 //#endregion
+//#region src/hooks/useStyles.ts
+/**
+* Hook to generate CSS classes from Tasty styles.
+* Thin wrapper around `computeStyles()` that adds React context-based
+* SSR collector discovery for backward compatibility with TastyRegistry.
+*
+* For hook-free usage (e.g. in server components), use `computeStyles()` directly.
+*
+* @example
+* ```tsx
+* function MyComponent() {
+*   const { className } = useStyles({
+*     padding: '2x',
+*     fill: '#purple',
+*     radius: '1r',
+*   });
+*
+*   return <div className={className}>Styled content</div>;
+* }
+* ```
+*/
+function useStyles(styles, options) {
+	return computeStyles(styles, {
+		ssrCollector: useContext(getTastySSRContext()),
+		root: options?.root
+	});
+}
+//#endregion
 //#region src/utils/client-state.ts
 /**
 * Build a per-(injector, root) client state cache for the standalone style
@@ -993,6 +917,6 @@ function TastyBatchProvider({ children }) {
 	return children;
 }
 //#endregion
-export { APPEARANCE_CHUNK_STYLES, BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, CHUNK_NAMES, COLOR_STYLES, CONTAINER_STYLES, CUSTOM_UNITS, ChunkSheetRegistry, DEFAULT_NAME_PREFIX, DEFAULT_ZERO_NAME_PREFIX, DIMENSION_CHUNK_STYLES, DIMENSION_STYLES, DIRECTIONS, DISPLAY_CHUNK_STYLES, Element, FLOW_STYLES, FONT_CHUNK_STYLES, INNER_STYLES, LAYOUT_CHUNK_STYLES, OUTER_STYLES, POSITION_CHUNK_STYLES, POSITION_STYLES, STYLE_TO_CHUNK, SheetManager, StyleInjector, StyleParser, TEXT_STYLES, TastyBatchProvider, acquireStyles, categorizeStyleKeys, chunkSheetRegistry, cleanup, color, computeStyles, configure, counterStyle, createColorFunc, createInjector, createStateParserContext, defineHandler, defineRecipe, destroy, dotize, filterBaseProps, filterMods, flushStyles, fontFace, func, gc, generateTypographyTokens, getCSSText, getCSSTextForNode, getConfig, getDisplayName, getGlobalCounterStyles, getGlobalFontFaces, getGlobalFunctions, getGlobalKeyframes, getGlobalParser, getGlobalPredefinedStates, getGlobalPredefinedTokens, getGlobalRecipes, getNamePrefix, getNamedColorHex, getRawCSSText, getRgbValuesFromRgbaString, hasGlobalKeyframes, hasGlobalRecipes, hasPendingStyleWrites, hasRecipe, hasStylesGenerated, hexToRgb, hslToRgbValues, inject, injectGlobal, injectRawCSS, injector, isConfigLocked, isPropertyDefined, isSelector, isTestEnvironment, keyframes, mergeStyles, _modAttrs as modAttrs, normalizeColorTokenValue, okhslFunction, okhslPlugin, okhstFunction, okhstPlugin, parseColor, parseStateKey, parseStyle, processTokens, property, releaseStyles, renderStyles, resetConfig, resetStyleBatch, resolveChunk, resolveFunctionColor, resolveRecipes, setGlobalPredefinedStates, strToRgb, stringifyStyles, styleHandlers, tasty, tastyDebug, touch, useCounterStyle, useFontFace, useFunction, useGlobalStyles, useKeyframes, useProperty, useRawCSS, useStyles };
+export { APPEARANCE_CHUNK_STYLES, BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, CHUNK_NAMES, COLOR_STYLES, CONTAINER_STYLES, CUSTOM_UNITS, ChunkSheetRegistry, DEFAULT_NAME_PREFIX, DEFAULT_ZERO_NAME_PREFIX, DIMENSION_CHUNK_STYLES, DIMENSION_STYLES, DIRECTIONS, DISPLAY_CHUNK_STYLES, Element, FLOW_STYLES, FONT_CHUNK_STYLES, INNER_STYLES, LAYOUT_CHUNK_STYLES, OUTER_STYLES, POSITION_CHUNK_STYLES, POSITION_STYLES, STYLE_TO_CHUNK, SheetManager, StyleInjector, StyleParser, TEXT_STYLES, TastyBatchProvider, categorizeStyleKeys, chunkSheetRegistry, cleanup, color, computeStyles, configure, counterStyle, createColorFunc, createInjector, createStateParserContext, defineHandler, destroy, dotize, filterBaseProps, filterMods, flushStyles, fontFace, func, gc, generateTypographyTokens, getCSSText, getCSSTextForNode, getConfig, getDisplayName, getGlobalCounterStyles, getGlobalFontFaces, getGlobalFunctions, getGlobalKeyframes, getGlobalParser, getGlobalPredefinedStates, getGlobalPredefinedTokens, getGlobalRecipes, getNamePrefix, getNamedColorHex, getRawCSSText, getRgbValuesFromRgbaString, hasGlobalKeyframes, hasGlobalRecipes, hasPendingStyleWrites, hasStylesGenerated, hexToRgb, holdKeyframes, hslToRgbValues, inject, injectGlobal, injectRawCSS, injector, isConfigLocked, isPropertyDefined, isSelector, isTestEnvironment, keyframes, mergeStyles, _modAttrs as modAttrs, normalizeColorTokenValue, okhslFunction, okhslPlugin, okhstFunction, okhstPlugin, ownKeyframes, parseColor, parseStateKey, parseStyle, processTokens, property, renderStyles, resetConfig, resetStyleBatch, resolveFunctionColor, resolveRecipes, setGlobalPredefinedStates, strToRgb, stringifyStyles, styleHandlers, tasty, tastyDebug, touch, useCounterStyle, useFontFace, useFunction, useGlobalStyles, useKeyframes, useProperty, useRawCSS, useStyles };
 
 //# sourceMappingURL=index.js.map