@tenphi/tasty 0.0.0-snapshot.1c5dff6 → 0.0.0-snapshot.1f1c00a

package/dist/styles/fill.d.ts

@@ -1,42 +0,0 @@
-//#region src/styles/fill.d.ts
-declare function fillStyle({
-  fill,
-  backgroundColor,
-  image,
-  backgroundImage,
-  backgroundPosition,
-  backgroundSize,
-  backgroundRepeat,
-  backgroundAttachment,
-  backgroundOrigin,
-  backgroundClip,
-  background
-}: {
-  fill?: string;
-  backgroundColor?: string;
-  image?: string;
-  backgroundImage?: string;
-  backgroundPosition?: string;
-  backgroundSize?: string;
-  backgroundRepeat?: string;
-  backgroundAttachment?: string;
-  backgroundOrigin?: string;
-  backgroundClip?: string;
-  background?: string;
-}): Record<string, string> | undefined;
-declare namespace fillStyle {
-  var __lookupStyles: string[];
-}
-declare function svgFillStyle({
-  svgFill
-}: {
-  svgFill?: string;
-}): {
-  fill: string;
-} | undefined;
-declare namespace svgFillStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { fillStyle, svgFillStyle };
-//# sourceMappingURL=fill.d.ts.map

package/dist/styles/fill.js

@@ -1,52 +0,0 @@
-import { parseStyle } from "../utils/styles.js";
-
-//#region src/styles/fill.ts
-function fillStyle({ fill, backgroundColor, image, backgroundImage, backgroundPosition, backgroundSize, backgroundRepeat, backgroundAttachment, backgroundOrigin, backgroundClip, background }) {
-	if (background) return { background: parseStyle(background).output || background };
-	const result = {};
-	const colorValue = backgroundColor ?? fill;
-	if (colorValue) {
-		const parsed = parseStyle(colorValue);
-		const firstColor = parsed.groups[0]?.colors[0];
-		const secondColor = parsed.groups[0]?.colors[1];
-		result["background-color"] = firstColor || colorValue;
-		if (secondColor) result["--tasty-second-fill-color"] = secondColor;
-	}
-	const gradientLayer = result["--tasty-second-fill-color"] ? "linear-gradient(var(--tasty-second-fill-color), var(--tasty-second-fill-color))" : null;
-	const imageValue = backgroundImage ?? image;
-	if (imageValue) {
-		const imgCss = parseStyle(imageValue).output || imageValue;
-		result["background-image"] = gradientLayer ? `${imgCss}, ${gradientLayer}` : imgCss;
-	} else if (gradientLayer) result["background-image"] = gradientLayer;
-	if (backgroundPosition) result["background-position"] = parseStyle(backgroundPosition).output || backgroundPosition;
-	if (backgroundSize) result["background-size"] = parseStyle(backgroundSize).output || backgroundSize;
-	if (backgroundRepeat) result["background-repeat"] = backgroundRepeat;
-	if (backgroundAttachment) result["background-attachment"] = backgroundAttachment;
-	if (backgroundOrigin) result["background-origin"] = backgroundOrigin;
-	if (backgroundClip) result["background-clip"] = backgroundClip;
-	if (Object.keys(result).length === 0) return;
-	return result;
-}
-fillStyle.__lookupStyles = [
-	"fill",
-	"backgroundColor",
-	"image",
-	"backgroundImage",
-	"backgroundPosition",
-	"backgroundSize",
-	"backgroundRepeat",
-	"backgroundAttachment",
-	"backgroundOrigin",
-	"backgroundClip",
-	"background"
-];
-function svgFillStyle({ svgFill }) {
-	if (!svgFill) return;
-	svgFill = parseStyle(svgFill).groups[0]?.colors[0] || svgFill;
-	return { fill: svgFill };
-}
-svgFillStyle.__lookupStyles = ["svgFill"];
-
-//#endregion
-export { fillStyle, svgFillStyle };
-//# sourceMappingURL=fill.js.map

package/dist/styles/fill.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fill.js","names":[],"sources":["../../src/styles/fill.ts"],"sourcesContent":["import { parseStyle } from '../utils/styles';\n\nexport function fillStyle({\n  fill,\n  backgroundColor,\n  image,\n  backgroundImage,\n  backgroundPosition,\n  backgroundSize,\n  backgroundRepeat,\n  backgroundAttachment,\n  backgroundOrigin,\n  backgroundClip,\n  background,\n}: {\n  fill?: string;\n  backgroundColor?: string;\n  image?: string;\n  backgroundImage?: string;\n  backgroundPosition?: string;\n  backgroundSize?: string;\n  backgroundRepeat?: string;\n  backgroundAttachment?: string;\n  backgroundOrigin?: string;\n  backgroundClip?: string;\n  background?: string;\n}) {\n  // If background is set, it overrides everything\n  if (background) {\n    const processed = parseStyle(background);\n    return { background: processed.output || background };\n  }\n\n  const result: Record<string, string> = {};\n\n  // Priority: backgroundColor > fill\n  const colorValue = backgroundColor ?? fill;\n  if (colorValue) {\n    const parsed = parseStyle(colorValue);\n    const firstColor = parsed.groups[0]?.colors[0];\n    const secondColor = parsed.groups[0]?.colors[1];\n\n    result['background-color'] = firstColor || colorValue;\n\n    if (secondColor) {\n      result['--tasty-second-fill-color'] = secondColor;\n    }\n  }\n\n  const gradientLayer = result['--tasty-second-fill-color']\n    ? 'linear-gradient(var(--tasty-second-fill-color), var(--tasty-second-fill-color))'\n    : null;\n\n  // Priority: backgroundImage > image\n  const imageValue = backgroundImage ?? image;\n  if (imageValue) {\n    const parsed = parseStyle(imageValue);\n    const imgCss = parsed.output || imageValue;\n\n    result['background-image'] = gradientLayer\n      ? `${imgCss}, ${gradientLayer}`\n      : imgCss;\n  } else if (gradientLayer) {\n    result['background-image'] = gradientLayer;\n  }\n\n  // Other background properties (pass through with parseStyle for token support)\n  if (backgroundPosition) {\n    result['background-position'] =\n      parseStyle(backgroundPosition).output || backgroundPosition;\n  }\n  if (backgroundSize) {\n    result['background-size'] =\n      parseStyle(backgroundSize).output || backgroundSize;\n  }\n  if (backgroundRepeat) {\n    result['background-repeat'] = backgroundRepeat;\n  }\n  if (backgroundAttachment) {\n    result['background-attachment'] = backgroundAttachment;\n  }\n  if (backgroundOrigin) {\n    result['background-origin'] = backgroundOrigin;\n  }\n  if (backgroundClip) {\n    result['background-clip'] = backgroundClip;\n  }\n\n  if (Object.keys(result).length === 0) return;\n  return result;\n}\n\nfillStyle.__lookupStyles = [\n  'fill',\n  'backgroundColor',\n  'image',\n  'backgroundImage',\n  'backgroundPosition',\n  'backgroundSize',\n  'backgroundRepeat',\n  'backgroundAttachment',\n  'backgroundOrigin',\n  'backgroundClip',\n  'background',\n];\n\nexport function svgFillStyle({ svgFill }: { svgFill?: string }) {\n  if (!svgFill) return;\n\n  const processed = parseStyle(svgFill);\n  svgFill = processed.groups[0]?.colors[0] || svgFill;\n\n  return { fill: svgFill };\n}\n\nsvgFillStyle.__lookupStyles = ['svgFill'];\n"],"mappings":";;;AAEA,SAAgB,UAAU,EACxB,MACA,iBACA,OACA,iBACA,oBACA,gBACA,kBACA,sBACA,kBACA,gBACA,cAaC;AAED,KAAI,WAEF,QAAO,EAAE,YADS,WAAW,WAAW,CACT,UAAU,YAAY;CAGvD,MAAM,SAAiC,EAAE;CAGzC,MAAM,aAAa,mBAAmB;AACtC,KAAI,YAAY;EACd,MAAM,SAAS,WAAW,WAAW;EACrC,MAAM,aAAa,OAAO,OAAO,IAAI,OAAO;EAC5C,MAAM,cAAc,OAAO,OAAO,IAAI,OAAO;AAE7C,SAAO,sBAAsB,cAAc;AAE3C,MAAI,YACF,QAAO,+BAA+B;;CAI1C,MAAM,gBAAgB,OAAO,+BACzB,oFACA;CAGJ,MAAM,aAAa,mBAAmB;AACtC,KAAI,YAAY;EAEd,MAAM,SADS,WAAW,WAAW,CACf,UAAU;AAEhC,SAAO,sBAAsB,gBACzB,GAAG,OAAO,IAAI,kBACd;YACK,cACT,QAAO,sBAAsB;AAI/B,KAAI,mBACF,QAAO,yBACL,WAAW,mBAAmB,CAAC,UAAU;AAE7C,KAAI,eACF,QAAO,qBACL,WAAW,eAAe,CAAC,UAAU;AAEzC,KAAI,iBACF,QAAO,uBAAuB;AAEhC,KAAI,qBACF,QAAO,2BAA2B;AAEpC,KAAI,iBACF,QAAO,uBAAuB;AAEhC,KAAI,eACF,QAAO,qBAAqB;AAG9B,KAAI,OAAO,KAAK,OAAO,CAAC,WAAW,EAAG;AACtC,QAAO;;AAGT,UAAU,iBAAiB;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,aAAa,EAAE,WAAiC;AAC9D,KAAI,CAAC,QAAS;AAGd,WADkB,WAAW,QAAQ,CACjB,OAAO,IAAI,OAAO,MAAM;AAE5C,QAAO,EAAE,MAAM,SAAS;;AAG1B,aAAa,iBAAiB,CAAC,UAAU"}

package/dist/styles/flow.d.ts

@@ -1,16 +0,0 @@
-//#region src/styles/flow.d.ts
-declare function flowStyle({
-  display,
-  flow
-}: {
-  display?: string;
-  flow?: string;
-}): {
-  [x: string]: string | undefined;
-} | null;
-declare namespace flowStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { flowStyle };
-//# sourceMappingURL=flow.d.ts.map

package/dist/styles/flow.js

@@ -1,12 +0,0 @@
-//#region src/styles/flow.ts
-function flowStyle({ display = "block", flow }) {
-	let style;
-	if (display.includes("grid")) style = "grid-auto-flow";
-	else if (display.includes("flex")) style = "flex-flow";
-	return style ? { [style]: flow } : null;
-}
-flowStyle.__lookupStyles = ["display", "flow"];
-
-//#endregion
-export { flowStyle };
-//# sourceMappingURL=flow.js.map

package/dist/styles/flow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"flow.js","names":[],"sources":["../../src/styles/flow.ts"],"sourcesContent":["export function flowStyle({\n  display = 'block',\n  flow,\n}: {\n  display?: string;\n  flow?: string;\n}) {\n  let style;\n\n  if (display.includes('grid')) {\n    style = 'grid-auto-flow';\n  } else if (display.includes('flex')) {\n    style = 'flex-flow';\n  }\n\n  return style ? { [style]: flow } : null;\n}\n\nflowStyle.__lookupStyles = ['display', 'flow'];\n"],"mappings":";AAAA,SAAgB,UAAU,EACxB,UAAU,SACV,QAIC;CACD,IAAI;AAEJ,KAAI,QAAQ,SAAS,OAAO,CAC1B,SAAQ;UACC,QAAQ,SAAS,OAAO,CACjC,SAAQ;AAGV,QAAO,QAAQ,GAAG,QAAQ,MAAM,GAAG;;AAGrC,UAAU,iBAAiB,CAAC,WAAW,OAAO"}

package/dist/styles/gap.d.ts

@@ -1,31 +0,0 @@
-//#region src/styles/gap.d.ts
-declare function gapStyle({
-  display,
-  flow,
-  gap
-}: {
-  display?: string;
-  flow?: string;
-  gap?: string | number | boolean;
-}): {
-  gap: string;
-  $?: undefined;
-} | ({
-  'margin-right': string;
-  'margin-bottom': string;
-  $?: undefined;
-} | {
-  $: string;
-  'margin-right': string;
-  'margin-bottom': string;
-})[] | {
-  [x: string]: string;
-  $: string;
-  gap?: undefined;
-} | undefined;
-declare namespace gapStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { gapStyle };
-//# sourceMappingURL=gap.d.ts.map

package/dist/styles/gap.js

@@ -1,37 +0,0 @@
-import { makeEmptyDetails } from "../parser/types.js";
-import { parseStyle } from "../utils/styles.js";
-
-//#region src/styles/gap.ts
-function gapStyle({ display = "block", flow, gap }) {
-	if (typeof gap === "number") gap = `${gap}px`;
-	if (!gap) return;
-	if (gap === true) gap = "1x";
-	const isGrid = display.includes("grid");
-	const isFlex = display.includes("flex");
-	const isWrap = flow ? flow.includes("wrap") && !flow.includes("nowrap") : false;
-	if (!isGrid && flow == null) flow = isFlex ? "row" : "column";
-	const { values } = parseStyle(gap).groups[0] ?? makeEmptyDetails();
-	gap = values.join(" ");
-	if (isGrid || isFlex) return { gap };
-	const gapDir = flow?.includes("row") ? "right" : "bottom";
-	return isWrap ? [{
-		"margin-right": `calc(-1 * ${values[1] || values[0]})`,
-		"margin-bottom": `calc(-1 * ${values[0]})`
-	}, {
-		$: "& > *",
-		"margin-right": values[1] || values[0],
-		"margin-bottom": values[0]
-	}] : {
-		$: "& > *:not(:last-child)",
-		[`margin-${gapDir}`]: gap
-	};
-}
-gapStyle.__lookupStyles = [
-	"display",
-	"flow",
-	"gap"
-];
-
-//#endregion
-export { gapStyle };
-//# sourceMappingURL=gap.js.map

package/dist/styles/gap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gap.js","names":[],"sources":["../../src/styles/gap.ts"],"sourcesContent":["import { makeEmptyDetails } from '../parser/types';\nimport { parseStyle } from '../utils/styles';\n\nexport function gapStyle({\n  display = 'block',\n  flow,\n  gap,\n}: {\n  display?: string;\n  flow?: string;\n  gap?: string | number | boolean;\n}) {\n  if (typeof gap === 'number') {\n    gap = `${gap}px`;\n  }\n\n  if (!gap) {\n    return;\n  }\n\n  if (gap === true) {\n    gap = '1x';\n  }\n\n  const isGrid = display.includes('grid');\n  const isFlex = display.includes('flex');\n  const isWrap = flow\n    ? flow.includes('wrap') && !flow.includes('nowrap')\n    : false;\n\n  if (!isGrid && flow == null) {\n    flow = isFlex ? 'row' : 'column';\n  }\n\n  const processed = parseStyle(gap);\n  const { values } = processed.groups[0] ?? makeEmptyDetails();\n\n  gap = values.join(' ');\n\n  if (isGrid || isFlex) {\n    return { gap };\n  }\n\n  const gapDir = flow?.includes('row') ? 'right' : 'bottom';\n\n  return isWrap\n    ? [\n        {\n          'margin-right': `calc(-1 * ${values[1] || values[0]})`,\n          'margin-bottom': `calc(-1 * ${values[0]})`,\n        },\n        {\n          $: '& > *',\n          'margin-right': values[1] || values[0],\n          'margin-bottom': values[0],\n        },\n      ]\n    : {\n        $: '& > *:not(:last-child)',\n        [`margin-${gapDir}`]: gap,\n      };\n}\n\ngapStyle.__lookupStyles = ['display', 'flow', 'gap'];\n"],"mappings":";;;;AAGA,SAAgB,SAAS,EACvB,UAAU,SACV,MACA,OAKC;AACD,KAAI,OAAO,QAAQ,SACjB,OAAM,GAAG,IAAI;AAGf,KAAI,CAAC,IACH;AAGF,KAAI,QAAQ,KACV,OAAM;CAGR,MAAM,SAAS,QAAQ,SAAS,OAAO;CACvC,MAAM,SAAS,QAAQ,SAAS,OAAO;CACvC,MAAM,SAAS,OACX,KAAK,SAAS,OAAO,IAAI,CAAC,KAAK,SAAS,SAAS,GACjD;AAEJ,KAAI,CAAC,UAAU,QAAQ,KACrB,QAAO,SAAS,QAAQ;CAI1B,MAAM,EAAE,WADU,WAAW,IAAI,CACJ,OAAO,MAAM,kBAAkB;AAE5D,OAAM,OAAO,KAAK,IAAI;AAEtB,KAAI,UAAU,OACZ,QAAO,EAAE,KAAK;CAGhB,MAAM,SAAS,MAAM,SAAS,MAAM,GAAG,UAAU;AAEjD,QAAO,SACH,CACE;EACE,gBAAgB,aAAa,OAAO,MAAM,OAAO,GAAG;EACpD,iBAAiB,aAAa,OAAO,GAAG;EACzC,EACD;EACE,GAAG;EACH,gBAAgB,OAAO,MAAM,OAAO;EACpC,iBAAiB,OAAO;EACzB,CACF,GACD;EACE,GAAG;GACF,UAAU,WAAW;EACvB;;AAGP,SAAS,iBAAiB;CAAC;CAAW;CAAQ;CAAM"}

package/dist/styles/height.d.ts

@@ -1,17 +0,0 @@
-//#region src/styles/height.d.ts
-interface HeightStyleProps {
-  height?: string | number | boolean;
-  minHeight?: string | number | boolean;
-  maxHeight?: string | number | boolean;
-}
-declare function heightStyle({
-  height,
-  minHeight,
-  maxHeight
-}: HeightStyleProps): Record<string, string | string[]> | undefined;
-declare namespace heightStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { heightStyle };
-//# sourceMappingURL=height.d.ts.map

package/dist/styles/height.js

@@ -1,20 +0,0 @@
-import { dimensionStyle } from "./dimension.js";
-
-//#region src/styles/height.ts
-const dimension = dimensionStyle("height");
-function heightStyle({ height, minHeight, maxHeight }) {
-	return dimension({
-		value: height,
-		min: minHeight,
-		max: maxHeight
-	});
-}
-heightStyle.__lookupStyles = [
-	"height",
-	"minHeight",
-	"maxHeight"
-];
-
-//#endregion
-export { heightStyle };
-//# sourceMappingURL=height.js.map

package/dist/styles/height.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"height.js","names":[],"sources":["../../src/styles/height.ts"],"sourcesContent":["import { dimensionStyle } from './dimension';\n\nconst dimension = dimensionStyle('height');\n\ninterface HeightStyleProps {\n  height?: string | number | boolean;\n  minHeight?: string | number | boolean;\n  maxHeight?: string | number | boolean;\n}\n\nexport function heightStyle({\n  height,\n  minHeight,\n  maxHeight,\n}: HeightStyleProps) {\n  return dimension({ value: height, min: minHeight, max: maxHeight });\n}\n\nheightStyle.__lookupStyles = ['height', 'minHeight', 'maxHeight'];\n"],"mappings":";;;AAEA,MAAM,YAAY,eAAe,SAAS;AAQ1C,SAAgB,YAAY,EAC1B,QACA,WACA,aACmB;AACnB,QAAO,UAAU;EAAE,OAAO;EAAQ,KAAK;EAAW,KAAK;EAAW,CAAC;;AAGrE,YAAY,iBAAiB;CAAC;CAAU;CAAa;CAAY"}

package/dist/styles/index.d.ts

@@ -1,2 +0,0 @@
-import "../index.js";
-import { styleHandlers } from "./predefined.js";

package/dist/styles/index.js

@@ -1,9 +0,0 @@
-import { convertColorChainToRgbChain, createStyle } from "./createStyle.js";
-import { normalizeHandlerDefinition, predefine, registerHandler, resetHandlers, styleHandlers } from "./predefined.js";
-
-//#region src/styles/index.ts
-const { STYLE_HANDLER_MAP, defineCustomStyle, defineStyleAlias } = predefine();
-
-//#endregion
-export { STYLE_HANDLER_MAP };
-//# sourceMappingURL=index.js.map

package/dist/styles/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { predefine, styleHandlers } from './predefined';\n\nconst { STYLE_HANDLER_MAP, defineCustomStyle, defineStyleAlias } = predefine();\n\nexport {\n  STYLE_HANDLER_MAP,\n  defineCustomStyle,\n  defineStyleAlias,\n  styleHandlers,\n};\nexport * from './createStyle';\nexport {\n  normalizeHandlerDefinition,\n  registerHandler,\n  resetHandlers,\n  validateHandlerResult,\n} from './predefined';\n"],"mappings":";;;;AAEA,MAAM,EAAE,mBAAmB,mBAAmB,qBAAqB,WAAW"}

package/dist/styles/inset.d.ts

@@ -1,52 +0,0 @@
-//#region src/styles/inset.d.ts
-/**
- * Inset style handler.
- *
- * IMPORTANT: This handler uses individual CSS properties (top, right, bottom, left)
- * when only individual direction props are specified. This allows CSS cascade to work
- * correctly when modifiers override only some directions.
- *
- * Example problem with using `inset` shorthand everywhere:
- *   styles: {
- *     top: { '': 0, 'side=bottom': 'initial' },
- *     right: { '': 0, 'side=left': 'initial' },
- *     bottom: { '': 0, 'side=top': 'initial' },
- *     left: { '': 0, 'side=right': 'initial' },
- *   }
- *
- * If we output `inset` for both cases:
- *   - Default: inset: 0 0 0 0
- *   - side=bottom: inset: initial auto auto auto  ← WRONG! Overrides all 4 directions
- *
- * With individual properties:
- *   - Default: top: 0; right: 0; bottom: 0; left: 0
- *   - side=bottom: top: initial  ← CORRECT! Only overrides top
- *
- * The `inset` shorthand is only used when the base `inset` prop is specified
- * OR when `insetBlock`/`insetInline` are used (which imply setting pairs).
- */
-declare function insetStyle({
-  inset,
-  insetBlock,
-  insetInline,
-  top,
-  right,
-  bottom,
-  left
-}: {
-  inset?: string | number | boolean;
-  insetBlock?: string | number | boolean;
-  insetInline?: string | number | boolean;
-  top?: string | number | boolean;
-  right?: string | number | boolean;
-  bottom?: string | number | boolean;
-  left?: string | number | boolean;
-}): Record<string, string> | {
-  inset: string;
-};
-declare namespace insetStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { insetStyle };
-//# sourceMappingURL=inset.d.ts.map

package/dist/styles/inset.js

@@ -1,150 +0,0 @@
-import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
-
-//#region src/styles/inset.ts
-/**
-* Parse an inset value and return the first processed value
-*/
-function parseInsetValue(value) {
-	if (typeof value === "number") return `${value}px`;
-	if (!value) return null;
-	if (value === true) value = "0";
-	const { values } = parseStyle(value).groups[0] ?? { values: [] };
-	return values[0] || "0";
-}
-/**
-* Extract values and directions from a single parsed group.
-*/
-function extractGroupData(group) {
-	const { values = [], mods = [] } = group;
-	return {
-		values: values.length ? values : ["0"],
-		directions: filterMods(mods, DIRECTIONS)
-	};
-}
-/**
-* Apply a single group's values and directions onto a direction map.
-*/
-function applyGroup(dirs, values, directions) {
-	if (!values.length) return;
-	if (directions.length === 0) {
-		dirs.top = values[0];
-		dirs.right = values[1] || values[0];
-		dirs.bottom = values[2] || values[0];
-		dirs.left = values[3] || values[1] || values[0];
-	} else directions.forEach((dir, i) => {
-		dirs[dir] = values[i] ?? values[0];
-	});
-}
-/**
-* Optimize inset output shorthand.
-*/
-function optimizeInset(dirs) {
-	const { top, right, bottom, left } = dirs;
-	if (top === right && right === bottom && bottom === left) return { inset: top };
-	if (top === bottom && left === right) return { inset: `${top} ${left}` };
-	return { inset: `${top} ${right} ${bottom} ${left}` };
-}
-/**
-* Inset style handler.
-*
-* IMPORTANT: This handler uses individual CSS properties (top, right, bottom, left)
-* when only individual direction props are specified. This allows CSS cascade to work
-* correctly when modifiers override only some directions.
-*
-* Example problem with using `inset` shorthand everywhere:
-*   styles: {
-*     top: { '': 0, 'side=bottom': 'initial' },
-*     right: { '': 0, 'side=left': 'initial' },
-*     bottom: { '': 0, 'side=top': 'initial' },
-*     left: { '': 0, 'side=right': 'initial' },
-*   }
-*
-* If we output `inset` for both cases:
-*   - Default: inset: 0 0 0 0
-*   - side=bottom: inset: initial auto auto auto  ← WRONG! Overrides all 4 directions
-*
-* With individual properties:
-*   - Default: top: 0; right: 0; bottom: 0; left: 0
-*   - side=bottom: top: initial  ← CORRECT! Only overrides top
-*
-* The `inset` shorthand is only used when the base `inset` prop is specified
-* OR when `insetBlock`/`insetInline` are used (which imply setting pairs).
-*/
-function insetStyle({ inset, insetBlock, insetInline, top, right, bottom, left }) {
-	if (inset == null && insetBlock == null && insetInline == null && top == null && right == null && bottom == null && left == null) return {};
-	if (inset == null && insetBlock == null && insetInline == null) {
-		const result = {};
-		if (top != null) {
-			const val = parseInsetValue(top);
-			if (val) result["top"] = val;
-		}
-		if (right != null) {
-			const val = parseInsetValue(right);
-			if (val) result["right"] = val;
-		}
-		if (bottom != null) {
-			const val = parseInsetValue(bottom);
-			if (val) result["bottom"] = val;
-		}
-		if (left != null) {
-			const val = parseInsetValue(left);
-			if (val) result["left"] = val;
-		}
-		return result;
-	}
-	const dirs = {
-		top: "auto",
-		right: "auto",
-		bottom: "auto",
-		left: "auto"
-	};
-	if (inset != null) {
-		if (typeof inset === "number") dirs.top = dirs.right = dirs.bottom = dirs.left = `${inset}px`;
-		else if (inset === true) inset = "0";
-		if (typeof inset === "string" && inset) {
-			const groups = parseStyle(inset).groups ?? [];
-			for (const group of groups) {
-				const { values, directions } = extractGroupData(group);
-				applyGroup(dirs, values, directions);
-			}
-		}
-	}
-	if (insetBlock != null) {
-		const val = parseInsetValue(insetBlock);
-		if (val) dirs.top = dirs.bottom = val;
-	}
-	if (insetInline != null) {
-		const val = parseInsetValue(insetInline);
-		if (val) dirs.left = dirs.right = val;
-	}
-	if (top != null) {
-		const val = parseInsetValue(top);
-		if (val) dirs.top = val;
-	}
-	if (right != null) {
-		const val = parseInsetValue(right);
-		if (val) dirs.right = val;
-	}
-	if (bottom != null) {
-		const val = parseInsetValue(bottom);
-		if (val) dirs.bottom = val;
-	}
-	if (left != null) {
-		const val = parseInsetValue(left);
-		if (val) dirs.left = val;
-	}
-	return optimizeInset(dirs);
-}
-insetStyle.__lookupStyles = [
-	"inset",
-	"insetBlock",
-	"insetInline",
-	"top",
-	"right",
-	"bottom",
-	"left"
-];
-
-//#endregion
-export { insetStyle };
-//# sourceMappingURL=inset.js.map

package/dist/styles/inset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inset.js","names":[],"sources":["../../src/styles/inset.ts"],"sourcesContent":["import type { StyleDetails } from '../parser/types';\nimport { DIRECTIONS, filterMods, parseStyle } from '../utils/styles';\n\ntype Direction = (typeof DIRECTIONS)[number];\n\n/**\n * Parse an inset value and return the first processed value\n */\nfunction parseInsetValue(value: string | number | boolean): string | null {\n  if (typeof value === 'number') return `${value}px`;\n  if (!value) return null;\n  if (value === true) value = '0';\n\n  const { values } = parseStyle(value).groups[0] ?? { values: [] };\n\n  return values[0] || '0';\n}\n\n/**\n * Extract values and directions from a single parsed group.\n */\nfunction extractGroupData(group: StyleDetails): {\n  values: string[];\n  directions: Direction[];\n} {\n  const { values = [], mods = [] } = group;\n  return {\n    values: values.length ? values : ['0'],\n    directions: filterMods(mods, DIRECTIONS) as Direction[],\n  };\n}\n\n/**\n * Apply a single group's values and directions onto a direction map.\n */\nfunction applyGroup(\n  dirs: Record<Direction, string>,\n  values: string[],\n  directions: Direction[],\n): void {\n  if (!values.length) return;\n\n  if (directions.length === 0) {\n    dirs.top = values[0];\n    dirs.right = values[1] || values[0];\n    dirs.bottom = values[2] || values[0];\n    dirs.left = values[3] || values[1] || values[0];\n  } else {\n    directions.forEach((dir, i) => {\n      dirs[dir] = values[i] ?? values[0];\n    });\n  }\n}\n\n/**\n * Optimize inset output shorthand.\n */\nfunction optimizeInset(dirs: Record<Direction, string>): { inset: string } {\n  const { top, right, bottom, left } = dirs;\n  if (top === right && right === bottom && bottom === left) {\n    return { inset: top };\n  }\n  if (top === bottom && left === right) {\n    return { inset: `${top} ${left}` };\n  }\n  return { inset: `${top} ${right} ${bottom} ${left}` };\n}\n\n/**\n * Inset style handler.\n *\n * IMPORTANT: This handler uses individual CSS properties (top, right, bottom, left)\n * when only individual direction props are specified. This allows CSS cascade to work\n * correctly when modifiers override only some directions.\n *\n * Example problem with using `inset` shorthand everywhere:\n *   styles: {\n *     top: { '': 0, 'side=bottom': 'initial' },\n *     right: { '': 0, 'side=left': 'initial' },\n *     bottom: { '': 0, 'side=top': 'initial' },\n *     left: { '': 0, 'side=right': 'initial' },\n *   }\n *\n * If we output `inset` for both cases:\n *   - Default: inset: 0 0 0 0\n *   - side=bottom: inset: initial auto auto auto  ← WRONG! Overrides all 4 directions\n *\n * With individual properties:\n *   - Default: top: 0; right: 0; bottom: 0; left: 0\n *   - side=bottom: top: initial  ← CORRECT! Only overrides top\n *\n * The `inset` shorthand is only used when the base `inset` prop is specified\n * OR when `insetBlock`/`insetInline` are used (which imply setting pairs).\n */\nexport function insetStyle({\n  inset,\n  insetBlock,\n  insetInline,\n  top,\n  right,\n  bottom,\n  left,\n}: {\n  inset?: string | number | boolean;\n  insetBlock?: string | number | boolean;\n  insetInline?: string | number | boolean;\n  top?: string | number | boolean;\n  right?: string | number | boolean;\n  bottom?: string | number | boolean;\n  left?: string | number | boolean;\n}) {\n  if (\n    inset == null &&\n    insetBlock == null &&\n    insetInline == null &&\n    top == null &&\n    right == null &&\n    bottom == null &&\n    left == null\n  ) {\n    return {};\n  }\n\n  // When only individual direction props are used (no inset, insetBlock, insetInline),\n  // output individual CSS properties to allow proper CSS cascade with modifiers\n  const onlyIndividualProps =\n    inset == null && insetBlock == null && insetInline == null;\n\n  if (onlyIndividualProps) {\n    const result: Record<string, string> = {};\n\n    if (top != null) {\n      const val = parseInsetValue(top);\n      if (val) result['top'] = val;\n    }\n    if (right != null) {\n      const val = parseInsetValue(right);\n      if (val) result['right'] = val;\n    }\n    if (bottom != null) {\n      const val = parseInsetValue(bottom);\n      if (val) result['bottom'] = val;\n    }\n    if (left != null) {\n      const val = parseInsetValue(left);\n      if (val) result['left'] = val;\n    }\n\n    return result;\n  }\n\n  const dirs: Record<Direction, string> = {\n    top: 'auto',\n    right: 'auto',\n    bottom: 'auto',\n    left: 'auto',\n  };\n\n  // Priority 1 (lowest): inset\n  if (inset != null) {\n    if (typeof inset === 'number') {\n      const v = `${inset}px`;\n      dirs.top = dirs.right = dirs.bottom = dirs.left = v;\n    } else if (inset === true) {\n      inset = '0';\n    }\n\n    if (typeof inset === 'string' && inset) {\n      const processed = parseStyle(inset);\n      const groups = processed.groups ?? [];\n\n      for (const group of groups) {\n        const { values, directions } = extractGroupData(group);\n        applyGroup(dirs, values, directions);\n      }\n    }\n  }\n\n  // Priority 2 (medium): insetBlock/insetInline\n  if (insetBlock != null) {\n    const val = parseInsetValue(insetBlock);\n    if (val) dirs.top = dirs.bottom = val;\n  }\n  if (insetInline != null) {\n    const val = parseInsetValue(insetInline);\n    if (val) dirs.left = dirs.right = val;\n  }\n\n  // Priority 3 (highest): individual directions\n  if (top != null) {\n    const val = parseInsetValue(top);\n    if (val) dirs.top = val;\n  }\n  if (right != null) {\n    const val = parseInsetValue(right);\n    if (val) dirs.right = val;\n  }\n  if (bottom != null) {\n    const val = parseInsetValue(bottom);\n    if (val) dirs.bottom = val;\n  }\n  if (left != null) {\n    const val = parseInsetValue(left);\n    if (val) dirs.left = val;\n  }\n\n  return optimizeInset(dirs);\n}\n\ninsetStyle.__lookupStyles = [\n  'inset',\n  'insetBlock',\n  'insetInline',\n  'top',\n  'right',\n  'bottom',\n  'left',\n];\n"],"mappings":"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"}

package/dist/styles/justify.d.ts

@@ -1,15 +0,0 @@
-//#region src/styles/justify.d.ts
-declare function justifyStyle({
-  justify
-}: {
-  justify?: string;
-}): {
-  'justify-items': string;
-  'justify-content': string;
-} | undefined;
-declare namespace justifyStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { justifyStyle };
-//# sourceMappingURL=justify.d.ts.map

package/dist/styles/justify.js

@@ -1,14 +0,0 @@
-//#region src/styles/justify.ts
-function justifyStyle({ justify }) {
-	if (typeof justify !== "string") return;
-	if (!justify) return;
-	return {
-		"justify-items": justify,
-		"justify-content": justify
-	};
-}
-justifyStyle.__lookupStyles = ["justify"];
-
-//#endregion
-export { justifyStyle };
-//# sourceMappingURL=justify.js.map

package/dist/styles/justify.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"justify.js","names":[],"sources":["../../src/styles/justify.ts"],"sourcesContent":["export function justifyStyle({ justify }: { justify?: string }) {\n  if (typeof justify !== 'string') return;\n\n  if (!justify) return;\n\n  return {\n    'justify-items': justify,\n    'justify-content': justify,\n  };\n}\n\njustifyStyle.__lookupStyles = ['justify'];\n"],"mappings":";AAAA,SAAgB,aAAa,EAAE,WAAiC;AAC9D,KAAI,OAAO,YAAY,SAAU;AAEjC,KAAI,CAAC,QAAS;AAEd,QAAO;EACL,iBAAiB;EACjB,mBAAmB;EACpB;;AAGH,aAAa,iBAAiB,CAAC,UAAU"}

package/dist/styles/list.d.ts

@@ -1,16 +0,0 @@
-//#region src/styles/list.d.ts
-declare const BASE_STYLES: readonly ["display", "font", "preset", "hide", "whiteSpace", "opacity", "transition"];
-declare const POSITION_STYLES: readonly ["gridArea", "order", "gridColumn", "gridRow", "placeSelf", "alignSelf", "justifySelf", "zIndex", "margin", "inset", "position"];
-declare const BLOCK_INNER_STYLES: readonly ["padding", "paddingInline", "paddingBlock", "overflow", "scrollbar", "textAlign"];
-declare const BLOCK_OUTER_STYLES: readonly ["border", "radius", "shadow", "outline"];
-declare const BLOCK_STYLES: readonly ["padding", "paddingInline", "paddingBlock", "overflow", "scrollbar", "textAlign", "border", "radius", "shadow", "outline"];
-declare const COLOR_STYLES: readonly ["color", "fill", "fade", "image"];
-declare const TEXT_STYLES: readonly ["textTransform", "fontWeight", "fontStyle"];
-declare const DIMENSION_STYLES: readonly ["width", "height", "flexBasis", "flexGrow", "flexShrink", "flex"];
-declare const FLOW_STYLES: readonly ["flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "align", "justify", "gap", "columnGap", "rowGap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
-declare const CONTAINER_STYLES: readonly ["display", "font", "preset", "hide", "whiteSpace", "opacity", "transition", "color", "fill", "fade", "image", "width", "height", "flexBasis", "flexGrow", "flexShrink", "flex", "gridArea", "order", "gridColumn", "gridRow", "placeSelf", "alignSelf", "justifySelf", "zIndex", "margin", "inset", "position", "padding", "paddingInline", "paddingBlock", "overflow", "scrollbar", "textAlign", "border", "radius", "shadow", "outline", "flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "align", "justify", "gap", "columnGap", "rowGap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
-declare const OUTER_STYLES: readonly ["gridArea", "order", "gridColumn", "gridRow", "placeSelf", "alignSelf", "justifySelf", "zIndex", "margin", "inset", "position", "width", "height", "flexBasis", "flexGrow", "flexShrink", "flex", "border", "radius", "shadow", "outline"];
-declare const INNER_STYLES: readonly ["display", "font", "preset", "hide", "whiteSpace", "opacity", "transition", "color", "fill", "fade", "image", "padding", "paddingInline", "paddingBlock", "overflow", "scrollbar", "textAlign", "flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "align", "justify", "gap", "columnGap", "rowGap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
-//#endregion
-export { BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, COLOR_STYLES, CONTAINER_STYLES, DIMENSION_STYLES, FLOW_STYLES, INNER_STYLES, OUTER_STYLES, POSITION_STYLES, TEXT_STYLES };
-//# sourceMappingURL=list.d.ts.map

package/dist/styles/list.js

@@ -1,98 +0,0 @@
-//#region src/styles/list.ts
-const BASE_STYLES = [
-	"display",
-	"font",
-	"preset",
-	"hide",
-	"whiteSpace",
-	"opacity",
-	"transition"
-];
-const POSITION_STYLES = [
-	"gridArea",
-	"order",
-	"gridColumn",
-	"gridRow",
-	"placeSelf",
-	"alignSelf",
-	"justifySelf",
-	"zIndex",
-	"margin",
-	"inset",
-	"position"
-];
-const BLOCK_INNER_STYLES = [
-	"padding",
-	"paddingInline",
-	"paddingBlock",
-	"overflow",
-	"scrollbar",
-	"textAlign"
-];
-const BLOCK_OUTER_STYLES = [
-	"border",
-	"radius",
-	"shadow",
-	"outline"
-];
-const BLOCK_STYLES = [...BLOCK_INNER_STYLES, ...BLOCK_OUTER_STYLES];
-const COLOR_STYLES = [
-	"color",
-	"fill",
-	"fade",
-	"image"
-];
-const TEXT_STYLES = [
-	"textTransform",
-	"fontWeight",
-	"fontStyle"
-];
-const DIMENSION_STYLES = [
-	"width",
-	"height",
-	"flexBasis",
-	"flexGrow",
-	"flexShrink",
-	"flex"
-];
-const FLOW_STYLES = [
-	"flow",
-	"placeItems",
-	"placeContent",
-	"alignItems",
-	"alignContent",
-	"justifyItems",
-	"justifyContent",
-	"align",
-	"justify",
-	"gap",
-	"columnGap",
-	"rowGap",
-	"gridColumns",
-	"gridRows",
-	"gridTemplate",
-	"gridAreas"
-];
-const CONTAINER_STYLES = [
-	...BASE_STYLES,
-	...COLOR_STYLES,
-	...DIMENSION_STYLES,
-	...POSITION_STYLES,
-	...BLOCK_STYLES,
-	...FLOW_STYLES
-];
-const OUTER_STYLES = [
-	...POSITION_STYLES,
-	...DIMENSION_STYLES,
-	...BLOCK_OUTER_STYLES
-];
-const INNER_STYLES = [
-	...BASE_STYLES,
-	...COLOR_STYLES,
-	...BLOCK_INNER_STYLES,
-	...FLOW_STYLES
-];
-
-//#endregion
-export { BASE_STYLES, BLOCK_INNER_STYLES, BLOCK_OUTER_STYLES, BLOCK_STYLES, COLOR_STYLES, CONTAINER_STYLES, DIMENSION_STYLES, FLOW_STYLES, INNER_STYLES, OUTER_STYLES, POSITION_STYLES, TEXT_STYLES };
-//# sourceMappingURL=list.js.map