@yamada-ui/react 1.7.7 → 2.0.0-dev-20250626070331

package/dist/cjs/core/css/color-mix.cjs

@@ -0,0 +1,88 @@
+const require_utils_index = require('../../utils/index.cjs');
+const require_core_css_utils = require('./utils.cjs');
+const require_core_system_var = require('../system/var.cjs');
+
+//#region src/core/css/color-mix.ts
+const DEFAULT_METHOD = "in srgb";
+const methods = {
+	"a98-rgb": "in a98-rgb",
+	"display-p3": "in display-p3",
+	lab: "in lab",
+	oklab: "in oklab",
+	"prophoto-rgb": "in prophoto-rgb",
+	rec2020: "in rec2020",
+	srgb: "in srgb",
+	"srgb-linear": "in srgb-linear",
+	xyz: "in xyz",
+	"xyz-d50": "in xyz-d50",
+	"xyz-d65": "in xyz-d65"
+};
+function getColor(system) {
+	return function(value, fallbackColor) {
+		if (!value) return "";
+		let [color, percent, ...rest] = value.split(" ").filter(Boolean);
+		if (rest.length) return value;
+		if (color?.startsWith("colors.")) color = color.replace("colors.", "");
+		if (require_core_system_var.isColorScheme(color)) color = require_core_system_var.getColorSchemeVar(system)(color);
+		else color = require_core_css_utils.tokenToVar(system)("colors", color, fallbackColor);
+		if (percent && !percent.endsWith("%")) percent = `${percent}%`;
+		return !percent ? color : `${color} ${percent}`;
+	};
+}
+function omitPercent(value) {
+	if (value?.endsWith("%")) return value.replace(/\d{1,3}%$/, "");
+	return value;
+}
+function createVariable(value, fallbackValue, properties) {
+	if (!properties) return value;
+	const key = "--mix-" + ((0, require_utils_index.utils_exports.isArray)(properties) ? properties.join("-") : properties);
+	const result = { [key]: value };
+	properties.forEach((property) => {
+		result[property] = fallbackValue ? `var(${key}, ${fallbackValue})` : `var(${key})`;
+	});
+	return result;
+}
+function colorMix(value, { fallback, properties, system }) {
+	if (value == null || require_core_css_utils.globalValues.has(value)) return value;
+	if (value.includes("/")) {
+		const [color, percent] = value.split("/");
+		value = `transparentize(${color}, ${percent})`;
+	}
+	const { type, values } = require_core_css_utils.getCSSFunction(value);
+	if (!values) return getColor(system)(value, fallback);
+	switch (type) {
+		case "mix":
+		case "color-mix": {
+			let [color2, color1, method] = require_core_css_utils.splitValues(values).reverse();
+			if (method) method = method in methods ? methods[method] : method;
+			else method = DEFAULT_METHOD;
+			color1 = getColor(system)(color1, fallback);
+			color2 = getColor(system)(color2, fallback);
+			return createVariable(`color-mix(${method}` + (color1 ? `, ${color1}` : "") + (color2 ? `, ${color2}` : "") + ")", omitPercent(color1), properties);
+		}
+		case "tint":
+		case "shade":
+		case "transparentize": {
+			const [color, percent] = require_core_css_utils.splitValues(values);
+			const color1 = getColor(system)(percent ? `${color} ${percent}` : color, fallback);
+			const color2 = type === "transparentize" ? "transparent" : type === "tint" ? "#fff" : "#000";
+			return createVariable(`color-mix(${DEFAULT_METHOD}, ${color1}, ${color2})`, omitPercent(color1), properties);
+		}
+		case "tone": {
+			const [color, tone] = require_core_css_utils.splitValues(values);
+			const color1 = getColor(system)(color, fallback);
+			if (!tone) return color1;
+			let ratio = parseInt(tone) || 500;
+			if (ratio < 50 && 950 < ratio) ratio = 500;
+			if (ratio === 500) return color1;
+			const color2 = ratio < 500 ? "#fff" : "#000";
+			const percent = `${100 - Math.abs(ratio - 500) * 2 / 10}%`;
+			return createVariable(`color-mix(${DEFAULT_METHOD}, ${color1} ${percent}, ${color2})`, omitPercent(color1), properties);
+		}
+		default: return value;
+	}
+}
+
+//#endregion
+exports.colorMix = colorMix;
+//# sourceMappingURL=color-mix.cjs.map

package/dist/cjs/core/css/color-mix.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-mix.cjs","names":["methods: { [key: string]: string }","system: System","value: string | undefined","fallbackColor?: string","value?: string","value: string","fallbackValue?: string","properties?: string[]","value: any"],"sources":["../../../../src/core/css/color-mix.ts"],"sourcesContent":["import type { System } from \"../system\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray } from \"../../utils\"\nimport { getColorSchemeVar, isColorScheme } from \"../system\"\nimport { getCSSFunction, globalValues, splitValues, tokenToVar } from \"./utils\"\n\nconst DEFAULT_METHOD = \"in srgb\"\n\nconst methods: { [key: string]: string } = {\n  \"a98-rgb\": \"in a98-rgb\",\n  \"display-p3\": \"in display-p3\",\n  lab: \"in lab\",\n  oklab: \"in oklab\",\n  \"prophoto-rgb\": \"in prophoto-rgb\",\n  rec2020: \"in rec2020\",\n  srgb: \"in srgb\",\n  \"srgb-linear\": \"in srgb-linear\",\n  xyz: \"in xyz\",\n  \"xyz-d50\": \"in xyz-d50\",\n  \"xyz-d65\": \"in xyz-d65\",\n}\n\nfunction getColor(system: System) {\n  return function (value: string | undefined, fallbackColor?: string) {\n    if (!value) return \"\"\n\n    let [color, percent, ...rest] = value.split(\" \").filter(Boolean)\n\n    if (rest.length) return value\n\n    if (color?.startsWith(\"colors.\")) color = color.replace(\"colors.\", \"\")\n\n    if (isColorScheme(color)) {\n      color = getColorSchemeVar(system)(color)\n    } else {\n      color = tokenToVar(system)(\"colors\", color, fallbackColor)\n    }\n\n    if (percent && !percent.endsWith(\"%\")) percent = `${percent}%`\n\n    return !percent ? color : `${color} ${percent}`\n  }\n}\n\nfunction omitPercent(value?: string) {\n  if (value?.endsWith(\"%\")) return value.replace(/\\d{1,3}%$/, \"\")\n\n  return value\n}\n\nfunction createVariable(\n  value: string,\n  fallbackValue?: string,\n  properties?: string[],\n) {\n  if (!properties) return value\n\n  const key =\n    \"--mix-\" + (isArray(properties) ? properties.join(\"-\") : properties)\n\n  const result = { [key]: value }\n\n  properties.forEach((property) => {\n    result[property] = fallbackValue\n      ? `var(${key}, ${fallbackValue})`\n      : `var(${key})`\n  })\n\n  return result\n}\n\nexport function colorMix(\n  value: any,\n  { fallback, properties, system }: TransformOptions,\n) {\n  if (value == null || globalValues.has(value)) return value\n\n  if (value.includes(\"/\")) {\n    const [color, percent] = value.split(\"/\")\n\n    value = `transparentize(${color}, ${percent})`\n  }\n\n  const { type, values } = getCSSFunction(value)\n\n  if (!values) return getColor(system)(value, fallback)\n\n  switch (type) {\n    case \"mix\":\n    case \"color-mix\": {\n      let [color2, color1, method] = splitValues(values).reverse()\n\n      if (method) {\n        method = method in methods ? methods[method] : method\n      } else {\n        method = DEFAULT_METHOD\n      }\n\n      color1 = getColor(system)(color1, fallback)\n      color2 = getColor(system)(color2, fallback)\n\n      return createVariable(\n        `color-mix(${method}` +\n          (color1 ? `, ${color1}` : \"\") +\n          (color2 ? `, ${color2}` : \"\") +\n          \")\",\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    case \"tint\":\n    case \"shade\":\n    case \"transparentize\": {\n      const [color, percent] = splitValues(values)\n\n      const color1 = getColor(system)(\n        percent ? `${color} ${percent}` : color,\n        fallback,\n      )\n      const color2 =\n        type === \"transparentize\"\n          ? \"transparent\"\n          : type === \"tint\"\n            ? \"#fff\"\n            : \"#000\"\n\n      return createVariable(\n        `color-mix(${DEFAULT_METHOD}, ${color1}, ${color2})`,\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    case \"tone\": {\n      const [color, tone] = splitValues(values)\n\n      const color1 = getColor(system)(color, fallback)\n\n      if (!tone) return color1\n\n      let ratio = parseInt(tone) || 500\n\n      if (ratio < 50 && 950 < ratio) ratio = 500\n      if (ratio === 500) return color1\n\n      const color2 = ratio < 500 ? \"#fff\" : \"#000\"\n      const percent = `${100 - (Math.abs(ratio - 500) * 2) / 10}%`\n\n      return createVariable(\n        `color-mix(${DEFAULT_METHOD}, ${color1} ${percent}, ${color2})`,\n        omitPercent(color1),\n        properties,\n      )\n    }\n\n    default: {\n      return value\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/core/css/color-scheme.cjs

@@ -0,0 +1,37 @@
+const require_utils_index = require('../../utils/index.cjs');
+const require_core_css_utils = require('./utils.cjs');
+const require_core_css_conditions = require('./conditions.cjs');
+const require_core_system_var = require('../system/var.cjs');
+
+//#region src/core/css/color-scheme.ts
+function createColorSchemeVariables(value) {
+	return function({ system }) {
+		return {
+			...Object.fromEntries(require_utils_index.utils_exports.TONES.map((tone) => [require_core_system_var.getVarName(system)(`colorScheme-${tone}`), require_core_css_utils.tokenToVar(system)("colors", `${value}.${tone}`)])),
+			...Object.fromEntries([
+				"contrast",
+				"fg",
+				"subtle",
+				"muted",
+				"emphasized",
+				"bg",
+				"ghost",
+				"solid",
+				"outline"
+			].map((token) => [require_core_system_var.getVarName(system)(`colorScheme-${token}`), require_core_css_utils.tokenToVar(system)("colors", `${value}.${token}`)]))
+		};
+	};
+}
+function colorScheme(value, options) {
+	if ((0, require_utils_index.utils_exports.isArray)(value)) {
+		const [lightValue, darkValue] = value;
+		return {
+			...createColorSchemeVariables(lightValue)(options),
+			[require_core_css_conditions.conditions._dark]: createColorSchemeVariables(darkValue)(options)
+		};
+	} else return createColorSchemeVariables(value)(options);
+}
+
+//#endregion
+exports.colorScheme = colorScheme;
+//# sourceMappingURL=color-scheme.cjs.map

package/dist/cjs/core/css/color-scheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-scheme.cjs","names":["value: ColorScheme","value: any","options: TransformOptions","conditions"],"sources":["../../../../src/core/css/color-scheme.ts"],"sourcesContent":["import type { ColorScheme } from \"../system\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray, TONES } from \"../../utils\"\nimport { getVarName } from \"../system\"\nimport { conditions } from \"./conditions\"\nimport { tokenToVar } from \"./utils\"\n\nfunction createColorSchemeVariables(value: ColorScheme) {\n  return function ({ system }: TransformOptions) {\n    return {\n      ...Object.fromEntries(\n        TONES.map((tone) => [\n          getVarName(system)(`colorScheme-${tone}`),\n          tokenToVar(system)(\"colors\", `${value}.${tone}`),\n        ]),\n      ),\n      ...Object.fromEntries(\n        [\n          \"contrast\",\n          \"fg\",\n          \"subtle\",\n          \"muted\",\n          \"emphasized\",\n          \"bg\",\n          \"ghost\",\n          \"solid\",\n          \"outline\",\n        ].map((token) => [\n          getVarName(system)(`colorScheme-${token}`),\n          tokenToVar(system)(\"colors\", `${value}.${token}`),\n        ]),\n      ),\n    }\n  }\n}\n\nexport function colorScheme(value: any, options: TransformOptions) {\n  if (isArray(value)) {\n    const [lightValue, darkValue] = value\n\n    return {\n      ...createColorSchemeVariables(lightValue)(options),\n      [conditions._dark]: createColorSchemeVariables(darkValue)(options),\n    }\n  } else {\n    return createColorSchemeVariables(value)(options)\n  }\n}\n"],"mappings":";;;;;;AAOA,SAAS,2BAA2BA,OAAoB;AACtD,QAAO,SAAU,EAAE,QAA0B,EAAE;AAC7C,SAAO;GACL,GAAG,OAAO,YACR,wCAAM,IAAI,CAAC,SAAS,CAClB,mCAAW,OAAO,EAAE,cAAc,OAAO,EACzC,kCAAW,OAAO,CAAC,aAAa,MAAM,GAAG,OAAO,AACjD,EAAC,CACH;GACD,GAAG,OAAO,YACR;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACD,EAAC,IAAI,CAAC,UAAU,CACf,mCAAW,OAAO,EAAE,cAAc,QAAQ,EAC1C,kCAAW,OAAO,CAAC,aAAa,MAAM,GAAG,QAAQ,AAClD,EAAC,CACH;EACF;CACF;AACF;AAED,SAAgB,YAAYC,OAAYC,SAA2B;AACjE,KAAI,+CAAQ,MAAM,EAAE;EAClB,MAAM,CAAC,YAAY,UAAU,GAAG;AAEhC,SAAO;GACL,GAAG,2BAA2B,WAAW,CAAC,QAAQ;IACjDC,uCAAW,QAAQ,2BAA2B,UAAU,CAAC,QAAQ;EACnE;CACF,MACC,QAAO,2BAA2B,MAAM,CAAC,QAAQ;AAEpD"}

package/dist/cjs/core/css/conditions.cjs

@@ -0,0 +1,237 @@
+
+//#region src/core/css/conditions.ts
+const toGroup = (selector) => [
+	"[role=group]",
+	"[data-group]",
+	".group"
+].map((prefix) => `${prefix}${selector.slice(1)} &`).join(", ");
+const toPeer = (selector) => [...["[data-peer]", ".peer"].flatMap((prefix) => [`&:has(~ ${prefix}${selector.slice(1)})`, `${prefix}${selector.slice(1)} ~ &`]), ...["[data-peer]", ".peer"].flatMap((prefix) => [`&:has(~ ${prefix} *${selector.slice(1)})`, `${prefix}:has(*${selector.slice(1)}) ~ &`])].join(", ");
+const attributes = {
+	_accept: "&[data-accept]",
+	_between: "&[data-between]",
+	_complete: "&[data-complete]",
+	_current: "&:is([aria-current], [data-current]):not([aria-current='false'])",
+	_dark: ".dark &:not([data-mode]), [data-mode=dark] &:not([data-mode]), &[data-mode=dark]",
+	_end: "&:is([data-end], [data-group-end])",
+	_expanded: "&:is([data-expanded], [aria-expanded=true])",
+	_fallback: "&[data-fallback]",
+	_filled: "&[data-filled]",
+	_grabbed: "&:is([data-grabbed], [aria-grabbed=true])",
+	_grid: "&:is([role=grid], [data-grid])",
+	_hasIcon: "&:has(> [data-icon])",
+	_holiday: "&[data-holiday]",
+	_idle: "&[data-idle]",
+	_incomplete: "&[data-incomplete]",
+	_light: ".light &:not([data-mode]), [data-mode=light] &:not([data-mode]), &[data-mode=light]",
+	_loaded: "&[data-loaded]",
+	_loading: "&:is([data-loading], [aria-busy=true])",
+	_ltr: "[dir=ltr] &",
+	_nativeHidden: "&[hidden]",
+	_notAllowed: "&[data-not-allowed]",
+	_notCurrent: "&:not([aria-current], [data-current]), &[aria-current='false']",
+	_notFallback: "&:not([data-fallback])",
+	_notSelected: "&:not([data-selected]):not([aria-selected=true])",
+	_numeric: "&[data-numeric]",
+	_outside: "&:where([data-outside])",
+	_pressed: "&:is([data-pressed], [aria-pressed=true])",
+	_reject: "&[data-reject]",
+	_ripple: "& .ui-ripple",
+	_rtl: "[dir=rtl] &",
+	_selected: "&:is([data-selected], [aria-selected=true])",
+	_start: "&:is([data-start], [data-group-start])",
+	_today: "&[data-today]",
+	_weekend: "&:where([data-weekend])",
+	_hidden: "&:is([hidden], [data-hidden])",
+	_never: "&[data-never]"
+};
+const attributeProperties = Object.keys(attributes);
+const attributeSelectors = Object.values(attributes);
+const pseudoElements = {
+	_after: "&::after",
+	_backdrop: "&::backdrop",
+	_before: "&::before",
+	_cue: "&::cue",
+	_cueRegion: "&::cue-region",
+	_fileSelector: "&::file-selector-button",
+	_firstLetter: "&::first-letter",
+	_firstLine: "&::first-line",
+	_marker: "&::marker",
+	_placeholder: "&::placeholder, &[data-placeholder]",
+	_scrollbar: "&::-webkit-scrollbar, &[data-scrollbar]",
+	_scrollbarButton: "&::-webkit-scrollbar-button",
+	_scrollbarCorner: "&::-webkit-scrollbar-corner",
+	_scrollbarThumb: "&::-webkit-scrollbar-thumb",
+	_scrollbarTrack: "&::-webkit-scrollbar-track",
+	_scrollbarTrackPiece: "&::-webkit-scrollbar-track-piece",
+	_selection: "&::selection"
+};
+const pseudoElementProperties = Object.keys(pseudoElements);
+const pseudoElementSelectors = Object.values(pseudoElements);
+const pseudoClasses = {
+	_anyLink: "&:is(:any-link, [data-any-link])",
+	_autofill: "&:autofill",
+	_blank: "&:is(:blank, [data-blank])",
+	_checked: "&:is(:checked, [data-checked], [aria-checked=true])",
+	_child: "& > *",
+	_default: "&:default",
+	_empty: "&:empty",
+	_enabled: "&:is(:enabled, [data-enabled])",
+	_even: "&:nth-of-type(even)",
+	_first: "&:first-of-type",
+	_firstChild: "& > *:first-child",
+	_focusWithin: "&:not(:focus-within, [data-focus-within])",
+	_fullScreen: "&:fullscreen",
+	_horizontal: "&:is([data-orientation=horizontal], [aria-orientation=horizontal])",
+	_icon: "&:where(svg:not([data-loading])), & > [data-icon]",
+	_indeterminate: "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])",
+	_inRange: "&:is(:in-range, [data-in-range])",
+	_last: "&:last-of-type",
+	_lastChild: "& > *:last-child",
+	_link: "&:is(:link, [data-link])",
+	_modal: "&:modal",
+	_nativeActive: "&:active",
+	_nativeChecked: "&:checked",
+	_nativeDisabled: "&:is(disabled, [disabled])",
+	_nativeFocus: "&:focus",
+	_nativeFocusVisible: "&:focus-visible",
+	_nativeFocusWithin: "&:focus-within",
+	_nativeHover: "&:hover",
+	_nativeReadOnly: "&:is([readonly], [aria-readonly=true])",
+	_nativeTarget: "&:target",
+	_nativeValid: "&:valid",
+	_notChecked: "&:not(:checked):not([data-checked]):not([aria-checked=true])",
+	_notFirst: "&:not(:first-of-type)",
+	_notFirstChild: "& > *:not(:first-child)",
+	_notLast: "&:not(:last-of-type)",
+	_notLastChild: "& > *:not(:last-child)",
+	_notTarget: "&:not(:target)",
+	_odd: "&:nth-of-type(odd)",
+	_only: "&:only-of-type",
+	_onlyChild: "&:only-child",
+	_optional: "&:is(:optional, [data-optional])",
+	_outRange: "&:is(:out-of-range, [data-out-of-range])",
+	_paused: "&:is(:paused, [data-paused])",
+	_picture: "&:picture-in-picture",
+	_placeholderShown: "&:placeholder-shown",
+	_playing: "&:is(:playing, [data-playing])",
+	_readWrite: "&:is(:read-write, [data-read-write])",
+	_required: "&:is(:required, [required])",
+	_target: "&:is(:target, [data-target])",
+	_userInvalid: "&:is(:user-invalid, [data-user-invalid])",
+	_valid: "&:is(:valid, [data-valid])",
+	_vertical: "&:is([data-orientation=vertical], [aria-orientation=vertical])",
+	_visited: "&:visited",
+	_hover: "&:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])",
+	_active: "&:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])",
+	_focus: "&:is(:focus, [data-focus])",
+	_focusVisible: "&:is(:focus-visible, [data-focus-visible])",
+	_invalid: "&:is([data-invalid], [aria-invalid=true])",
+	_readOnly: "&:is([readonly], [data-readonly], [aria-readonly=true])",
+	_disabled: "&:is(:disabled, [disabled], [data-disabled])"
+};
+const pseudoClassProperties = Object.keys(pseudoClasses);
+const pseudoClassSelectors = Object.values(pseudoClasses);
+const groupAttributes = {
+	_groupAccept: toGroup(attributes._accept),
+	_groupActive: toGroup(pseudoClasses._active),
+	_groupBlank: toGroup(pseudoClasses._blank),
+	_groupChecked: toGroup(pseudoClasses._checked),
+	_groupComplete: toGroup(attributes._complete),
+	_groupCurrent: toGroup(attributes._current),
+	_groupDisabled: toGroup(pseudoClasses._disabled),
+	_groupEnabled: toGroup(pseudoClasses._enabled),
+	_groupExpanded: toGroup(attributes._expanded),
+	_groupFocus: toGroup(pseudoClasses._focus),
+	_groupFocusVisible: toGroup(pseudoClasses._focusVisible),
+	_groupFocusWithin: toGroup(pseudoClasses._focusWithin),
+	_groupGrabbed: toGroup(attributes._grabbed),
+	_groupHorizontal: toGroup(pseudoClasses._horizontal),
+	_groupHover: toGroup(pseudoClasses._hover),
+	_groupIdle: toGroup(attributes._idle),
+	_groupIncomplete: toGroup(attributes._incomplete),
+	_groupInvalid: toGroup(pseudoClasses._invalid),
+	_groupLoaded: toGroup(attributes._loaded),
+	_groupLoading: toGroup(attributes._loading),
+	_groupOptional: toGroup(pseudoClasses._optional),
+	_groupPlaceholderShown: toGroup(pseudoClasses._placeholderShown),
+	_groupPressed: toGroup(attributes._pressed),
+	_groupReadOnly: toGroup(pseudoClasses._readOnly),
+	_groupReadWrite: toGroup(pseudoClasses._readWrite),
+	_groupReject: toGroup(attributes._reject),
+	_groupRequired: toGroup(pseudoClasses._required),
+	_groupSelected: toGroup(attributes._selected),
+	_groupUserInvalid: toGroup(pseudoClasses._userInvalid),
+	_groupValid: toGroup(pseudoClasses._valid),
+	_groupVertical: toGroup(pseudoClasses._vertical)
+};
+const groupAttributeProperties = Object.keys(groupAttributes);
+const groupAttributeSelectors = Object.values(groupAttributes);
+const peerAttributes = {
+	_peerAccept: toPeer(attributes._accept),
+	_peerActive: toPeer(pseudoClasses._active),
+	_peerBlank: toPeer(pseudoClasses._blank),
+	_peerChecked: toPeer(pseudoClasses._checked),
+	_peerComplete: toPeer(attributes._complete),
+	_peerCurrent: toPeer(attributes._current),
+	_peerDisabled: toPeer(pseudoClasses._disabled),
+	_peerEnabled: toPeer(pseudoClasses._enabled),
+	_peerExpanded: toPeer(attributes._expanded),
+	_peerFocus: toPeer(pseudoClasses._focus),
+	_peerFocusVisible: toPeer(pseudoClasses._focusVisible),
+	_peerFocusWithin: toPeer(pseudoClasses._focusWithin),
+	_peerGrabbed: toPeer(attributes._grabbed),
+	_peerHorizontal: toPeer(pseudoClasses._horizontal),
+	_peerHover: toPeer(pseudoClasses._hover),
+	_peerIdle: toPeer(attributes._idle),
+	_peerIncomplete: toPeer(attributes._incomplete),
+	_peerInvalid: toPeer(pseudoClasses._invalid),
+	_peerLoaded: toPeer(attributes._loaded),
+	_peerLoading: toPeer(attributes._loading),
+	_peerOptional: toPeer(pseudoClasses._optional),
+	_peerPlaceholderShown: toPeer(pseudoClasses._placeholderShown),
+	_peerPressed: toPeer(attributes._pressed),
+	_peerReadOnly: toPeer(pseudoClasses._readOnly),
+	_peerReadWrite: toPeer(pseudoClasses._readWrite),
+	_peerReject: toPeer(attributes._reject),
+	_peerRequired: toPeer(pseudoClasses._required),
+	_peerSelected: toPeer(attributes._selected),
+	_peerUserInvalid: toPeer(pseudoClasses._userInvalid),
+	_peerValid: toPeer(pseudoClasses._valid),
+	_peerVertical: toPeer(pseudoClasses._vertical)
+};
+const peerAttributeProperties = Object.keys(peerAttributes);
+const peerAttributeSelectors = Object.values(peerAttributes);
+const conditions = {
+	...pseudoElements,
+	...attributes,
+	...pseudoClasses,
+	...groupAttributes,
+	...peerAttributes
+};
+const conditionProperties = Object.keys(conditions);
+const conditionSelectors = Object.values(conditions);
+function getCondition(key) {
+	return key in conditions ? conditions[key] : key;
+}
+
+//#endregion
+exports.attributeProperties = attributeProperties;
+exports.attributeSelectors = attributeSelectors;
+exports.attributes = attributes;
+exports.conditionProperties = conditionProperties;
+exports.conditionSelectors = conditionSelectors;
+exports.conditions = conditions;
+exports.getCondition = getCondition;
+exports.groupAttributeProperties = groupAttributeProperties;
+exports.groupAttributeSelectors = groupAttributeSelectors;
+exports.groupAttributes = groupAttributes;
+exports.peerAttributeProperties = peerAttributeProperties;
+exports.peerAttributeSelectors = peerAttributeSelectors;
+exports.peerAttributes = peerAttributes;
+exports.pseudoClassProperties = pseudoClassProperties;
+exports.pseudoClassSelectors = pseudoClassSelectors;
+exports.pseudoClasses = pseudoClasses;
+exports.pseudoElementProperties = pseudoElementProperties;
+exports.pseudoElementSelectors = pseudoElementSelectors;
+exports.pseudoElements = pseudoElements;
+//# sourceMappingURL=conditions.cjs.map

package/dist/cjs/core/css/conditions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"conditions.cjs","names":["selector: Y","key: string"],"sources":["../../../../src/core/css/conditions.ts"],"sourcesContent":["import type { Length } from \"../../utils\"\nimport type { DOMElement } from \"../components\"\nimport type { CSSObject } from \"./index.types\"\n\ntype ReplaceSelector<\n  Y extends string[],\n  M extends string,\n  D extends string,\n> = Y extends [infer H extends string, ...infer R extends string[]]\n  ? `${H}${M extends `&${infer T}` ? `${T} ${D}` : `${M} ${D}`}${Length<R> extends 0 ? \"\" : `, `}${ReplaceSelector<R, M, D>}`\n  : \"\"\n\nconst toGroup = <Y extends string>(selector: Y) =>\n  [\"[role=group]\", \"[data-group]\", \".group\"]\n    .map((prefix) => `${prefix}${selector.slice(1)} &`)\n    .join(\", \") as ReplaceSelector<\n    [\"[role=group]\", \"[data-group]\", \".group\"],\n    Y,\n    \"&\"\n  >\n\nconst toPeer = <Y extends string>(selector: Y) =>\n  [\n    ...[\"[data-peer]\", \".peer\"].flatMap((prefix) => [\n      `&:has(~ ${prefix}${selector.slice(1)})`,\n      `${prefix}${selector.slice(1)} ~ &`,\n    ]),\n    ...[\"[data-peer]\", \".peer\"].flatMap((prefix) => [\n      `&:has(~ ${prefix} *${selector.slice(1)})`,\n      `${prefix}:has(*${selector.slice(1)}) ~ &`,\n    ]),\n  ].join(\", \") as ReplaceSelector<[\"[data-peer]\", \".peer\"], Y, \"~ &\">\n\nexport type AnySelector =\n  | `${string}${\" \" | \"#\" | \"*\" | \"+\" | \",\" | \".\" | \":\" | \">\" | \"@\" | \"[\" | \"]\" | \"~\"}${string}`\n  | DOMElement\n\nexport const attributes = {\n  /**\n   * The CSS `&[data-accept]` attribute selector.\n   */\n  _accept: \"&[data-accept]\",\n  /**\n   * The CSS `&[data-between]` attribute selector.\n   */\n  _between: \"&[data-between]\",\n  /**\n   * The CSS `&[data-complete]` attribute selector.\n   */\n  _complete: \"&[data-complete]\",\n  /**\n   * The CSS `&:is([aria-current], [data-current]):not([aria-current='false'])` attribute selector.\n   */\n  _current: \"&:is([aria-current], [data-current]):not([aria-current='false'])\",\n  /**\n   * Styles for when `data-mode` is applied to any parent of this component or element.\n   */\n  _dark:\n    \".dark &:not([data-mode]), [data-mode=dark] &:not([data-mode]), &[data-mode=dark]\",\n  /**\n   * The CSS `&:is([data-end], [data-group-end])` attribute selector.\n   */\n  _end: \"&:is([data-end], [data-group-end])\",\n  /**\n   * The CSS `&:is([data-expanded], [aria-expanded=true])` attribute selector.\n   */\n  _expanded: \"&:is([data-expanded], [aria-expanded=true])\",\n  /**\n   * The CSS `&[data-fallback]` attribute selector.\n   */\n  _fallback: \"&[data-fallback]\",\n  /**\n   * The CSS `&[data-filled]` attribute selector.\n   */\n  _filled: \"&[data-filled]\",\n  /**\n   * The CSS `&:is([data-grabbed], [aria-grabbed=true])` attribute selector.\n   */\n  _grabbed: \"&:is([data-grabbed], [aria-grabbed=true])\",\n  /**\n   * The CSS `&:is([role=grid], [data-grid])` attribute selector.\n   */\n  _grid: \"&:is([role=grid], [data-grid])\",\n  /**\n   * The CSS `&:has(> [data-icon])` attribute selector.\n   */\n  _hasIcon: \"&:has(> [data-icon])\",\n  /**\n   * The CSS `&[data-holiday]` attribute selector.\n   */\n  _holiday: \"&[data-holiday]\",\n  /**\n   * The CSS `&[data-idle]` attribute selector.\n   */\n  _idle: \"&[data-idle]\",\n  /**\n   * The CSS `&[data-incomplete]` attribute selector.\n   */\n  _incomplete: \"&[data-incomplete]\",\n  /**\n   * Styles for when `data-mode` is applied to any parent of this component or element.\n   */\n  _light:\n    \".light &:not([data-mode]), [data-mode=light] &:not([data-mode]), &[data-mode=light]\",\n  /**\n   * The CSS `&[data-loaded]` attribute selector.\n   */\n  _loaded: \"&[data-loaded]\",\n  /**\n   * The CSS `&:is([data-loading], [aria-busy=true])` attribute selector.\n   */\n  _loading: \"&:is([data-loading], [aria-busy=true])\",\n  /**\n   * The CSS `&[dir=ltr]` attribute selector.\n   */\n  _ltr: \"[dir=ltr] &\",\n  /**\n   * The CSS `&[hidden]` attribute selector.\n   */\n  _nativeHidden: \"&[hidden]\",\n  /**\n   * The CSS `&[data-not-allowed]` attribute selector.\n   */\n  _notAllowed: \"&[data-not-allowed]\",\n  /**\n   * The CSS `&[aria-current='false']` attribute selector.\n   */\n  _notCurrent: \"&:not([aria-current], [data-current]), &[aria-current='false']\",\n  /**\n   * The CSS `&:not([data-fallback])` attribute selector.\n   */\n  _notFallback: \"&:not([data-fallback])\",\n  /**\n   * The CSS `&:not([data-selected]):not([aria-selected=true])` attribute selector.\n   */\n  _notSelected: \"&:not([data-selected]):not([aria-selected=true])\",\n  /**\n   * The CSS `&[data-numeric]` attribute selector.\n   */\n  _numeric: \"&[data-numeric]\",\n  /**\n   * The CSS `&:where([data-outside])` attribute selector.\n   */\n  _outside: \"&:where([data-outside])\",\n  /**\n   * The CSS `&:is([data-pressed], [aria-pressed=true])` attribute selector.\n   */\n  _pressed: \"&:is([data-pressed], [aria-pressed=true])\",\n  /**\n   * The CSS `&[data-reject]` attribute selector.\n   */\n  _reject: \"&[data-reject]\",\n  /**\n   * The CSS `& .ui-ripple` attribute selector.\n   */\n  _ripple: \"& .ui-ripple\",\n  /**\n   * The CSS `&[dir=rtl]` attribute selector.\n   */\n  _rtl: \"[dir=rtl] &\",\n  /**\n   * The CSS `&:is([data-selected], [aria-selected=true])` attribute selector.\n   */\n  _selected: \"&:is([data-selected], [aria-selected=true])\",\n  /**\n   * The CSS `&:is([data-start], [data-group-start])` attribute selector.\n   */\n  _start: \"&:is([data-start], [data-group-start])\",\n  /**\n   * The CSS `&[data-today]` attribute selector.\n   */\n  _today: \"&[data-today]\",\n  /**\n   * The CSS `&:where([data-weekend])` attribute selector.\n   */\n  _weekend: \"&:where([data-weekend])\",\n  /**\n   * The CSS `&:is([hidden], [data-hidden])` attribute selector.\n   */\n  _hidden: \"&:is([hidden], [data-hidden])\",\n  /**\n   * The CSS `&[data-never]` attribute selector.\n   */\n  _never: \"&[data-never]\",\n} as const\n\nexport type Attributes = typeof attributes\nexport type AttributeProperty = keyof Attributes\nexport type AttributeProps = {\n  [K in AttributeProperty]?: CSSObject\n}\n\nexport const attributeProperties = Object.keys(\n  attributes,\n) as AttributeProperty[]\nexport const attributeSelectors = Object.values(attributes)\n\nexport const pseudoElements = {\n  /**\n   * The CSS `&::after` pseudo-element.\n   */\n  _after: \"&::after\",\n  /**\n   * The CSS `&::backdrop` pseudo-element.\n   */\n  _backdrop: \"&::backdrop\",\n  /**\n   * The CSS `&::before` pseudo-element.\n   */\n  _before: \"&::before\",\n  /**\n   * The CSS `&::cue` pseudo-element.\n   */\n  _cue: \"&::cue\",\n  /**\n   * The CSS `&::cue-region` pseudo-element.\n   */\n  _cueRegion: \"&::cue-region\",\n  /**\n   * The CSS `&::file-selector-button` pseudo-element.\n   */\n  _fileSelector: \"&::file-selector-button\",\n  /**\n   * The CSS `&::first-letter` pseudo-element.\n   */\n  _firstLetter: \"&::first-letter\",\n  /**\n   * The CSS `&::first-line` pseudo-element.\n   */\n  _firstLine: \"&::first-line\",\n  /**\n   * The CSS `&::marker` pseudo-element.\n   */\n  _marker: \"&::marker\",\n  /**\n   * The CSS `&::placeholder, &[data-placeholder]` pseudo-element.\n   */\n  _placeholder: \"&::placeholder, &[data-placeholder]\",\n  /**\n   * The CSS `&::-webkit-scrollbar, &[data-scrollbar]` pseudo-element.\n   */\n  _scrollbar: \"&::-webkit-scrollbar, &[data-scrollbar]\",\n  /**\n   * The CSS `&::-webkit-scrollbar-button` pseudo-element.\n   */\n  _scrollbarButton: \"&::-webkit-scrollbar-button\",\n  /**\n   * The CSS `&::-webkit-scrollbar-corner` pseudo-element.\n   */\n  _scrollbarCorner: \"&::-webkit-scrollbar-corner\",\n  /**\n   * The CSS `&::-webkit-scrollbar-thumb` pseudo-element.\n   */\n  _scrollbarThumb: \"&::-webkit-scrollbar-thumb\",\n  /**\n   * The CSS `&::-webkit-scrollbar-track` pseudo-element.\n   */\n  _scrollbarTrack: \"&::-webkit-scrollbar-track\",\n  /**\n   * The CSS `&::-webkit-scrollbar-track-piece` pseudo-element.\n   */\n  _scrollbarTrackPiece: \"&::-webkit-scrollbar-track-piece\",\n  /**\n   * The CSS `&::selection` pseudo-element.\n   */\n  _selection: \"&::selection\",\n} as const\n\nexport type PseudoElements = typeof pseudoElements\nexport type PseudoElementProperty = keyof PseudoElements\nexport type PseudoElementProps = {\n  [K in PseudoElementProperty]?: CSSObject\n}\n\nexport const pseudoElementProperties = Object.keys(\n  pseudoElements,\n) as PseudoElementProperty[]\nexport const pseudoElementSelectors = Object.values(pseudoElements)\n\nexport const pseudoClasses = {\n  /**\n   * The CSS `:any-link` pseudo-class.\n   */\n  _anyLink: \"&:is(:any-link, [data-any-link])\",\n  /**\n   * The CSS `&:autofill` pseudo-class.\n   */\n  _autofill: \"&:autofill\",\n  /**\n   * The CSS `&:is(:blank, [data-blank])` pseudo-class.\n   */\n  _blank: \"&:is(:blank, [data-blank])\",\n  /**\n   * The CSS `&:is(:checked, [data-checked], [aria-checked=true])` pseudo-class.\n   */\n  _checked: \"&:is(:checked, [data-checked], [aria-checked=true])\",\n  /**\n   * The CSS `& > *` child combinator selector.\n   */\n  _child: \"& > *\",\n  /**\n   * The CSS `&:default` pseudo-class.\n   */\n  _default: \"&:default\",\n  /**\n   * The CSS `&:empty` pseudo-class.\n   */\n  _empty: \"&:empty\",\n  /**\n   * The CSS `&:is(:enabled, [data-enabled])` pseudo-class.\n   */\n  _enabled: \"&:is(:enabled, [data-enabled])\",\n  /**\n   * The CSS `&:nth-of-type(even)` pseudo-class.\n   */\n  _even: \"&:nth-of-type(even)\",\n  /**\n   * The CSS `&:first-of-type` pseudo-class.\n   */\n  _first: \"&:first-of-type\",\n  /**\n   * The CSS `& > *:first-child` pseudo-class.\n   */\n  _firstChild: \"& > *:first-child\",\n  /**\n   * The CSS `&:not(:focus-within, [data-focus-within])` pseudo-class.\n   */\n  _focusWithin: \"&:not(:focus-within, [data-focus-within])\",\n  /**\n   * The CSS `&:fullscreen` pseudo-class.\n   */\n  _fullScreen: \"&:fullscreen\",\n  /**\n   * The CSS `&:is([data-orientation=horizontal], [aria-orientation=horizontal])` pseudo-class.\n   */\n  _horizontal:\n    \"&:is([data-orientation=horizontal], [aria-orientation=horizontal])\",\n  /**\n   * The CSS `&:where(svg:not([data-loading])), & > [data-icon]` pseudo-class.\n   */\n  _icon: \"&:where(svg:not([data-loading])), & > [data-icon]\",\n  /**\n   * The CSS `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])` pseudo-class.\n   */\n  _indeterminate:\n    \"&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])\",\n  /**\n   * The CSS `&:is(:in-range, [data-in-range])` pseudo-class.\n   */\n  _inRange: \"&:is(:in-range, [data-in-range])\",\n  /**\n   * The CSS `&:last-of-type` pseudo-class.\n   */\n  _last: \"&:last-of-type\",\n  /**\n   * The CSS `& > *:last-child` pseudo-class.\n   */\n  _lastChild: \"& > *:last-child\",\n  /**\n   * The CSS `&:is(:link, [data-link])` pseudo-class.\n   */\n  _link: \"&:is(:link, [data-link])\",\n  /**\n   * The CSS `&:modal` pseudo-class.\n   */\n  _modal: \"&:modal\",\n  /**\n   * The CSS `&:active` pseudo-class.\n   */\n  _nativeActive: \"&:active\",\n  /**\n   * The CSS `&:checked` pseudo-class.\n   */\n  _nativeChecked: \"&:checked\",\n  /**\n   * The CSS `&:is(disabled, [disabled])` pseudo-class.\n   */\n  _nativeDisabled: \"&:is(disabled, [disabled])\",\n  /**\n   * The CSS `&:focus` pseudo-class.\n   */\n  _nativeFocus: \"&:focus\",\n  /**\n   * The CSS `&:focus-visible` pseudo-class.\n   */\n  _nativeFocusVisible: \"&:focus-visible\",\n  /**\n   * The CSS `&:focus-within` pseudo-class.\n   */\n  _nativeFocusWithin: \"&:focus-within\",\n  /**\n   * The CSS `&:hover` pseudo-class.\n   */\n  _nativeHover: \"&:hover\",\n  /**\n   * The CSS `&:is([readonly], [aria-readonly=true])` pseudo-class.\n   */\n  _nativeReadOnly: \"&:is([readonly], [aria-readonly=true])\",\n  /**\n   * The CSS `&:target` pseudo-class.\n   */\n  _nativeTarget: \"&:target\",\n  /**\n   * The CSS `&:valid` pseudo-class.\n   */\n  _nativeValid: \"&:valid\",\n  /**\n   * The CSS `&:not(:checked):not([data-checked]):not([aria-checked=true])` pseudo-class.\n   */\n  _notChecked: \"&:not(:checked):not([data-checked]):not([aria-checked=true])\",\n  /**\n   * The CSS `&:not(:first-of-type)` pseudo-class.\n   */\n  _notFirst: \"&:not(:first-of-type)\",\n  /**\n   * The CSS `& > *:not(:first-child)` pseudo-class.\n   */\n  _notFirstChild: \"& > *:not(:first-child)\",\n  /**\n   * The CSS `&:not(:last-of-type)` pseudo-class.\n   */\n  _notLast: \"&:not(:last-of-type)\",\n  /**\n   * The CSS `& > *:not(:last-child)` pseudo-class.\n   */\n  _notLastChild: \"& > *:not(:last-child)\",\n  /**\n   * The CSS `&:not(:target)` pseudo-class.\n   */\n  _notTarget: \"&:not(:target)\",\n  /**\n   * The CSS `&:nth-of-type(odd)` pseudo-class.\n   */\n  _odd: \"&:nth-of-type(odd)\",\n  /**\n   * The CSS `&:only-of-type` pseudo-class.\n   */\n  _only: \"&:only-of-type\",\n  /**\n   * The CSS `&:only-child` pseudo-class.\n   */\n  _onlyChild: \"&:only-child\",\n  /**\n   * The CSS `&:is(:optional, [data-optional])` pseudo-class.\n   */\n  _optional: \"&:is(:optional, [data-optional])\",\n  /**\n   * The CSS `&:is(:out-of-range, [data-out-of-range])` pseudo-class.\n   */\n  _outRange: \"&:is(:out-of-range, [data-out-of-range])\",\n  /**\n   * The CSS `&:is(:paused, [data-paused])` pseudo-class.\n   */\n  _paused: \"&:is(:paused, [data-paused])\",\n  /**\n   * The CSS `&:picture-in-picture` pseudo-class.\n   */\n  _picture: \"&:picture-in-picture\",\n  /**\n   * The CSS `&:placeholder-shown` pseudo-class.\n   */\n  _placeholderShown: \"&:placeholder-shown\",\n  /**\n   * The CSS `&:is(:playing, [data-playing])` pseudo-class.\n   */\n  _playing: \"&:is(:playing, [data-playing])\",\n  /**\n   * The CSS `&:is(:read-write, [data-read-write])` pseudo-class.\n   */\n  _readWrite: \"&:is(:read-write, [data-read-write])\",\n  /**\n   * The CSS `&:is(:required, [required])` pseudo-class.\n   */\n  _required: \"&:is(:required, [required])\",\n  /**\n   * The CSS `&:is(:target, [data-target])` pseudo-class.\n   */\n  _target: \"&:is(:target, [data-target])\",\n  /**\n   * The CSS `&:is(:user-invalid, [data-user-invalid])` pseudo-class.\n   */\n  _userInvalid: \"&:is(:user-invalid, [data-user-invalid])\",\n  /**\n   * The CSS `&:is(:valid, [data-valid])` pseudo-class.\n   */\n  _valid: \"&:is(:valid, [data-valid])\",\n  /**\n   * The CSS `&:is([data-orientation=vertical], [aria-orientation=vertical])` pseudo-class.\n   */\n  _vertical: \"&:is([data-orientation=vertical], [aria-orientation=vertical])\",\n  /**\n   * The CSS `&:visited` pseudo-class.\n   */\n  _visited: \"&:visited\",\n  /**\n   * The CSS `&:is(:hover, [data-hover])` pseudo-class.\n   */\n  _hover:\n    \"&:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])\",\n  /**\n   * The CSS `&:is(:active, [data-active])` pseudo-class.\n   */\n  _active:\n    \"&:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])\",\n  /**\n   * The CSS `&:is(:focus, [data-focus])` pseudo-class.\n   */\n  _focus: \"&:is(:focus, [data-focus])\",\n  /**\n   * The CSS `&:is(:focus-visible, [data-focus-visible])` pseudo-class.\n   */\n  _focusVisible: \"&:is(:focus-visible, [data-focus-visible])\",\n  /**\n   * The CSS `&:is([data-invalid], [aria-invalid=true])` attribute selector.\n   */\n  _invalid: \"&:is([data-invalid], [aria-invalid=true])\",\n  /**\n   * The CSS `&:is([readonly], [data-readonly], [aria-readonly=true])` pseudo-class.\n   */\n  _readOnly: \"&:is([readonly], [data-readonly], [aria-readonly=true])\",\n  /**\n   * The CSS `&:is(:disabled, [disabled], [data-disabled])` pseudo-class.\n   */\n  _disabled: \"&:is(:disabled, [disabled], [data-disabled])\",\n} as const\n\nexport type PseudoClasses = typeof pseudoClasses\nexport type PseudoClassProperty = keyof PseudoClasses\nexport type PseudoClassProps = {\n  [K in PseudoClassProperty]?: CSSObject\n}\n\nexport const pseudoClassProperties = Object.keys(\n  pseudoClasses,\n) as PseudoClassProperty[]\nexport const pseudoClassSelectors = Object.values(pseudoClasses)\n\nexport const groupAttributes = {\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is accepted.\n   */\n  _groupAccept: toGroup(attributes._accept),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is active.\n   */\n  _groupActive: toGroup(pseudoClasses._active),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is blank.\n   */\n  _groupBlank: toGroup(pseudoClasses._blank),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is checked.\n   */\n  _groupChecked: toGroup(pseudoClasses._checked),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is complete.\n   */\n  _groupComplete: toGroup(attributes._complete),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is current.\n   */\n  _groupCurrent: toGroup(attributes._current),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is disabled.\n   */\n  _groupDisabled: toGroup(pseudoClasses._disabled),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is enabled.\n   */\n  _groupEnabled: toGroup(pseudoClasses._enabled),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is expanded.\n   */\n  _groupExpanded: toGroup(attributes._expanded),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focused.\n   */\n  _groupFocus: toGroup(pseudoClasses._focus),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focused-visible.\n   */\n  _groupFocusVisible: toGroup(pseudoClasses._focusVisible),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focus-within.\n   */\n  _groupFocusWithin: toGroup(pseudoClasses._focusWithin),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is grabbed.\n   */\n  _groupGrabbed: toGroup(attributes._grabbed),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is horizontal.\n   */\n  _groupHorizontal: toGroup(pseudoClasses._horizontal),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is hovered.\n   */\n  _groupHover: toGroup(pseudoClasses._hover),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is idle.\n   */\n  _groupIdle: toGroup(attributes._idle),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is incomplete.\n   */\n  _groupIncomplete: toGroup(attributes._incomplete),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is invalid.\n   */\n  _groupInvalid: toGroup(pseudoClasses._invalid),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is loaded.\n   */\n  _groupLoaded: toGroup(attributes._loaded),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is loading.\n   */\n  _groupLoading: toGroup(attributes._loading),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is optional.\n   */\n  _groupOptional: toGroup(pseudoClasses._optional),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` has a placeholder shown.\n   */\n  _groupPlaceholderShown: toGroup(pseudoClasses._placeholderShown),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is pressed.\n   */\n  _groupPressed: toGroup(attributes._pressed),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is read-only.\n   */\n  _groupReadOnly: toGroup(pseudoClasses._readOnly),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is read-write.\n   */\n  _groupReadWrite: toGroup(pseudoClasses._readWrite),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is rejected.\n   */\n  _groupReject: toGroup(attributes._reject),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is required.\n   */\n  _groupRequired: toGroup(pseudoClasses._required),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is selected.\n   */\n  _groupSelected: toGroup(attributes._selected),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is user-invalid.\n   */\n  _groupUserInvalid: toGroup(pseudoClasses._userInvalid),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is valid.\n   */\n  _groupValid: toGroup(pseudoClasses._valid),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is vertical.\n   */\n  _groupVertical: toGroup(pseudoClasses._vertical),\n} as const\n\nexport type GroupAttributes = typeof groupAttributes\nexport type GroupAttributeProperty = keyof GroupAttributes\nexport type GroupAttributeProps = {\n  [K in GroupAttributeProperty]?: CSSObject\n}\n\nexport const groupAttributeProperties = Object.keys(\n  groupAttributes,\n) as GroupAttributeProperty[]\nexport const groupAttributeSelectors = Object.values(groupAttributes)\n\nexport const peerAttributes = {\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is accepted.\n   */\n  _peerAccept: toPeer(attributes._accept),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is active.\n   */\n  _peerActive: toPeer(pseudoClasses._active),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is blank.\n   */\n  _peerBlank: toPeer(pseudoClasses._blank),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is checked.\n   */\n  _peerChecked: toPeer(pseudoClasses._checked),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is complete.\n   */\n  _peerComplete: toPeer(attributes._complete),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is current.\n   */\n  _peerCurrent: toPeer(attributes._current),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is disabled.\n   */\n  _peerDisabled: toPeer(pseudoClasses._disabled),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is enabled.\n   */\n  _peerEnabled: toPeer(pseudoClasses._enabled),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is expanded.\n   */\n  _peerExpanded: toPeer(attributes._expanded),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is focused.\n   */\n  _peerFocus: toPeer(pseudoClasses._focus),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is focused-visible.\n   */\n  _peerFocusVisible: toPeer(pseudoClasses._focusVisible),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is focus-within.\n   */\n  _peerFocusWithin: toPeer(pseudoClasses._focusWithin),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is grabbed.\n   */\n  _peerGrabbed: toPeer(attributes._grabbed),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is horizontal.\n   */\n  _peerHorizontal: toPeer(pseudoClasses._horizontal),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is hovered.\n   */\n  _peerHover: toPeer(pseudoClasses._hover),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is idle.\n   */\n  _peerIdle: toPeer(attributes._idle),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is incomplete.\n   */\n  _peerIncomplete: toPeer(attributes._incomplete),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is invalid.\n   */\n  _peerInvalid: toPeer(pseudoClasses._invalid),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is loaded.\n   */\n  _peerLoaded: toPeer(attributes._loaded),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is loading.\n   */\n  _peerLoading: toPeer(attributes._loading),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is optional.\n   */\n  _peerOptional: toPeer(pseudoClasses._optional),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` has a placeholder shown.\n   */\n  _peerPlaceholderShown: toPeer(pseudoClasses._placeholderShown),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is pressed.\n   */\n  _peerPressed: toPeer(attributes._pressed),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is read-only.\n   */\n  _peerReadOnly: toPeer(pseudoClasses._readOnly),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is read-write.\n   */\n  _peerReadWrite: toPeer(pseudoClasses._readWrite),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is rejected.\n   */\n  _peerReject: toPeer(attributes._reject),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is required.\n   */\n  _peerRequired: toPeer(pseudoClasses._required),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is selected.\n   */\n  _peerSelected: toPeer(attributes._selected),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is user-invalid.\n   */\n  _peerUserInvalid: toPeer(pseudoClasses._userInvalid),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is valid.\n   */\n  _peerValid: toPeer(pseudoClasses._valid),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is vertical.\n   */\n  _peerVertical: toPeer(pseudoClasses._vertical),\n} as const\n\nexport type PeerAttributes = typeof peerAttributes\nexport type PeerAttributeProperty = keyof PeerAttributes\nexport type PeerAttributeProps = {\n  [K in PeerAttributeProperty]?: CSSObject\n}\n\nexport const peerAttributeProperties = Object.keys(\n  peerAttributes,\n) as PeerAttributeProperty[]\nexport const peerAttributeSelectors = Object.values(peerAttributes)\n\nexport const conditions = {\n  ...pseudoElements,\n  ...attributes,\n  ...pseudoClasses,\n  ...groupAttributes,\n  ...peerAttributes,\n} as const\n\nexport type Conditions = typeof conditions\nexport type ConditionProperty = keyof Conditions\nexport type ConditionSelector = Conditions[ConditionProperty]\nexport type ConditionProps = {\n  [K in keyof Conditions]?: CSSObject\n}\n\nexport const conditionProperties = Object.keys(\n  conditions,\n) as ConditionProperty[]\nexport const conditionSelectors = Object.values(conditions)\n\nexport function getCondition(key: string) {\n  return key in conditions ? conditions[key as ConditionProperty] : key\n}\n"],"mappings":"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"}

package/dist/cjs/core/css/config.cjs

@@ -0,0 +1,76 @@
+const require_utils_index = require('../../utils/index.cjs');
+const require_core_css_utils = require('./utils.cjs');
+const require_core_css_animation = require('./animation.cjs');
+const require_core_css_color_mix = require('./color-mix.cjs');
+const require_core_css_at_rule = require('./at-rule.cjs');
+const require_core_css_calc = require('./calc.cjs');
+const require_core_css_color_scheme = require('./color-scheme.cjs');
+const require_core_css_filter = require('./filter.cjs');
+const require_core_css_focus_ring = require('./focus-ring.cjs');
+const require_core_css_function = require('./function.cjs');
+const require_core_css_gradient = require('./gradient.cjs');
+const require_core_css_grid = require('./grid.cjs');
+const require_core_css_style = require('./style.cjs');
+const require_core_css_token = require('./token.cjs');
+const require_core_css_transform = require('./transform.cjs');
+const require_core_css_transition = require('./transition.cjs');
+
+//#region src/core/css/config.ts
+const transforms = {
+	style: require_core_css_style.generateStyle,
+	colorScheme: require_core_css_color_scheme.colorScheme,
+	animation: require_core_css_animation.animation,
+	bgClip: (value, { prev }) => {
+		if (value === "text") {
+			prev ??= {};
+			prev.color ??= "transparent";
+			return value;
+		} else return value;
+	},
+	calc: require_core_css_calc.generateCalc,
+	colorMix: require_core_css_color_mix.colorMix,
+	container: require_core_css_at_rule.generateAtRule("container"),
+	content: (value) => {
+		if ((0, require_utils_index.utils_exports.isObject)(value)) return {
+			content: "''",
+			...value
+		};
+		else return value;
+	},
+	deg: (value) => {
+		if (require_core_css_utils.isCSSVar(value) || value == null) return value;
+		const isUnitless = typeof value === "string" && !value.endsWith("deg");
+		return isUnitless || (0, require_utils_index.utils_exports.isNumber)(value) ? `${value}deg` : value;
+	},
+	filter: require_core_css_filter.generateFilter,
+	focusRing: require_core_css_focus_ring.generateFocusRing,
+	fraction: (value) => {
+		if ((0, require_utils_index.utils_exports.isNumber)(value) && value <= 1) value = `${value * 100}%`;
+		return value;
+	},
+	function: require_core_css_function.generateFunction,
+	gradient: require_core_css_gradient.gradient,
+	grid: require_core_css_grid.grid,
+	keyframes: require_core_css_animation.keyframes,
+	media: require_core_css_at_rule.generateAtRule("media"),
+	px: (value) => {
+		if (value == null) return value;
+		const { unitless } = require_core_css_utils.analyzeCSSValue(value);
+		return unitless || (0, require_utils_index.utils_exports.isNumber)(value) ? `${value}px` : value;
+	},
+	supports: require_core_css_at_rule.generateAtRule("supports"),
+	token: require_core_css_token.generateToken,
+	transform: require_core_css_transform.transform,
+	transition: require_core_css_transition.generateTransition,
+	truncated: (value) => {
+		if (value) return {
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap"
+		};
+	}
+};
+
+//#endregion
+exports.transforms = transforms;
+//# sourceMappingURL=config.cjs.map

package/dist/cjs/core/css/config.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.cjs","names":["generateStyle","generateCalc","generateFilter","generateFocusRing","generateFunction","generateToken","generateTransition","value: boolean"],"sources":["../../../../src/core/css/config.ts"],"sourcesContent":["import type { CSSObject } from \"@emotion/styled\"\nimport type { ThemeToken } from \"../system\"\nimport type { CSSProperties } from \"./index.types\"\nimport type { Transform } from \"./utils\"\nimport { isNumber, isObject } from \"../../utils\"\nimport { animation, keyframes } from \"./animation\"\nimport { generateAtRule } from \"./at-rule\"\nimport { generateCalc } from \"./calc\"\nimport { colorMix } from \"./color-mix\"\nimport { colorScheme } from \"./color-scheme\"\nimport { generateFilter } from \"./filter\"\nimport { generateFocusRing } from \"./focus-ring\"\nimport { generateFunction } from \"./function\"\nimport { gradient } from \"./gradient\"\nimport { grid } from \"./grid\"\nimport { generateStyle } from \"./style\"\nimport { generateToken } from \"./token\"\nimport { transform } from \"./transform\"\nimport { generateTransition } from \"./transition\"\nimport { analyzeCSSValue, isCSSVar } from \"./utils\"\n\nexport interface StyleConfig {\n  properties?: CSSProperties[]\n  static?: CSSObject\n  token?: ThemeToken\n  transform?: Transform\n}\n\nexport interface StyleConfigs {\n  [key: string]: StyleConfig | true\n}\n\nexport const transforms = {\n  style: generateStyle,\n  colorScheme,\n  animation,\n  bgClip: (value, { prev }) => {\n    if (value === \"text\") {\n      prev ??= {}\n      prev.color ??= \"transparent\"\n\n      return value\n    } else {\n      return value\n    }\n  },\n  calc: generateCalc,\n  colorMix,\n  container: generateAtRule(\"container\"),\n  content: (value) => {\n    if (isObject(value)) {\n      return { content: \"''\", ...value }\n    } else {\n      return value\n    }\n  },\n  deg: (value) => {\n    if (isCSSVar(value) || value == null) return value\n\n    const isUnitless = typeof value === \"string\" && !value.endsWith(\"deg\")\n\n    return isUnitless || isNumber(value) ? `${value}deg` : value\n  },\n  filter: generateFilter,\n  focusRing: generateFocusRing,\n  fraction: (value) => {\n    if (isNumber(value) && value <= 1) value = `${value * 100}%`\n\n    return value\n  },\n  function: generateFunction,\n  gradient,\n  grid,\n  keyframes,\n  media: generateAtRule(\"media\"),\n  px: (value) => {\n    if (value == null) return value\n\n    const { unitless } = analyzeCSSValue(value)\n\n    return unitless || isNumber(value) ? `${value}px` : value\n  },\n  supports: generateAtRule(\"supports\"),\n  token: generateToken,\n  transform,\n  transition: generateTransition,\n  truncated: (value: boolean) => {\n    if (value) {\n      return {\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        whiteSpace: \"nowrap\",\n      }\n    }\n  },\n} satisfies { [key: string]: Transform }\n\nexport type Transforms = keyof typeof transforms\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgCA,MAAa,aAAa;CACxB,OAAOA;CACP;CACA;CACA,QAAQ,CAAC,OAAO,EAAE,MAAM,KAAK;AAC3B,MAAI,UAAU,QAAQ;AACpB,YAAS,CAAE;AACX,QAAK,UAAU;AAEf,UAAO;EACR,MACC,QAAO;CAEV;CACD,MAAMC;CACN;CACA,WAAW,wCAAe,YAAY;CACtC,SAAS,CAAC,UAAU;AAClB,MAAI,gDAAS,MAAM,CACjB,QAAO;GAAE,SAAS;GAAM,GAAG;EAAO;MAElC,QAAO;CAEV;CACD,KAAK,CAAC,UAAU;AACd,MAAI,gCAAS,MAAM,IAAI,SAAS,KAAM,QAAO;EAE7C,MAAM,oBAAoB,UAAU,aAAa,MAAM,SAAS,MAAM;AAEtE,SAAO,cAAc,gDAAS,MAAM,MAAM,MAAM,OAAO;CACxD;CACD,QAAQC;CACR,WAAWC;CACX,UAAU,CAAC,UAAU;AACnB,MAAI,gDAAS,MAAM,IAAI,SAAS,EAAG,YAAW,QAAQ,IAAI;AAE1D,SAAO;CACR;CACD,UAAUC;CACV;CACA;CACA;CACA,OAAO,wCAAe,QAAQ;CAC9B,IAAI,CAAC,UAAU;AACb,MAAI,SAAS,KAAM,QAAO;EAE1B,MAAM,EAAE,UAAU,GAAG,uCAAgB,MAAM;AAE3C,SAAO,YAAY,gDAAS,MAAM,MAAM,MAAM,MAAM;CACrD;CACD,UAAU,wCAAe,WAAW;CACpC,OAAOC;CACP;CACA,YAAYC;CACZ,WAAW,CAACC,UAAmB;AAC7B,MAAI,MACF,QAAO;GACL,UAAU;GACV,cAAc;GACd,YAAY;EACb;CAEJ;AACF"}