@cube-dev/ui-kit 0.118.0 → 0.119.0

package/dist/tasty/styles/scrollbar.js

@@ -1,109 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { parseStyle } from "../utils/styles.js";
-
-//#region src/tasty/styles/scrollbar.ts
-/**
-* Creates cross-browser compatible scrollbar styles
-*
-* Supports both Firefox (scrollbar-width, scrollbar-color) and
-* WebKit/Chromium browsers (::-webkit-scrollbar)
-*/
-function scrollbarStyle({ scrollbar, overflow }) {
-	if (!scrollbar && scrollbar !== 0) return;
-	const value = scrollbar === true || scrollbar === "" ? "thin" : scrollbar;
-	const { mods, colors, values } = parseStyle(String(value)).groups[0] ?? {
-		mods: [],
-		colors: [],
-		values: []
-	};
-	const style = {};
-	const defaultThumbColor = "var(--scrollbar-thumb-color)";
-	const defaultTrackColor = "var(--scrollbar-track-color, transparent)";
-	style["scrollbar-color"] = `${defaultThumbColor} transparent`;
-	const sizeValue = values[0] || "8px";
-	if (mods.includes("thin")) style["scrollbar-width"] = "thin";
-	else if (mods.includes("none")) {
-		style["scrollbar-width"] = "none";
-		delete style["scrollbar-color"];
-		style["&::-webkit-scrollbar"] = {
-			width: "0px",
-			height: "0px",
-			display: "none"
-		};
-		return style;
-	} else if (mods.includes("auto")) style["scrollbar-width"] = "auto";
-	if (mods.includes("stable") || mods.includes("both-edges")) style["scrollbar-gutter"] = mods.includes("both-edges") ? "stable both-edges" : "stable";
-	if (sizeValue) style["&::-webkit-scrollbar"] = {
-		...style["&::-webkit-scrollbar"] || {},
-		width: sizeValue,
-		height: sizeValue
-	};
-	const thumbColor = colors && colors[0] ? colors[0] : defaultThumbColor;
-	const trackColor = colors && colors[1] ? colors[1] : defaultTrackColor;
-	const cornerColor = colors && colors[2] ? colors[2] : trackColor;
-	if (colors && colors.length) {
-		style["scrollbar-color"] = `${thumbColor} ${trackColor}`;
-		if (!style["&::-webkit-scrollbar"]) style["&::-webkit-scrollbar"] = {};
-		style["&::-webkit-scrollbar"]["background"] = trackColor;
-		style["&::-webkit-scrollbar-track"] = {
-			...style["&::-webkit-scrollbar-track"] || {},
-			background: trackColor
-		};
-		style["&::-webkit-scrollbar-thumb"] = {
-			...style["&::-webkit-scrollbar-thumb"] || {},
-			background: thumbColor
-		};
-		style["&::-webkit-scrollbar-corner"] = {
-			...style["&::-webkit-scrollbar-corner"] || {},
-			background: cornerColor
-		};
-	}
-	if (mods.includes("always")) {
-		style["overflow"] = overflow || "scroll";
-		if (!style["scrollbar-gutter"]) style["scrollbar-gutter"] = "stable";
-		if (!style["&::-webkit-scrollbar"]) style["&::-webkit-scrollbar"] = {};
-		style["&::-webkit-scrollbar"]["display"] = "block";
-	}
-	if (mods.includes("styled")) {
-		const baseTransition = [
-			"background var(--transition)",
-			"border-radius var(--transition)",
-			"box-shadow var(--transition)",
-			"width var(--transition)",
-			"height var(--transition)",
-			"border var(--transition)"
-		].join(", ");
-		style["scrollbar-width"] = style["scrollbar-width"] || "thin";
-		style["scrollbar-color"] = style["scrollbar-color"] || `${defaultThumbColor} ${defaultTrackColor}`;
-		style["&::-webkit-scrollbar"] = {
-			width: sizeValue,
-			height: sizeValue,
-			transition: baseTransition,
-			background: defaultTrackColor,
-			...style["&::-webkit-scrollbar"] || {}
-		};
-		style["&::-webkit-scrollbar-thumb"] = {
-			"border-radius": "8px",
-			"min-height": "24px",
-			transition: baseTransition,
-			background: defaultThumbColor,
-			...style["&::-webkit-scrollbar-thumb"] || {}
-		};
-		style["&::-webkit-scrollbar-track"] = {
-			background: defaultTrackColor,
-			transition: baseTransition,
-			...style["&::-webkit-scrollbar-track"] || {}
-		};
-		style["&::-webkit-scrollbar-corner"] = {
-			background: defaultTrackColor,
-			transition: baseTransition,
-			...style["&::-webkit-scrollbar-corner"] || {}
-		};
-	}
-	return style;
-}
-scrollbarStyle.__lookupStyles = ["scrollbar", "overflow"];
-
-//#endregion
-export { scrollbarStyle };
-//# sourceMappingURL=scrollbar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"scrollbar.js","names":[],"sources":["../../../src/tasty/styles/scrollbar.ts"],"sourcesContent":["import { parseStyle } from '../utils/styles';\n\ninterface ScrollbarStyleProps {\n  scrollbar?: string | boolean | number;\n  overflow?: string;\n}\n\n/**\n * Creates cross-browser compatible scrollbar styles\n *\n * Supports both Firefox (scrollbar-width, scrollbar-color) and\n * WebKit/Chromium browsers (::-webkit-scrollbar)\n */\nexport function scrollbarStyle({ scrollbar, overflow }: ScrollbarStyleProps) {\n  // Check if scrollbar is defined\n  if (!scrollbar && scrollbar !== 0) return;\n\n  // Support true as alias for thin\n  const value = scrollbar === true || scrollbar === '' ? 'thin' : scrollbar;\n  const processed = parseStyle(String(value));\n  const { mods, colors, values } =\n    processed.groups[0] ?? ({ mods: [], colors: [], values: [] } as any);\n  const style = {};\n\n  // Default colors for scrollbar\n  const defaultThumbColor = 'var(--scrollbar-thumb-color)';\n  const defaultTrackColor = 'var(--scrollbar-track-color, transparent)';\n\n  // Setup default Firefox scrollbar style\n  style['scrollbar-color'] = `${defaultThumbColor} transparent`;\n\n  // Default scrollbar size\n  const defaultSize = '8px';\n  const sizeValue = values[0] || defaultSize;\n\n  // Process modifiers\n  if (mods.includes('thin')) {\n    style['scrollbar-width'] = 'thin';\n  } else if (mods.includes('none')) {\n    style['scrollbar-width'] = 'none';\n    // Remove scrollbar-color as it's not needed when scrollbar is hidden\n    delete style['scrollbar-color'];\n    // Also hide WebKit scrollbars\n    style['&::-webkit-scrollbar'] = {\n      width: '0px',\n      height: '0px',\n      display: 'none',\n    };\n\n    return style;\n  } else if (mods.includes('auto')) {\n    style['scrollbar-width'] = 'auto';\n  }\n\n  // Handle scrollbar gutter behavior\n  if (mods.includes('stable') || mods.includes('both-edges')) {\n    // scrollbar-gutter is supported in newer browsers only\n    style['scrollbar-gutter'] = mods.includes('both-edges')\n      ? 'stable both-edges'\n      : 'stable';\n  }\n\n  // Custom size setup for WebKit\n  if (sizeValue) {\n    style['&::-webkit-scrollbar'] = {\n      ...(style['&::-webkit-scrollbar'] || {}),\n      width: sizeValue,\n      height: sizeValue,\n    };\n  }\n\n  // Extract colors (support up to 3: thumb, track, corner)\n  // These will be used in various places throughout the function\n  const thumbColor = colors && colors[0] ? colors[0] : defaultThumbColor;\n  const trackColor = colors && colors[1] ? colors[1] : defaultTrackColor;\n  const cornerColor = colors && colors[2] ? colors[2] : trackColor;\n\n  // Apply colors if they are specified\n  if (colors && colors.length) {\n    // Firefox\n    style['scrollbar-color'] = `${thumbColor} ${trackColor}`;\n\n    // WebKit - always set these for consistency\n    if (!style['&::-webkit-scrollbar']) {\n      style['&::-webkit-scrollbar'] = {};\n    }\n    style['&::-webkit-scrollbar']['background'] = trackColor;\n\n    style['&::-webkit-scrollbar-track'] = {\n      ...(style['&::-webkit-scrollbar-track'] || {}),\n      background: trackColor,\n    };\n\n    style['&::-webkit-scrollbar-thumb'] = {\n      ...(style['&::-webkit-scrollbar-thumb'] || {}),\n      background: thumbColor,\n    };\n\n    style['&::-webkit-scrollbar-corner'] = {\n      ...(style['&::-webkit-scrollbar-corner'] || {}),\n      background: cornerColor,\n    };\n  }\n\n  // Handle 'always' mode: force scrollbars to show\n  if (mods.includes('always')) {\n    style['overflow'] = overflow || 'scroll';\n\n    // Use auto for WebKit browsers since they don't support 'always'\n    // This is closer to the expected behavior\n    if (!style['scrollbar-gutter']) {\n      style['scrollbar-gutter'] = 'stable';\n    }\n\n    // Ensure scrollbars appear in WebKit even with little content\n    if (!style['&::-webkit-scrollbar']) {\n      style['&::-webkit-scrollbar'] = {};\n    }\n    style['&::-webkit-scrollbar']['display'] = 'block';\n  }\n\n  // Enhanced 'styled' mode with better transitions and appearance\n  if (mods.includes('styled')) {\n    const baseTransition = [\n      'background var(--transition)',\n      'border-radius var(--transition)',\n      'box-shadow var(--transition)',\n      'width var(--transition)',\n      'height var(--transition)',\n      'border var(--transition)',\n    ].join(', ');\n\n    // Firefox\n    style['scrollbar-width'] = style['scrollbar-width'] || 'thin';\n    style['scrollbar-color'] =\n      style['scrollbar-color'] || `${defaultThumbColor} ${defaultTrackColor}`;\n\n    // WebKit\n    style['&::-webkit-scrollbar'] = {\n      width: sizeValue,\n      height: sizeValue,\n      transition: baseTransition,\n      background: defaultTrackColor,\n      ...(style['&::-webkit-scrollbar'] || {}),\n    };\n\n    style['&::-webkit-scrollbar-thumb'] = {\n      'border-radius': '8px',\n      'min-height': '24px',\n      transition: baseTransition,\n      background: defaultThumbColor,\n      ...(style['&::-webkit-scrollbar-thumb'] || {}),\n    };\n\n    style['&::-webkit-scrollbar-track'] = {\n      background: defaultTrackColor,\n      transition: baseTransition,\n      ...(style['&::-webkit-scrollbar-track'] || {}),\n    };\n\n    style['&::-webkit-scrollbar-corner'] = {\n      background: defaultTrackColor,\n      transition: baseTransition,\n      ...(style['&::-webkit-scrollbar-corner'] || {}),\n    };\n  }\n\n  return style;\n}\n\nscrollbarStyle.__lookupStyles = ['scrollbar', 'overflow'];\n"],"mappings":";;;;;;;;;;AAaA,SAAgB,eAAe,EAAE,WAAW,YAAiC;AAE3E,KAAI,CAAC,aAAa,cAAc,EAAG;CAGnC,MAAM,QAAQ,cAAc,QAAQ,cAAc,KAAK,SAAS;CAEhE,MAAM,EAAE,MAAM,QAAQ,WADJ,WAAW,OAAO,MAAM,CAAC,CAE/B,OAAO,MAAO;EAAE,MAAM,EAAE;EAAE,QAAQ,EAAE;EAAE,QAAQ,EAAE;EAAE;CAC9D,MAAM,QAAQ,EAAE;CAGhB,MAAM,oBAAoB;CAC1B,MAAM,oBAAoB;AAG1B,OAAM,qBAAqB,GAAG,kBAAkB;CAIhD,MAAM,YAAY,OAAO,MADL;AAIpB,KAAI,KAAK,SAAS,OAAO,CACvB,OAAM,qBAAqB;UAClB,KAAK,SAAS,OAAO,EAAE;AAChC,QAAM,qBAAqB;AAE3B,SAAO,MAAM;AAEb,QAAM,0BAA0B;GAC9B,OAAO;GACP,QAAQ;GACR,SAAS;GACV;AAED,SAAO;YACE,KAAK,SAAS,OAAO,CAC9B,OAAM,qBAAqB;AAI7B,KAAI,KAAK,SAAS,SAAS,IAAI,KAAK,SAAS,aAAa,CAExD,OAAM,sBAAsB,KAAK,SAAS,aAAa,GACnD,sBACA;AAIN,KAAI,UACF,OAAM,0BAA0B;EAC9B,GAAI,MAAM,2BAA2B,EAAE;EACvC,OAAO;EACP,QAAQ;EACT;CAKH,MAAM,aAAa,UAAU,OAAO,KAAK,OAAO,KAAK;CACrD,MAAM,aAAa,UAAU,OAAO,KAAK,OAAO,KAAK;CACrD,MAAM,cAAc,UAAU,OAAO,KAAK,OAAO,KAAK;AAGtD,KAAI,UAAU,OAAO,QAAQ;AAE3B,QAAM,qBAAqB,GAAG,WAAW,GAAG;AAG5C,MAAI,CAAC,MAAM,wBACT,OAAM,0BAA0B,EAAE;AAEpC,QAAM,wBAAwB,gBAAgB;AAE9C,QAAM,gCAAgC;GACpC,GAAI,MAAM,iCAAiC,EAAE;GAC7C,YAAY;GACb;AAED,QAAM,gCAAgC;GACpC,GAAI,MAAM,iCAAiC,EAAE;GAC7C,YAAY;GACb;AAED,QAAM,iCAAiC;GACrC,GAAI,MAAM,kCAAkC,EAAE;GAC9C,YAAY;GACb;;AAIH,KAAI,KAAK,SAAS,SAAS,EAAE;AAC3B,QAAM,cAAc,YAAY;AAIhC,MAAI,CAAC,MAAM,oBACT,OAAM,sBAAsB;AAI9B,MAAI,CAAC,MAAM,wBACT,OAAM,0BAA0B,EAAE;AAEpC,QAAM,wBAAwB,aAAa;;AAI7C,KAAI,KAAK,SAAS,SAAS,EAAE;EAC3B,MAAM,iBAAiB;GACrB;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,KAAK,KAAK;AAGZ,QAAM,qBAAqB,MAAM,sBAAsB;AACvD,QAAM,qBACJ,MAAM,sBAAsB,GAAG,kBAAkB,GAAG;AAGtD,QAAM,0BAA0B;GAC9B,OAAO;GACP,QAAQ;GACR,YAAY;GACZ,YAAY;GACZ,GAAI,MAAM,2BAA2B,EAAE;GACxC;AAED,QAAM,gCAAgC;GACpC,iBAAiB;GACjB,cAAc;GACd,YAAY;GACZ,YAAY;GACZ,GAAI,MAAM,iCAAiC,EAAE;GAC9C;AAED,QAAM,gCAAgC;GACpC,YAAY;GACZ,YAAY;GACZ,GAAI,MAAM,iCAAiC,EAAE;GAC9C;AAED,QAAM,iCAAiC;GACrC,YAAY;GACZ,YAAY;GACZ,GAAI,MAAM,kCAAkC,EAAE;GAC/C;;AAGH,QAAO;;AAGT,eAAe,iBAAiB,CAAC,aAAa,WAAW"}

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

@@ -1,15 +0,0 @@
-
-//#region src/tasty/styles/shadow.d.ts
-declare function shadowStyle({
-  shadow
-}: {
-  shadow: any;
-}): {
-  'box-shadow': any;
-} | undefined;
-declare namespace shadowStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { shadowStyle };
-//# sourceMappingURL=shadow.d.ts.map

package/dist/tasty/styles/shadow.js

@@ -1,28 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { parseStyle } from "../utils/styles.js";
-
-//#region src/tasty/styles/shadow.ts
-function toBoxShadow(shadow) {
-	const { values, mods, colors } = parseStyle(shadow).groups[0] ?? {
-		values: [],
-		mods: [],
-		colors: []
-	};
-	const mod = mods[0] || "";
-	const shadowColor = (colors && colors[0]) ?? "";
-	return [
-		mod,
-		...values,
-		shadowColor
-	].join(" ");
-}
-function shadowStyle({ shadow }) {
-	if (!shadow) return;
-	if (shadow === true) shadow = "var(--shadow)";
-	return { "box-shadow": shadow.split(",").map(toBoxShadow).join(",") };
-}
-shadowStyle.__lookupStyles = ["shadow"];
-
-//#endregion
-export { shadowStyle };
-//# sourceMappingURL=shadow.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"shadow.js","names":[],"sources":["../../../src/tasty/styles/shadow.ts"],"sourcesContent":["import { parseStyle } from '../utils/styles';\n\nfunction toBoxShadow(shadow) {\n  const processed = parseStyle(shadow);\n  const { values, mods, colors } =\n    processed.groups[0] ?? ({ values: [], mods: [], colors: [] } as any);\n  const mod = mods[0] || '';\n  const shadowColor = (colors && colors[0]) ?? '';\n\n  return [mod, ...values, shadowColor].join(' ');\n}\n\nexport function shadowStyle({ shadow }) {\n  if (!shadow) return;\n\n  if (shadow === true) shadow = 'var(--shadow)';\n\n  return {\n    'box-shadow': shadow.split(',').map(toBoxShadow).join(','),\n  };\n}\n\nshadowStyle.__lookupStyles = ['shadow'];\n"],"mappings":";;;;AAEA,SAAS,YAAY,QAAQ;CAE3B,MAAM,EAAE,QAAQ,MAAM,WADJ,WAAW,OAAO,CAExB,OAAO,MAAO;EAAE,QAAQ,EAAE;EAAE,MAAM,EAAE;EAAE,QAAQ,EAAE;EAAE;CAC9D,MAAM,MAAM,KAAK,MAAM;CACvB,MAAM,eAAe,UAAU,OAAO,OAAO;AAE7C,QAAO;EAAC;EAAK,GAAG;EAAQ;EAAY,CAAC,KAAK,IAAI;;AAGhD,SAAgB,YAAY,EAAE,UAAU;AACtC,KAAI,CAAC,OAAQ;AAEb,KAAI,WAAW,KAAM,UAAS;AAE9B,QAAO,EACL,cAAc,OAAO,MAAM,IAAI,CAAC,IAAI,YAAY,CAAC,KAAK,IAAI,EAC3D;;AAGH,YAAY,iBAAiB,CAAC,SAAS"}

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

@@ -1,48 +0,0 @@
-
-//#region src/tasty/styles/styledScrollbar.d.ts
-/**
- * @deprecated `styledScrollbar` is deprecated. Use `scrollbar` instead.
- */
-declare function styledScrollbarStyle({
-  styledScrollbar: val
-}: {
-  styledScrollbar: any;
-}): ({
-  $: string;
-  display: string;
-  'scrollbar-width'?: undefined;
-} | {
-  'scrollbar-width': string;
-  $?: undefined;
-  display?: undefined;
-})[] | ({
-  $: string;
-  width: string;
-  height: string;
-  'background-color'?: undefined;
-  'border-radius'?: undefined;
-  border?: undefined;
-  'background-clip'?: undefined;
-} | {
-  $: string;
-  'background-color': string;
-  width?: undefined;
-  height?: undefined;
-  'border-radius'?: undefined;
-  border?: undefined;
-  'background-clip'?: undefined;
-} | {
-  $: string;
-  'background-color': string;
-  'border-radius': string;
-  border: string;
-  'background-clip': string;
-  width?: undefined;
-  height?: undefined;
-})[] | null;
-declare namespace styledScrollbarStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { styledScrollbarStyle };
-//# sourceMappingURL=styledScrollbar.d.ts.map

package/dist/tasty/styles/styledScrollbar.js

@@ -1,39 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-//#region src/tasty/styles/styledScrollbar.ts
-/**
-* @deprecated `styledScrollbar` is deprecated. Use `scrollbar` instead.
-*/
-function styledScrollbarStyle({ styledScrollbar: val }) {
-	if (val == null) return null;
-	if (!val) return [{
-		$: "::-webkit-scrollbar",
-		display: "none"
-	}, { "scrollbar-width": "none" }];
-	return [
-		{
-			$: "::-webkit-scrollbar",
-			width: "var(--scrollbar-width)",
-			height: "var(--scrollbar-width)"
-		},
-		{
-			$: "::-webkit-scrollbar-track",
-			"background-color": "var(--scrollbar-bg-color)"
-		},
-		{
-			$: "::-webkit-scrollbar-thumb",
-			"background-color": "var(--scrollbar-thumb-color)",
-			"border-radius": "var(--scrollbar-radius)",
-			border: "var(--scrollbar-outline-width) solid var(--scrollbar-outline-color)",
-			"background-clip": "padding-box"
-		},
-		{
-			$: "::-webkit-scrollbar-corner",
-			"background-color": "var(--scrollbar-corner-color)"
-		}
-	];
-}
-styledScrollbarStyle.__lookupStyles = ["styledScrollbar"];
-
-//#endregion
-export { styledScrollbarStyle };
-//# sourceMappingURL=styledScrollbar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styledScrollbar.js","names":[],"sources":["../../../src/tasty/styles/styledScrollbar.ts"],"sourcesContent":["/**\n * @deprecated `styledScrollbar` is deprecated. Use `scrollbar` instead.\n */\nexport function styledScrollbarStyle({ styledScrollbar: val }) {\n  if (val == null) return null;\n\n  if (!val) {\n    return [\n      {\n        $: '::-webkit-scrollbar',\n        display: 'none',\n      },\n      {\n        'scrollbar-width': 'none',\n      },\n    ];\n  }\n\n  return [\n    {\n      $: '::-webkit-scrollbar',\n      width: 'var(--scrollbar-width)',\n      height: 'var(--scrollbar-width)',\n    },\n    {\n      $: '::-webkit-scrollbar-track',\n      'background-color': 'var(--scrollbar-bg-color)',\n    },\n    {\n      $: '::-webkit-scrollbar-thumb',\n      'background-color': 'var(--scrollbar-thumb-color)',\n      'border-radius': 'var(--scrollbar-radius)',\n      border:\n        'var(--scrollbar-outline-width) solid var(--scrollbar-outline-color)',\n      'background-clip': 'padding-box',\n    },\n    {\n      $: '::-webkit-scrollbar-corner',\n      'background-color': 'var(--scrollbar-corner-color)',\n    },\n    // Breaks the scrollbar in the latest Chromium browsers\n    // {\n    //   'scrollbar-width': 'thin',\n    //   'scrollbar-color':\n    //     'var(--scrollbar-bg-color) var(--scrollbar-thumb-color)',\n    // },\n  ];\n}\n\nstyledScrollbarStyle.__lookupStyles = ['styledScrollbar'];\n"],"mappings":";;;;;AAGA,SAAgB,qBAAqB,EAAE,iBAAiB,OAAO;AAC7D,KAAI,OAAO,KAAM,QAAO;AAExB,KAAI,CAAC,IACH,QAAO,CACL;EACE,GAAG;EACH,SAAS;EACV,EACD,EACE,mBAAmB,QACpB,CACF;AAGH,QAAO;EACL;GACE,GAAG;GACH,OAAO;GACP,QAAQ;GACT;EACD;GACE,GAAG;GACH,oBAAoB;GACrB;EACD;GACE,GAAG;GACH,oBAAoB;GACpB,iBAAiB;GACjB,QACE;GACF,mBAAmB;GACpB;EACD;GACE,GAAG;GACH,oBAAoB;GACrB;EAOF;;AAGH,qBAAqB,iBAAiB,CAAC,kBAAkB"}

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

@@ -1,15 +0,0 @@
-
-//#region src/tasty/styles/transition.d.ts
-declare function transitionStyle({
-  transition
-}: {
-  transition: any;
-}): {
-  transition: string;
-} | undefined;
-declare namespace transitionStyle {
-  var __lookupStyles: string[];
-}
-//#endregion
-export { transitionStyle };
-//# sourceMappingURL=transition.d.ts.map

package/dist/tasty/styles/transition.js

@@ -1,139 +0,0 @@
-/** @license MIT | @cube-dev/ui-kit v0.118.0 | Cube Dev Team */
-import { parseStyle } from "../utils/styles.js";
-
-//#region src/tasty/styles/transition.ts
-const SECOND_FILL_COLOR_PROPERTY = "--tasty-second-fill-color";
-const MAP = {
-	fade: ["mask", "mask-composite"],
-	translate: ["transform", "translate"],
-	rotate: ["transform", "rotate"],
-	scale: ["transform", "scale"],
-	fill: [
-		"background-color",
-		"background-image",
-		SECOND_FILL_COLOR_PROPERTY
-	],
-	image: [
-		"background-image",
-		"background-position",
-		"background-size",
-		"background-repeat",
-		"background-attachment",
-		"background-origin",
-		"background-clip",
-		SECOND_FILL_COLOR_PROPERTY
-	],
-	background: [
-		"background-color",
-		"background-image",
-		"background-position",
-		"background-size",
-		"background-repeat",
-		"background-attachment",
-		"background-origin",
-		"background-clip",
-		SECOND_FILL_COLOR_PROPERTY
-	],
-	border: [
-		"border",
-		"border-top",
-		"border-right",
-		"border-bottom",
-		"border-left"
-	],
-	filter: ["filter", "backdrop-filter"],
-	radius: ["border-radius"],
-	shadow: ["box-shadow"],
-	outline: ["outline", "outline-offset"],
-	preset: [
-		"font-size",
-		"line-height",
-		"letter-spacing",
-		"font-weight",
-		"font-style"
-	],
-	text: ["font-weight", "text-decoration-color"],
-	color: ["color"],
-	opacity: ["opacity"],
-	theme: [
-		"color",
-		"background-color",
-		"background-image",
-		"box-shadow",
-		"border",
-		"border-radius",
-		"outline",
-		"opacity",
-		SECOND_FILL_COLOR_PROPERTY
-	],
-	width: [
-		"max-width",
-		"min-width",
-		"width"
-	],
-	height: [
-		"max-height",
-		"min-height",
-		"height"
-	],
-	gap: ["gap", "margin"],
-	zIndex: ["z-index"],
-	inset: [
-		"inset",
-		"top",
-		"right",
-		"bottom",
-		"left"
-	]
-};
-const DEFAULT_EASING = "linear";
-function getTiming(name) {
-	return `var(--${name}-transition, var(--transition))`;
-}
-function transitionStyle({ transition }) {
-	if (!transition) return;
-	const processed = parseStyle(transition);
-	const tokens = [];
-	processed.groups.forEach((g, idx) => {
-		tokens.push(...g.all);
-		if (idx < processed.groups.length - 1) tokens.push(",");
-	});
-	if (!tokens) return;
-	let tempTransition = [];
-	const transitions = [];
-	tokens.forEach((token) => {
-		if (token === ",") {
-			if (tempTransition) {
-				transitions.push(tempTransition);
-				tempTransition = [];
-			}
-		} else tempTransition.push(token);
-	});
-	if (tempTransition) transitions.push(tempTransition);
-	const map = {};
-	transitions.forEach((transition) => {
-		const name = transition[0];
-		const timing = transition[1];
-		const easing = transition[2];
-		const delay = transition[3];
-		(MAP[name] || [name]).forEach((style) => {
-			map[style] = [
-				name,
-				easing,
-				timing,
-				delay
-			];
-		});
-	});
-	return { transition: Object.entries(map).map(([style, [name, easing, timing, delay]]) => {
-		let value = `${style} ${timing || getTiming(name)}`;
-		if (easing || delay) value += ` ${easing || DEFAULT_EASING}`;
-		if (delay) value += ` ${delay}`;
-		return value;
-	}).join(", ") };
-}
-transitionStyle.__lookupStyles = ["transition"];
-
-//#endregion
-export { transitionStyle };
-//# sourceMappingURL=transition.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"transition.js","names":[],"sources":["../../../src/tasty/styles/transition.ts"],"sourcesContent":["import { parseStyle } from '../utils/styles';\n\nconst SECOND_FILL_COLOR_PROPERTY = '--tasty-second-fill-color';\n\nconst MAP = {\n  fade: ['mask', 'mask-composite'],\n  translate: ['transform', 'translate'],\n  rotate: ['transform', 'rotate'],\n  scale: ['transform', 'scale'],\n  fill: ['background-color', 'background-image', SECOND_FILL_COLOR_PROPERTY],\n  image: [\n    'background-image',\n    'background-position',\n    'background-size',\n    'background-repeat',\n    'background-attachment',\n    'background-origin',\n    'background-clip',\n    SECOND_FILL_COLOR_PROPERTY,\n  ],\n  background: [\n    'background-color',\n    'background-image',\n    'background-position',\n    'background-size',\n    'background-repeat',\n    'background-attachment',\n    'background-origin',\n    'background-clip',\n    SECOND_FILL_COLOR_PROPERTY,\n  ],\n  border: [\n    'border',\n    'border-top',\n    'border-right',\n    'border-bottom',\n    'border-left',\n  ],\n  filter: ['filter', 'backdrop-filter'],\n  radius: ['border-radius'],\n  shadow: ['box-shadow'],\n  outline: ['outline', 'outline-offset'],\n  preset: [\n    'font-size',\n    'line-height',\n    'letter-spacing',\n    'font-weight',\n    'font-style',\n  ],\n  text: ['font-weight', 'text-decoration-color'],\n  color: ['color'],\n  opacity: ['opacity'],\n  theme: [\n    'color',\n    'background-color',\n    'background-image',\n    'box-shadow',\n    'border',\n    'border-radius',\n    'outline',\n    'opacity',\n    SECOND_FILL_COLOR_PROPERTY,\n  ],\n  width: ['max-width', 'min-width', 'width'],\n  height: ['max-height', 'min-height', 'height'],\n  gap: ['gap', 'margin'],\n  zIndex: ['z-index'],\n  inset: ['inset', 'top', 'right', 'bottom', 'left'],\n};\n\nexport const DEFAULT_TIMING = 'var(--transition)';\nconst DEFAULT_EASING = 'linear';\n\nfunction getTiming(name) {\n  return `var(--${name}-transition, var(--transition))`;\n}\n\nexport function transitionStyle({ transition }) {\n  if (!transition) return;\n\n  const processed = parseStyle(transition);\n  const tokens: string[] = [];\n  processed.groups.forEach((g, idx) => {\n    tokens.push(...g.all);\n    if (idx < processed.groups.length - 1) tokens.push(',');\n  });\n\n  if (!tokens) return;\n\n  let tempTransition: string[] = [];\n  const transitions: string[][] = [];\n\n  tokens.forEach((token) => {\n    if (token === ',') {\n      if (tempTransition) {\n        transitions.push(tempTransition);\n        tempTransition = [];\n      }\n    } else {\n      tempTransition.push(token);\n    }\n  });\n\n  if (tempTransition) {\n    transitions.push(tempTransition);\n  }\n\n  const map: {\n    name?: string;\n    easing?: string;\n    timing?: string;\n    delay?: string;\n  } = {};\n\n  transitions.forEach((transition) => {\n    const name = transition[0];\n    const timing = transition[1];\n    const easing = transition[2];\n    const delay = transition[3];\n\n    const styles = MAP[name] || [name];\n\n    styles.forEach((style) => {\n      map[style] = [name, easing, timing, delay];\n    });\n  });\n\n  const result = Object.entries(map)\n    .map(([style, [name, easing, timing, delay]]) => {\n      let value = `${style} ${timing || getTiming(name)}`;\n      if (easing || delay) {\n        value += ` ${easing || DEFAULT_EASING}`;\n      }\n      if (delay) {\n        value += ` ${delay}`;\n      }\n      return value;\n    })\n    .join(', ');\n\n  return { transition: result };\n}\n\ntransitionStyle.__lookupStyles = ['transition'];\n"],"mappings":";;;;AAEA,MAAM,6BAA6B;AAEnC,MAAM,MAAM;CACV,MAAM,CAAC,QAAQ,iBAAiB;CAChC,WAAW,CAAC,aAAa,YAAY;CACrC,QAAQ,CAAC,aAAa,SAAS;CAC/B,OAAO,CAAC,aAAa,QAAQ;CAC7B,MAAM;EAAC;EAAoB;EAAoB;EAA2B;CAC1E,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,YAAY;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,QAAQ;EACN;EACA;EACA;EACA;EACA;EACD;CACD,QAAQ,CAAC,UAAU,kBAAkB;CACrC,QAAQ,CAAC,gBAAgB;CACzB,QAAQ,CAAC,aAAa;CACtB,SAAS,CAAC,WAAW,iBAAiB;CACtC,QAAQ;EACN;EACA;EACA;EACA;EACA;EACD;CACD,MAAM,CAAC,eAAe,wBAAwB;CAC9C,OAAO,CAAC,QAAQ;CAChB,SAAS,CAAC,UAAU;CACpB,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,OAAO;EAAC;EAAa;EAAa;EAAQ;CAC1C,QAAQ;EAAC;EAAc;EAAc;EAAS;CAC9C,KAAK,CAAC,OAAO,SAAS;CACtB,QAAQ,CAAC,UAAU;CACnB,OAAO;EAAC;EAAS;EAAO;EAAS;EAAU;EAAO;CACnD;AAGD,MAAM,iBAAiB;AAEvB,SAAS,UAAU,MAAM;AACvB,QAAO,SAAS,KAAK;;AAGvB,SAAgB,gBAAgB,EAAE,cAAc;AAC9C,KAAI,CAAC,WAAY;CAEjB,MAAM,YAAY,WAAW,WAAW;CACxC,MAAM,SAAmB,EAAE;AAC3B,WAAU,OAAO,SAAS,GAAG,QAAQ;AACnC,SAAO,KAAK,GAAG,EAAE,IAAI;AACrB,MAAI,MAAM,UAAU,OAAO,SAAS,EAAG,QAAO,KAAK,IAAI;GACvD;AAEF,KAAI,CAAC,OAAQ;CAEb,IAAI,iBAA2B,EAAE;CACjC,MAAM,cAA0B,EAAE;AAElC,QAAO,SAAS,UAAU;AACxB,MAAI,UAAU,KACZ;OAAI,gBAAgB;AAClB,gBAAY,KAAK,eAAe;AAChC,qBAAiB,EAAE;;QAGrB,gBAAe,KAAK,MAAM;GAE5B;AAEF,KAAI,eACF,aAAY,KAAK,eAAe;CAGlC,MAAM,MAKF,EAAE;AAEN,aAAY,SAAS,eAAe;EAClC,MAAM,OAAO,WAAW;EACxB,MAAM,SAAS,WAAW;EAC1B,MAAM,SAAS,WAAW;EAC1B,MAAM,QAAQ,WAAW;AAIzB,GAFe,IAAI,SAAS,CAAC,KAAK,EAE3B,SAAS,UAAU;AACxB,OAAI,SAAS;IAAC;IAAM;IAAQ;IAAQ;IAAM;IAC1C;GACF;AAeF,QAAO,EAAE,YAbM,OAAO,QAAQ,IAAI,CAC/B,KAAK,CAAC,OAAO,CAAC,MAAM,QAAQ,QAAQ,YAAY;EAC/C,IAAI,QAAQ,GAAG,MAAM,GAAG,UAAU,UAAU,KAAK;AACjD,MAAI,UAAU,MACZ,UAAS,IAAI,UAAU;AAEzB,MAAI,MACF,UAAS,IAAI;AAEf,SAAO;GACP,CACD,KAAK,KAAK,EAEgB;;AAG/B,gBAAgB,iBAAiB,CAAC,aAAa"}