@tenphi/tasty 0.0.0-snapshot.26b4630 → 0.0.0-snapshot.2705ab9

package/dist/styles/styledScrollbar.js

@@ -1,38 +0,0 @@
-//#region src/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/styles/styledScrollbar.js.map

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

@@ -1,19 +0,0 @@
-//#region src/tokens/typography.d.ts
-/**
- * Typography preset configuration.
- * Each preset defines font properties that get expanded into CSS custom properties.
- */
-interface TypographyPreset {
-  fontSize: string;
-  lineHeight: string;
-  letterSpacing?: string;
-  fontWeight: string | number;
-  boldFontWeight?: string | number;
-  iconSize?: string;
-  textTransform?: string;
-  fontFamily?: string;
-  fontStyle?: string;
-}
-//#endregion
-export { TypographyPreset };
-//# sourceMappingURL=typography.d.ts.map

package/dist/tokens/typography.js

@@ -1,237 +0,0 @@
-//#region src/tokens/typography.ts
-/**
-* Typography presets for headings, text, and special styles.
-*
-* Naming conventions:
-* - `h1`-`h6`: Headings (bold by default)
-* - `t1`-`t4`: Text styles (regular weight)
-* - `t1m`-`t4m`: Text styles medium weight
-* - `m1`-`m3`: Markdown/prose styles (larger line-height)
-* - `p1`-`p4`: Paragraph styles
-* - `c1`-`c2`: Caption/uppercase styles
-* - `tag`: Tag/badge typography
-* - `strong`, `em`: Inline semantic styles
-* - `default`: Base text style
-*/
-const TYPOGRAPHY_PRESETS = {
-	text: {
-		fontSize: "14px",
-		lineHeight: "20px",
-		letterSpacing: "0",
-		fontWeight: "400"
-	},
-	h1: {
-		fontSize: "36px",
-		lineHeight: "44px",
-		letterSpacing: "-0.01em",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		iconSize: "40px"
-	},
-	h2: {
-		fontSize: "24px",
-		lineHeight: "32px",
-		letterSpacing: "0em",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		iconSize: "28px"
-	},
-	h3: {
-		fontSize: "20px",
-		lineHeight: "28px",
-		letterSpacing: "0em",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		iconSize: "24px"
-	},
-	h4: {
-		fontSize: "18px",
-		lineHeight: "24px",
-		letterSpacing: "0",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		iconSize: "22px"
-	},
-	h5: {
-		fontSize: "16px",
-		lineHeight: "22px",
-		letterSpacing: "0",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		iconSize: "20px"
-	},
-	h6: {
-		fontSize: "14px",
-		lineHeight: "20px",
-		letterSpacing: "0.01em",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		iconSize: "20px"
-	},
-	t1: {
-		fontSize: "18px",
-		lineHeight: "24px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "20px"
-	},
-	t2: {
-		fontSize: "16px",
-		lineHeight: "22px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "20px"
-	},
-	t2m: {
-		fontSize: "16px",
-		lineHeight: "22px",
-		letterSpacing: "0",
-		fontWeight: "500",
-		boldFontWeight: "600",
-		iconSize: "20px"
-	},
-	t3: {
-		fontSize: "14px",
-		lineHeight: "20px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "18px"
-	},
-	t3m: {
-		fontSize: "14px",
-		lineHeight: "20px",
-		letterSpacing: "0",
-		fontWeight: "500",
-		boldFontWeight: "600",
-		iconSize: "18px"
-	},
-	t4: {
-		fontSize: "12px",
-		lineHeight: "18px",
-		letterSpacing: "0",
-		fontWeight: "500",
-		boldFontWeight: "600",
-		iconSize: "16px"
-	},
-	t4m: {
-		fontSize: "12px",
-		lineHeight: "18px",
-		letterSpacing: "0",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		iconSize: "16px"
-	},
-	m1: {
-		fontSize: "18px",
-		lineHeight: "32px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "22px"
-	},
-	m2: {
-		fontSize: "16px",
-		lineHeight: "28px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "20px"
-	},
-	m3: {
-		fontSize: "14px",
-		lineHeight: "24px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "20px"
-	},
-	p1: {
-		fontSize: "18px",
-		lineHeight: "28px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "22px"
-	},
-	p2: {
-		fontSize: "16px",
-		lineHeight: "24px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "20px"
-	},
-	p3: {
-		fontSize: "14px",
-		lineHeight: "22px",
-		letterSpacing: "0",
-		fontWeight: "400",
-		boldFontWeight: "600",
-		iconSize: "18px"
-	},
-	p4: {
-		fontSize: "12px",
-		lineHeight: "20px",
-		letterSpacing: "0",
-		fontWeight: "500",
-		boldFontWeight: "600",
-		iconSize: "16px"
-	},
-	c1: {
-		fontSize: "14px",
-		lineHeight: "20px",
-		letterSpacing: "0",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		textTransform: "uppercase",
-		iconSize: "18px"
-	},
-	c2: {
-		fontSize: "12px",
-		lineHeight: "18px",
-		letterSpacing: "0.01em",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		textTransform: "uppercase",
-		iconSize: "16px"
-	},
-	tag: {
-		fontSize: "12px",
-		lineHeight: "18px",
-		letterSpacing: "0.01em",
-		fontWeight: "600",
-		boldFontWeight: "700",
-		iconSize: "16px"
-	},
-	strong: {
-		fontSize: "inherit",
-		lineHeight: "inherit",
-		letterSpacing: "inherit",
-		fontFamily: "inherit",
-		fontStyle: "inherit",
-		fontWeight: "var(--bold-font-weight, var(--default-bold-font-weight, 600))"
-	},
-	em: {
-		fontSize: "inherit",
-		lineHeight: "inherit",
-		letterSpacing: "inherit",
-		fontFamily: "inherit",
-		fontStyle: "italic",
-		fontWeight: "inherit"
-	},
-	default: {
-		fontSize: "var(--t3-font-size)",
-		lineHeight: "var(--t3-line-height)",
-		letterSpacing: "var(--t3-letter-spacing)",
-		fontWeight: "var(--t3-font-weight)",
-		boldFontWeight: "600",
-		iconSize: "inherit"
-	}
-};
-
-//#endregion
-export { TYPOGRAPHY_PRESETS };
-//# sourceMappingURL=typography.js.map

package/dist/tokens/typography.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.js","names":[],"sources":["../../src/tokens/typography.ts"],"sourcesContent":["/**\n * Typography preset configuration.\n * Each preset defines font properties that get expanded into CSS custom properties.\n */\nexport interface TypographyPreset {\n  fontSize: string;\n  lineHeight: string;\n  letterSpacing?: string;\n  fontWeight: string | number;\n  boldFontWeight?: string | number;\n  iconSize?: string;\n  textTransform?: string;\n  fontFamily?: string;\n  fontStyle?: string;\n}\n\n/**\n * Typography presets for headings, text, and special styles.\n *\n * Naming conventions:\n * - `h1`-`h6`: Headings (bold by default)\n * - `t1`-`t4`: Text styles (regular weight)\n * - `t1m`-`t4m`: Text styles medium weight\n * - `m1`-`m3`: Markdown/prose styles (larger line-height)\n * - `p1`-`p4`: Paragraph styles\n * - `c1`-`c2`: Caption/uppercase styles\n * - `tag`: Tag/badge typography\n * - `strong`, `em`: Inline semantic styles\n * - `default`: Base text style\n */\nexport const TYPOGRAPHY_PRESETS: Record<string, TypographyPreset> = {\n  // Text (basic)\n  text: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '400',\n  },\n\n  // Headings (h1-h6)\n  h1: {\n    fontSize: '36px',\n    lineHeight: '44px',\n    letterSpacing: '-0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '40px',\n  },\n  h2: {\n    fontSize: '24px',\n    lineHeight: '32px',\n    letterSpacing: '0em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '28px',\n  },\n  h3: {\n    fontSize: '20px',\n    lineHeight: '28px',\n    letterSpacing: '0em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '24px',\n  },\n  h4: {\n    fontSize: '18px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '22px',\n  },\n  h5: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '20px',\n  },\n  h6: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '20px',\n  },\n\n  // Text styles (t1-t4)\n  t1: {\n    fontSize: '18px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t2: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t2m: {\n    fontSize: '16px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  t3: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  t3m: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  t4: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '16px',\n  },\n  t4m: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '16px',\n  },\n\n  // Markdown/prose styles (m1-m3)\n  m1: {\n    fontSize: '18px',\n    lineHeight: '32px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '22px',\n  },\n  m2: {\n    fontSize: '16px',\n    lineHeight: '28px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  m3: {\n    fontSize: '14px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n\n  // Paragraph styles (p1-p4)\n  p1: {\n    fontSize: '18px',\n    lineHeight: '28px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '22px',\n  },\n  p2: {\n    fontSize: '16px',\n    lineHeight: '24px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '20px',\n  },\n  p3: {\n    fontSize: '14px',\n    lineHeight: '22px',\n    letterSpacing: '0',\n    fontWeight: '400',\n    boldFontWeight: '600',\n    iconSize: '18px',\n  },\n  p4: {\n    fontSize: '12px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '500',\n    boldFontWeight: '600',\n    iconSize: '16px',\n  },\n\n  // Caption/uppercase styles (c1-c2)\n  c1: {\n    fontSize: '14px',\n    lineHeight: '20px',\n    letterSpacing: '0',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    textTransform: 'uppercase',\n    iconSize: '18px',\n  },\n  c2: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    textTransform: 'uppercase',\n    iconSize: '16px',\n  },\n\n  // Tag typography\n  tag: {\n    fontSize: '12px',\n    lineHeight: '18px',\n    letterSpacing: '0.01em',\n    fontWeight: '600',\n    boldFontWeight: '700',\n    iconSize: '16px',\n  },\n\n  // Inline semantic styles\n  strong: {\n    fontSize: 'inherit',\n    lineHeight: 'inherit',\n    letterSpacing: 'inherit',\n    fontFamily: 'inherit',\n    fontStyle: 'inherit',\n    fontWeight: 'var(--bold-font-weight, var(--default-bold-font-weight, 600))',\n  },\n  em: {\n    fontSize: 'inherit',\n    lineHeight: 'inherit',\n    letterSpacing: 'inherit',\n    fontFamily: 'inherit',\n    fontStyle: 'italic',\n    fontWeight: 'inherit',\n  },\n\n  // Default text style (references t3)\n  default: {\n    fontSize: 'var(--t3-font-size)',\n    lineHeight: 'var(--t3-line-height)',\n    letterSpacing: 'var(--t3-letter-spacing)',\n    fontWeight: 'var(--t3-font-weight)',\n    boldFontWeight: '600',\n    iconSize: 'inherit',\n  },\n};\n"],"mappings":"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"}

package/dist/utils/hsl-to-rgb.js

@@ -1,38 +0,0 @@
-import { hslToRgbValues } from "./process-tokens.js";
-
-//#region src/utils/hsl-to-rgb.ts
-/**
-* Convert HSL color string to RGB.
-* Supports:
-* - Modern: hsl(h s% l%), hsl(h s% l% / a)
-* - Legacy: hsl(h, s%, l%), hsla(h, s%, l%, a)
-*/
-function hslToRgb(hslStr) {
-	const match = hslStr.match(/hsla?\(([^)]+)\)/i);
-	if (!match) return null;
-	const [colorPart, slashAlpha] = match[1].trim().split("/");
-	const parts = colorPart.trim().split(/[,\s]+/).filter(Boolean);
-	if (parts.length < 3) return null;
-	const alphaPart = slashAlpha?.trim() || (parts.length >= 4 ? parts[3] : null);
-	let h = parseFloat(parts[0]);
-	const hueStr = parts[0].toLowerCase();
-	if (hueStr.endsWith("turn")) h = parseFloat(hueStr) * 360;
-	else if (hueStr.endsWith("rad")) h = parseFloat(hueStr) * 180 / Math.PI;
-	h = (h % 360 + 360) % 360;
-	const parsePercent = (val) => {
-		const num = parseFloat(val);
-		return val.includes("%") ? num / 100 : num;
-	};
-	const s = Math.max(0, Math.min(1, parsePercent(parts[1])));
-	const l = Math.max(0, Math.min(1, parsePercent(parts[2])));
-	const [r, g, b] = hslToRgbValues(h, s, l);
-	if (alphaPart) {
-		const alpha = parseFloat(alphaPart.trim());
-		return `rgba(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)}, ${alpha})`;
-	}
-	return `rgb(${Math.round(r)} ${Math.round(g)} ${Math.round(b)})`;
-}
-
-//#endregion
-export { hslToRgb };
-//# sourceMappingURL=hsl-to-rgb.js.map

package/dist/utils/hsl-to-rgb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hsl-to-rgb.js","names":[],"sources":["../../src/utils/hsl-to-rgb.ts"],"sourcesContent":["import { hslToRgbValues } from './process-tokens';\n\n/**\n * Convert HSL color string to RGB.\n * Supports:\n * - Modern: hsl(h s% l%), hsl(h s% l% / a)\n * - Legacy: hsl(h, s%, l%), hsla(h, s%, l%, a)\n */\nexport function hslToRgb(hslStr: string): string | null {\n  const match = hslStr.match(/hsla?\\(([^)]+)\\)/i);\n  if (!match) return null;\n\n  const inner = match[1].trim();\n  const [colorPart, slashAlpha] = inner.split('/');\n  const parts = colorPart\n    .trim()\n    .split(/[,\\s]+/)\n    .filter(Boolean);\n\n  if (parts.length < 3) return null;\n\n  // Alpha can come from slash notation (modern) or 4th part (legacy comma syntax)\n  const alphaPart = slashAlpha?.trim() || (parts.length >= 4 ? parts[3] : null);\n\n  // Parse hue\n  let h = parseFloat(parts[0]);\n  const hueStr = parts[0].toLowerCase();\n  if (hueStr.endsWith('turn')) h = parseFloat(hueStr) * 360;\n  else if (hueStr.endsWith('rad')) h = (parseFloat(hueStr) * 180) / Math.PI;\n  h = ((h % 360) + 360) % 360;\n\n  // Parse saturation and lightness\n  const parsePercent = (val: string): number => {\n    const num = parseFloat(val);\n    return val.includes('%') ? num / 100 : num;\n  };\n  const s = Math.max(0, Math.min(1, parsePercent(parts[1])));\n  const l = Math.max(0, Math.min(1, parsePercent(parts[2])));\n\n  // Use shared HSL to RGB conversion\n  const [r, g, b] = hslToRgbValues(h, s, l);\n\n  if (alphaPart) {\n    const alpha = parseFloat(alphaPart.trim());\n    return `rgba(${Math.round(r)}, ${Math.round(g)}, ${Math.round(b)}, ${alpha})`;\n  }\n\n  return `rgb(${Math.round(r)} ${Math.round(g)} ${Math.round(b)})`;\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,SAAS,QAA+B;CACtD,MAAM,QAAQ,OAAO,MAAM,oBAAoB;AAC/C,KAAI,CAAC,MAAO,QAAO;CAGnB,MAAM,CAAC,WAAW,cADJ,MAAM,GAAG,MAAM,CACS,MAAM,IAAI;CAChD,MAAM,QAAQ,UACX,MAAM,CACN,MAAM,SAAS,CACf,OAAO,QAAQ;AAElB,KAAI,MAAM,SAAS,EAAG,QAAO;CAG7B,MAAM,YAAY,YAAY,MAAM,KAAK,MAAM,UAAU,IAAI,MAAM,KAAK;CAGxE,IAAI,IAAI,WAAW,MAAM,GAAG;CAC5B,MAAM,SAAS,MAAM,GAAG,aAAa;AACrC,KAAI,OAAO,SAAS,OAAO,CAAE,KAAI,WAAW,OAAO,GAAG;UAC7C,OAAO,SAAS,MAAM,CAAE,KAAK,WAAW,OAAO,GAAG,MAAO,KAAK;AACvE,MAAM,IAAI,MAAO,OAAO;CAGxB,MAAM,gBAAgB,QAAwB;EAC5C,MAAM,MAAM,WAAW,IAAI;AAC3B,SAAO,IAAI,SAAS,IAAI,GAAG,MAAM,MAAM;;CAEzC,MAAM,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,aAAa,MAAM,GAAG,CAAC,CAAC;CAC1D,MAAM,IAAI,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,aAAa,MAAM,GAAG,CAAC,CAAC;CAG1D,MAAM,CAAC,GAAG,GAAG,KAAK,eAAe,GAAG,GAAG,EAAE;AAEzC,KAAI,WAAW;EACb,MAAM,QAAQ,WAAW,UAAU,MAAM,CAAC;AAC1C,SAAO,QAAQ,KAAK,MAAM,EAAE,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC,IAAI,MAAM;;AAG7E,QAAO,OAAO,KAAK,MAAM,EAAE,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC,GAAG,KAAK,MAAM,EAAE,CAAC"}

package/dist/utils/okhsl-to-rgb.js

@@ -1,296 +0,0 @@
-//#region src/utils/okhsl-to-rgb.ts
-const OKLab_to_LMS_M = [
-	[
-		1,
-		.3963377773761749,
-		.2158037573099136
-	],
-	[
-		1,
-		-.1055613458156586,
-		-.0638541728258133
-	],
-	[
-		1,
-		-.0894841775298119,
-		-1.2914855480194092
-	]
-];
-const LMS_to_linear_sRGB_M = [
-	[
-		4.076741636075959,
-		-3.307711539258062,
-		.2309699031821041
-	],
-	[
-		-1.2684379732850313,
-		2.6097573492876878,
-		-.3413193760026569
-	],
-	[
-		-.004196076138675526,
-		-.703418617935936,
-		1.7076146940746113
-	]
-];
-const OKLab_to_linear_sRGB_coefficients = [
-	[[-1.8817030993265873, -.8093650129914302], [
-		1.19086277,
-		1.76576728,
-		.59662641,
-		.75515197,
-		.56771245
-	]],
-	[[1.8144407988010998, -1.194452667805235], [
-		.73956515,
-		-.45954404,
-		.08285427,
-		.12541073,
-		-.14503204
-	]],
-	[[.13110757611180954, 1.813339709266608], [
-		1.35733652,
-		-.00915799,
-		-1.1513021,
-		-.50559606,
-		.00692167
-	]]
-];
-const TAU = 2 * Math.PI;
-const K1 = .206;
-const K2 = .03;
-const K3 = (1 + K1) / (1 + K2);
-const constrainAngle = (angle) => (angle % 360 + 360) % 360;
-const toeInv = (x) => (x ** 2 + K1 * x) / (K3 * (x + K2));
-const dot3 = (a, b) => a[0] * b[0] + a[1] * b[1] + a[2] * b[2];
-const dotXY = (a, b) => a[0] * b[0] + a[1] * b[1];
-const transform = (input, matrix) => [
-	dot3(input, matrix[0]),
-	dot3(input, matrix[1]),
-	dot3(input, matrix[2])
-];
-const cubed3 = (lms) => [
-	lms[0] ** 3,
-	lms[1] ** 3,
-	lms[2] ** 3
-];
-const OKLabToLinearSRGB = (lab) => {
-	return transform(cubed3(transform(lab, OKLab_to_LMS_M)), LMS_to_linear_sRGB_M);
-};
-const sRGBLinearToGamma = (val) => {
-	const sign = val < 0 ? -1 : 1;
-	const abs = Math.abs(val);
-	return abs > .0031308 ? sign * (1.055 * Math.pow(abs, 1 / 2.4) - .055) : 12.92 * val;
-};
-const computeMaxSaturationOKLC = (a, b) => {
-	const okCoeff = OKLab_to_linear_sRGB_coefficients;
-	const lmsToRgb = LMS_to_linear_sRGB_M;
-	const tmp2 = [a, b];
-	const tmp3 = [
-		0,
-		a,
-		b
-	];
-	let chnlCoeff;
-	let chnlLMS;
-	if (dotXY(okCoeff[0][0], tmp2) > 1) {
-		chnlCoeff = okCoeff[0][1];
-		chnlLMS = lmsToRgb[0];
-	} else if (dotXY(okCoeff[1][0], tmp2) > 1) {
-		chnlCoeff = okCoeff[1][1];
-		chnlLMS = lmsToRgb[1];
-	} else {
-		chnlCoeff = okCoeff[2][1];
-		chnlLMS = lmsToRgb[2];
-	}
-	const [k0, k1, k2, k3, k4] = chnlCoeff;
-	const [wl, wm, ws] = chnlLMS;
-	let sat = k0 + k1 * a + k2 * b + k3 * (a * a) + k4 * a * b;
-	const dotYZ = (mat, vec) => mat[1] * vec[1] + mat[2] * vec[2];
-	const kl = dotYZ(OKLab_to_LMS_M[0], tmp3);
-	const km = dotYZ(OKLab_to_LMS_M[1], tmp3);
-	const ks = dotYZ(OKLab_to_LMS_M[2], tmp3);
-	const l_ = 1 + sat * kl;
-	const m_ = 1 + sat * km;
-	const s_ = 1 + sat * ks;
-	const l = l_ ** 3;
-	const m = m_ ** 3;
-	const s = s_ ** 3;
-	const lds = 3 * kl * l_ * l_;
-	const mds = 3 * km * m_ * m_;
-	const sds = 3 * ks * s_ * s_;
-	const lds2 = 6 * kl * kl * l_;
-	const mds2 = 6 * km * km * m_;
-	const sds2 = 6 * ks * ks * s_;
-	const f = wl * l + wm * m + ws * s;
-	const f1 = wl * lds + wm * mds + ws * sds;
-	const f2 = wl * lds2 + wm * mds2 + ws * sds2;
-	sat = sat - f * f1 / (f1 * f1 - .5 * f * f2);
-	return sat;
-};
-const findCuspOKLCH = (a, b) => {
-	const S_cusp = computeMaxSaturationOKLC(a, b);
-	const rgb_at_max = OKLabToLinearSRGB([
-		1,
-		S_cusp * a,
-		S_cusp * b
-	]);
-	const L_cusp = Math.cbrt(1 / Math.max(Math.max(rgb_at_max[0], rgb_at_max[1]), Math.max(rgb_at_max[2], 0)));
-	return [L_cusp, L_cusp * S_cusp];
-};
-const findGamutIntersectionOKLCH = (a, b, l1, c1, l0, cusp) => {
-	const lmsToRgb = LMS_to_linear_sRGB_M;
-	const tmp3 = [
-		0,
-		a,
-		b
-	];
-	const floatMax = Number.MAX_VALUE;
-	let t;
-	const dotYZ = (mat, vec) => mat[1] * vec[1] + mat[2] * vec[2];
-	const dotXYZ = (vec, x, y, z) => vec[0] * x + vec[1] * y + vec[2] * z;
-	if ((l1 - l0) * cusp[1] - (cusp[0] - l0) * c1 <= 0) {
-		const denom = c1 * cusp[0] + cusp[1] * (l0 - l1);
-		t = denom === 0 ? 0 : cusp[1] * l0 / denom;
-	} else {
-		const denom = c1 * (cusp[0] - 1) + cusp[1] * (l0 - l1);
-		t = denom === 0 ? 0 : cusp[1] * (l0 - 1) / denom;
-		const dl = l1 - l0;
-		const dc = c1;
-		const kl = dotYZ(OKLab_to_LMS_M[0], tmp3);
-		const km = dotYZ(OKLab_to_LMS_M[1], tmp3);
-		const ks = dotYZ(OKLab_to_LMS_M[2], tmp3);
-		const L = l0 * (1 - t) + t * l1;
-		const C = t * c1;
-		const l_ = L + C * kl;
-		const m_ = L + C * km;
-		const s_ = L + C * ks;
-		const l = l_ ** 3;
-		const m = m_ ** 3;
-		const s = s_ ** 3;
-		const ldt = 3 * (dl + dc * kl) * l_ * l_;
-		const mdt = 3 * (dl + dc * km) * m_ * m_;
-		const sdt = 3 * (dl + dc * ks) * s_ * s_;
-		const ldt2 = 6 * (dl + dc * kl) ** 2 * l_;
-		const mdt2 = 6 * (dl + dc * km) ** 2 * m_;
-		const sdt2 = 6 * (dl + dc * ks) ** 2 * s_;
-		const r_ = dotXYZ(lmsToRgb[0], l, m, s) - 1;
-		const r1 = dotXYZ(lmsToRgb[0], ldt, mdt, sdt);
-		const r2 = dotXYZ(lmsToRgb[0], ldt2, mdt2, sdt2);
-		const ur = r1 / (r1 * r1 - .5 * r_ * r2);
-		let tr = -r_ * ur;
-		const g_ = dotXYZ(lmsToRgb[1], l, m, s) - 1;
-		const g1 = dotXYZ(lmsToRgb[1], ldt, mdt, sdt);
-		const g2 = dotXYZ(lmsToRgb[1], ldt2, mdt2, sdt2);
-		const ug = g1 / (g1 * g1 - .5 * g_ * g2);
-		let tg = -g_ * ug;
-		const b_ = dotXYZ(lmsToRgb[2], l, m, s) - 1;
-		const b1 = dotXYZ(lmsToRgb[2], ldt, mdt, sdt);
-		const b2 = dotXYZ(lmsToRgb[2], ldt2, mdt2, sdt2);
-		const ub = b1 / (b1 * b1 - .5 * b_ * b2);
-		let tb = -b_ * ub;
-		tr = ur >= 0 ? tr : floatMax;
-		tg = ug >= 0 ? tg : floatMax;
-		tb = ub >= 0 ? tb : floatMax;
-		t += Math.min(tr, Math.min(tg, tb));
-	}
-	return t;
-};
-const computeSt = (cusp) => [cusp[1] / cusp[0], cusp[1] / (1 - cusp[0])];
-const computeStMid = (a, b) => [.11516993 + 1 / (7.4477897 + 4.1590124 * b + a * (-2.19557347 + 1.75198401 * b + a * (-2.13704948 - 10.02301043 * b + a * (-4.24894561 + 5.38770819 * b + 4.69891013 * a)))), .11239642 + 1 / (1.6132032 - .68124379 * b + a * (.40370612 + .90148123 * b + a * (-.27087943 + .6122399 * b + a * (.00299215 - .45399568 * b - .14661872 * a))))];
-const getCs = (L, a, b, cusp) => {
-	const cMax = findGamutIntersectionOKLCH(a, b, L, 1, L, cusp);
-	const stMax = computeSt(cusp);
-	const k = cMax / Math.min(L * stMax[0], (1 - L) * stMax[1]);
-	const stMid = computeStMid(a, b);
-	let ca = L * stMid[0];
-	let cb = (1 - L) * stMid[1];
-	const cMid = .9 * k * Math.sqrt(Math.sqrt(1 / (1 / ca ** 4 + 1 / cb ** 4)));
-	ca = L * .4;
-	cb = (1 - L) * .8;
-	return [
-		Math.sqrt(1 / (1 / ca ** 2 + 1 / cb ** 2)),
-		cMid,
-		cMax
-	];
-};
-const OKHSLToOKLab = (hsl) => {
-	let h = hsl[0];
-	const s = hsl[1];
-	const l = hsl[2];
-	const L = toeInv(l);
-	let a = 0;
-	let b = 0;
-	h = constrainAngle(h) / 360;
-	if (L !== 0 && L !== 1 && s !== 0) {
-		const a_ = Math.cos(TAU * h);
-		const b_ = Math.sin(TAU * h);
-		const [c0, cMid, cMax] = getCs(L, a_, b_, findCuspOKLCH(a_, b_));
-		const mid = .8;
-		const midInv = 1.25;
-		let t, k0, k1, k2;
-		if (s < mid) {
-			t = midInv * s;
-			k0 = 0;
-			k1 = mid * c0;
-			k2 = 1 - k1 / cMid;
-		} else {
-			t = 5 * (s - .8);
-			k0 = cMid;
-			k1 = .2 * cMid ** 2 * 1.25 ** 2 / c0;
-			k2 = 1 - k1 / (cMax - cMid);
-		}
-		const c = k0 + t * k1 / (1 - k2 * t);
-		a = c * a_;
-		b = c * b_;
-	}
-	return [
-		L,
-		a,
-		b
-	];
-};
-function okhslToSrgbInternal(h, s, l) {
-	const linearRGB = OKLabToLinearSRGB(OKHSLToOKLab([
-		h,
-		s,
-		l
-	]));
-	return [
-		sRGBLinearToGamma(linearRGB[0]),
-		sRGBLinearToGamma(linearRGB[1]),
-		sRGBLinearToGamma(linearRGB[2])
-	];
-}
-/**
-* Convert OKHSL color string to RGB.
-* Uses the same algorithm as the okhsl-plugin.
-*/
-function okhslToRgb(okhslStr) {
-	const match = okhslStr.match(/okhsl\(([^)]+)\)/i);
-	if (!match) return null;
-	const [colorPart, alphaPart] = match[1].trim().split("/");
-	const parts = colorPart.trim().split(/[,\s]+/).filter(Boolean);
-	if (parts.length < 3) return null;
-	let h = parseFloat(parts[0]);
-	const hueStr = parts[0].toLowerCase();
-	if (hueStr.endsWith("turn")) h = parseFloat(hueStr) * 360;
-	else if (hueStr.endsWith("rad")) h = parseFloat(hueStr) * 180 / Math.PI;
-	else if (hueStr.endsWith("deg")) h = parseFloat(hueStr);
-	const parsePercent = (val) => {
-		const num = parseFloat(val);
-		return val.includes("%") ? num / 100 : num;
-	};
-	const s = Math.max(0, Math.min(1, parsePercent(parts[1])));
-	const l = Math.max(0, Math.min(1, parsePercent(parts[2])));
-	const [r, g, b] = okhslToSrgbInternal(h, s, l);
-	const r255 = Math.round(Math.max(0, Math.min(1, r)) * 255);
-	const g255 = Math.round(Math.max(0, Math.min(1, g)) * 255);
-	const b255 = Math.round(Math.max(0, Math.min(1, b)) * 255);
-	if (alphaPart) return `rgba(${r255}, ${g255}, ${b255}, ${parseFloat(alphaPart.trim())})`;
-	return `rgb(${r255} ${g255} ${b255})`;
-}
-
-//#endregion
-export { okhslToRgb };
-//# sourceMappingURL=okhsl-to-rgb.js.map