@tenphi/tasty 0.0.0-snapshot.05c1c22

package/dist/styles/gap.js

@@ -0,0 +1,36 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,17 @@
+//#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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1 @@
+{"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

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

package/dist/styles/index.js

@@ -0,0 +1,8 @@
+import "./createStyle.js";
+import { predefine } 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,52 @@
+//#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

@@ -0,0 +1,149 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,15 @@
+//#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

@@ -0,0 +1,14 @@
+//#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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,16 @@
+//#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

@@ -0,0 +1,98 @@
+//#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

package/dist/styles/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","names":[],"sources":["../../src/styles/list.ts"],"sourcesContent":["export const BASE_STYLES = [\n  'display',\n  'font',\n  'preset',\n  'hide',\n  'whiteSpace',\n  'opacity',\n  'transition',\n] as const;\n\nexport const POSITION_STYLES = [\n  'gridArea',\n  'order',\n  'gridColumn',\n  'gridRow',\n  'placeSelf',\n  'alignSelf',\n  'justifySelf',\n  'zIndex',\n  'margin',\n  'inset',\n  'position',\n] as const;\n\nexport const BLOCK_INNER_STYLES = [\n  'padding',\n  'paddingInline',\n  'paddingBlock',\n  'overflow',\n  'scrollbar',\n  'textAlign',\n] as const;\n\nexport const BLOCK_OUTER_STYLES = [\n  'border',\n  'radius',\n  'shadow',\n  'outline',\n] as const;\n\nexport const BLOCK_STYLES = [\n  ...BLOCK_INNER_STYLES,\n  ...BLOCK_OUTER_STYLES,\n] as const;\n\nexport const COLOR_STYLES = ['color', 'fill', 'fade', 'image'] as const;\n\nexport const TEXT_STYLES = [\n  'textTransform',\n  'fontWeight',\n  'fontStyle',\n] as const;\n\nexport const DIMENSION_STYLES = [\n  'width',\n  'height',\n  'flexBasis',\n  'flexGrow',\n  'flexShrink',\n  'flex',\n] as const;\n\nexport const FLOW_STYLES = [\n  'flow',\n  'placeItems',\n  'placeContent',\n  'alignItems',\n  'alignContent',\n  'justifyItems',\n  'justifyContent',\n  'align',\n  'justify',\n  'gap',\n  'columnGap',\n  'rowGap',\n  'gridColumns',\n  'gridRows',\n  'gridTemplate',\n  'gridAreas',\n] as const;\n\nexport const CONTAINER_STYLES = [\n  ...BASE_STYLES,\n  ...COLOR_STYLES,\n  ...DIMENSION_STYLES,\n  ...POSITION_STYLES,\n  ...BLOCK_STYLES,\n  ...FLOW_STYLES,\n] as const;\n\nexport const OUTER_STYLES = [\n  ...POSITION_STYLES,\n  ...DIMENSION_STYLES,\n  ...BLOCK_OUTER_STYLES,\n] as const;\n\nexport const INNER_STYLES = [\n  ...BASE_STYLES,\n  ...COLOR_STYLES,\n  ...BLOCK_INNER_STYLES,\n  ...FLOW_STYLES,\n] as const;\n"],"mappings":";AAAA,MAAa,cAAc;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,kBAAkB;CAC7B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,qBAAqB;CAChC;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,qBAAqB;CAChC;CACA;CACA;CACA;CACD;AAED,MAAa,eAAe,CAC1B,GAAG,oBACH,GAAG,mBACJ;AAED,MAAa,eAAe;CAAC;CAAS;CAAQ;CAAQ;CAAQ;AAE9D,MAAa,cAAc;CACzB;CACA;CACA;CACD;AAED,MAAa,mBAAmB;CAC9B;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,cAAc;CACzB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,MAAa,mBAAmB;CAC9B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ;AAED,MAAa,eAAe;CAC1B,GAAG;CACH,GAAG;CACH,GAAG;CACJ;AAED,MAAa,eAAe;CAC1B,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ"}

package/dist/styles/margin.d.ts

@@ -0,0 +1,24 @@
+//#region src/styles/margin.d.ts
+declare function marginStyle({
+  margin,
+  marginBlock,
+  marginInline,
+  marginTop,
+  marginRight,
+  marginBottom,
+  marginLeft
+}: {
+  margin?: string | number | boolean;
+  marginBlock?: string | number | boolean;
+  marginInline?: string | number | boolean;
+  marginTop?: string | number | boolean;
+  marginRight?: string | number | boolean;
+  marginBottom?: string | number | boolean;
+  marginLeft?: string | number | boolean;
+}): {};
+declare namespace marginStyle {
+  var __lookupStyles: string[];
+}
+//#endregion
+export { marginStyle };
+//# sourceMappingURL=margin.d.ts.map

package/dist/styles/margin.js

@@ -0,0 +1,103 @@
+import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
+//#region src/styles/margin.ts
+/**
+* Parse a margin value and return the first processed value
+*/
+function parseMarginValue(value) {
+	if (typeof value === "number") return `${value}px`;
+	if (!value) return null;
+	if (value === true) value = "1x";
+	const { values } = parseStyle(value).groups[0] ?? { values: [] };
+	return values[0] || "var(--gap)";
+}
+/**
+* Extract values and directions from a single parsed group.
+*/
+function extractGroupData(group) {
+	const { values = [], mods = [] } = group;
+	return {
+		values: values.length ? values : ["var(--gap)"],
+		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 margin output shorthand.
+*/
+function optimizeMargin(dirs) {
+	const { top, right, bottom, left } = dirs;
+	if (top === right && right === bottom && bottom === left) return { margin: top };
+	if (top === bottom && left === right) return { margin: `${top} ${left}` };
+	return { margin: `${top} ${right} ${bottom} ${left}` };
+}
+function marginStyle({ margin, marginBlock, marginInline, marginTop, marginRight, marginBottom, marginLeft }) {
+	if (margin == null && marginBlock == null && marginInline == null && marginTop == null && marginRight == null && marginBottom == null && marginLeft == null) return {};
+	const dirs = {
+		top: "0",
+		right: "0",
+		bottom: "0",
+		left: "0"
+	};
+	if (margin != null) {
+		if (typeof margin === "number") dirs.top = dirs.right = dirs.bottom = dirs.left = `${margin}px`;
+		else if (margin === true) margin = "1x";
+		if (typeof margin === "string" && margin) {
+			const groups = parseStyle(margin).groups ?? [];
+			for (const group of groups) {
+				const { values, directions } = extractGroupData(group);
+				applyGroup(dirs, values, directions);
+			}
+		}
+	}
+	if (marginBlock != null) {
+		const val = parseMarginValue(marginBlock);
+		if (val) dirs.top = dirs.bottom = val;
+	}
+	if (marginInline != null) {
+		const val = parseMarginValue(marginInline);
+		if (val) dirs.left = dirs.right = val;
+	}
+	if (marginTop != null) {
+		const val = parseMarginValue(marginTop);
+		if (val) dirs.top = val;
+	}
+	if (marginRight != null) {
+		const val = parseMarginValue(marginRight);
+		if (val) dirs.right = val;
+	}
+	if (marginBottom != null) {
+		const val = parseMarginValue(marginBottom);
+		if (val) dirs.bottom = val;
+	}
+	if (marginLeft != null) {
+		const val = parseMarginValue(marginLeft);
+		if (val) dirs.left = val;
+	}
+	return optimizeMargin(dirs);
+}
+marginStyle.__lookupStyles = [
+	"margin",
+	"marginTop",
+	"marginRight",
+	"marginBottom",
+	"marginLeft",
+	"marginBlock",
+	"marginInline"
+];
+//#endregion
+export { marginStyle };
+
+//# sourceMappingURL=margin.js.map

package/dist/styles/margin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"margin.js","names":[],"sources":["../../src/styles/margin.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 a margin value and return the first processed value\n */\nfunction parseMarginValue(value: string | number | boolean): string | null {\n  if (typeof value === 'number') return `${value}px`;\n  if (!value) return null;\n  if (value === true) value = '1x';\n\n  const { values } = parseStyle(value).groups[0] ?? { values: [] };\n\n  return values[0] || 'var(--gap)';\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 : ['var(--gap)'],\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 margin output shorthand.\n */\nfunction optimizeMargin(dirs: Record<Direction, string>): {\n  margin: string;\n} {\n  const { top, right, bottom, left } = dirs;\n  if (top === right && right === bottom && bottom === left) {\n    return { margin: top };\n  }\n  if (top === bottom && left === right) {\n    return { margin: `${top} ${left}` };\n  }\n  return { margin: `${top} ${right} ${bottom} ${left}` };\n}\n\nexport function marginStyle({\n  margin,\n  marginBlock,\n  marginInline,\n  marginTop,\n  marginRight,\n  marginBottom,\n  marginLeft,\n}: {\n  margin?: string | number | boolean;\n  marginBlock?: string | number | boolean;\n  marginInline?: string | number | boolean;\n  marginTop?: string | number | boolean;\n  marginRight?: string | number | boolean;\n  marginBottom?: string | number | boolean;\n  marginLeft?: string | number | boolean;\n}) {\n  if (\n    margin == null &&\n    marginBlock == null &&\n    marginInline == null &&\n    marginTop == null &&\n    marginRight == null &&\n    marginBottom == null &&\n    marginLeft == null\n  ) {\n    return {};\n  }\n\n  const dirs: Record<Direction, string> = {\n    top: '0',\n    right: '0',\n    bottom: '0',\n    left: '0',\n  };\n\n  // Priority 1 (lowest): margin\n  if (margin != null) {\n    if (typeof margin === 'number') {\n      const v = `${margin}px`;\n      dirs.top = dirs.right = dirs.bottom = dirs.left = v;\n    } else if (margin === true) {\n      margin = '1x';\n    }\n\n    if (typeof margin === 'string' && margin) {\n      const processed = parseStyle(margin);\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): marginBlock/marginInline\n  if (marginBlock != null) {\n    const val = parseMarginValue(marginBlock);\n    if (val) dirs.top = dirs.bottom = val;\n  }\n  if (marginInline != null) {\n    const val = parseMarginValue(marginInline);\n    if (val) dirs.left = dirs.right = val;\n  }\n\n  // Priority 3 (highest): individual directions\n  if (marginTop != null) {\n    const val = parseMarginValue(marginTop);\n    if (val) dirs.top = val;\n  }\n  if (marginRight != null) {\n    const val = parseMarginValue(marginRight);\n    if (val) dirs.right = val;\n  }\n  if (marginBottom != null) {\n    const val = parseMarginValue(marginBottom);\n    if (val) dirs.bottom = val;\n  }\n  if (marginLeft != null) {\n    const val = parseMarginValue(marginLeft);\n    if (val) dirs.left = val;\n  }\n\n  return optimizeMargin(dirs);\n}\n\nmarginStyle.__lookupStyles = [\n  'margin',\n  'marginTop',\n  'marginRight',\n  'marginBottom',\n  'marginLeft',\n  'marginBlock',\n  'marginInline',\n];\n"],"mappings":";;;;;AAQA,SAAS,iBAAiB,OAAiD;AACzE,KAAI,OAAO,UAAU,SAAU,QAAO,GAAG,MAAM;AAC/C,KAAI,CAAC,MAAO,QAAO;AACnB,KAAI,UAAU,KAAM,SAAQ;CAE5B,MAAM,EAAE,WAAW,WAAW,MAAM,CAAC,OAAO,MAAM,EAAE,QAAQ,EAAE,EAAE;AAEhE,QAAO,OAAO,MAAM;;;;;AAMtB,SAAS,iBAAiB,OAGxB;CACA,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK;AACnC,QAAO;EACL,QAAQ,OAAO,SAAS,SAAS,CAAC,aAAa;EAC/C,YAAY,WAAW,MAAM,WAAW;EACzC;;;;;AAMH,SAAS,WACP,MACA,QACA,YACM;AACN,KAAI,CAAC,OAAO,OAAQ;AAEpB,KAAI,WAAW,WAAW,GAAG;AAC3B,OAAK,MAAM,OAAO;AAClB,OAAK,QAAQ,OAAO,MAAM,OAAO;AACjC,OAAK,SAAS,OAAO,MAAM,OAAO;AAClC,OAAK,OAAO,OAAO,MAAM,OAAO,MAAM,OAAO;OAE7C,YAAW,SAAS,KAAK,MAAM;AAC7B,OAAK,OAAO,OAAO,MAAM,OAAO;GAChC;;;;;AAON,SAAS,eAAe,MAEtB;CACA,MAAM,EAAE,KAAK,OAAO,QAAQ,SAAS;AACrC,KAAI,QAAQ,SAAS,UAAU,UAAU,WAAW,KAClD,QAAO,EAAE,QAAQ,KAAK;AAExB,KAAI,QAAQ,UAAU,SAAS,MAC7B,QAAO,EAAE,QAAQ,GAAG,IAAI,GAAG,QAAQ;AAErC,QAAO,EAAE,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ;;AAGxD,SAAgB,YAAY,EAC1B,QACA,aACA,cACA,WACA,aACA,cACA,cASC;AACD,KACE,UAAU,QACV,eAAe,QACf,gBAAgB,QAChB,aAAa,QACb,eAAe,QACf,gBAAgB,QAChB,cAAc,KAEd,QAAO,EAAE;CAGX,MAAM,OAAkC;EACtC,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACP;AAGD,KAAI,UAAU,MAAM;AAClB,MAAI,OAAO,WAAW,SAEpB,MAAK,MAAM,KAAK,QAAQ,KAAK,SAAS,KAAK,OADjC,GAAG,OAAO;WAEX,WAAW,KACpB,UAAS;AAGX,MAAI,OAAO,WAAW,YAAY,QAAQ;GAExC,MAAM,SADY,WAAW,OAAO,CACX,UAAU,EAAE;AAErC,QAAK,MAAM,SAAS,QAAQ;IAC1B,MAAM,EAAE,QAAQ,eAAe,iBAAiB,MAAM;AACtD,eAAW,MAAM,QAAQ,WAAW;;;;AAM1C,KAAI,eAAe,MAAM;EACvB,MAAM,MAAM,iBAAiB,YAAY;AACzC,MAAI,IAAK,MAAK,MAAM,KAAK,SAAS;;AAEpC,KAAI,gBAAgB,MAAM;EACxB,MAAM,MAAM,iBAAiB,aAAa;AAC1C,MAAI,IAAK,MAAK,OAAO,KAAK,QAAQ;;AAIpC,KAAI,aAAa,MAAM;EACrB,MAAM,MAAM,iBAAiB,UAAU;AACvC,MAAI,IAAK,MAAK,MAAM;;AAEtB,KAAI,eAAe,MAAM;EACvB,MAAM,MAAM,iBAAiB,YAAY;AACzC,MAAI,IAAK,MAAK,QAAQ;;AAExB,KAAI,gBAAgB,MAAM;EACxB,MAAM,MAAM,iBAAiB,aAAa;AAC1C,MAAI,IAAK,MAAK,SAAS;;AAEzB,KAAI,cAAc,MAAM;EACtB,MAAM,MAAM,iBAAiB,WAAW;AACxC,MAAI,IAAK,MAAK,OAAO;;AAGvB,QAAO,eAAe,KAAK;;AAG7B,YAAY,iBAAiB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}