@tenphi/tasty 2.0.2 → 2.0.4

package/dist/styles/outline.js

@@ -1,55 +0,0 @@
-import { CSS_WIDE_KEYWORDS } from "../parser/const.js";
-import { filterMods, parseStyle } from "../utils/styles.js";
-import { BORDER_STYLES } from "./const.js";
-//#region src/styles/outline.ts
-/**
-* Generates CSS for outline property with optional offset.
-*
-* Syntax:
-* - `outline="2px solid #red"` - outline only
-* - `outline="2px solid #red / 4px"` - outline with offset (slash separator)
-* - `outline="2px / 4px"` - width with offset (simpler form)
-* - `outline={true}` - default 1ow solid outline
-* - `outlineOffset="4px"` - offset as separate prop (can be combined with outline)
-*
-* Priority: slash syntax in outline takes precedence over outlineOffset prop
-*
-* @return CSS properties for outline and optionally outline-offset
-*/
-function outlineStyle({ outline, outlineOffset }) {
-	const result = {};
-	if (outline != null && outline !== false) if (typeof outline === "string" && CSS_WIDE_KEYWORDS.has(outline)) result["outline"] = outline;
-	else {
-		let outlineValue = outline;
-		if (outline === true) outlineValue = "1ow";
-		if (outline === 0) outlineValue = "0";
-		const group = parseStyle(String(outlineValue)).groups[0];
-		if (group) {
-			const { parts } = group;
-			const outlinePart = parts[0] ?? {
-				values: [],
-				mods: [],
-				colors: []
-			};
-			const offsetPart = parts[1];
-			const typeMods = filterMods(outlinePart.mods, BORDER_STYLES);
-			result["outline"] = [
-				outlinePart.values[0] || "var(--outline-width)",
-				typeMods[0] || "solid",
-				outlinePart.colors[0] || "var(--outline-color)"
-			].join(" ");
-			if (offsetPart?.values[0]) result["outline-offset"] = offsetPart.values[0];
-		}
-	}
-	if (outlineOffset != null && !result["outline-offset"]) {
-		const offsetValue = typeof outlineOffset === "number" ? `${outlineOffset}px` : outlineOffset;
-		result["outline-offset"] = parseStyle(offsetValue).groups[0]?.values[0] || offsetValue;
-	}
-	if (Object.keys(result).length === 0) return null;
-	return result;
-}
-outlineStyle.__lookupStyles = ["outline", "outlineOffset"];
-//#endregion
-export { outlineStyle };
-
-//# sourceMappingURL=outline.js.map

package/dist/styles/outline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"outline.js","names":[],"sources":["../../src/styles/outline.ts"],"sourcesContent":["import { CSS_WIDE_KEYWORDS } from '../parser/const';\nimport { filterMods, parseStyle } from '../utils/styles';\nimport { BORDER_STYLES } from './const';\n\ninterface OutlineStyleProps {\n  outline?: string | boolean | number;\n  outlineOffset?: string | number;\n}\n\n/**\n * Generates CSS for outline property with optional offset.\n *\n * Syntax:\n * - `outline=\"2px solid #red\"` - outline only\n * - `outline=\"2px solid #red / 4px\"` - outline with offset (slash separator)\n * - `outline=\"2px / 4px\"` - width with offset (simpler form)\n * - `outline={true}` - default 1ow solid outline\n * - `outlineOffset=\"4px\"` - offset as separate prop (can be combined with outline)\n *\n * Priority: slash syntax in outline takes precedence over outlineOffset prop\n *\n * @return CSS properties for outline and optionally outline-offset\n */\nexport function outlineStyle({ outline, outlineOffset }: OutlineStyleProps) {\n  const result: Record<string, string> = {};\n\n  // Handle outline (0 is valid - means no outline)\n  if (outline != null && outline !== false) {\n    if (typeof outline === 'string' && CSS_WIDE_KEYWORDS.has(outline)) {\n      result['outline'] = outline;\n    } else {\n      let outlineValue: string | boolean | number = outline;\n      if (outline === true) outlineValue = '1ow';\n      if (outline === 0) outlineValue = '0';\n\n      const processed = parseStyle(String(outlineValue));\n      const group = processed.groups[0];\n\n      if (group) {\n        const { parts } = group;\n        const outlinePart = parts[0] ?? { values: [], mods: [], colors: [] };\n        const offsetPart = parts[1];\n\n        const typeMods = filterMods(\n          outlinePart.mods,\n          BORDER_STYLES as unknown as string[],\n        );\n\n        const value = outlinePart.values[0] || 'var(--outline-width)';\n        const type = typeMods[0] || 'solid';\n        const outlineColor = outlinePart.colors[0] || 'var(--outline-color)';\n\n        result['outline'] = [value, type, outlineColor].join(' ');\n\n        if (offsetPart?.values[0]) {\n          result['outline-offset'] = offsetPart.values[0];\n        }\n      }\n    }\n  }\n\n  // Handle outlineOffset prop (only if not already set by slash syntax)\n  if (outlineOffset != null && !result['outline-offset']) {\n    const offsetValue =\n      typeof outlineOffset === 'number' ? `${outlineOffset}px` : outlineOffset;\n    const processed = parseStyle(offsetValue);\n    result['outline-offset'] = processed.groups[0]?.values[0] || offsetValue;\n  }\n\n  if (Object.keys(result).length === 0) {\n    return null;\n  }\n\n  return result;\n}\n\noutlineStyle.__lookupStyles = ['outline', 'outlineOffset'];\n"],"mappings":";;;;;;;;;;;;;;;;;;AAuBA,SAAgB,aAAa,EAAE,SAAS,iBAAoC;CAC1E,MAAM,SAAiC,EAAE;AAGzC,KAAI,WAAW,QAAQ,YAAY,MACjC,KAAI,OAAO,YAAY,YAAY,kBAAkB,IAAI,QAAQ,CAC/D,QAAO,aAAa;MACf;EACL,IAAI,eAA0C;AAC9C,MAAI,YAAY,KAAM,gBAAe;AACrC,MAAI,YAAY,EAAG,gBAAe;EAGlC,MAAM,QADY,WAAW,OAAO,aAAa,CAAC,CAC1B,OAAO;AAE/B,MAAI,OAAO;GACT,MAAM,EAAE,UAAU;GAClB,MAAM,cAAc,MAAM,MAAM;IAAE,QAAQ,EAAE;IAAE,MAAM,EAAE;IAAE,QAAQ,EAAE;IAAE;GACpE,MAAM,aAAa,MAAM;GAEzB,MAAM,WAAW,WACf,YAAY,MACZ,cACD;AAMD,UAAO,aAAa;IAJN,YAAY,OAAO,MAAM;IAC1B,SAAS,MAAM;IACP,YAAY,OAAO,MAAM;IAEC,CAAC,KAAK,IAAI;AAEzD,OAAI,YAAY,OAAO,GACrB,QAAO,oBAAoB,WAAW,OAAO;;;AAOrD,KAAI,iBAAiB,QAAQ,CAAC,OAAO,mBAAmB;EACtD,MAAM,cACJ,OAAO,kBAAkB,WAAW,GAAG,cAAc,MAAM;AAE7D,SAAO,oBADW,WAAW,YAAY,CACJ,OAAO,IAAI,OAAO,MAAM;;AAG/D,KAAI,OAAO,KAAK,OAAO,CAAC,WAAW,EACjC,QAAO;AAGT,QAAO;;AAGT,aAAa,iBAAiB,CAAC,WAAW,gBAAgB"}

package/dist/styles/padding.d.ts

@@ -1,24 +0,0 @@
-//#region src/styles/padding.d.ts
-declare function paddingStyle({
-  padding,
-  paddingBlock,
-  paddingInline,
-  paddingTop,
-  paddingRight,
-  paddingBottom,
-  paddingLeft
-}: {
-  padding?: string | number | boolean;
-  paddingBlock?: string | number | boolean;
-  paddingInline?: string | number | boolean;
-  paddingTop?: string | number | boolean;
-  paddingRight?: string | number | boolean;
-  paddingBottom?: string | number | boolean;
-  paddingLeft?: string | number | boolean;
-}): Record<string, string> | null;
-declare namespace paddingStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { paddingStyle };
-//# sourceMappingURL=padding.d.ts.map

package/dist/styles/padding.js

@@ -1,32 +0,0 @@
-import { processDirectionalStyle } from "./directional.js";
-//#region src/styles/padding.ts
-const PADDING_CONFIG = {
-	property: "padding",
-	defaultValue: "var(--gap)",
-	trueValue: "1x",
-	defaultInit: "0"
-};
-function paddingStyle({ padding, paddingBlock, paddingInline, paddingTop, paddingRight, paddingBottom, paddingLeft }) {
-	return processDirectionalStyle(PADDING_CONFIG, {
-		main: padding,
-		block: paddingBlock,
-		inline: paddingInline,
-		top: paddingTop,
-		right: paddingRight,
-		bottom: paddingBottom,
-		left: paddingLeft
-	});
-}
-paddingStyle.__lookupStyles = [
-	"padding",
-	"paddingTop",
-	"paddingRight",
-	"paddingBottom",
-	"paddingLeft",
-	"paddingBlock",
-	"paddingInline"
-];
-//#endregion
-export { paddingStyle };
-
-//# sourceMappingURL=padding.js.map

package/dist/styles/padding.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"padding.js","names":[],"sources":["../../src/styles/padding.ts"],"sourcesContent":["import { processDirectionalStyle } from './directional';\n\nconst PADDING_CONFIG = {\n  property: 'padding',\n  defaultValue: 'var(--gap)',\n  trueValue: '1x',\n  defaultInit: '0',\n} as const;\n\nexport function paddingStyle({\n  padding,\n  paddingBlock,\n  paddingInline,\n  paddingTop,\n  paddingRight,\n  paddingBottom,\n  paddingLeft,\n}: {\n  padding?: string | number | boolean;\n  paddingBlock?: string | number | boolean;\n  paddingInline?: string | number | boolean;\n  paddingTop?: string | number | boolean;\n  paddingRight?: string | number | boolean;\n  paddingBottom?: string | number | boolean;\n  paddingLeft?: string | number | boolean;\n}) {\n  return processDirectionalStyle(PADDING_CONFIG, {\n    main: padding,\n    block: paddingBlock,\n    inline: paddingInline,\n    top: paddingTop,\n    right: paddingRight,\n    bottom: paddingBottom,\n    left: paddingLeft,\n  });\n}\n\npaddingStyle.__lookupStyles = [\n  'padding',\n  'paddingTop',\n  'paddingRight',\n  'paddingBottom',\n  'paddingLeft',\n  'paddingBlock',\n  'paddingInline',\n];\n"],"mappings":";;AAEA,MAAM,iBAAiB;CACrB,UAAU;CACV,cAAc;CACd,WAAW;CACX,aAAa;CACd;AAED,SAAgB,aAAa,EAC3B,SACA,cACA,eACA,YACA,cACA,eACA,eASC;AACD,QAAO,wBAAwB,gBAAgB;EAC7C,MAAM;EACN,OAAO;EACP,QAAQ;EACR,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACP,CAAC;;AAGJ,aAAa,iBAAiB;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/styles/placement.d.ts

@@ -1,37 +0,0 @@
-//#region src/styles/placement.d.ts
-interface PlacementStyleProps {
-  place?: string | boolean;
-  placeItems?: string | boolean;
-  placeContent?: string | boolean;
-  align?: string | boolean;
-  justify?: string | boolean;
-  alignItems?: string | boolean;
-  alignContent?: string | boolean;
-  justifyItems?: string | boolean;
-  justifyContent?: string | boolean;
-}
-/**
- * Unified placement handler replacing align, justify, and place.
- *
- * Priority (later overrides earlier):
- * 1. place (lowest) — sets all 4 longhands
- * 2. placeItems, placeContent, align, justify (medium) — each sets 2 longhands
- * 3. alignItems, alignContent, justifyItems, justifyContent (highest) — each sets 1 longhand
- */
-declare function placementStyle({
-  place,
-  placeItems,
-  placeContent,
-  align,
-  justify,
-  alignItems,
-  alignContent,
-  justifyItems,
-  justifyContent
-}: PlacementStyleProps): Record<string, string> | null;
-declare namespace placementStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { placementStyle };
-//# sourceMappingURL=placement.d.ts.map

package/dist/styles/placement.js

@@ -1,74 +0,0 @@
-//#region src/styles/placement.ts
-function str(val) {
-	if (val == null || val === false || val === "") return null;
-	if (val === true) return "center";
-	return String(val);
-}
-/**
-* Unified placement handler replacing align, justify, and place.
-*
-* Priority (later overrides earlier):
-* 1. place (lowest) — sets all 4 longhands
-* 2. placeItems, placeContent, align, justify (medium) — each sets 2 longhands
-* 3. alignItems, alignContent, justifyItems, justifyContent (highest) — each sets 1 longhand
-*/
-function placementStyle({ place, placeItems, placeContent, align, justify, alignItems, alignContent, justifyItems, justifyContent }) {
-	const result = {};
-	const placeVal = str(place);
-	if (placeVal) {
-		const parts = placeVal.split(/\s+/);
-		const first = parts[0];
-		const second = parts[1] || first;
-		result["align-items"] = first;
-		result["justify-items"] = second;
-		result["align-content"] = first;
-		result["justify-content"] = second;
-	}
-	const placeItemsVal = str(placeItems);
-	if (placeItemsVal) {
-		const parts = placeItemsVal.split(/\s+/);
-		result["align-items"] = parts[0];
-		result["justify-items"] = parts[1] || parts[0];
-	}
-	const placeContentVal = str(placeContent);
-	if (placeContentVal) {
-		const parts = placeContentVal.split(/\s+/);
-		result["align-content"] = parts[0];
-		result["justify-content"] = parts[1] || parts[0];
-	}
-	const alignVal = str(align);
-	if (alignVal) {
-		result["align-items"] = alignVal;
-		result["align-content"] = alignVal;
-	}
-	const justifyVal = str(justify);
-	if (justifyVal) {
-		result["justify-items"] = justifyVal;
-		result["justify-content"] = justifyVal;
-	}
-	const alignItemsVal = str(alignItems);
-	if (alignItemsVal) result["align-items"] = alignItemsVal;
-	const alignContentVal = str(alignContent);
-	if (alignContentVal) result["align-content"] = alignContentVal;
-	const justifyItemsVal = str(justifyItems);
-	if (justifyItemsVal) result["justify-items"] = justifyItemsVal;
-	const justifyContentVal = str(justifyContent);
-	if (justifyContentVal) result["justify-content"] = justifyContentVal;
-	if (Object.keys(result).length === 0) return null;
-	return result;
-}
-placementStyle.__lookupStyles = [
-	"place",
-	"placeItems",
-	"placeContent",
-	"align",
-	"justify",
-	"alignItems",
-	"alignContent",
-	"justifyItems",
-	"justifyContent"
-];
-//#endregion
-export { placementStyle };
-
-//# sourceMappingURL=placement.js.map

package/dist/styles/placement.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"placement.js","names":[],"sources":["../../src/styles/placement.ts"],"sourcesContent":["interface PlacementStyleProps {\n  place?: string | boolean;\n  placeItems?: string | boolean;\n  placeContent?: string | boolean;\n  align?: string | boolean;\n  justify?: string | boolean;\n  alignItems?: string | boolean;\n  alignContent?: string | boolean;\n  justifyItems?: string | boolean;\n  justifyContent?: string | boolean;\n}\n\nfunction str(val: string | boolean | undefined): string | null {\n  if (val == null || val === false || val === '') return null;\n  if (val === true) return 'center';\n\n  return String(val);\n}\n\n/**\n * Unified placement handler replacing align, justify, and place.\n *\n * Priority (later overrides earlier):\n * 1. place (lowest) — sets all 4 longhands\n * 2. placeItems, placeContent, align, justify (medium) — each sets 2 longhands\n * 3. alignItems, alignContent, justifyItems, justifyContent (highest) — each sets 1 longhand\n */\nexport function placementStyle({\n  place,\n  placeItems,\n  placeContent,\n  align,\n  justify,\n  alignItems,\n  alignContent,\n  justifyItems,\n  justifyContent,\n}: PlacementStyleProps) {\n  const result: Record<string, string> = {};\n\n  const placeVal = str(place);\n\n  if (placeVal) {\n    const parts = placeVal.split(/\\s+/);\n    const first = parts[0];\n    const second = parts[1] || first;\n\n    result['align-items'] = first;\n    result['justify-items'] = second;\n    result['align-content'] = first;\n    result['justify-content'] = second;\n  }\n\n  const placeItemsVal = str(placeItems);\n\n  if (placeItemsVal) {\n    const parts = placeItemsVal.split(/\\s+/);\n\n    result['align-items'] = parts[0];\n    result['justify-items'] = parts[1] || parts[0];\n  }\n\n  const placeContentVal = str(placeContent);\n\n  if (placeContentVal) {\n    const parts = placeContentVal.split(/\\s+/);\n\n    result['align-content'] = parts[0];\n    result['justify-content'] = parts[1] || parts[0];\n  }\n\n  const alignVal = str(align);\n\n  if (alignVal) {\n    result['align-items'] = alignVal;\n    result['align-content'] = alignVal;\n  }\n\n  const justifyVal = str(justify);\n\n  if (justifyVal) {\n    result['justify-items'] = justifyVal;\n    result['justify-content'] = justifyVal;\n  }\n\n  const alignItemsVal = str(alignItems);\n\n  if (alignItemsVal) result['align-items'] = alignItemsVal;\n\n  const alignContentVal = str(alignContent);\n\n  if (alignContentVal) result['align-content'] = alignContentVal;\n\n  const justifyItemsVal = str(justifyItems);\n\n  if (justifyItemsVal) result['justify-items'] = justifyItemsVal;\n\n  const justifyContentVal = str(justifyContent);\n\n  if (justifyContentVal) result['justify-content'] = justifyContentVal;\n\n  if (Object.keys(result).length === 0) return null;\n\n  return result;\n}\n\nplacementStyle.__lookupStyles = [\n  'place',\n  'placeItems',\n  'placeContent',\n  'align',\n  'justify',\n  'alignItems',\n  'alignContent',\n  'justifyItems',\n  'justifyContent',\n];\n"],"mappings":";AAYA,SAAS,IAAI,KAAkD;AAC7D,KAAI,OAAO,QAAQ,QAAQ,SAAS,QAAQ,GAAI,QAAO;AACvD,KAAI,QAAQ,KAAM,QAAO;AAEzB,QAAO,OAAO,IAAI;;;;;;;;;;AAWpB,SAAgB,eAAe,EAC7B,OACA,YACA,cACA,OACA,SACA,YACA,cACA,cACA,kBACsB;CACtB,MAAM,SAAiC,EAAE;CAEzC,MAAM,WAAW,IAAI,MAAM;AAE3B,KAAI,UAAU;EACZ,MAAM,QAAQ,SAAS,MAAM,MAAM;EACnC,MAAM,QAAQ,MAAM;EACpB,MAAM,SAAS,MAAM,MAAM;AAE3B,SAAO,iBAAiB;AACxB,SAAO,mBAAmB;AAC1B,SAAO,mBAAmB;AAC1B,SAAO,qBAAqB;;CAG9B,MAAM,gBAAgB,IAAI,WAAW;AAErC,KAAI,eAAe;EACjB,MAAM,QAAQ,cAAc,MAAM,MAAM;AAExC,SAAO,iBAAiB,MAAM;AAC9B,SAAO,mBAAmB,MAAM,MAAM,MAAM;;CAG9C,MAAM,kBAAkB,IAAI,aAAa;AAEzC,KAAI,iBAAiB;EACnB,MAAM,QAAQ,gBAAgB,MAAM,MAAM;AAE1C,SAAO,mBAAmB,MAAM;AAChC,SAAO,qBAAqB,MAAM,MAAM,MAAM;;CAGhD,MAAM,WAAW,IAAI,MAAM;AAE3B,KAAI,UAAU;AACZ,SAAO,iBAAiB;AACxB,SAAO,mBAAmB;;CAG5B,MAAM,aAAa,IAAI,QAAQ;AAE/B,KAAI,YAAY;AACd,SAAO,mBAAmB;AAC1B,SAAO,qBAAqB;;CAG9B,MAAM,gBAAgB,IAAI,WAAW;AAErC,KAAI,cAAe,QAAO,iBAAiB;CAE3C,MAAM,kBAAkB,IAAI,aAAa;AAEzC,KAAI,gBAAiB,QAAO,mBAAmB;CAE/C,MAAM,kBAAkB,IAAI,aAAa;AAEzC,KAAI,gBAAiB,QAAO,mBAAmB;CAE/C,MAAM,oBAAoB,IAAI,eAAe;AAE7C,KAAI,kBAAmB,QAAO,qBAAqB;AAEnD,KAAI,OAAO,KAAK,OAAO,CAAC,WAAW,EAAG,QAAO;AAE7C,QAAO;;AAGT,eAAe,iBAAiB;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/styles/predefined.d.ts

@@ -1,71 +0,0 @@
-import { borderStyle } from "./border.js";
-import { colorStyle } from "./color.js";
-import { displayStyle } from "./display.js";
-import { fadeStyle } from "./fade.js";
-import { fillStyle, svgFillStyle } from "./fill.js";
-import { flowStyle } from "./flow.js";
-import { gapStyle } from "./gap.js";
-import { heightStyle } from "./height.js";
-import { insetStyle } from "./inset.js";
-import { marginStyle } from "./margin.js";
-import { outlineStyle } from "./outline.js";
-import { paddingStyle } from "./padding.js";
-import { placementStyle } from "./placement.js";
-import { presetStyle } from "./preset.js";
-import { radiusStyle } from "./radius.js";
-import { scrollMarginStyle } from "./scrollMargin.js";
-import { scrollbarStyle } from "./scrollbar.js";
-import { shadowStyle } from "./shadow.js";
-import { transitionStyle } from "./transition.js";
-import { widthStyle } from "./width.js";
-
-//#region src/styles/predefined.d.ts
-/**
- * Exported object containing wrapped predefined style handlers.
- * Users can import and call these to extend or delegate to built-in behavior.
- *
- * Internal handlers use *Style suffix for searchability.
- * External API uses short names for convenience.
- *
- * @example
- * ```ts
- * import { styleHandlers, configure } from '@tenphi/tasty';
- *
- * configure({
- *   handlers: {
- *     fill: ({ fill }) => {
- *       if (fill?.startsWith('gradient:')) {
- *         return { background: fill.slice(9) };
- *       }
- *       return styleHandlers.fill({ fill });
- *     },
- *   },
- * });
- * ```
- */
-declare const styleHandlers: {
-  readonly border: typeof borderStyle;
-  readonly color: typeof colorStyle;
-  readonly display: typeof displayStyle;
-  readonly fade: typeof fadeStyle;
-  readonly fill: typeof fillStyle;
-  readonly svgFill: typeof svgFillStyle;
-  readonly flow: typeof flowStyle;
-  readonly gap: typeof gapStyle;
-  readonly height: typeof heightStyle;
-  readonly inset: typeof insetStyle;
-  readonly margin: typeof marginStyle;
-  readonly outline: typeof outlineStyle;
-  readonly padding: typeof paddingStyle;
-  readonly placement: typeof placementStyle;
-  readonly preset: typeof presetStyle;
-  readonly radius: typeof radiusStyle;
-  readonly scrollMargin: typeof scrollMarginStyle;
-  readonly scrollbar: typeof scrollbarStyle;
-  readonly shadow: typeof shadowStyle;
-  readonly transition: typeof transitionStyle;
-  readonly width: typeof widthStyle;
-};
-//#endregion
-export { styleHandlers };
-//# sourceMappingURL=predefined.d.ts.map

package/dist/styles/predefined.js

@@ -1,237 +0,0 @@
-import { isDevEnv } from "../utils/is-dev-env.js";
-import { borderStyle } from "./border.js";
-import { createStyle } from "./createStyle.js";
-import { colorStyle } from "./color.js";
-import { displayStyle } from "./display.js";
-import { fadeStyle } from "./fade.js";
-import { fillStyle, svgFillStyle } from "./fill.js";
-import { flowStyle } from "./flow.js";
-import { gapStyle } from "./gap.js";
-import { heightStyle } from "./height.js";
-import { insetStyle } from "./inset.js";
-import { marginStyle } from "./margin.js";
-import { outlineStyle } from "./outline.js";
-import { paddingStyle } from "./padding.js";
-import { placementStyle } from "./placement.js";
-import { presetStyle } from "./preset.js";
-import { radiusStyle } from "./radius.js";
-import { scrollMarginStyle } from "./scrollMargin.js";
-import { scrollbarStyle } from "./scrollbar.js";
-import { shadowStyle } from "./shadow.js";
-import { transitionStyle } from "./transition.js";
-import { widthStyle } from "./width.js";
-//#region src/styles/predefined.ts
-const devMode = isDevEnv();
-const columnsConverter = (val) => {
-	if (typeof val === "number") return "minmax(1px, 1fr) ".repeat(val).trim();
-};
-const rowsConverter = (val) => {
-	if (typeof val === "number") return "auto ".repeat(val).trim();
-};
-const STYLE_HANDLER_MAP = {};
-let initialHandlerMapSnapshot = null;
-/**
-* Capture a snapshot of the current STYLE_HANDLER_MAP.
-* Called after predefine() to preserve built-in handler state.
-*/
-function captureInitialHandlerState() {
-	initialHandlerMapSnapshot = {};
-	for (const key of Object.keys(STYLE_HANDLER_MAP)) initialHandlerMapSnapshot[key] = [...STYLE_HANDLER_MAP[key]];
-}
-/**
-* Reset STYLE_HANDLER_MAP to the initial built-in state.
-* Called by resetConfig() to restore handlers after tests.
-*/
-function resetHandlers() {
-	if (!initialHandlerMapSnapshot) return;
-	for (const key of Object.keys(STYLE_HANDLER_MAP)) delete STYLE_HANDLER_MAP[key];
-	for (const key of Object.keys(initialHandlerMapSnapshot)) STYLE_HANDLER_MAP[key] = [...initialHandlerMapSnapshot[key]];
-}
-function defineCustomStyle(names, handler) {
-	let handlerWithLookup;
-	if (typeof names === "function") {
-		handlerWithLookup = names;
-		names = handlerWithLookup.__lookupStyles;
-	} else if (handler) handlerWithLookup = Object.assign(handler, { __lookupStyles: names });
-	else {
-		console.warn("Tasty: incorrect custom style definition: ", names);
-		return;
-	}
-	if (Array.isArray(names)) names.forEach((name) => {
-		if (!STYLE_HANDLER_MAP[name]) STYLE_HANDLER_MAP[name] = [];
-		STYLE_HANDLER_MAP[name].push(handlerWithLookup);
-	});
-}
-function defineStyleAlias(styleName, cssStyleName, converter) {
-	const styleHandler = createStyle(styleName, cssStyleName, converter);
-	if (!STYLE_HANDLER_MAP[styleName]) STYLE_HANDLER_MAP[styleName] = [];
-	STYLE_HANDLER_MAP[styleName].push(styleHandler);
-}
-function predefine() {
-	defineStyleAlias("gridAreas", "grid-template-areas");
-	defineStyleAlias("gridColumns", "grid-template-columns", columnsConverter);
-	defineStyleAlias("gridRows", "grid-template-rows", rowsConverter);
-	defineStyleAlias("gridTemplate", "grid-template", (val) => {
-		if (typeof val !== "string") return;
-		return val.split("/").map((s, i) => (i ? columnsConverter : rowsConverter)(s)).join("/");
-	});
-	[
-		displayStyle,
-		transitionStyle,
-		fillStyle,
-		svgFillStyle,
-		widthStyle,
-		marginStyle,
-		gapStyle,
-		flowStyle,
-		colorStyle,
-		heightStyle,
-		radiusStyle,
-		borderStyle,
-		shadowStyle,
-		paddingStyle,
-		placementStyle,
-		presetStyle,
-		scrollMarginStyle,
-		outlineStyle,
-		scrollbarStyle,
-		fadeStyle,
-		insetStyle
-	].forEach((handler) => defineCustomStyle(handler));
-	captureInitialHandlerState();
-	return {
-		STYLE_HANDLER_MAP,
-		defineCustomStyle,
-		defineStyleAlias
-	};
-}
-/**
-* Normalize a handler definition to a StyleHandler with __lookupStyles.
-* - Function only: lookup styles inferred from key name
-* - [string, fn]: single lookup style
-* - [string[], fn]: multiple lookup styles
-*/
-function normalizeHandlerDefinition(keyName, definition) {
-	let handler;
-	let lookupStyles;
-	if (typeof definition === "function") {
-		handler = definition;
-		lookupStyles = [keyName];
-	} else if (Array.isArray(definition)) {
-		const [first, fn] = definition;
-		if (typeof fn !== "function") throw new Error(`[Tasty] Invalid handler definition for "${keyName}". Tuple must have a function as the second element: [string, function] or [string[], function].`);
-		handler = fn;
-		if (typeof first === "string") lookupStyles = [first];
-		else if (Array.isArray(first)) lookupStyles = first;
-		else throw new Error(`[Tasty] Invalid handler definition for "${keyName}". First element must be a string or string array.`);
-	} else throw new Error(`[Tasty] Invalid handler definition for "${keyName}". Expected function, [string, function], or [string[], function].`);
-	validateHandler(keyName, handler, lookupStyles);
-	const wrappedHandler = ((props) => handler(props));
-	wrappedHandler.__lookupStyles = lookupStyles;
-	return wrappedHandler;
-}
-/**
-* Validate a handler definition in development mode.
-*/
-function validateHandler(name, handler, lookupStyles) {
-	if (!devMode) return;
-	if (typeof handler !== "function") console.warn(`[Tasty] Handler "${name}" is not a function. Handlers must be functions that return CSSMap, CSSMap[], or null.`);
-	if (!lookupStyles || !Array.isArray(lookupStyles) || lookupStyles.length === 0) console.warn(`[Tasty] Handler "${name}" has invalid lookupStyles. Expected non-empty array of style names.`);
-}
-/**
-* Register a custom handler, replacing any existing handlers for the same lookup styles.
-* This is called by configure() to process user-defined handlers.
-*
-* When registering a handler for style X, any existing handler that processes X
-* is removed from ALL its lookup styles to prevent double-processing.
-* For example, if gapStyle handles ['display', 'flow', 'gap'] and a new handler
-* is registered for just ['gap'], gapStyle is removed from display and flow too.
-*/
-function registerHandler(handler) {
-	const lookupStyles = handler.__lookupStyles;
-	if (!lookupStyles || lookupStyles.length === 0) {
-		if (devMode) console.warn("[Tasty] Cannot register handler without __lookupStyles property.");
-		return;
-	}
-	const handlersToRemove = /* @__PURE__ */ new Set();
-	for (const styleName of lookupStyles) {
-		const existing = STYLE_HANDLER_MAP[styleName];
-		if (existing) for (const existingHandler of existing) handlersToRemove.add(existingHandler);
-	}
-	for (const oldHandler of handlersToRemove) {
-		const oldLookupStyles = oldHandler.__lookupStyles;
-		if (oldLookupStyles) for (const oldStyleName of oldLookupStyles) {
-			const handlers = STYLE_HANDLER_MAP[oldStyleName];
-			if (handlers) {
-				const filtered = handlers.filter((h) => h !== oldHandler);
-				if (filtered.length === 0) delete STYLE_HANDLER_MAP[oldStyleName];
-				else STYLE_HANDLER_MAP[oldStyleName] = filtered;
-			}
-		}
-	}
-	for (const styleName of lookupStyles) {
-		const existing = STYLE_HANDLER_MAP[styleName];
-		if (existing) existing.push(handler);
-		else STYLE_HANDLER_MAP[styleName] = [handler];
-	}
-}
-/**
-* Create a wrapped handler that can be safely called by users.
-* The wrapper preserves __lookupStyles for proper registration.
-*/
-function wrapHandler(handler) {
-	const fn = handler;
-	const wrapped = ((props) => fn(props));
-	wrapped.__lookupStyles = handler.__lookupStyles;
-	return wrapped;
-}
-/**
-* Exported object containing wrapped predefined style handlers.
-* Users can import and call these to extend or delegate to built-in behavior.
-*
-* Internal handlers use *Style suffix for searchability.
-* External API uses short names for convenience.
-*
-* @example
-* ```ts
-* import { styleHandlers, configure } from '@tenphi/tasty';
-*
-* configure({
-*   handlers: {
-*     fill: ({ fill }) => {
-*       if (fill?.startsWith('gradient:')) {
-*         return { background: fill.slice(9) };
-*       }
-*       return styleHandlers.fill({ fill });
-*     },
-*   },
-* });
-* ```
-*/
-const styleHandlers = {
-	border: wrapHandler(borderStyle),
-	color: wrapHandler(colorStyle),
-	display: wrapHandler(displayStyle),
-	fade: wrapHandler(fadeStyle),
-	fill: wrapHandler(fillStyle),
-	svgFill: wrapHandler(svgFillStyle),
-	flow: wrapHandler(flowStyle),
-	gap: wrapHandler(gapStyle),
-	height: wrapHandler(heightStyle),
-	inset: wrapHandler(insetStyle),
-	margin: wrapHandler(marginStyle),
-	outline: wrapHandler(outlineStyle),
-	padding: wrapHandler(paddingStyle),
-	placement: wrapHandler(placementStyle),
-	preset: wrapHandler(presetStyle),
-	radius: wrapHandler(radiusStyle),
-	scrollMargin: wrapHandler(scrollMarginStyle),
-	scrollbar: wrapHandler(scrollbarStyle),
-	shadow: wrapHandler(shadowStyle),
-	transition: wrapHandler(transitionStyle),
-	width: wrapHandler(widthStyle)
-};
-//#endregion
-export { normalizeHandlerDefinition, predefine, registerHandler, resetHandlers, styleHandlers };
-
-//# sourceMappingURL=predefined.js.map

package/dist/styles/predefined.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"predefined.js","names":[],"sources":["../../src/styles/predefined.ts"],"sourcesContent":["import { isDevEnv } from '../utils/is-dev-env';\nimport type {\n  RawStyleHandler,\n  StyleHandler,\n  StyleHandlerDefinition,\n} from '../utils/styles';\n\nimport { borderStyle } from './border';\nimport { colorStyle } from './color';\nimport { createStyle } from './createStyle';\nimport { displayStyle } from './display';\nimport { fadeStyle } from './fade';\nimport { fillStyle, svgFillStyle } from './fill';\nimport { flowStyle } from './flow';\nimport { gapStyle } from './gap';\nimport { heightStyle } from './height';\nimport { insetStyle } from './inset';\nimport { marginStyle } from './margin';\nimport { outlineStyle } from './outline';\nimport { paddingStyle } from './padding';\nimport { placementStyle } from './placement';\nimport { presetStyle } from './preset';\nimport { radiusStyle } from './radius';\nimport { scrollMarginStyle } from './scrollMargin';\nimport { scrollbarStyle } from './scrollbar';\nimport { shadowStyle } from './shadow';\nimport { transitionStyle } from './transition';\nimport { widthStyle } from './width';\n\nconst devMode = isDevEnv();\n\nconst _numberConverter = (val: string | number | boolean | undefined) => {\n  if (typeof val === 'number') {\n    return `${val}px`;\n  }\n\n  return val;\n};\nconst columnsConverter = (val: string | number | boolean | undefined) => {\n  if (typeof val === 'number') {\n    return 'minmax(1px, 1fr) '.repeat(val).trim();\n  }\n\n  return;\n};\nconst rowsConverter = (val: string | number | boolean | undefined) => {\n  if (typeof val === 'number') {\n    return 'auto '.repeat(val).trim();\n  }\n\n  return;\n};\n\ntype StyleHandlerMap = Record<string, StyleHandler[]>;\n\nexport const STYLE_HANDLER_MAP: StyleHandlerMap = {};\n\n// Store initial handler state for reset functionality\nlet initialHandlerMapSnapshot: StyleHandlerMap | null = null;\n\n/**\n * Capture a snapshot of the current STYLE_HANDLER_MAP.\n * Called after predefine() to preserve built-in handler state.\n */\nfunction captureInitialHandlerState(): void {\n  initialHandlerMapSnapshot = {};\n  for (const key of Object.keys(STYLE_HANDLER_MAP)) {\n    // Shallow copy the array - handlers themselves are immutable\n    initialHandlerMapSnapshot[key] = [...STYLE_HANDLER_MAP[key]];\n  }\n}\n\n/**\n * Reset STYLE_HANDLER_MAP to the initial built-in state.\n * Called by resetConfig() to restore handlers after tests.\n */\nexport function resetHandlers(): void {\n  if (!initialHandlerMapSnapshot) {\n    // predefine() hasn't been called yet, nothing to reset\n    return;\n  }\n\n  // Clear current map\n  for (const key of Object.keys(STYLE_HANDLER_MAP)) {\n    delete STYLE_HANDLER_MAP[key];\n  }\n\n  // Restore initial state\n  for (const key of Object.keys(initialHandlerMapSnapshot)) {\n    STYLE_HANDLER_MAP[key] = [...initialHandlerMapSnapshot[key]];\n  }\n}\n\nexport function defineCustomStyle(\n  names: string[] | StyleHandler,\n  handler?: RawStyleHandler,\n) {\n  let handlerWithLookup: StyleHandler;\n\n  if (typeof names === 'function') {\n    handlerWithLookup = names;\n    names = handlerWithLookup.__lookupStyles;\n  } else if (handler) {\n    handlerWithLookup = Object.assign(handler, { __lookupStyles: names });\n  } else {\n    console.warn('Tasty: incorrect custom style definition: ', names);\n    return;\n  }\n\n  if (Array.isArray(names)) {\n    // just to pass type checking\n    names.forEach((name) => {\n      if (!STYLE_HANDLER_MAP[name]) {\n        STYLE_HANDLER_MAP[name] = [];\n      }\n\n      STYLE_HANDLER_MAP[name].push(handlerWithLookup);\n    });\n  }\n}\n\ntype ConverterHandler = (\n  s: string | boolean | number | undefined,\n) => string | undefined;\n\nexport function defineStyleAlias(\n  styleName: string,\n  cssStyleName?: string,\n  converter?: ConverterHandler,\n) {\n  const styleHandler = createStyle(styleName, cssStyleName, converter);\n\n  if (!STYLE_HANDLER_MAP[styleName]) {\n    STYLE_HANDLER_MAP[styleName] = [];\n  }\n\n  STYLE_HANDLER_MAP[styleName].push(styleHandler);\n}\n\nexport function predefine() {\n  // Style aliases\n  defineStyleAlias('gridAreas', 'grid-template-areas');\n  defineStyleAlias('gridColumns', 'grid-template-columns', columnsConverter);\n  defineStyleAlias('gridRows', 'grid-template-rows', rowsConverter);\n  defineStyleAlias(\n    'gridTemplate',\n    'grid-template',\n    (val: string | boolean | number | undefined) => {\n      if (typeof val !== 'string') return;\n\n      return val\n        .split('/')\n        .map((s, i) => (i ? columnsConverter : rowsConverter)(s))\n        .join('/');\n    },\n  );\n  // Note: outlineOffset is now handled by outlineStyle\n\n  [\n    displayStyle,\n    transitionStyle,\n    fillStyle,\n    svgFillStyle,\n    widthStyle,\n    marginStyle,\n    gapStyle,\n    flowStyle,\n    colorStyle,\n    heightStyle,\n    radiusStyle,\n    borderStyle,\n    shadowStyle,\n    paddingStyle,\n    placementStyle,\n    presetStyle,\n    scrollMarginStyle,\n    outlineStyle,\n    scrollbarStyle,\n    fadeStyle,\n    insetStyle,\n  ]\n    // @ts-expect-error handler type varies across built-in style handlers\n    .forEach((handler) => defineCustomStyle(handler));\n\n  // Capture initial state after all built-in handlers are registered\n  captureInitialHandlerState();\n\n  return { STYLE_HANDLER_MAP, defineCustomStyle, defineStyleAlias };\n}\n\n// ============================================================================\n// Handler Registration API (for configure())\n// ============================================================================\n\n/**\n * Normalize a handler definition to a StyleHandler with __lookupStyles.\n * - Function only: lookup styles inferred from key name\n * - [string, fn]: single lookup style\n * - [string[], fn]: multiple lookup styles\n */\nexport function normalizeHandlerDefinition(\n  keyName: string,\n  definition: StyleHandlerDefinition,\n): StyleHandler {\n  let handler: RawStyleHandler;\n  let lookupStyles: string[];\n\n  if (typeof definition === 'function') {\n    // Function only - lookup styles inferred from key name\n    handler = definition;\n    lookupStyles = [keyName];\n  } else if (Array.isArray(definition)) {\n    const [first, fn] = definition;\n\n    if (typeof fn !== 'function') {\n      throw new Error(\n        `[Tasty] Invalid handler definition for \"${keyName}\". ` +\n          'Tuple must have a function as the second element: [string, function] or [string[], function].',\n      );\n    }\n\n    handler = fn;\n\n    if (typeof first === 'string') {\n      // [string, fn] - single lookup style\n      lookupStyles = [first];\n    } else if (Array.isArray(first)) {\n      // [string[], fn] - multiple lookup styles\n      lookupStyles = first;\n    } else {\n      throw new Error(\n        `[Tasty] Invalid handler definition for \"${keyName}\". ` +\n          'First element must be a string or string array.',\n      );\n    }\n  } else {\n    throw new Error(\n      `[Tasty] Invalid handler definition for \"${keyName}\". ` +\n        'Expected function, [string, function], or [string[], function].',\n    );\n  }\n\n  // Validate handler in dev mode\n  validateHandler(keyName, handler, lookupStyles);\n\n  // Wrap the handler to avoid mutation issues when the same function\n  // is reused for multiple handler definitions. Each registration\n  // gets its own function identity with its own __lookupStyles.\n  const wrappedHandler = ((props) => handler(props)) as StyleHandler;\n  wrappedHandler.__lookupStyles = lookupStyles;\n\n  return wrappedHandler;\n}\n\n/**\n * Validate a handler definition in development mode.\n */\nfunction validateHandler(\n  name: string,\n  handler: RawStyleHandler,\n  lookupStyles: string[],\n): void {\n  if (!devMode) return;\n\n  if (typeof handler !== 'function') {\n    console.warn(\n      `[Tasty] Handler \"${name}\" is not a function. ` +\n        'Handlers must be functions that return CSSMap, CSSMap[], or null.',\n    );\n  }\n\n  if (\n    !lookupStyles ||\n    !Array.isArray(lookupStyles) ||\n    lookupStyles.length === 0\n  ) {\n    console.warn(\n      `[Tasty] Handler \"${name}\" has invalid lookupStyles. ` +\n        'Expected non-empty array of style names.',\n    );\n  }\n}\n\n/**\n * Validate a handler result in development mode.\n * Call this after invoking a handler to check the return value.\n */\nexport function validateHandlerResult(name: string, result: unknown): void {\n  if (!devMode) return;\n  if (result === undefined || result === null) return; // void is valid\n\n  // Check for empty string (migration from old pattern)\n  if (result === '') {\n    console.warn(\n      `[Tasty] Handler \"${name}\" returned empty string. ` +\n        'Return null instead for no output.',\n    );\n    return;\n  }\n\n  // Check result is object (CSSMap or CSSMap[])\n  if (typeof result !== 'object') {\n    console.warn(\n      `[Tasty] Handler \"${name}\" returned invalid type: ${typeof result}. ` +\n        'Expected CSSMap, CSSMap[], or null.',\n    );\n  }\n}\n\n/**\n * Register a custom handler, replacing any existing handlers for the same lookup styles.\n * This is called by configure() to process user-defined handlers.\n *\n * When registering a handler for style X, any existing handler that processes X\n * is removed from ALL its lookup styles to prevent double-processing.\n * For example, if gapStyle handles ['display', 'flow', 'gap'] and a new handler\n * is registered for just ['gap'], gapStyle is removed from display and flow too.\n */\nexport function registerHandler(handler: StyleHandler): void {\n  const lookupStyles = handler.__lookupStyles;\n\n  if (!lookupStyles || lookupStyles.length === 0) {\n    if (devMode) {\n      console.warn(\n        '[Tasty] Cannot register handler without __lookupStyles property.',\n      );\n    }\n    return;\n  }\n\n  // Find and remove existing handlers that would conflict\n  // A handler conflicts if it handles any of the same styles as the new handler\n  const handlersToRemove = new Set<StyleHandler>();\n\n  for (const styleName of lookupStyles) {\n    const existing = STYLE_HANDLER_MAP[styleName];\n    if (existing) {\n      for (const existingHandler of existing) {\n        handlersToRemove.add(existingHandler);\n      }\n    }\n  }\n\n  // Remove conflicting handlers from ALL their lookup styles\n  for (const oldHandler of handlersToRemove) {\n    const oldLookupStyles = oldHandler.__lookupStyles;\n    if (oldLookupStyles) {\n      for (const oldStyleName of oldLookupStyles) {\n        const handlers = STYLE_HANDLER_MAP[oldStyleName];\n        if (handlers) {\n          const filtered = handlers.filter((h) => h !== oldHandler);\n          if (filtered.length === 0) {\n            delete STYLE_HANDLER_MAP[oldStyleName];\n          } else {\n            STYLE_HANDLER_MAP[oldStyleName] = filtered;\n          }\n        }\n      }\n    }\n  }\n\n  // Register the new handler under its lookup styles\n  for (const styleName of lookupStyles) {\n    const existing = STYLE_HANDLER_MAP[styleName];\n    if (existing) {\n      existing.push(handler);\n    } else {\n      STYLE_HANDLER_MAP[styleName] = [handler];\n    }\n  }\n}\n\n// ============================================================================\n// Wrapped Style Handlers Export\n// ============================================================================\n\n/**\n * Create a wrapped handler that can be safely called by users.\n * The wrapper preserves __lookupStyles for proper registration.\n */\nfunction wrapHandler<T extends { __lookupStyles: string[] }>(handler: T): T {\n  const fn = handler as unknown as (props: unknown) => unknown;\n  const wrapped = ((props: unknown) => fn(props)) as unknown as T;\n  wrapped.__lookupStyles = handler.__lookupStyles;\n  return wrapped;\n}\n\n/**\n * Exported object containing wrapped predefined style handlers.\n * Users can import and call these to extend or delegate to built-in behavior.\n *\n * Internal handlers use *Style suffix for searchability.\n * External API uses short names for convenience.\n *\n * @example\n * ```ts\n * import { styleHandlers, configure } from '@tenphi/tasty';\n *\n * configure({\n *   handlers: {\n *     fill: ({ fill }) => {\n *       if (fill?.startsWith('gradient:')) {\n *         return { background: fill.slice(9) };\n *       }\n *       return styleHandlers.fill({ fill });\n *     },\n *   },\n * });\n * ```\n */\nexport const styleHandlers = {\n  border: wrapHandler(borderStyle),\n  color: wrapHandler(colorStyle),\n  display: wrapHandler(displayStyle),\n  fade: wrapHandler(fadeStyle),\n  fill: wrapHandler(fillStyle),\n  svgFill: wrapHandler(svgFillStyle),\n  flow: wrapHandler(flowStyle),\n  gap: wrapHandler(gapStyle),\n  height: wrapHandler(heightStyle),\n  inset: wrapHandler(insetStyle),\n  margin: wrapHandler(marginStyle),\n  outline: wrapHandler(outlineStyle),\n  padding: wrapHandler(paddingStyle),\n  placement: wrapHandler(placementStyle),\n  preset: wrapHandler(presetStyle),\n  radius: wrapHandler(radiusStyle),\n  scrollMargin: wrapHandler(scrollMarginStyle),\n  scrollbar: wrapHandler(scrollbarStyle),\n  shadow: wrapHandler(shadowStyle),\n  transition: wrapHandler(transitionStyle),\n  width: wrapHandler(widthStyle),\n} as const;\n"],"mappings":"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"}

package/dist/styles/preset.d.ts

@@ -1,52 +0,0 @@
-import { Styles } from "./types.js";
-
-//#region src/styles/preset.d.ts
-interface PresetStyleProps {
-  preset?: string | boolean;
-  fontSize?: string | number;
-  lineHeight?: string | number;
-  textTransform?: string;
-  letterSpacing?: string | number;
-  fontWeight?: string | number;
-  fontStyle?: string | boolean;
-  fontFamily?: string;
-  /** Alias for fontFamily with special handling for 'monospace' and boolean */
-  font?: string | boolean;
-}
-/**
- * Handles typography preset and individual font properties.
- *
- * Preset syntax uses `/` to separate name from modifier:
- * - `preset="h1"` — name only
- * - `preset="h2 / strong"` — name + modifier
- * - `preset="bold"` — modifier-only shorthand (name defaults to `inherit`)
- *
- * When `preset` is defined, it sets up CSS custom properties for typography.
- * Individual font props can be used with or without `preset`:
- * - With `preset`: overrides the preset value for that property
- * - Without `preset`: outputs the CSS directly
- *
- * Number values are converted to pixels for fontSize, lineHeight, letterSpacing.
- * fontWeight accepts numbers directly (e.g., 400, 700).
- *
- * font vs fontFamily:
- * - `font` is the recommended prop with special handling (monospace, boolean, fallback)
- * - `fontFamily` is a direct value without special handling
- */
-declare function presetStyle({
-  preset,
-  fontSize,
-  lineHeight,
-  textTransform,
-  letterSpacing,
-  fontWeight,
-  fontStyle,
-  fontFamily,
-  font
-}: PresetStyleProps): Styles | null;
-declare namespace presetStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { presetStyle };
-//# sourceMappingURL=preset.d.ts.map