@cube-dev/ui-kit 0.117.0 → 0.119.0

package/dist/styles/display.js

@@ -1,68 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
-import { parseStyle } from "../utils/styles.js";
-
-//#region src/tasty/styles/display.ts
-/**
-* Handles display, hide, textOverflow, overflow, and whiteSpace styles.
-*
-* textOverflow syntax:
-* - `textOverflow="ellipsis"` - single-line truncation with ellipsis
-* - `textOverflow="ellipsis / 3"` - multi-line clamping (3 lines) with ellipsis
-* - `textOverflow="clip"` - single-line truncation with clip (no ellipsis)
-* - `textOverflow="clip / 2"` - multi-line clip (2 lines)
-* - `textOverflow={true}` or `textOverflow="initial"` - reset to initial
-*
-* Priority:
-* 1. `hide` takes precedence (display: none)
-* 2. Multi-line `textOverflow` forces display: -webkit-box
-* 3. Single-line `textOverflow` defaults white-space to nowrap, multi-line defaults to initial
-* 4. Explicit `whiteSpace` overrides the default white-space from `textOverflow`
-*/
-function displayStyle({ display, hide, textOverflow, overflow, whiteSpace }) {
-	const result = {};
-	if (textOverflow != null && textOverflow !== false) if (textOverflow === true || textOverflow === "initial") result["text-overflow"] = "initial";
-	else {
-		const group = parseStyle(String(textOverflow)).groups[0];
-		if (group) {
-			const { parts } = group;
-			const modePart = parts[0];
-			const clampPart = parts[1];
-			const hasEllipsis = modePart?.mods.includes("ellipsis");
-			const hasClip = modePart?.mods.includes("clip");
-			let clamp = 1;
-			if (clampPart?.values[0]) {
-				const parsed = parseInt(clampPart.values[0], 10);
-				if (!isNaN(parsed) && parsed > 0) clamp = parsed;
-			}
-			if (hasEllipsis || hasClip) {
-				result["overflow"] = "hidden";
-				result["text-overflow"] = hasEllipsis ? "ellipsis" : "clip";
-				if (clamp === 1) result["white-space"] = whiteSpace || "nowrap";
-				else {
-					result["display"] = "-webkit-box";
-					result["-webkit-box-orient"] = "vertical";
-					result["-webkit-line-clamp"] = clamp;
-					result["line-clamp"] = clamp;
-					result["white-space"] = whiteSpace || "initial";
-				}
-			}
-		}
-	}
-	if (overflow && !result["overflow"]) result["overflow"] = overflow;
-	if (whiteSpace && !result["white-space"]) result["white-space"] = whiteSpace;
-	if (hide) result["display"] = "none";
-	else if (!result["display"] && display) result["display"] = display;
-	if (Object.keys(result).length === 0) return;
-	return result;
-}
-displayStyle.__lookupStyles = [
-	"display",
-	"hide",
-	"textOverflow",
-	"overflow",
-	"whiteSpace"
-];
-
-//#endregion
-export { displayStyle };
-//# sourceMappingURL=display.js.map

package/dist/styles/display.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"display.js","names":[],"sources":["../../src/tasty/styles/display.ts"],"sourcesContent":["import { parseStyle } from '../utils/styles';\n\ninterface DisplayStyleProps {\n  display?: string;\n  hide?: boolean;\n  textOverflow?: string | boolean;\n  overflow?: string;\n  whiteSpace?: string;\n}\n\n/**\n * Handles display, hide, textOverflow, overflow, and whiteSpace styles.\n *\n * textOverflow syntax:\n * - `textOverflow=\"ellipsis\"` - single-line truncation with ellipsis\n * - `textOverflow=\"ellipsis / 3\"` - multi-line clamping (3 lines) with ellipsis\n * - `textOverflow=\"clip\"` - single-line truncation with clip (no ellipsis)\n * - `textOverflow=\"clip / 2\"` - multi-line clip (2 lines)\n * - `textOverflow={true}` or `textOverflow=\"initial\"` - reset to initial\n *\n * Priority:\n * 1. `hide` takes precedence (display: none)\n * 2. Multi-line `textOverflow` forces display: -webkit-box\n * 3. Single-line `textOverflow` defaults white-space to nowrap, multi-line defaults to initial\n * 4. Explicit `whiteSpace` overrides the default white-space from `textOverflow`\n */\nexport function displayStyle({\n  display,\n  hide,\n  textOverflow,\n  overflow,\n  whiteSpace,\n}: DisplayStyleProps) {\n  const result: Record<string, string | number> = {};\n\n  // Handle textOverflow first to determine required overrides\n  if (textOverflow != null && textOverflow !== false) {\n    // Boolean true or 'initial' → reset to initial\n    if (textOverflow === true || textOverflow === 'initial') {\n      result['text-overflow'] = 'initial';\n    } else {\n      const processed = parseStyle(String(textOverflow));\n      const group = processed.groups[0];\n\n      if (group) {\n        const { parts } = group;\n        const modePart = parts[0];\n        const clampPart = parts[1];\n\n        const hasEllipsis = modePart?.mods.includes('ellipsis');\n        const hasClip = modePart?.mods.includes('clip');\n\n        // Get clamp value from second part (after /)\n        let clamp = 1;\n        if (clampPart?.values[0]) {\n          const parsed = parseInt(clampPart.values[0], 10);\n          if (!isNaN(parsed) && parsed > 0) {\n            clamp = parsed;\n          }\n        }\n\n        if (hasEllipsis || hasClip) {\n          result['overflow'] = 'hidden';\n          result['text-overflow'] = hasEllipsis ? 'ellipsis' : 'clip';\n\n          if (clamp === 1) {\n            result['white-space'] = whiteSpace || 'nowrap';\n          } else {\n            result['display'] = '-webkit-box';\n            result['-webkit-box-orient'] = 'vertical';\n            result['-webkit-line-clamp'] = clamp;\n            result['line-clamp'] = clamp;\n            result['white-space'] = whiteSpace || 'initial';\n          }\n        }\n      }\n    }\n  }\n\n  // Apply user-specified values (only if not overridden by textOverflow)\n  if (overflow && !result['overflow']) {\n    result['overflow'] = overflow;\n  }\n  if (whiteSpace && !result['white-space']) {\n    result['white-space'] = whiteSpace;\n  }\n\n  // Handle display (hide > textOverflow > user value)\n  if (hide) {\n    result['display'] = 'none';\n  } else if (!result['display'] && display) {\n    result['display'] = display;\n  }\n\n  // Return undefined if no styles to apply\n  if (Object.keys(result).length === 0) {\n    return;\n  }\n\n  return result;\n}\n\ndisplayStyle.__lookupStyles = [\n  'display',\n  'hide',\n  'textOverflow',\n  'overflow',\n  'whiteSpace',\n];\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,aAAa,EAC3B,SACA,MACA,cACA,UACA,cACoB;CACpB,MAAM,SAA0C,EAAE;AAGlD,KAAI,gBAAgB,QAAQ,iBAAiB,MAE3C,KAAI,iBAAiB,QAAQ,iBAAiB,UAC5C,QAAO,mBAAmB;MACrB;EAEL,MAAM,QADY,WAAW,OAAO,aAAa,CAAC,CAC1B,OAAO;AAE/B,MAAI,OAAO;GACT,MAAM,EAAE,UAAU;GAClB,MAAM,WAAW,MAAM;GACvB,MAAM,YAAY,MAAM;GAExB,MAAM,cAAc,UAAU,KAAK,SAAS,WAAW;GACvD,MAAM,UAAU,UAAU,KAAK,SAAS,OAAO;GAG/C,IAAI,QAAQ;AACZ,OAAI,WAAW,OAAO,IAAI;IACxB,MAAM,SAAS,SAAS,UAAU,OAAO,IAAI,GAAG;AAChD,QAAI,CAAC,MAAM,OAAO,IAAI,SAAS,EAC7B,SAAQ;;AAIZ,OAAI,eAAe,SAAS;AAC1B,WAAO,cAAc;AACrB,WAAO,mBAAmB,cAAc,aAAa;AAErD,QAAI,UAAU,EACZ,QAAO,iBAAiB,cAAc;SACjC;AACL,YAAO,aAAa;AACpB,YAAO,wBAAwB;AAC/B,YAAO,wBAAwB;AAC/B,YAAO,gBAAgB;AACvB,YAAO,iBAAiB,cAAc;;;;;AAQhD,KAAI,YAAY,CAAC,OAAO,YACtB,QAAO,cAAc;AAEvB,KAAI,cAAc,CAAC,OAAO,eACxB,QAAO,iBAAiB;AAI1B,KAAI,KACF,QAAO,aAAa;UACX,CAAC,OAAO,cAAc,QAC/B,QAAO,aAAa;AAItB,KAAI,OAAO,KAAK,OAAO,CAAC,WAAW,EACjC;AAGF,QAAO;;AAGT,aAAa,iBAAiB;CAC5B;CACA;CACA;CACA;CACA;CACD"}

package/dist/styles/fade.js

@@ -1,58 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
-import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
-
-//#region src/tasty/styles/fade.ts
-const DIRECTION_MAP = {
-	right: "to left",
-	left: "to right",
-	top: "to bottom",
-	bottom: "to top"
-};
-const DEFAULT_TRANSPARENT_COLOR = "rgb(0 0 0 / 0)";
-const DEFAULT_OPAQUE_COLOR = "rgb(0 0 0 / 1)";
-/**
-* Process a single group and return gradient strings for its directions.
-*/
-function processGroup(group, isOnlyGroup) {
-	let { values, mods, colors } = group;
-	let directions = filterMods(mods, DIRECTIONS);
-	if (!values.length) values = ["calc(2 * var(--gap))"];
-	if (!directions.length) if (isOnlyGroup) directions = [
-		"top",
-		"right",
-		"bottom",
-		"left"
-	];
-	else return [];
-	const transparentColor = colors?.[0] || DEFAULT_TRANSPARENT_COLOR;
-	const opaqueColor = colors?.[1] || DEFAULT_OPAQUE_COLOR;
-	return directions.map((direction, index) => {
-		const size = values[index] || values[index % 2] || values[0];
-		return `linear-gradient(${DIRECTION_MAP[direction]}, ${transparentColor} 0%, ${opaqueColor} ${size})`;
-	});
-}
-function fadeStyle({ fade }) {
-	if (!fade) return;
-	const groups = parseStyle(fade).groups ?? [];
-	if (!groups.length) return;
-	const isOnlyGroup = groups.length === 1;
-	const gradients = [];
-	for (const group of groups) {
-		const groupGradients = processGroup({
-			values: group.values ?? [],
-			mods: group.mods ?? [],
-			colors: group.colors ?? []
-		}, isOnlyGroup);
-		gradients.push(...groupGradients);
-	}
-	if (!gradients.length) return;
-	return {
-		mask: gradients.join(", "),
-		"mask-composite": "intersect"
-	};
-}
-fadeStyle.__lookupStyles = ["fade"];
-
-//#endregion
-export { fadeStyle };
-//# sourceMappingURL=fade.js.map

package/dist/styles/fade.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fade.js","names":[],"sources":["../../src/tasty/styles/fade.ts"],"sourcesContent":["import { DIRECTIONS, filterMods, parseStyle } from '../utils/styles';\n\nconst DIRECTION_MAP: Record<(typeof DIRECTIONS)[number], string> = {\n  right: 'to left',\n  left: 'to right',\n  top: 'to bottom',\n  bottom: 'to top',\n};\n\n// Default mask colors (standard black with alpha for gradient masks)\nconst DEFAULT_TRANSPARENT_COLOR = 'rgb(0 0 0 / 0)';\nconst DEFAULT_OPAQUE_COLOR = 'rgb(0 0 0 / 1)';\n\ninterface GroupData {\n  values: string[];\n  mods: string[];\n  colors: string[];\n}\n\n/**\n * Process a single group and return gradient strings for its directions.\n */\nfunction processGroup(group: GroupData, isOnlyGroup: boolean): string[] {\n  let { values, mods, colors } = group;\n\n  let directions = filterMods(\n    mods,\n    DIRECTIONS,\n  ) as (typeof DIRECTIONS)[number][];\n\n  if (!values.length) {\n    values = ['calc(2 * var(--gap))'];\n  }\n\n  // If this is the only group and no directions specified, apply to all edges\n  if (!directions.length) {\n    if (isOnlyGroup) {\n      directions = ['top', 'right', 'bottom', 'left'];\n    } else {\n      // For multi-group without explicit direction, skip this group\n      return [];\n    }\n  }\n\n  // Extract colors: first = transparent mask color, second = opaque mask color\n  const transparentColor = colors?.[0] || DEFAULT_TRANSPARENT_COLOR;\n  const opaqueColor = colors?.[1] || DEFAULT_OPAQUE_COLOR;\n\n  return directions.map(\n    (direction: (typeof DIRECTIONS)[number], index: number) => {\n      const size = values[index] || values[index % 2] || values[0];\n\n      return `linear-gradient(${DIRECTION_MAP[direction]}, ${transparentColor} 0%, ${opaqueColor} ${size})`;\n    },\n  );\n}\n\nexport function fadeStyle({ fade }) {\n  if (!fade) return;\n\n  const processed = parseStyle(fade);\n  const groups: GroupData[] = processed.groups ?? [];\n\n  if (!groups.length) return;\n\n  const isOnlyGroup = groups.length === 1;\n\n  // Process all groups and collect gradients\n  const gradients: string[] = [];\n\n  for (const group of groups) {\n    const groupGradients = processGroup(\n      {\n        values: group.values ?? [],\n        mods: group.mods ?? [],\n        colors: group.colors ?? [],\n      },\n      isOnlyGroup,\n    );\n    gradients.push(...groupGradients);\n  }\n\n  if (!gradients.length) return;\n\n  return {\n    mask: gradients.join(', '),\n    'mask-composite': 'intersect',\n  };\n}\n\nfadeStyle.__lookupStyles = ['fade'];\n"],"mappings":";;;;AAEA,MAAM,gBAA6D;CACjE,OAAO;CACP,MAAM;CACN,KAAK;CACL,QAAQ;CACT;AAGD,MAAM,4BAA4B;AAClC,MAAM,uBAAuB;;;;AAW7B,SAAS,aAAa,OAAkB,aAAgC;CACtE,IAAI,EAAE,QAAQ,MAAM,WAAW;CAE/B,IAAI,aAAa,WACf,MACA,WACD;AAED,KAAI,CAAC,OAAO,OACV,UAAS,CAAC,uBAAuB;AAInC,KAAI,CAAC,WAAW,OACd,KAAI,YACF,cAAa;EAAC;EAAO;EAAS;EAAU;EAAO;KAG/C,QAAO,EAAE;CAKb,MAAM,mBAAmB,SAAS,MAAM;CACxC,MAAM,cAAc,SAAS,MAAM;AAEnC,QAAO,WAAW,KACf,WAAwC,UAAkB;EACzD,MAAM,OAAO,OAAO,UAAU,OAAO,QAAQ,MAAM,OAAO;AAE1D,SAAO,mBAAmB,cAAc,WAAW,IAAI,iBAAiB,OAAO,YAAY,GAAG,KAAK;GAEtG;;AAGH,SAAgB,UAAU,EAAE,QAAQ;AAClC,KAAI,CAAC,KAAM;CAGX,MAAM,SADY,WAAW,KAAK,CACI,UAAU,EAAE;AAElD,KAAI,CAAC,OAAO,OAAQ;CAEpB,MAAM,cAAc,OAAO,WAAW;CAGtC,MAAM,YAAsB,EAAE;AAE9B,MAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,iBAAiB,aACrB;GACE,QAAQ,MAAM,UAAU,EAAE;GAC1B,MAAM,MAAM,QAAQ,EAAE;GACtB,QAAQ,MAAM,UAAU,EAAE;GAC3B,EACD,YACD;AACD,YAAU,KAAK,GAAG,eAAe;;AAGnC,KAAI,CAAC,UAAU,OAAQ;AAEvB,QAAO;EACL,MAAM,UAAU,KAAK,KAAK;EAC1B,kBAAkB;EACnB;;AAGH,UAAU,iBAAiB,CAAC,OAAO"}

package/dist/styles/fill.js

@@ -1,52 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
-import { parseStyle } from "../utils/styles.js";
-
-//#region src/tasty/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 && !backgroundImage && !image) {
-			result["--tasty-second-fill-color"] = secondColor;
-			result["background-image"] = "linear-gradient(var(--tasty-second-fill-color), var(--tasty-second-fill-color))";
-		}
-	}
-	const imageValue = backgroundImage ?? image;
-	if (imageValue) result["background-image"] = parseStyle(imageValue).output || imageValue;
-	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/tasty/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  // 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    // Apply second color as gradient layer (only if no explicit backgroundImage/image)\n    // Uses a registered custom property to enable CSS transitions\n    if (secondColor && !backgroundImage && !image) {\n      result['--tasty-second-fill-color'] = secondColor;\n      result['background-image'] =\n        'linear-gradient(var(--tasty-second-fill-color), var(--tasty-second-fill-color))';\n    }\n  }\n\n  // Priority: backgroundImage > image (overrides second fill color if set)\n  const imageValue = backgroundImage ?? image;\n  if (imageValue) {\n    const parsed = parseStyle(imageValue);\n    result['background-image'] = parsed.output || imageValue;\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 }) {\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,cACC;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;AAI3C,MAAI,eAAe,CAAC,mBAAmB,CAAC,OAAO;AAC7C,UAAO,+BAA+B;AACtC,UAAO,sBACL;;;CAKN,MAAM,aAAa,mBAAmB;AACtC,KAAI,WAEF,QAAO,sBADQ,WAAW,WAAW,CACD,UAAU;AAIhD,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,WAAW;AACxC,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.js

@@ -1,13 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
-//#region src/tasty/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/tasty/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.js

@@ -1,37 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
-import { parseStyle } from "../utils/styles.js";
-
-//#region src/tasty/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] ?? { values: [] };
-	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/tasty/styles/gap.ts"],"sourcesContent":["import { 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] ?? ({ values: [] } as any);\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":";;;;AAEA,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,MAAO,EAAE,QAAQ,EAAE,EAAE;AAEzD,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.js

@@ -1,21 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
-import { dimensionStyle } from "./dimension.js";
-
-//#region src/tasty/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/tasty/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.js

@@ -1,10 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
-import { convertColorChainToRgbChain, createStyle } from "./createStyle.js";
-import { normalizeHandlerDefinition, predefine, registerHandler } from "./predefined.js";
-
-//#region src/tasty/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/tasty/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.js

@@ -1,143 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
-import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
-
-//#region src/tasty/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

@@ -1 +0,0 @@
-{"version":3,"file":"inset.js","names":[],"sources":["../../src/tasty/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.js

@@ -1,15 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
-//#region src/tasty/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/tasty/styles/justify.ts"],"sourcesContent":["export function justifyStyle({ justify }) {\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,WAAW;AACxC,KAAI,OAAO,YAAY,SAAU;AAEjC,KAAI,CAAC,QAAS;AAEd,QAAO;EACL,iBAAiB;EACjB,mBAAmB;EACpB;;AAGH,aAAa,iBAAiB,CAAC,UAAU"}

package/dist/styles/margin.js

@@ -1,97 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.117.0 | Cube Dev Team */
-import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
-
-//#region src/tasty/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)";
-}
-/**
-* Parse margin value with optional directions (like "1x top" or "2x left right")
-*/
-function parseDirectionalMargin(value) {
-	if (typeof value === "number") return {
-		values: [`${value}px`],
-		directions: []
-	};
-	if (!value) return {
-		values: [],
-		directions: []
-	};
-	if (value === true) value = "1x";
-	const { values = [], mods = [] } = parseStyle(value).groups[0] ?? {};
-	return {
-		values: values.length ? values : ["var(--gap)"],
-		directions: filterMods(mods, DIRECTIONS)
-	};
-}
-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 {};
-	let [top, right, bottom, left] = [
-		"0",
-		"0",
-		"0",
-		"0"
-	];
-	if (margin != null) {
-		const { values, directions } = parseDirectionalMargin(margin);
-		if (values.length) if (directions.length === 0) {
-			top = values[0];
-			right = values[1] || values[0];
-			bottom = values[2] || values[0];
-			left = values[3] || values[1] || values[0];
-		} else directions.forEach((dir, i) => {
-			const val = values[i] ?? values[0];
-			if (dir === "top") top = val;
-			else if (dir === "right") right = val;
-			else if (dir === "bottom") bottom = val;
-			else if (dir === "left") left = val;
-		});
-	}
-	if (marginBlock != null) {
-		const val = parseMarginValue(marginBlock);
-		if (val) top = bottom = val;
-	}
-	if (marginInline != null) {
-		const val = parseMarginValue(marginInline);
-		if (val) left = right = val;
-	}
-	if (marginTop != null) {
-		const val = parseMarginValue(marginTop);
-		if (val) top = val;
-	}
-	if (marginRight != null) {
-		const val = parseMarginValue(marginRight);
-		if (val) right = val;
-	}
-	if (marginBottom != null) {
-		const val = parseMarginValue(marginBottom);
-		if (val) bottom = val;
-	}
-	if (marginLeft != null) {
-		const val = parseMarginValue(marginLeft);
-		if (val) left = val;
-	}
-	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}` };
-}
-marginStyle.__lookupStyles = [
-	"margin",
-	"marginTop",
-	"marginRight",
-	"marginBottom",
-	"marginLeft",
-	"marginBlock",
-	"marginInline"
-];
-
-//#endregion
-export { marginStyle };
-//# sourceMappingURL=margin.js.map

package/dist/styles/margin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"margin.js","names":[],"sources":["../../src/tasty/styles/margin.ts"],"sourcesContent":["import { DIRECTIONS, filterMods, parseStyle } from '../utils/styles';\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 * Parse margin value with optional directions (like \"1x top\" or \"2x left right\")\n */\nfunction parseDirectionalMargin(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 = '1x';\n\n  const { values = [], mods = [] } = parseStyle(value).groups[0] ?? {};\n\n  return {\n    values: values.length ? values : ['var(--gap)'],\n    directions: filterMods(mods, DIRECTIONS),\n  };\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 no margin is defined, return empty object\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  // Initialize all directions to 0\n  let [top, right, bottom, left] = ['0', '0', '0', '0'];\n\n  // Priority 1 (lowest): margin\n  if (margin != null) {\n    const { values, directions } = parseDirectionalMargin(margin);\n\n    if (values.length) {\n      if (directions.length === 0) {\n        top = values[0];\n        right = values[1] || values[0];\n        bottom = values[2] || values[0];\n        left = values[3] || values[1] || values[0];\n      } else {\n        // Assign values to directions in the order they appear\n        // e.g., 'right 1x top 2x' → right: 1x, top: 2x\n        directions.forEach((dir, i) => {\n          const val = values[i] ?? values[0];\n          if (dir === 'top') top = val;\n          else if (dir === 'right') right = val;\n          else if (dir === 'bottom') bottom = val;\n          else if (dir === 'left') left = val;\n        });\n      }\n    }\n  }\n\n  // Priority 2 (medium): marginBlock/marginInline\n  if (marginBlock != null) {\n    const val = parseMarginValue(marginBlock);\n    if (val) top = bottom = val;\n  }\n  if (marginInline != null) {\n    const val = parseMarginValue(marginInline);\n    if (val) left = right = val;\n  }\n\n  // Priority 3 (highest): individual directions\n  if (marginTop != null) {\n    const val = parseMarginValue(marginTop);\n    if (val) top = val;\n  }\n  if (marginRight != null) {\n    const val = parseMarginValue(marginRight);\n    if (val) right = val;\n  }\n  if (marginBottom != null) {\n    const val = parseMarginValue(marginBottom);\n    if (val) bottom = val;\n  }\n  if (marginLeft != null) {\n    const val = parseMarginValue(marginLeft);\n    if (val) left = val;\n  }\n\n  // Optimize output: 1 value if all same, 2 values if top==bottom && left==right\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\n  return { margin: `${top} ${right} ${bottom} ${left}` };\n}\n\nmarginStyle.__lookupStyles = [\n  'margin',\n  'marginTop',\n  'marginRight',\n  'marginBottom',\n  'marginLeft',\n  'marginBlock',\n  'marginInline',\n];\n"],"mappings":";;;;;;;AAKA,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,uBAAuB,OAG9B;AACA,KAAI,OAAO,UAAU,SACnB,QAAO;EAAE,QAAQ,CAAC,GAAG,MAAM,IAAI;EAAE,YAAY,EAAE;EAAE;AAEnD,KAAI,CAAC,MAAO,QAAO;EAAE,QAAQ,EAAE;EAAE,YAAY,EAAE;EAAE;AACjD,KAAI,UAAU,KAAM,SAAQ;CAE5B,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,WAAW,MAAM,CAAC,OAAO,MAAM,EAAE;AAEpE,QAAO;EACL,QAAQ,OAAO,SAAS,SAAS,CAAC,aAAa;EAC/C,YAAY,WAAW,MAAM,WAAW;EACzC;;AAGH,SAAgB,YAAY,EAC1B,QACA,aACA,cACA,WACA,aACA,cACA,cASC;AAED,KACE,UAAU,QACV,eAAe,QACf,gBAAgB,QAChB,aAAa,QACb,eAAe,QACf,gBAAgB,QAChB,cAAc,KAEd,QAAO,EAAE;CAIX,IAAI,CAAC,KAAK,OAAO,QAAQ,QAAQ;EAAC;EAAK;EAAK;EAAK;EAAI;AAGrD,KAAI,UAAU,MAAM;EAClB,MAAM,EAAE,QAAQ,eAAe,uBAAuB,OAAO;AAE7D,MAAI,OAAO,OACT,KAAI,WAAW,WAAW,GAAG;AAC3B,SAAM,OAAO;AACb,WAAQ,OAAO,MAAM,OAAO;AAC5B,YAAS,OAAO,MAAM,OAAO;AAC7B,UAAO,OAAO,MAAM,OAAO,MAAM,OAAO;QAIxC,YAAW,SAAS,KAAK,MAAM;GAC7B,MAAM,MAAM,OAAO,MAAM,OAAO;AAChC,OAAI,QAAQ,MAAO,OAAM;YAChB,QAAQ,QAAS,SAAQ;YACzB,QAAQ,SAAU,UAAS;YAC3B,QAAQ,OAAQ,QAAO;IAChC;;AAMR,KAAI,eAAe,MAAM;EACvB,MAAM,MAAM,iBAAiB,YAAY;AACzC,MAAI,IAAK,OAAM,SAAS;;AAE1B,KAAI,gBAAgB,MAAM;EACxB,MAAM,MAAM,iBAAiB,aAAa;AAC1C,MAAI,IAAK,QAAO,QAAQ;;AAI1B,KAAI,aAAa,MAAM;EACrB,MAAM,MAAM,iBAAiB,UAAU;AACvC,MAAI,IAAK,OAAM;;AAEjB,KAAI,eAAe,MAAM;EACvB,MAAM,MAAM,iBAAiB,YAAY;AACzC,MAAI,IAAK,SAAQ;;AAEnB,KAAI,gBAAgB,MAAM;EACxB,MAAM,MAAM,iBAAiB,aAAa;AAC1C,MAAI,IAAK,UAAS;;AAEpB,KAAI,cAAc,MAAM;EACtB,MAAM,MAAM,iBAAiB,WAAW;AACxC,MAAI,IAAK,QAAO;;AAIlB,KAAI,QAAQ,SAAS,UAAU,UAAU,WAAW,KAClD,QAAO,EAAE,QAAQ,KAAK;AAExB,KAAI,QAAQ,UAAU,SAAS,MAC7B,QAAO,EAAE,QAAQ,GAAG,IAAI,GAAG,QAAQ;AAGrC,QAAO,EAAE,QAAQ,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ;;AAGxD,YAAY,iBAAiB;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}