@cube-dev/ui-kit 0.118.0 → 0.119.0

package/dist/tasty/styles/list.js

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

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

@@ -1,29 +0,0 @@
-
-//#region src/tasty/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;
-}): {
-  margin?: undefined;
-} | {
-  margin: string;
-};
-declare namespace marginStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { marginStyle };
-//# sourceMappingURL=margin.d.ts.map

package/dist/tasty/styles/margin.js

@@ -1,97 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.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/tasty/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"}

package/dist/tasty/styles/outline.d.ts

@@ -1,30 +0,0 @@
-
-//#region src/tasty/styles/outline.d.ts
-interface OutlineStyleProps {
-  outline?: string | boolean | number;
-  outlineOffset?: string | number;
-}
-/**
- * Generates CSS for outline property with optional offset.
- *
- * Syntax:
- * - `outline="2px solid #red"` - outline only
- * - `outline="2px solid #red / 4px"` - outline with offset (slash separator)
- * - `outline="2px / 4px"` - width with offset (simpler form)
- * - `outline={true}` - default 1ow solid outline
- * - `outlineOffset="4px"` - offset as separate prop (can be combined with outline)
- *
- * Priority: slash syntax in outline takes precedence over outlineOffset prop
- *
- * @return CSS properties for outline and optionally outline-offset
- */
-declare function outlineStyle({
-  outline,
-  outlineOffset
-}: OutlineStyleProps): Record<string, string> | undefined;
-declare namespace outlineStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { outlineStyle };
-//# sourceMappingURL=outline.d.ts.map

package/dist/tasty/styles/outline.js

@@ -1,66 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { filterMods, parseStyle } from "../utils/styles.js";
-
-//#region src/tasty/styles/outline.ts
-const BORDER_STYLES = [
-	"none",
-	"hidden",
-	"dotted",
-	"dashed",
-	"solid",
-	"double",
-	"groove",
-	"ridge",
-	"inset",
-	"outset"
-];
-/**
-* Generates CSS for outline property with optional offset.
-*
-* Syntax:
-* - `outline="2px solid #red"` - outline only
-* - `outline="2px solid #red / 4px"` - outline with offset (slash separator)
-* - `outline="2px / 4px"` - width with offset (simpler form)
-* - `outline={true}` - default 1ow solid outline
-* - `outlineOffset="4px"` - offset as separate prop (can be combined with outline)
-*
-* Priority: slash syntax in outline takes precedence over outlineOffset prop
-*
-* @return CSS properties for outline and optionally outline-offset
-*/
-function outlineStyle({ outline, outlineOffset }) {
-	const result = {};
-	if (outline != null && outline !== false) {
-		let outlineValue = outline;
-		if (outline === true) outlineValue = "1ow";
-		if (outline === 0) outlineValue = "0";
-		const group = parseStyle(String(outlineValue)).groups[0];
-		if (group) {
-			const { parts } = group;
-			const outlinePart = parts[0] ?? {
-				values: [],
-				mods: [],
-				colors: []
-			};
-			const offsetPart = parts[1];
-			const typeMods = filterMods(outlinePart.mods, BORDER_STYLES);
-			result["outline"] = [
-				outlinePart.values[0] || "var(--outline-width)",
-				typeMods[0] || "solid",
-				outlinePart.colors[0] || "var(--outline-color)"
-			].join(" ");
-			if (offsetPart?.values[0]) result["outline-offset"] = offsetPart.values[0];
-		}
-	}
-	if (outlineOffset != null && !result["outline-offset"]) {
-		const offsetValue = typeof outlineOffset === "number" ? `${outlineOffset}px` : outlineOffset;
-		result["outline-offset"] = parseStyle(offsetValue).groups[0]?.values[0] || offsetValue;
-	}
-	if (Object.keys(result).length === 0) return;
-	return result;
-}
-outlineStyle.__lookupStyles = ["outline", "outlineOffset"];
-
-//#endregion
-export { outlineStyle };
-//# sourceMappingURL=outline.js.map

package/dist/tasty/styles/outline.js.map

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

package/dist/tasty/styles/padding.d.ts

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

package/dist/tasty/styles/padding.js

@@ -1,97 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { DIRECTIONS, filterMods, parseStyle } from "../utils/styles.js";
-
-//#region src/tasty/styles/padding.ts
-/**
-* Parse a padding value and return the first processed value
-*/
-function parsePaddingValue(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 padding value with optional directions (like "1x top" or "2x left right")
-*/
-function parseDirectionalPadding(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 paddingStyle({ padding, paddingBlock, paddingInline, paddingTop, paddingRight, paddingBottom, paddingLeft }) {
-	if (padding == null && paddingBlock == null && paddingInline == null && paddingTop == null && paddingRight == null && paddingBottom == null && paddingLeft == null) return {};
-	let [top, right, bottom, left] = [
-		"0",
-		"0",
-		"0",
-		"0"
-	];
-	if (padding != null) {
-		const { values, directions } = parseDirectionalPadding(padding);
-		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 (paddingBlock != null) {
-		const val = parsePaddingValue(paddingBlock);
-		if (val) top = bottom = val;
-	}
-	if (paddingInline != null) {
-		const val = parsePaddingValue(paddingInline);
-		if (val) left = right = val;
-	}
-	if (paddingTop != null) {
-		const val = parsePaddingValue(paddingTop);
-		if (val) top = val;
-	}
-	if (paddingRight != null) {
-		const val = parsePaddingValue(paddingRight);
-		if (val) right = val;
-	}
-	if (paddingBottom != null) {
-		const val = parsePaddingValue(paddingBottom);
-		if (val) bottom = val;
-	}
-	if (paddingLeft != null) {
-		const val = parsePaddingValue(paddingLeft);
-		if (val) left = val;
-	}
-	if (top === right && right === bottom && bottom === left) return { padding: top };
-	if (top === bottom && left === right) return { padding: `${top} ${left}` };
-	return { padding: `${top} ${right} ${bottom} ${left}` };
-}
-paddingStyle.__lookupStyles = [
-	"padding",
-	"paddingTop",
-	"paddingRight",
-	"paddingBottom",
-	"paddingLeft",
-	"paddingBlock",
-	"paddingInline"
-];
-
-//#endregion
-export { paddingStyle };
-//# sourceMappingURL=padding.js.map

package/dist/tasty/styles/padding.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"padding.js","names":[],"sources":["../../../src/tasty/styles/padding.ts"],"sourcesContent":["import { DIRECTIONS, filterMods, parseStyle } from '../utils/styles';\n\n/**\n * Parse a padding value and return the first processed value\n */\nfunction parsePaddingValue(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 padding value with optional directions (like \"1x top\" or \"2x left right\")\n */\nfunction parseDirectionalPadding(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 paddingStyle({\n  padding,\n  paddingBlock,\n  paddingInline,\n  paddingTop,\n  paddingRight,\n  paddingBottom,\n  paddingLeft,\n}: {\n  padding?: string | number | boolean;\n  paddingBlock?: string | number | boolean;\n  paddingInline?: string | number | boolean;\n  paddingTop?: string | number | boolean;\n  paddingRight?: string | number | boolean;\n  paddingBottom?: string | number | boolean;\n  paddingLeft?: string | number | boolean;\n}) {\n  // If no padding is defined, return empty object\n  if (\n    padding == null &&\n    paddingBlock == null &&\n    paddingInline == null &&\n    paddingTop == null &&\n    paddingRight == null &&\n    paddingBottom == null &&\n    paddingLeft == 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): padding\n  if (padding != null) {\n    const { values, directions } = parseDirectionalPadding(padding);\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): paddingBlock/paddingInline\n  if (paddingBlock != null) {\n    const val = parsePaddingValue(paddingBlock);\n    if (val) top = bottom = val;\n  }\n  if (paddingInline != null) {\n    const val = parsePaddingValue(paddingInline);\n    if (val) left = right = val;\n  }\n\n  // Priority 3 (highest): individual directions\n  if (paddingTop != null) {\n    const val = parsePaddingValue(paddingTop);\n    if (val) top = val;\n  }\n  if (paddingRight != null) {\n    const val = parsePaddingValue(paddingRight);\n    if (val) right = val;\n  }\n  if (paddingBottom != null) {\n    const val = parsePaddingValue(paddingBottom);\n    if (val) bottom = val;\n  }\n  if (paddingLeft != null) {\n    const val = parsePaddingValue(paddingLeft);\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 { padding: top };\n  }\n  if (top === bottom && left === right) {\n    return { padding: `${top} ${left}` };\n  }\n\n  return { padding: `${top} ${right} ${bottom} ${left}` };\n}\n\npaddingStyle.__lookupStyles = [\n  'padding',\n  'paddingTop',\n  'paddingRight',\n  'paddingBottom',\n  'paddingLeft',\n  'paddingBlock',\n  'paddingInline',\n];\n"],"mappings":";;;;;;;AAKA,SAAS,kBAAkB,OAAiD;AAC1E,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,wBAAwB,OAG/B;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,aAAa,EAC3B,SACA,cACA,eACA,YACA,cACA,eACA,eASC;AAED,KACE,WAAW,QACX,gBAAgB,QAChB,iBAAiB,QACjB,cAAc,QACd,gBAAgB,QAChB,iBAAiB,QACjB,eAAe,KAEf,QAAO,EAAE;CAIX,IAAI,CAAC,KAAK,OAAO,QAAQ,QAAQ;EAAC;EAAK;EAAK;EAAK;EAAI;AAGrD,KAAI,WAAW,MAAM;EACnB,MAAM,EAAE,QAAQ,eAAe,wBAAwB,QAAQ;AAE/D,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,gBAAgB,MAAM;EACxB,MAAM,MAAM,kBAAkB,aAAa;AAC3C,MAAI,IAAK,OAAM,SAAS;;AAE1B,KAAI,iBAAiB,MAAM;EACzB,MAAM,MAAM,kBAAkB,cAAc;AAC5C,MAAI,IAAK,QAAO,QAAQ;;AAI1B,KAAI,cAAc,MAAM;EACtB,MAAM,MAAM,kBAAkB,WAAW;AACzC,MAAI,IAAK,OAAM;;AAEjB,KAAI,gBAAgB,MAAM;EACxB,MAAM,MAAM,kBAAkB,aAAa;AAC3C,MAAI,IAAK,SAAQ;;AAEnB,KAAI,iBAAiB,MAAM;EACzB,MAAM,MAAM,kBAAkB,cAAc;AAC5C,MAAI,IAAK,UAAS;;AAEpB,KAAI,eAAe,MAAM;EACvB,MAAM,MAAM,kBAAkB,YAAY;AAC1C,MAAI,IAAK,QAAO;;AAIlB,KAAI,QAAQ,SAAS,UAAU,UAAU,WAAW,KAClD,QAAO,EAAE,SAAS,KAAK;AAEzB,KAAI,QAAQ,UAAU,SAAS,MAC7B,QAAO,EAAE,SAAS,GAAG,IAAI,GAAG,QAAQ;AAGtC,QAAO,EAAE,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ;;AAGzD,aAAa,iBAAiB;CAC5B;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/tasty/styles/predefined.d.ts

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