@tenphi/tasty 0.0.0-snapshot.bbd10c7 → 0.0.0-snapshot.bbfcd75

package/dist/utils/filter-base-props.js

@@ -1,45 +0,0 @@
-//#region src/utils/filter-base-props.ts
-const DOMPropNames = new Set(["id"]);
-const BasePropNames = new Set([
-	"role",
-	"as",
-	"element",
-	"css",
-	"qa",
-	"mods",
-	"qaVal",
-	"hidden",
-	"isHidden",
-	"disabled",
-	"isDisabled",
-	"children",
-	"style",
-	"className",
-	"href",
-	"target",
-	"tabIndex"
-]);
-const ignoreEventPropsNames = new Set([
-	"onPress",
-	"onHoverStart",
-	"onHoverEnd",
-	"onPressStart",
-	"onPressEnd"
-]);
-const propRe = /^((data-).*)$/;
-const eventRe = /^on[A-Z].+$/;
-/**
-* Filters out all props that aren't valid DOM props or defined via override prop obj.
-* @param props - The component props to be filtered.
-* @param opts - Props to override.
-*/
-function filterBaseProps(props, opts = {}) {
-	const { propNames, eventProps } = opts;
-	const filteredProps = {};
-	for (const prop in props) if (Object.prototype.hasOwnProperty.call(props, prop) && (DOMPropNames.has(prop) || BasePropNames.has(prop) || prop.startsWith("aria-") || eventProps && eventRe.test(prop) && !ignoreEventPropsNames.has(prop) || propNames?.has(prop) || propRe.test(prop))) filteredProps[prop] = props[prop];
-	return filteredProps;
-}
-//#endregion
-export { filterBaseProps };
-
-//# sourceMappingURL=filter-base-props.js.map

package/dist/utils/filter-base-props.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filter-base-props.js","names":[],"sources":["../../src/utils/filter-base-props.ts"],"sourcesContent":["const DOMPropNames = new Set(['id']);\n\nconst BasePropNames = new Set([\n  'role',\n  'as',\n  'element',\n  'css',\n  'qa',\n  'mods',\n  'qaVal',\n  'hidden',\n  'isHidden',\n  'disabled',\n  'isDisabled',\n  'children',\n  'style',\n  'className',\n  'href',\n  'target',\n  'tabIndex',\n]);\n\nconst ignoreEventPropsNames = new Set([\n  'onPress',\n  'onHoverStart',\n  'onHoverEnd',\n  'onPressStart',\n  'onPressEnd',\n]);\n\nconst propRe = /^((data-).*)$/;\nconst eventRe = /^on[A-Z].+$/;\n\ninterface PropsFilterOptions {\n  // @deprecated\n  labelable?: boolean;\n  propNames?: Set<string>;\n  eventProps?: boolean;\n}\n\n/**\n * Filters out all props that aren't valid DOM props or defined via override prop obj.\n * @param props - The component props to be filtered.\n * @param opts - Props to override.\n */\nexport function filterBaseProps(\n  props: Record<string, unknown>,\n  opts: PropsFilterOptions = {},\n): Record<string, unknown> {\n  const { propNames, eventProps } = opts;\n  const filteredProps: Record<string, unknown> = {};\n\n  for (const prop in props) {\n    if (\n      Object.prototype.hasOwnProperty.call(props, prop) &&\n      (DOMPropNames.has(prop) ||\n        BasePropNames.has(prop) ||\n        // Always preserve any ARIA attributes to maintain accessibility support.\n        prop.startsWith('aria-') ||\n        (eventProps &&\n          eventRe.test(prop) &&\n          !ignoreEventPropsNames.has(prop)) ||\n        propNames?.has(prop) ||\n        propRe.test(prop))\n    ) {\n      filteredProps[prop] = props[prop];\n    }\n  }\n\n  return filteredProps;\n}\n"],"mappings":";AAAA,MAAM,eAAe,IAAI,IAAI,CAAC,KAAK,CAAC;AAEpC,MAAM,gBAAgB,IAAI,IAAI;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,MAAM,wBAAwB,IAAI,IAAI;CACpC;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,MAAM,SAAS;AACf,MAAM,UAAU;;;;;;AAchB,SAAgB,gBACd,OACA,OAA2B,EAAE,EACJ;CACzB,MAAM,EAAE,WAAW,eAAe;CAClC,MAAM,gBAAyC,EAAE;AAEjD,MAAK,MAAM,QAAQ,MACjB,KACE,OAAO,UAAU,eAAe,KAAK,OAAO,KAAK,KAChD,aAAa,IAAI,KAAK,IACrB,cAAc,IAAI,KAAK,IAEvB,KAAK,WAAW,QAAQ,IACvB,cACC,QAAQ,KAAK,KAAK,IAClB,CAAC,sBAAsB,IAAI,KAAK,IAClC,WAAW,IAAI,KAAK,IACpB,OAAO,KAAK,KAAK,EAEnB,eAAc,QAAQ,MAAM;AAIhC,QAAO"}

package/dist/utils/get-display-name.d.ts

@@ -1,7 +0,0 @@
-import { ElementType } from "react";
-
-//#region src/utils/get-display-name.d.ts
-declare function getDisplayName<T>(Component: ElementType<T>, fallbackName?: string): string;
-//#endregion
-export { getDisplayName };
-//# sourceMappingURL=get-display-name.d.ts.map

package/dist/utils/get-display-name.js

@@ -1,10 +0,0 @@
-//#region src/utils/get-display-name.ts
-const DEFAULT_NAME = "Anonymous";
-function getDisplayName(Component, fallbackName = DEFAULT_NAME) {
-	if (typeof Component === "function") return Component.displayName ?? Component.name ?? fallbackName;
-	return fallbackName;
-}
-//#endregion
-export { getDisplayName };
-
-//# sourceMappingURL=get-display-name.js.map

package/dist/utils/get-display-name.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-display-name.js","names":[],"sources":["../../src/utils/get-display-name.ts"],"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"],"mappings":";AAEA,MAAM,eAAe;AAErB,SAAgB,eACd,WACA,eAAe,cACP;AACR,KAAI,OAAO,cAAc,WACvB,QAAO,UAAU,eAAe,UAAU,QAAQ;AAGpD,QAAO"}

package/dist/utils/has-keys.js

@@ -1,13 +0,0 @@
-//#region src/utils/has-keys.ts
-/**
-* Check if an object has any own enumerable keys.
-* Avoids the array allocation of Object.keys(obj).length > 0.
-*/
-function hasKeys(obj) {
-	for (const _ in obj) return true;
-	return false;
-}
-//#endregion
-export { hasKeys };
-
-//# sourceMappingURL=has-keys.js.map

package/dist/utils/has-keys.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"has-keys.js","names":[],"sources":["../../src/utils/has-keys.ts"],"sourcesContent":["/**\n * Check if an object has any own enumerable keys.\n * Avoids the array allocation of Object.keys(obj).length > 0.\n */\nexport function hasKeys(obj: object): boolean {\n  for (const _ in obj) return true;\n  return false;\n}\n"],"mappings":";;;;;AAIA,SAAgB,QAAQ,KAAsB;AAC5C,MAAK,MAAM,KAAK,IAAK,QAAO;AAC5B,QAAO"}

package/dist/utils/is-dev-env.js

@@ -1,19 +0,0 @@
-//#region src/utils/is-dev-env.ts
-/**
-* Check if we're in a development environment at runtime
-* Uses bracket notation to avoid bundler compilation
-* Also checks for TASTY_DEBUG localStorage setting
-*/
-function isDevEnv() {
-	if (typeof window !== "undefined" && window.localStorage) try {
-		const forceTastyDebug = window.localStorage.getItem("TASTY_DEBUG");
-		if (forceTastyDebug !== null && forceTastyDebug.toLowerCase() === "true") return true;
-	} catch {}
-	if (typeof process === "undefined") return false;
-	const nodeEnv = "development";
-	return nodeEnv !== "test" && nodeEnv !== "production";
-}
-//#endregion
-export { isDevEnv };
-
-//# sourceMappingURL=is-dev-env.js.map

package/dist/utils/is-dev-env.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-dev-env.js","names":[],"sources":["../../src/utils/is-dev-env.ts"],"sourcesContent":["/**\n * Check if we're in a development environment at runtime\n * Uses bracket notation to avoid bundler compilation\n * Also checks for TASTY_DEBUG localStorage setting\n */\nexport function isDevEnv(): boolean {\n  // Check localStorage for DEBUG_TASTY setting (browser environment)\n  if (typeof window !== 'undefined' && window.localStorage) {\n    try {\n      const forceTastyDebug = window.localStorage.getItem('TASTY_DEBUG');\n      if (\n        forceTastyDebug !== null &&\n        forceTastyDebug.toLowerCase() === 'true'\n      ) {\n        return true;\n      }\n    } catch {\n      // localStorage might not be available (private browsing, etc.)\n      // Continue with other checks\n    }\n  }\n\n  // Check NODE_ENV for Node.js environments\n  if (typeof process === 'undefined') return false;\n\n  // Use bracket notation to avoid bundler replacement\n  const nodeEnv = process.env?.['NODE_ENV'];\n  return nodeEnv !== 'test' && nodeEnv !== 'production';\n}\n"],"mappings":";;;;;;AAKA,SAAgB,WAAoB;AAElC,KAAI,OAAO,WAAW,eAAe,OAAO,aAC1C,KAAI;EACF,MAAM,kBAAkB,OAAO,aAAa,QAAQ,cAAc;AAClE,MACE,oBAAoB,QACpB,gBAAgB,aAAa,KAAK,OAElC,QAAO;SAEH;AAOV,KAAI,OAAO,YAAY,YAAa,QAAO;CAG3C,MAAM,UAAA;AACN,QAAO,YAAY,UAAU,YAAY"}

package/dist/utils/is-valid-element-type.js

@@ -1,15 +0,0 @@
-//#region src/utils/is-valid-element-type.ts
-/**
-* Lightweight replacement for `react-is`'s isValidElementType.
-* Detects string tags, function/class components, and React exotic types
-* (forwardRef, memo, lazy, etc.) via their internal $$typeof symbol.
-*/
-function isValidElementType(value) {
-	if (typeof value === "string" || typeof value === "function") return true;
-	if (typeof value === "object" && value !== null) return typeof value.$$typeof === "symbol";
-	return false;
-}
-//#endregion
-export { isValidElementType };
-
-//# sourceMappingURL=is-valid-element-type.js.map

package/dist/utils/is-valid-element-type.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"is-valid-element-type.js","names":[],"sources":["../../src/utils/is-valid-element-type.ts"],"sourcesContent":["/**\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"],"mappings":";;;;;;AAKA,SAAgB,mBAAmB,OAAyB;AAC1D,KAAI,OAAO,UAAU,YAAY,OAAO,UAAU,WAChD,QAAO;AAGT,KAAI,OAAO,UAAU,YAAY,UAAU,KACzC,QAAO,OAAQ,MAAiC,aAAa;AAG/D,QAAO"}

package/dist/utils/merge-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"merge-styles.js","names":[],"sources":["../../src/utils/merge-styles.ts"],"sourcesContent":["import { isSelector } from '../pipeline';\nimport type { Styles, StylesWithoutSelectors } from '../styles/types';\n\nimport { isDevEnv } from './is-dev-env';\n\nconst devMode = isDevEnv();\n\nconst INHERIT_VALUE = '@inherit';\n\n/**\n * Check if a value is a state map (object, not array).\n */\nfunction isStateMap(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value);\n}\n\n/**\n * Normalize a parent value to a state map.\n * - Already a state map → return as-is\n * - Non-null, non-false primitive → wrap as `{ '': value }`\n * - null / undefined / false → return null (no parent to merge with)\n */\nfunction normalizeToStateMap(value: unknown): Record<string, unknown> | null {\n  if (isStateMap(value)) return value as Record<string, unknown>;\n  if (value != null && value !== false) return { '': value };\n  return null;\n}\n\n/**\n * Resolve a child state map against a parent value.\n *\n * Mode is determined by whether the child contains a `''` (default) key:\n * - No `''` → extend mode: parent entries preserved, child adds/overrides/repositions\n * - Has `''` → replace mode: child defines everything, `@inherit` cherry-picks from parent\n *\n * In both modes:\n * - `@inherit` value → resolve from parent state map\n * - `null` value → remove this state from the result\n * - `false` value → tombstone, persists through all layers, blocks recipe\n */\nfunction resolveStateMap(\n  parentValue: unknown,\n  childMap: Record<string, unknown>,\n): Record<string, unknown> {\n  const isExtend = !('' in childMap);\n  const parentMap = normalizeToStateMap(parentValue);\n\n  if (!parentMap) {\n    // No parent to merge with — strip nulls and @inherit, return child entries\n    const result: Record<string, unknown> = {};\n    for (const key of Object.keys(childMap)) {\n      const val = childMap[key];\n      if (val === null || val === INHERIT_VALUE) continue;\n      result[key] = val;\n    }\n    return result;\n  }\n\n  if (isExtend) {\n    return resolveExtendMode(parentMap, childMap);\n  }\n\n  return resolveReplaceMode(parentMap, childMap);\n}\n\n/**\n * Extend mode: parent entries are preserved, child entries add/override/reposition.\n */\nfunction resolveExtendMode(\n  parentMap: Record<string, unknown>,\n  childMap: Record<string, unknown>,\n): Record<string, unknown> {\n  const inheritKeys = new Set<string>();\n  const removeKeys = new Set<string>();\n  const overrideKeys = new Map<string, unknown>();\n\n  for (const key of Object.keys(childMap)) {\n    const val = childMap[key];\n    if (val === INHERIT_VALUE) {\n      if (key in parentMap) {\n        inheritKeys.add(key);\n      } else if (devMode) {\n        console.warn(\n          `[Tasty] @inherit used for state '${key}' that does not exist in the parent style map. Entry skipped.`,\n        );\n      }\n    } else if (val === null) {\n      removeKeys.add(key);\n    } else if (key in parentMap) {\n      overrideKeys.set(key, val);\n    }\n  }\n\n  // 1. Parent entries in order (skip removed, skip repositioned, apply overrides)\n  const result: Record<string, unknown> = {};\n  for (const key of Object.keys(parentMap)) {\n    if (removeKeys.has(key)) continue;\n    if (inheritKeys.has(key)) continue;\n    if (overrideKeys.has(key)) {\n      result[key] = overrideKeys.get(key);\n    } else {\n      result[key] = parentMap[key];\n    }\n  }\n\n  // 2. Append new + repositioned entries in child declaration order\n  for (const key of Object.keys(childMap)) {\n    if (inheritKeys.has(key)) {\n      result[key] = parentMap[key];\n    } else if (\n      !removeKeys.has(key) &&\n      !overrideKeys.has(key) &&\n      // Skip @inherit for keys that weren't in the parent (already warned above)\n      childMap[key] !== INHERIT_VALUE\n    ) {\n      result[key] = childMap[key];\n    }\n  }\n\n  return result;\n}\n\n/**\n * Replace mode: child entries define the result, `@inherit` pulls from parent.\n */\nfunction resolveReplaceMode(\n  parentMap: Record<string, unknown>,\n  childMap: Record<string, unknown>,\n): Record<string, unknown> {\n  const result: Record<string, unknown> = {};\n\n  for (const key of Object.keys(childMap)) {\n    const val = childMap[key];\n    if (val === INHERIT_VALUE) {\n      if (key in parentMap) {\n        result[key] = parentMap[key];\n      } else if (devMode) {\n        console.warn(\n          `[Tasty] @inherit used for state '${key}' that does not exist in the parent style map. Entry skipped.`,\n        );\n      }\n    } else if (val !== null) {\n      result[key] = val;\n    }\n  }\n\n  return result;\n}\n\n/**\n * Merge sub-element properties with state map / null / undefined support.\n */\nfunction mergeSubElementStyles(\n  parentSub: StylesWithoutSelectors | undefined,\n  childSub: StylesWithoutSelectors,\n): StylesWithoutSelectors {\n  const parent = parentSub as Record<string, unknown> | undefined;\n  const child = childSub as Record<string, unknown>;\n  const merged: Record<string, unknown> = { ...parent, ...child };\n\n  for (const key of Object.keys(child)) {\n    const val = child[key];\n\n    if (val === undefined) {\n      if (parent && key in parent) {\n        merged[key] = parent[key];\n      }\n    } else if (val === null) {\n      delete merged[key];\n    } else if (isStateMap(val)) {\n      merged[key] = resolveStateMap(\n        parent ? parent[key] : undefined,\n        val as Record<string, unknown>,\n      );\n    }\n  }\n\n  return merged as StylesWithoutSelectors;\n}\n\nexport function mergeStyles(...objects: (Styles | undefined | null)[]): Styles {\n  let styles: Styles = objects[0] ? { ...objects[0] } : {};\n  let pos = 1;\n\n  while (pos in objects) {\n    const selectorKeys = Object.keys(styles).filter(\n      (key) => isSelector(key) && styles[key],\n    );\n    const newStyles = objects[pos];\n\n    if (newStyles) {\n      const resultStyles = { ...styles, ...newStyles };\n\n      // Collect all selector keys from both parent and child\n      const newSelectorKeys = Object.keys(newStyles).filter(isSelector);\n      const allSelectorKeys = new Set([...selectorKeys, ...newSelectorKeys]);\n\n      for (const key of allSelectorKeys) {\n        const newValue = newStyles?.[key];\n\n        if (newValue === false || newValue === null) {\n          delete resultStyles[key];\n        } else if (newValue === undefined) {\n          resultStyles[key] = styles[key];\n        } else if (newValue) {\n          resultStyles[key] = mergeSubElementStyles(\n            styles[key] as StylesWithoutSelectors,\n            newValue as StylesWithoutSelectors,\n          );\n        }\n      }\n\n      // Handle non-selector properties: state maps, null, undefined\n      for (const key of Object.keys(newStyles)) {\n        if (isSelector(key)) continue;\n\n        const newValue = newStyles[key];\n\n        if (newValue === undefined) {\n          if (key in styles) {\n            resultStyles[key] = styles[key];\n          } else {\n            delete resultStyles[key];\n          }\n        } else if (newValue === null) {\n          delete resultStyles[key];\n        } else if (isStateMap(newValue)) {\n          (resultStyles as Record<string, unknown>)[key] = resolveStateMap(\n            styles[key],\n            newValue as Record<string, unknown>,\n          );\n        }\n      }\n\n      styles = resultStyles;\n    }\n\n    pos++;\n  }\n\n  return styles;\n}\n"],"mappings":"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"}

package/dist/utils/mod-attrs.d.ts

@@ -1,6 +0,0 @@
-import { ModValue } from "../types.js";
-//#region src/utils/mod-attrs.d.ts
-declare const _modAttrs: (firstArg: Record<string, ModValue> | undefined, secondArg?: unknown) => Record<string, string> | null;
-//#endregion
-export { _modAttrs };
-//# sourceMappingURL=mod-attrs.d.ts.map

package/dist/utils/mod-attrs.js

@@ -1,20 +0,0 @@
-import { camelToKebab } from "./case-converter.js";
-import { cacheWrapper } from "./cache-wrapper.js";
-//#region src/utils/mod-attrs.ts
-function modAttrs(map) {
-	return map ? Object.keys(map).reduce((attrs, key) => {
-		const value = map[key];
-		if (value == null || value === false) return attrs;
-		const attrName = `data-${camelToKebab(key)}`;
-		if (value === true) attrs[attrName] = "";
-		else if (typeof value === "string") attrs[attrName] = value;
-		else if (typeof value === "number") attrs[attrName] = String(value);
-		else console.warn(`Tasty: Invalid mod value for "${key}". Expected boolean, string, or number, got ${typeof value}`);
-		return attrs;
-	}, {}) : null;
-}
-const _modAttrs = cacheWrapper(modAttrs);
-//#endregion
-export { _modAttrs };
-
-//# sourceMappingURL=mod-attrs.js.map

package/dist/utils/mod-attrs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mod-attrs.js","names":[],"sources":["../../src/utils/mod-attrs.ts"],"sourcesContent":["/**\n * Generate data DOM attributes from modifier map.\n */\nimport type { AllBaseProps } from '../types';\n\nimport { cacheWrapper } from './cache-wrapper';\nimport { camelToKebab } from './case-converter';\n\nfunction modAttrs(map: AllBaseProps['mods']): Record<string, string> | null {\n  return map\n    ? Object.keys(map).reduce(\n        (attrs, key) => {\n          const value = map[key];\n\n          // Skip null, undefined, false\n          if (value == null || value === false) {\n            return attrs;\n          }\n\n          const attrName = `data-${camelToKebab(key)}`;\n\n          if (value === true) {\n            // Boolean true: data-{name}=\"\"\n            attrs[attrName] = '';\n          } else if (typeof value === 'string') {\n            // String value: data-{name}=\"value\"\n            attrs[attrName] = value;\n          } else if (typeof value === 'number') {\n            // Number: convert to string\n            attrs[attrName] = String(value);\n          } else {\n            // Reject other types (objects, arrays, functions)\n            if (process.env.NODE_ENV !== 'production') {\n              console.warn(\n                `Tasty: Invalid mod value for \"${key}\". Expected boolean, string, or number, got ${typeof value}`,\n              );\n            }\n          }\n\n          return attrs;\n        },\n        {} as Record<string, string>,\n      )\n    : null;\n}\n\nconst _modAttrs = cacheWrapper(modAttrs);\n\nexport { _modAttrs as modAttrs };\n"],"mappings":";;;AAQA,SAAS,SAAS,KAA0D;AAC1E,QAAO,MACH,OAAO,KAAK,IAAI,CAAC,QACd,OAAO,QAAQ;EACd,MAAM,QAAQ,IAAI;AAGlB,MAAI,SAAS,QAAQ,UAAU,MAC7B,QAAO;EAGT,MAAM,WAAW,QAAQ,aAAa,IAAI;AAE1C,MAAI,UAAU,KAEZ,OAAM,YAAY;WACT,OAAO,UAAU,SAE1B,OAAM,YAAY;WACT,OAAO,UAAU,SAE1B,OAAM,YAAY,OAAO,MAAM;MAI7B,SAAQ,KACN,iCAAiC,IAAI,8CAA8C,OAAO,QAC3F;AAIL,SAAO;IAET,EAAE,CACH,GACD;;AAGN,MAAM,YAAY,aAAa,SAAS"}

package/dist/utils/process-tokens.d.ts

@@ -1,17 +0,0 @@
-import { CSSProperties } from "./css-types.js";
-import { hslToRgbValues } from "./color-math.js";
-import { Tokens } from "../types.js";
-
-//#region src/utils/process-tokens.d.ts
-/**
- * Process tokens object into inline style properties.
- * - $name -> --name with parsed value
- * - #name -> --name-color AND --name-color-{colorSpace} with parsed values
- *
- * @param tokens - The tokens object to process
- * @returns CSSProperties object or undefined if no tokens to process
- */
-declare function processTokens(tokens: Tokens | undefined): CSSProperties | undefined;
-//#endregion
-export { processTokens };
-//# sourceMappingURL=process-tokens.d.ts.map

package/dist/utils/process-tokens.js

@@ -1,83 +0,0 @@
-import "./color-math.js";
-import { getColorSpaceComponents, getColorSpaceSuffix } from "./color-space.js";
-import { normalizeColorTokenValue, parseStyle } from "./styles.js";
-//#region src/utils/process-tokens.ts
-/**
-* Extract color components in the configured color space.
-* Returns a CSS variable reference for token colors, or decomposed
-* components as a space-separated string.
-*/
-function extractColorSpaceValue(colorValue, parsedOutput) {
-	const suffix = getColorSpaceSuffix();
-	const varMatch = parsedOutput.match(/var\(--([a-z0-9-]+)-color\)/);
-	if (varMatch) return `var(--${varMatch[1]}-color-${suffix})`;
-	const components = getColorSpaceComponents(colorValue);
-	if (components !== colorValue) return components;
-	const componentsFromParsed = getColorSpaceComponents(parsedOutput);
-	if (componentsFromParsed !== parsedOutput) return componentsFromParsed;
-	return parsedOutput;
-}
-/**
-* Check if a value is a valid token value (string, number, or boolean - not object).
-* Returns false for `false` values (they mean "skip this token").
-*/
-function isValidTokenValue(value) {
-	if (value === void 0 || value === null || value === false) return false;
-	if (typeof value === "object") {
-		console.warn("Tasty: Object values are not allowed in tokens prop. Tokens do not support state-based styling. Use a primitive value instead.");
-		return false;
-	}
-	return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
-}
-/**
-* Process a single token value through the tasty parser.
-* Numbers are converted to strings; 0 stays as "0".
-*/
-function processTokenValue(value) {
-	if (typeof value === "number") {
-		if (value === 0) return "0";
-		return parseStyle(String(value)).output;
-	}
-	return parseStyle(value).output;
-}
-/**
-* Process tokens object into inline style properties.
-* - $name -> --name with parsed value
-* - #name -> --name-color AND --name-color-{colorSpace} with parsed values
-*
-* @param tokens - The tokens object to process
-* @returns CSSProperties object or undefined if no tokens to process
-*/
-function processTokens(tokens) {
-	if (!tokens) return;
-	const keys = Object.keys(tokens);
-	if (keys.length === 0) return;
-	let result;
-	for (const key of keys) {
-		const value = tokens[key];
-		if (!isValidTokenValue(value)) continue;
-		if (key.startsWith("$")) {
-			const propName = `--${key.slice(1)}`;
-			const processedValue = processTokenValue(value === true ? "" : value);
-			if (!result) result = {};
-			result[propName] = processedValue;
-		} else if (key.startsWith("#")) {
-			const colorName = key.slice(1);
-			const suffix = getColorSpaceSuffix();
-			const effectiveValue = normalizeColorTokenValue(value);
-			if (effectiveValue === null) continue;
-			const originalValue = typeof effectiveValue === "number" ? String(effectiveValue) : effectiveValue;
-			const lowerValue = originalValue.toLowerCase();
-			const processedValue = processTokenValue(effectiveValue);
-			if (!result) result = {};
-			result[`--${colorName}-color`] = processedValue;
-			if (/^#current(?:\.|$)/i.test(lowerValue)) continue;
-			result[`--${colorName}-color-${suffix}`] = extractColorSpaceValue(originalValue, processedValue);
-		}
-	}
-	return result;
-}
-//#endregion
-export { processTokens };
-
-//# sourceMappingURL=process-tokens.js.map

package/dist/utils/process-tokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"process-tokens.js","names":[],"sources":["../../src/utils/process-tokens.ts"],"sourcesContent":["import type { Tokens, TokenValue } from '../types';\n\nimport type { CSSProperties } from './css-types';\n\nimport { getColorSpaceComponents, getColorSpaceSuffix } from './color-space';\nimport { normalizeColorTokenValue, parseStyle } from './styles';\n\nexport { hslToRgbValues } from './color-math';\n\nconst devMode = process.env.NODE_ENV !== 'production';\n\n/**\n * Extract color components in the configured color space.\n * Returns a CSS variable reference for token colors, or decomposed\n * components as a space-separated string.\n */\nfunction extractColorSpaceValue(\n  colorValue: string,\n  parsedOutput: string,\n): string {\n  const suffix = getColorSpaceSuffix();\n\n  // If the parsed output references a color variable, use the companion variant\n  const varMatch = parsedOutput.match(/var\\(--([a-z0-9-]+)-color\\)/);\n  if (varMatch) {\n    return `var(--${varMatch[1]}-color-${suffix})`;\n  }\n\n  // Try the original color value first, then parsed output\n  const components = getColorSpaceComponents(colorValue);\n  if (components !== colorValue) return components;\n\n  const componentsFromParsed = getColorSpaceComponents(parsedOutput);\n  if (componentsFromParsed !== parsedOutput) return componentsFromParsed;\n\n  // Fallback: return the parsed output\n  return parsedOutput;\n}\n\n/**\n * Check if a value is a valid token value (string, number, or boolean - not object).\n * Returns false for `false` values (they mean \"skip this token\").\n */\nfunction isValidTokenValue(\n  value: unknown,\n): value is Exclude<TokenValue, undefined | null | false> {\n  if (value === undefined || value === null || value === false) {\n    return false;\n  }\n\n  if (typeof value === 'object') {\n    if (devMode) {\n      console.warn(\n        'Tasty: Object values are not allowed in tokens prop. ' +\n          'Tokens do not support state-based styling. Use a primitive value instead.',\n      );\n    }\n    return false;\n  }\n\n  return (\n    typeof value === 'string' ||\n    typeof value === 'number' ||\n    typeof value === 'boolean'\n  );\n}\n\n/**\n * Process a single token value through the tasty parser.\n * Numbers are converted to strings; 0 stays as \"0\".\n */\nfunction processTokenValue(value: string | number): string {\n  if (typeof value === 'number') {\n    // 0 should remain as \"0\", not converted to any unit\n    if (value === 0) {\n      return '0';\n    }\n    return parseStyle(String(value)).output;\n  }\n  return parseStyle(value).output;\n}\n\n/**\n * Process tokens object into inline style properties.\n * - $name -> --name with parsed value\n * - #name -> --name-color AND --name-color-{colorSpace} with parsed values\n *\n * @param tokens - The tokens object to process\n * @returns CSSProperties object or undefined if no tokens to process\n */\nexport function processTokens(\n  tokens: Tokens | undefined,\n): CSSProperties | undefined {\n  if (!tokens) {\n    return undefined;\n  }\n\n  const keys = Object.keys(tokens);\n  if (keys.length === 0) {\n    return undefined;\n  }\n\n  let result: Record<string, string> | undefined;\n\n  for (const key of keys) {\n    const value = tokens[key as keyof Tokens];\n\n    // Skip undefined/null values\n    if (!isValidTokenValue(value)) {\n      continue;\n    }\n\n    if (key.startsWith('$')) {\n      // Custom property token: $name -> --name\n      const propName = `--${key.slice(1)}`;\n      // Boolean true for custom properties converts to empty string (valid CSS value)\n      const effectiveValue = value === true ? '' : value;\n      const processedValue = processTokenValue(effectiveValue);\n\n      if (!result) result = {};\n      result[propName] = processedValue;\n    } else if (key.startsWith('#')) {\n      const colorName = key.slice(1);\n      const suffix = getColorSpaceSuffix();\n\n      // Normalize color token value (true → 'transparent', false is already filtered by isValidTokenValue)\n      const effectiveValue = normalizeColorTokenValue(value);\n      // Skip if normalized to null (shouldn't happen since false is filtered by isValidTokenValue)\n      if (effectiveValue === null) continue;\n\n      const originalValue =\n        typeof effectiveValue === 'number'\n          ? String(effectiveValue)\n          : effectiveValue;\n      const lowerValue = originalValue.toLowerCase();\n      const processedValue = processTokenValue(effectiveValue);\n\n      if (!result) result = {};\n      result[`--${colorName}-color`] = processedValue;\n\n      // Skip component generation for #current values (currentcolor is dynamic, cannot decompose)\n      if (/^#current(?:\\.|$)/i.test(lowerValue)) {\n        continue;\n      }\n\n      result[`--${colorName}-color-${suffix}`] = extractColorSpaceValue(\n        originalValue,\n        processedValue,\n      );\n    }\n  }\n\n  return result as CSSProperties | undefined;\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAS,uBACP,YACA,cACQ;CACR,MAAM,SAAS,qBAAqB;CAGpC,MAAM,WAAW,aAAa,MAAM,8BAA8B;AAClE,KAAI,SACF,QAAO,SAAS,SAAS,GAAG,SAAS,OAAO;CAI9C,MAAM,aAAa,wBAAwB,WAAW;AACtD,KAAI,eAAe,WAAY,QAAO;CAEtC,MAAM,uBAAuB,wBAAwB,aAAa;AAClE,KAAI,yBAAyB,aAAc,QAAO;AAGlD,QAAO;;;;;;AAOT,SAAS,kBACP,OACwD;AACxD,KAAI,UAAU,KAAA,KAAa,UAAU,QAAQ,UAAU,MACrD,QAAO;AAGT,KAAI,OAAO,UAAU,UAAU;AAE3B,UAAQ,KACN,iIAED;AAEH,SAAO;;AAGT,QACE,OAAO,UAAU,YACjB,OAAO,UAAU,YACjB,OAAO,UAAU;;;;;;AAQrB,SAAS,kBAAkB,OAAgC;AACzD,KAAI,OAAO,UAAU,UAAU;AAE7B,MAAI,UAAU,EACZ,QAAO;AAET,SAAO,WAAW,OAAO,MAAM,CAAC,CAAC;;AAEnC,QAAO,WAAW,MAAM,CAAC;;;;;;;;;;AAW3B,SAAgB,cACd,QAC2B;AAC3B,KAAI,CAAC,OACH;CAGF,MAAM,OAAO,OAAO,KAAK,OAAO;AAChC,KAAI,KAAK,WAAW,EAClB;CAGF,IAAI;AAEJ,MAAK,MAAM,OAAO,MAAM;EACtB,MAAM,QAAQ,OAAO;AAGrB,MAAI,CAAC,kBAAkB,MAAM,CAC3B;AAGF,MAAI,IAAI,WAAW,IAAI,EAAE;GAEvB,MAAM,WAAW,KAAK,IAAI,MAAM,EAAE;GAGlC,MAAM,iBAAiB,kBADA,UAAU,OAAO,KAAK,MACW;AAExD,OAAI,CAAC,OAAQ,UAAS,EAAE;AACxB,UAAO,YAAY;aACV,IAAI,WAAW,IAAI,EAAE;GAC9B,MAAM,YAAY,IAAI,MAAM,EAAE;GAC9B,MAAM,SAAS,qBAAqB;GAGpC,MAAM,iBAAiB,yBAAyB,MAAM;AAEtD,OAAI,mBAAmB,KAAM;GAE7B,MAAM,gBACJ,OAAO,mBAAmB,WACtB,OAAO,eAAe,GACtB;GACN,MAAM,aAAa,cAAc,aAAa;GAC9C,MAAM,iBAAiB,kBAAkB,eAAe;AAExD,OAAI,CAAC,OAAQ,UAAS,EAAE;AACxB,UAAO,KAAK,UAAU,WAAW;AAGjC,OAAI,qBAAqB,KAAK,WAAW,CACvC;AAGF,UAAO,KAAK,UAAU,SAAS,YAAY,uBACzC,eACA,eACD;;;AAIL,QAAO"}

package/dist/utils/resolve-recipes.d.ts

@@ -1,17 +0,0 @@
-import { Styles } from "../styles/types.js";
-
-//#region src/utils/resolve-recipes.d.ts
-/**
- * Resolve all `recipe` style properties in a styles object.
- *
- * Handles both top-level and sub-element recipe references.
- * Returns the same object reference if no recipes are present anywhere
- * (zero overhead for the common case).
- *
- * @param styles - The styles object potentially containing `recipe` keys
- * @returns Resolved styles with recipe values merged in, or the original object if unchanged
- */
-declare function resolveRecipes(styles: Styles): Styles;
-//#endregion
-export { resolveRecipes };
-//# sourceMappingURL=resolve-recipes.d.ts.map

package/dist/utils/resolve-recipes.js

@@ -1,146 +0,0 @@
-import { isDevEnv } from "./is-dev-env.js";
-import { isSelector } from "../pipeline/index.js";
-import { getGlobalRecipes } from "../config.js";
-import { mergeStyles } from "./merge-styles.js";
-//#region src/utils/resolve-recipes.ts
-/**
-* Recipe resolution utility.
-*
-* Resolves `recipe` style properties by looking up predefined recipe styles
-* from global configuration and merging them with the component's own styles.
-*
-* Resolution order per level (top-level and each sub-element independently):
-* base_recipe_1 base_recipe_2 → component styles → post_recipe_1 post_recipe_2
-*
-* The `/` separator splits base recipes (before component styles)
-* from post recipes (after component styles). All merges use mergeStyles
-* semantics: primitives and state maps with '' key fully replace;
-* state maps without '' key extend the existing value.
-*
-* Returns the same object reference if no recipes are present (zero overhead).
-*/
-const devMode = isDevEnv();
-/**
-* Parse a recipe string into base and post recipe name groups.
-*
-* Syntax: `'base1 base2 / post1 post2'`
-* - Names are space-separated within each group
-* - `/` separates base (before component) from post (after component) groups
-* - `/` is optional; if absent, all names are base
-* - `none` as the sole base value means "no base recipes"
-*
-* Returns `{ base: null, post: null }` if the string is empty or invalid.
-*/
-function parseRecipeNames(value) {
-	const empty = {
-		base: null,
-		post: null
-	};
-	if (typeof value !== "string") return empty;
-	const trimmed = value.trim();
-	if (trimmed === "") return empty;
-	const slashIndex = trimmed.indexOf("/");
-	if (slashIndex === -1) {
-		if (trimmed === "none") return empty;
-		return {
-			base: splitNames(trimmed),
-			post: null
-		};
-	}
-	const basePart = trimmed.slice(0, slashIndex);
-	const postPart = trimmed.slice(slashIndex + 1);
-	return {
-		base: basePart.trim() === "none" ? null : splitNames(basePart),
-		post: splitNames(postPart)
-	};
-}
-function splitNames(s) {
-	const names = s.split(/\s+/).filter(Boolean);
-	return names.length > 0 ? names : null;
-}
-/**
-* Collect merged styles for a list of recipe names.
-* Each recipe is flat-spread on top of the previous.
-*/
-function collectRecipeStyles(names, recipes) {
-	let merged = {};
-	for (const name of names) {
-		const recipeStyles = recipes[name];
-		if (!recipeStyles) {
-			if (devMode) console.warn(`[Tasty] Recipe "${name}" not found. Make sure it is defined in configure({ recipes: { ... } }).`);
-			continue;
-		}
-		merged = {
-			...merged,
-			...recipeStyles
-		};
-	}
-	return merged;
-}
-/**
-* Resolve recipe references in a flat styles object (no sub-elements).
-* Returns null if no `recipe` key is present.
-*
-* Resolution: base recipes → component styles → post recipes (all via mergeStyles)
-*/
-function resolveRecipesForLevel(styles, recipes) {
-	if (!("recipe" in styles)) return null;
-	const { base, post } = parseRecipeNames(styles.recipe);
-	const { recipe: _recipe, ...allRest } = styles;
-	const flatStyles = {};
-	const selectorStyles = {};
-	for (const key of Object.keys(allRest)) if (isSelector(key)) selectorStyles[key] = allRest[key];
-	else flatStyles[key] = allRest[key];
-	if (!base && !post) return allRest;
-	let result;
-	if (base) result = mergeStyles(collectRecipeStyles(base, recipes), flatStyles);
-	else result = { ...flatStyles };
-	if (post) {
-		const postStyles = collectRecipeStyles(post, recipes);
-		result = mergeStyles(result, postStyles);
-	}
-	for (const key of Object.keys(selectorStyles)) result[key] = selectorStyles[key];
-	return result;
-}
-/**
-* Resolve all `recipe` style properties in a styles object.
-*
-* Handles both top-level and sub-element recipe references.
-* Returns the same object reference if no recipes are present anywhere
-* (zero overhead for the common case).
-*
-* @param styles - The styles object potentially containing `recipe` keys
-* @returns Resolved styles with recipe values merged in, or the original object if unchanged
-*/
-function resolveRecipes(styles) {
-	const recipes = getGlobalRecipes();
-	if (!recipes) return styles;
-	let changed = false;
-	const topResolved = resolveRecipesForLevel(styles, recipes);
-	let result;
-	if (topResolved) {
-		changed = true;
-		result = topResolved;
-	} else result = styles;
-	const keys = Object.keys(result);
-	for (const key of keys) {
-		if (!isSelector(key)) continue;
-		const subStyles = result[key];
-		if (!subStyles || typeof subStyles !== "object" || Array.isArray(subStyles)) continue;
-		const subRecord = subStyles;
-		if (!("recipe" in subRecord)) continue;
-		const subResolved = resolveRecipesForLevel(subRecord, recipes);
-		if (subResolved) {
-			if (!changed) {
-				changed = true;
-				result = { ...styles };
-			}
-			result[key] = subResolved;
-		}
-	}
-	return changed ? result : styles;
-}
-//#endregion
-export { resolveRecipes };
-
-//# sourceMappingURL=resolve-recipes.js.map

package/dist/utils/resolve-recipes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolve-recipes.js","names":[],"sources":["../../src/utils/resolve-recipes.ts"],"sourcesContent":["/**\n * Recipe resolution utility.\n *\n * Resolves `recipe` style properties by looking up predefined recipe styles\n * from global configuration and merging them with the component's own styles.\n *\n * Resolution order per level (top-level and each sub-element independently):\n * base_recipe_1 base_recipe_2 → component styles → post_recipe_1 post_recipe_2\n *\n * The `/` separator splits base recipes (before component styles)\n * from post recipes (after component styles). All merges use mergeStyles\n * semantics: primitives and state maps with '' key fully replace;\n * state maps without '' key extend the existing value.\n *\n * Returns the same object reference if no recipes are present (zero overhead).\n */\n\nimport { getGlobalRecipes } from '../config';\nimport { isSelector } from '../pipeline';\nimport type { RecipeStyles, Styles } from '../styles/types';\n\nimport { isDevEnv } from './is-dev-env';\nimport { mergeStyles } from './merge-styles';\n\nconst devMode = isDevEnv();\n\ninterface ParsedRecipeGroups {\n  base: string[] | null;\n  post: string[] | null;\n}\n\n/**\n * Parse a recipe string into base and post recipe name groups.\n *\n * Syntax: `'base1 base2 / post1 post2'`\n * - Names are space-separated within each group\n * - `/` separates base (before component) from post (after component) groups\n * - `/` is optional; if absent, all names are base\n * - `none` as the sole base value means \"no base recipes\"\n *\n * Returns `{ base: null, post: null }` if the string is empty or invalid.\n */\nfunction parseRecipeNames(value: unknown): ParsedRecipeGroups {\n  const empty: ParsedRecipeGroups = { base: null, post: null };\n\n  if (typeof value !== 'string') return empty;\n  const trimmed = value.trim();\n  if (trimmed === '') return empty;\n\n  const slashIndex = trimmed.indexOf('/');\n\n  if (slashIndex === -1) {\n    if (trimmed === 'none') return empty;\n    const names = splitNames(trimmed);\n    return { base: names, post: null };\n  }\n\n  const basePart = trimmed.slice(0, slashIndex);\n  const postPart = trimmed.slice(slashIndex + 1);\n\n  return {\n    base: basePart.trim() === 'none' ? null : splitNames(basePart),\n    post: splitNames(postPart),\n  };\n}\n\nfunction splitNames(s: string): string[] | null {\n  const names = s.split(/\\s+/).filter(Boolean);\n  return names.length > 0 ? names : null;\n}\n\n/**\n * Collect merged styles for a list of recipe names.\n * Each recipe is flat-spread on top of the previous.\n */\nfunction collectRecipeStyles(\n  names: string[],\n  recipes: Record<string, RecipeStyles>,\n): Record<string, unknown> {\n  let merged: Record<string, unknown> = {};\n\n  for (const name of names) {\n    const recipeStyles = recipes[name];\n\n    if (!recipeStyles) {\n      if (devMode) {\n        console.warn(\n          `[Tasty] Recipe \"${name}\" not found. ` +\n            `Make sure it is defined in configure({ recipes: { ... } }).`,\n        );\n      }\n      continue;\n    }\n\n    merged = { ...merged, ...(recipeStyles as Record<string, unknown>) };\n  }\n\n  return merged;\n}\n\n/**\n * Resolve recipe references in a flat styles object (no sub-elements).\n * Returns null if no `recipe` key is present.\n *\n * Resolution: base recipes → component styles → post recipes (all via mergeStyles)\n */\nfunction resolveRecipesForLevel(\n  styles: Record<string, unknown>,\n  recipes: Record<string, RecipeStyles>,\n): Record<string, unknown> | null {\n  if (!('recipe' in styles)) return null;\n\n  const { base, post } = parseRecipeNames(styles.recipe);\n\n  // Separate selector keys (sub-elements) from flat style properties.\n  // mergeStyles handles selectors with its own semantics (e.g. false = delete),\n  // but at this level we only want recipe merging on flat properties.\n\n  const { recipe: _recipe, ...allRest } = styles;\n  const flatStyles: Record<string, unknown> = {};\n  const selectorStyles: Record<string, unknown> = {};\n\n  for (const key of Object.keys(allRest)) {\n    if (isSelector(key)) {\n      selectorStyles[key] = allRest[key];\n    } else {\n      flatStyles[key] = allRest[key];\n    }\n  }\n\n  if (!base && !post) {\n    return allRest;\n  }\n\n  // 1. Merge base recipes, then component styles on top (via mergeStyles)\n  let result: Record<string, unknown>;\n\n  if (base) {\n    const baseStyles = collectRecipeStyles(base, recipes);\n    result = mergeStyles(baseStyles as Styles, flatStyles as Styles) as Record<\n      string,\n      unknown\n    >;\n  } else {\n    result = { ...flatStyles };\n  }\n\n  // 2. Apply post recipes via mergeStyles (state map extend semantics)\n  if (post) {\n    const postStyles = collectRecipeStyles(post, recipes);\n    result = mergeStyles(result as Styles, postStyles as Styles) as Record<\n      string,\n      unknown\n    >;\n  }\n\n  // Re-attach selector keys unchanged\n  for (const key of Object.keys(selectorStyles)) {\n    result[key] = selectorStyles[key];\n  }\n\n  return result;\n}\n\n/**\n * Resolve all `recipe` style properties in a styles object.\n *\n * Handles both top-level and sub-element recipe references.\n * Returns the same object reference if no recipes are present anywhere\n * (zero overhead for the common case).\n *\n * @param styles - The styles object potentially containing `recipe` keys\n * @returns Resolved styles with recipe values merged in, or the original object if unchanged\n */\nexport function resolveRecipes(styles: Styles): Styles {\n  const recipes = getGlobalRecipes();\n\n  // Fast path: no recipes configured globally\n  if (!recipes) return styles;\n\n  let changed = false;\n\n  // Resolve top-level recipe\n  const topResolved = resolveRecipesForLevel(\n    styles as Record<string, unknown>,\n    recipes,\n  );\n\n  let result: Record<string, unknown>;\n\n  if (topResolved) {\n    changed = true;\n    result = topResolved;\n  } else {\n    // Keep reference; a shallow copy is deferred until a sub-element actually changes\n    result = styles as Record<string, unknown>;\n  }\n\n  // Resolve sub-element recipes\n  const keys = Object.keys(result);\n\n  for (const key of keys) {\n    if (!isSelector(key)) continue;\n\n    const subStyles = result[key];\n\n    if (\n      !subStyles ||\n      typeof subStyles !== 'object' ||\n      Array.isArray(subStyles)\n    ) {\n      continue;\n    }\n\n    const subRecord = subStyles as Record<string, unknown>;\n\n    if (!('recipe' in subRecord)) continue;\n\n    const subResolved = resolveRecipesForLevel(subRecord, recipes);\n\n    if (subResolved) {\n      if (!changed) {\n        // First change in sub-elements -- need to shallow-copy the top level\n        changed = true;\n        result = { ...(styles as Record<string, unknown>) };\n      }\n      result[key] = subResolved;\n    }\n  }\n\n  return changed ? (result as Styles) : styles;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBA,MAAM,UAAU,UAAU;;;;;;;;;;;;AAkB1B,SAAS,iBAAiB,OAAoC;CAC5D,MAAM,QAA4B;EAAE,MAAM;EAAM,MAAM;EAAM;AAE5D,KAAI,OAAO,UAAU,SAAU,QAAO;CACtC,MAAM,UAAU,MAAM,MAAM;AAC5B,KAAI,YAAY,GAAI,QAAO;CAE3B,MAAM,aAAa,QAAQ,QAAQ,IAAI;AAEvC,KAAI,eAAe,IAAI;AACrB,MAAI,YAAY,OAAQ,QAAO;AAE/B,SAAO;GAAE,MADK,WAAW,QAAQ;GACX,MAAM;GAAM;;CAGpC,MAAM,WAAW,QAAQ,MAAM,GAAG,WAAW;CAC7C,MAAM,WAAW,QAAQ,MAAM,aAAa,EAAE;AAE9C,QAAO;EACL,MAAM,SAAS,MAAM,KAAK,SAAS,OAAO,WAAW,SAAS;EAC9D,MAAM,WAAW,SAAS;EAC3B;;AAGH,SAAS,WAAW,GAA4B;CAC9C,MAAM,QAAQ,EAAE,MAAM,MAAM,CAAC,OAAO,QAAQ;AAC5C,QAAO,MAAM,SAAS,IAAI,QAAQ;;;;;;AAOpC,SAAS,oBACP,OACA,SACyB;CACzB,IAAI,SAAkC,EAAE;AAExC,MAAK,MAAM,QAAQ,OAAO;EACxB,MAAM,eAAe,QAAQ;AAE7B,MAAI,CAAC,cAAc;AACjB,OAAI,QACF,SAAQ,KACN,mBAAmB,KAAK,0EAEzB;AAEH;;AAGF,WAAS;GAAE,GAAG;GAAQ,GAAI;GAA0C;;AAGtE,QAAO;;;;;;;;AAST,SAAS,uBACP,QACA,SACgC;AAChC,KAAI,EAAE,YAAY,QAAS,QAAO;CAElC,MAAM,EAAE,MAAM,SAAS,iBAAiB,OAAO,OAAO;CAMtD,MAAM,EAAE,QAAQ,SAAS,GAAG,YAAY;CACxC,MAAM,aAAsC,EAAE;CAC9C,MAAM,iBAA0C,EAAE;AAElD,MAAK,MAAM,OAAO,OAAO,KAAK,QAAQ,CACpC,KAAI,WAAW,IAAI,CACjB,gBAAe,OAAO,QAAQ;KAE9B,YAAW,OAAO,QAAQ;AAI9B,KAAI,CAAC,QAAQ,CAAC,KACZ,QAAO;CAIT,IAAI;AAEJ,KAAI,KAEF,UAAS,YADU,oBAAoB,MAAM,QAAQ,EACV,WAAqB;KAKhE,UAAS,EAAE,GAAG,YAAY;AAI5B,KAAI,MAAM;EACR,MAAM,aAAa,oBAAoB,MAAM,QAAQ;AACrD,WAAS,YAAY,QAAkB,WAAqB;;AAO9D,MAAK,MAAM,OAAO,OAAO,KAAK,eAAe,CAC3C,QAAO,OAAO,eAAe;AAG/B,QAAO;;;;;;;;;;;;AAaT,SAAgB,eAAe,QAAwB;CACrD,MAAM,UAAU,kBAAkB;AAGlC,KAAI,CAAC,QAAS,QAAO;CAErB,IAAI,UAAU;CAGd,MAAM,cAAc,uBAClB,QACA,QACD;CAED,IAAI;AAEJ,KAAI,aAAa;AACf,YAAU;AACV,WAAS;OAGT,UAAS;CAIX,MAAM,OAAO,OAAO,KAAK,OAAO;AAEhC,MAAK,MAAM,OAAO,MAAM;AACtB,MAAI,CAAC,WAAW,IAAI,CAAE;EAEtB,MAAM,YAAY,OAAO;AAEzB,MACE,CAAC,aACD,OAAO,cAAc,YACrB,MAAM,QAAQ,UAAU,CAExB;EAGF,MAAM,YAAY;AAElB,MAAI,EAAE,YAAY,WAAY;EAE9B,MAAM,cAAc,uBAAuB,WAAW,QAAQ;AAE9D,MAAI,aAAa;AACf,OAAI,CAAC,SAAS;AAEZ,cAAU;AACV,aAAS,EAAE,GAAI,QAAoC;;AAErD,UAAO,OAAO;;;AAIlB,QAAO,UAAW,SAAoB"}

package/dist/utils/selector-transform.js

@@ -1,32 +0,0 @@
-//#region src/utils/selector-transform.ts
-/**
-* Shared utility for transforming capitalized PascalCase element names
-* in CSS selector content to `[data-element="..."]` attribute selectors.
-*
-* Lowercase words are treated as HTML tags and left unchanged.
-*/
-/**
-* Matches a capitalized PascalCase word at the start of the string
-* or after a CSS combinator/separator character.
-*/
-const ELEMENT_NAME_RE = /(^|[\s>+~,(])([A-Z][a-zA-Z0-9]*)/g;
-/**
-* Replace capitalized PascalCase words with `[data-element="Name"]` selectors.
-*
-* @example
-* transformSelectorContent('> Field + input:checked')
-* // → '> [data-element="Field"] + input:checked'
-*
-* transformSelectorContent('Body > Row')
-* // → '[data-element="Body"] > [data-element="Row"]'
-*
-* transformSelectorContent('button')
-* // → 'button'  (lowercase = HTML tag, unchanged)
-*/
-function transformSelectorContent(content) {
-	return content.replace(ELEMENT_NAME_RE, (_, prefix, name) => `${prefix}[data-element="${name}"]`);
-}
-//#endregion
-export { transformSelectorContent };
-
-//# sourceMappingURL=selector-transform.js.map

package/dist/utils/selector-transform.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"selector-transform.js","names":[],"sources":["../../src/utils/selector-transform.ts"],"sourcesContent":["/**\n * Shared utility for transforming capitalized PascalCase element names\n * in CSS selector content to `[data-element=\"...\"]` attribute selectors.\n *\n * Lowercase words are treated as HTML tags and left unchanged.\n */\n\n/**\n * Matches a capitalized PascalCase word at the start of the string\n * or after a CSS combinator/separator character.\n */\nconst ELEMENT_NAME_RE = /(^|[\\s>+~,(])([A-Z][a-zA-Z0-9]*)/g;\n\n/**\n * Replace capitalized PascalCase words with `[data-element=\"Name\"]` selectors.\n *\n * @example\n * transformSelectorContent('> Field + input:checked')\n * // → '> [data-element=\"Field\"] + input:checked'\n *\n * transformSelectorContent('Body > Row')\n * // → '[data-element=\"Body\"] > [data-element=\"Row\"]'\n *\n * transformSelectorContent('button')\n * // → 'button'  (lowercase = HTML tag, unchanged)\n */\nexport function transformSelectorContent(content: string): string {\n  return content.replace(\n    ELEMENT_NAME_RE,\n    (_, prefix, name) => `${prefix}[data-element=\"${name}\"]`,\n  );\n}\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,kBAAkB;;;;;;;;;;;;;;AAexB,SAAgB,yBAAyB,SAAyB;AAChE,QAAO,QAAQ,QACb,kBACC,GAAG,QAAQ,SAAS,GAAG,OAAO,iBAAiB,KAAK,IACtD"}

package/dist/utils/string.js

@@ -1,8 +0,0 @@
-//#region src/utils/string.ts
-function toSnakeCase(str) {
-	return str.replace(/[A-Z]/g, (s) => `-${s.toLowerCase()}`);
-}
-//#endregion
-export { toSnakeCase };
-
-//# sourceMappingURL=string.js.map

package/dist/utils/string.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"string.js","names":[],"sources":["../../src/utils/string.ts"],"sourcesContent":["export function toSnakeCase(str: string): string {\n  return str.replace(/[A-Z]/g, (s) => `-${s.toLowerCase()}`);\n}\n"],"mappings":";AAAA,SAAgB,YAAY,KAAqB;AAC/C,QAAO,IAAI,QAAQ,WAAW,MAAM,IAAI,EAAE,aAAa,GAAG"}