@tenphi/tasty 0.1.0

package/dist/styles/flow.js

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

@@ -0,0 +1 @@
+{"version":3,"file":"flow.js","names":[],"sources":["../../src/styles/flow.ts"],"sourcesContent":["export function flowStyle({ display = 'block', flow }) {\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,EAAE,UAAU,SAAS,QAAQ;CACrD,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/flow.mjs

@@ -0,0 +1,12 @@
+//#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.mjs.map

package/dist/styles/flow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flow.mjs","names":[],"sources":["../../src/styles/flow.ts"],"sourcesContent":["export function flowStyle({ display = 'block', flow }) {\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,EAAE,UAAU,SAAS,QAAQ;CACrD,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

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

@@ -0,0 +1,37 @@
+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/gap.mjs

@@ -0,0 +1,37 @@
+import { makeEmptyDetails } from "../parser/types.mjs";
+import { parseStyle } from "../utils/styles.mjs";
+
+//#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.mjs.map

package/dist/styles/gap.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"gap.mjs","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,20 @@
+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/height.mjs

@@ -0,0 +1,20 @@
+import { dimensionStyle } from "./dimension.mjs";
+
+//#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.mjs.map

package/dist/styles/height.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"height.mjs","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,2 @@
+import { styleHandlers } from "./predefined.js";
+import "../index.js";

package/dist/styles/index.js

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

@@ -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/index.mjs

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

package/dist/styles/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","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,50 @@
+//#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>;
+declare namespace insetStyle {
+  var __lookupStyles: string[];
+}
+//#endregion
+export { insetStyle };
+//# sourceMappingURL=inset.d.ts.map

package/dist/styles/inset.js

@@ -0,0 +1,142 @@
+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";
+}
+/**
+* Parse inset value with optional directions (like "1x top" or "2x left right")
+*/
+function parseDirectionalInset(value) {
+	if (typeof value === "number") return {
+		values: [`${value}px`],
+		directions: []
+	};
+	if (!value) return {
+		values: [],
+		directions: []
+	};
+	if (value === true) value = "0";
+	const { values = [], mods = [] } = parseStyle(value).groups[0] ?? {};
+	return {
+		values: values.length ? values : ["0"],
+		directions: filterMods(mods, DIRECTIONS)
+	};
+}
+/**
+* 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;
+	}
+	let [topVal, rightVal, bottomVal, leftVal] = [
+		"auto",
+		"auto",
+		"auto",
+		"auto"
+	];
+	if (inset != null) {
+		const { values, directions } = parseDirectionalInset(inset);
+		if (values.length) if (directions.length === 0) {
+			topVal = values[0];
+			rightVal = values[1] || values[0];
+			bottomVal = values[2] || values[0];
+			leftVal = values[3] || values[1] || values[0];
+		} else directions.forEach((dir, i) => {
+			const val = values[i] ?? values[0];
+			if (dir === "top") topVal = val;
+			else if (dir === "right") rightVal = val;
+			else if (dir === "bottom") bottomVal = val;
+			else if (dir === "left") leftVal = val;
+		});
+	}
+	if (insetBlock != null) {
+		const val = parseInsetValue(insetBlock);
+		if (val) topVal = bottomVal = val;
+	}
+	if (insetInline != null) {
+		const val = parseInsetValue(insetInline);
+		if (val) leftVal = rightVal = val;
+	}
+	if (top != null) {
+		const val = parseInsetValue(top);
+		if (val) topVal = val;
+	}
+	if (right != null) {
+		const val = parseInsetValue(right);
+		if (val) rightVal = val;
+	}
+	if (bottom != null) {
+		const val = parseInsetValue(bottom);
+		if (val) bottomVal = val;
+	}
+	if (left != null) {
+		const val = parseInsetValue(left);
+		if (val) leftVal = val;
+	}
+	if (topVal === rightVal && rightVal === bottomVal && bottomVal === leftVal) return { inset: topVal };
+	if (topVal === bottomVal && leftVal === rightVal) return { inset: `${topVal} ${leftVal}` };
+	return { inset: `${topVal} ${rightVal} ${bottomVal} ${leftVal}` };
+}
+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 { DIRECTIONS, filterMods, parseStyle } from '../utils/styles';\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 * Parse inset value with optional directions (like \"1x top\" or \"2x left right\")\n */\nfunction parseDirectionalInset(value: string | number | boolean): {\n  values: string[];\n  directions: string[];\n} {\n  if (typeof value === 'number') {\n    return { values: [`${value}px`], directions: [] };\n  }\n  if (!value) return { values: [], directions: [] };\n  if (value === true) value = '0';\n\n  const { values = [], mods = [] } = parseStyle(value).groups[0] ?? {};\n\n  return {\n    values: values.length ? values : ['0'],\n    directions: filterMods(mods, DIRECTIONS),\n  };\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 no props are defined, return empty object\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  // When inset, insetBlock, or insetInline is used, use the shorthand approach\n  // Initialize all directions to auto\n  let [topVal, rightVal, bottomVal, leftVal] = ['auto', 'auto', 'auto', 'auto'];\n\n  // Priority 1 (lowest): inset\n  if (inset != null) {\n    const { values, directions } = parseDirectionalInset(inset);\n\n    if (values.length) {\n      if (directions.length === 0) {\n        topVal = values[0];\n        rightVal = values[1] || values[0];\n        bottomVal = values[2] || values[0];\n        leftVal = values[3] || values[1] || values[0];\n      } else {\n        // Assign values to directions in the order they appear\n        // e.g., 'right 1x top 0' → right: 1x, top: 0\n        directions.forEach((dir, i) => {\n          const val = values[i] ?? values[0];\n          if (dir === 'top') topVal = val;\n          else if (dir === 'right') rightVal = val;\n          else if (dir === 'bottom') bottomVal = val;\n          else if (dir === 'left') leftVal = val;\n        });\n      }\n    }\n  }\n\n  // Priority 2 (medium): insetBlock/insetInline\n  if (insetBlock != null) {\n    const val = parseInsetValue(insetBlock);\n    if (val) topVal = bottomVal = val;\n  }\n  if (insetInline != null) {\n    const val = parseInsetValue(insetInline);\n    if (val) leftVal = rightVal = val;\n  }\n\n  // Priority 3 (highest): individual directions\n  if (top != null) {\n    const val = parseInsetValue(top);\n    if (val) topVal = val;\n  }\n  if (right != null) {\n    const val = parseInsetValue(right);\n    if (val) rightVal = val;\n  }\n  if (bottom != null) {\n    const val = parseInsetValue(bottom);\n    if (val) bottomVal = val;\n  }\n  if (left != null) {\n    const val = parseInsetValue(left);\n    if (val) leftVal = val;\n  }\n\n  // Optimize output: 1 value if all same, 2 values if top==bottom && left==right\n  if (topVal === rightVal && rightVal === bottomVal && bottomVal === leftVal) {\n    return { inset: topVal };\n  }\n  if (topVal === bottomVal && leftVal === rightVal) {\n    return { inset: `${topVal} ${leftVal}` };\n  }\n\n  return { inset: `${topVal} ${rightVal} ${bottomVal} ${leftVal}` };\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/inset.mjs

@@ -0,0 +1,142 @@
+import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.mjs";
+
+//#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";
+}
+/**
+* Parse inset value with optional directions (like "1x top" or "2x left right")
+*/
+function parseDirectionalInset(value) {
+	if (typeof value === "number") return {
+		values: [`${value}px`],
+		directions: []
+	};
+	if (!value) return {
+		values: [],
+		directions: []
+	};
+	if (value === true) value = "0";
+	const { values = [], mods = [] } = parseStyle(value).groups[0] ?? {};
+	return {
+		values: values.length ? values : ["0"],
+		directions: filterMods(mods, DIRECTIONS)
+	};
+}
+/**
+* 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;
+	}
+	let [topVal, rightVal, bottomVal, leftVal] = [
+		"auto",
+		"auto",
+		"auto",
+		"auto"
+	];
+	if (inset != null) {
+		const { values, directions } = parseDirectionalInset(inset);
+		if (values.length) if (directions.length === 0) {
+			topVal = values[0];
+			rightVal = values[1] || values[0];
+			bottomVal = values[2] || values[0];
+			leftVal = values[3] || values[1] || values[0];
+		} else directions.forEach((dir, i) => {
+			const val = values[i] ?? values[0];
+			if (dir === "top") topVal = val;
+			else if (dir === "right") rightVal = val;
+			else if (dir === "bottom") bottomVal = val;
+			else if (dir === "left") leftVal = val;
+		});
+	}
+	if (insetBlock != null) {
+		const val = parseInsetValue(insetBlock);
+		if (val) topVal = bottomVal = val;
+	}
+	if (insetInline != null) {
+		const val = parseInsetValue(insetInline);
+		if (val) leftVal = rightVal = val;
+	}
+	if (top != null) {
+		const val = parseInsetValue(top);
+		if (val) topVal = val;
+	}
+	if (right != null) {
+		const val = parseInsetValue(right);
+		if (val) rightVal = val;
+	}
+	if (bottom != null) {
+		const val = parseInsetValue(bottom);
+		if (val) bottomVal = val;
+	}
+	if (left != null) {
+		const val = parseInsetValue(left);
+		if (val) leftVal = val;
+	}
+	if (topVal === rightVal && rightVal === bottomVal && bottomVal === leftVal) return { inset: topVal };
+	if (topVal === bottomVal && leftVal === rightVal) return { inset: `${topVal} ${leftVal}` };
+	return { inset: `${topVal} ${rightVal} ${bottomVal} ${leftVal}` };
+}
+insetStyle.__lookupStyles = [
+	"inset",
+	"insetBlock",
+	"insetInline",
+	"top",
+	"right",
+	"bottom",
+	"left"
+];
+
+//#endregion
+export { insetStyle };
+//# sourceMappingURL=inset.mjs.map

package/dist/styles/inset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inset.mjs","names":[],"sources":["../../src/styles/inset.ts"],"sourcesContent":["import { DIRECTIONS, filterMods, parseStyle } from '../utils/styles';\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 * Parse inset value with optional directions (like \"1x top\" or \"2x left right\")\n */\nfunction parseDirectionalInset(value: string | number | boolean): {\n  values: string[];\n  directions: string[];\n} {\n  if (typeof value === 'number') {\n    return { values: [`${value}px`], directions: [] };\n  }\n  if (!value) return { values: [], directions: [] };\n  if (value === true) value = '0';\n\n  const { values = [], mods = [] } = parseStyle(value).groups[0] ?? {};\n\n  return {\n    values: values.length ? values : ['0'],\n    directions: filterMods(mods, DIRECTIONS),\n  };\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 no props are defined, return empty object\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  // When inset, insetBlock, or insetInline is used, use the shorthand approach\n  // Initialize all directions to auto\n  let [topVal, rightVal, bottomVal, leftVal] = ['auto', 'auto', 'auto', 'auto'];\n\n  // Priority 1 (lowest): inset\n  if (inset != null) {\n    const { values, directions } = parseDirectionalInset(inset);\n\n    if (values.length) {\n      if (directions.length === 0) {\n        topVal = values[0];\n        rightVal = values[1] || values[0];\n        bottomVal = values[2] || values[0];\n        leftVal = values[3] || values[1] || values[0];\n      } else {\n        // Assign values to directions in the order they appear\n        // e.g., 'right 1x top 0' → right: 1x, top: 0\n        directions.forEach((dir, i) => {\n          const val = values[i] ?? values[0];\n          if (dir === 'top') topVal = val;\n          else if (dir === 'right') rightVal = val;\n          else if (dir === 'bottom') bottomVal = val;\n          else if (dir === 'left') leftVal = val;\n        });\n      }\n    }\n  }\n\n  // Priority 2 (medium): insetBlock/insetInline\n  if (insetBlock != null) {\n    const val = parseInsetValue(insetBlock);\n    if (val) topVal = bottomVal = val;\n  }\n  if (insetInline != null) {\n    const val = parseInsetValue(insetInline);\n    if (val) leftVal = rightVal = val;\n  }\n\n  // Priority 3 (highest): individual directions\n  if (top != null) {\n    const val = parseInsetValue(top);\n    if (val) topVal = val;\n  }\n  if (right != null) {\n    const val = parseInsetValue(right);\n    if (val) rightVal = val;\n  }\n  if (bottom != null) {\n    const val = parseInsetValue(bottom);\n    if (val) bottomVal = val;\n  }\n  if (left != null) {\n    const val = parseInsetValue(left);\n    if (val) leftVal = val;\n  }\n\n  // Optimize output: 1 value if all same, 2 values if top==bottom && left==right\n  if (topVal === rightVal && rightVal === bottomVal && bottomVal === leftVal) {\n    return { inset: topVal };\n  }\n  if (topVal === bottomVal && leftVal === rightVal) {\n    return { inset: `${topVal} ${leftVal}` };\n  }\n\n  return { inset: `${topVal} ${rightVal} ${bottomVal} ${leftVal}` };\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: any;
+}): {
+  'justify-items': string;
+  'justify-content': string;
+} | undefined;
+declare namespace justifyStyle {
+  var __lookupStyles: string[];
+}
+//#endregion
+export { justifyStyle };
+//# sourceMappingURL=justify.d.ts.map