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

package/dist/esm/core/css/conditions.js

@@ -0,0 +1,218 @@
+//#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
+export { attributeProperties, attributeSelectors, attributes, conditionProperties, conditionSelectors, conditions, getCondition, groupAttributeProperties, groupAttributeSelectors, groupAttributes, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements };
+//# sourceMappingURL=conditions.js.map

package/dist/esm/core/css/conditions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"conditions.js","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/esm/core/css/config.js

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

package/dist/esm/core/css/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":["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,OAAO;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,MAAM;CACN;CACA,WAAW,eAAe,YAAY;CACtC,SAAS,CAAC,UAAU;AAClB,MAAI,4BAAS,MAAM,CACjB,QAAO;GAAE,SAAS;GAAM,GAAG;EAAO;MAElC,QAAO;CAEV;CACD,KAAK,CAAC,UAAU;AACd,MAAI,SAAS,MAAM,IAAI,SAAS,KAAM,QAAO;EAE7C,MAAM,oBAAoB,UAAU,aAAa,MAAM,SAAS,MAAM;AAEtE,SAAO,cAAc,4BAAS,MAAM,MAAM,MAAM,OAAO;CACxD;CACD,QAAQ;CACR,WAAW;CACX,UAAU,CAAC,UAAU;AACnB,MAAI,4BAAS,MAAM,IAAI,SAAS,EAAG,YAAW,QAAQ,IAAI;AAE1D,SAAO;CACR;CACD,UAAU;CACV;CACA;CACA;CACA,OAAO,eAAe,QAAQ;CAC9B,IAAI,CAAC,UAAU;AACb,MAAI,SAAS,KAAM,QAAO;EAE1B,MAAM,EAAE,UAAU,GAAG,gBAAgB,MAAM;AAE3C,SAAO,YAAY,4BAAS,MAAM,MAAM,MAAM,MAAM;CACrD;CACD,UAAU,eAAe,WAAW;CACpC,OAAO;CACP;CACA,YAAY;CACZ,WAAW,CAACA,UAAmB;AAC7B,MAAI,MACF,QAAO;GACL,UAAU;GACV,cAAc;GACd,YAAY;EACb;CAEJ;AACF"}

package/dist/esm/core/css/css.js

@@ -0,0 +1,171 @@
+import { utils_exports } from "../../utils/index.js";
+import { isCSSToken } from "./utils.js";
+import { colorMix } from "./color-mix.js";
+import { conditions, getCondition } from "./conditions.js";
+import { styles, variableLengthProperties } from "./styles.js";
+import { getColorSchemeVar, getVar, transformInterpolation } from "../system/var.js";
+
+//#region src/core/css/css.ts
+function isVariableLength(key) {
+	return variableLengthProperties.includes(key);
+}
+function isImportant(value) {
+	return (0, utils_exports.isString)(value) && (/\s*!important$/.test(value) || /\s*!$/.test(value));
+}
+function omitImportant(value) {
+	return (0, utils_exports.isString)(value) ? value.replace(/(!important|!)$/, "").trim() : value;
+}
+function insertImportant(value, style) {
+	if ((0, utils_exports.isString)(value)) return value + " !important";
+	else if ((0, utils_exports.isObject)(value)) {
+		if (!style?.properties) return value;
+		for (const property of style.properties) value[property] += " !important";
+	}
+	return value;
+}
+function isConditionalObject(breakpoints) {
+	return function(value) {
+		if (!(0, utils_exports.isObject)(value)) return false;
+		const keys = Object.keys(value);
+		if (!keys.length) return false;
+		if (!keys.includes("base")) return false;
+		return keys.every((key) => {
+			return breakpoints.isResponsiveKey(key) || key.startsWith("@") || key.startsWith("_");
+		});
+	};
+}
+function transformColorModeArray(breakpoints) {
+	return function(key, [lightValue, darkValue]) {
+		let computedCSS = {};
+		if (isConditionalObject(breakpoints)(lightValue)) computedCSS = transformConditionalObject(breakpoints)(key, lightValue);
+		else computedCSS[key] = lightValue;
+		if (isConditionalObject(breakpoints)(darkValue)) computedCSS[conditions._dark] = transformConditionalObject(breakpoints)(key, darkValue);
+		else computedCSS[conditions._dark] = { [key]: darkValue };
+		return computedCSS;
+	};
+}
+function transformConditionalObject(breakpoints) {
+	return function(key, value) {
+		const conditionalKeys = Object.keys(value).filter((key$1) => !breakpoints.isResponsiveKey(key$1));
+		const breakpointObj = breakpoints.queries.reduce((prev, { breakpoint, query }) => {
+			const breakpointValue = value[breakpoint];
+			if (breakpointValue) if ((0, utils_exports.isArray)(breakpointValue)) {
+				const colorModeValue = transformColorModeArray(breakpoints)(key, breakpointValue);
+				prev = (0, utils_exports.merge)(prev, query ? { [query]: colorModeValue } : colorModeValue);
+			} else if (isConditionalObject(breakpoints)(breakpointValue)) {
+				const conditionalValue = transformConditionalObject(breakpoints)(key, breakpointValue);
+				prev = (0, utils_exports.merge)(prev, query ? { [query]: conditionalValue } : conditionalValue);
+			} else prev = (0, utils_exports.merge)(prev, query ? { [query]: { [key]: breakpointValue } } : { [key]: breakpointValue });
+			return prev;
+		}, {});
+		const additionalObj = conditionalKeys.reduce((prev, conditionalKey) => {
+			const query = getCondition(conditionalKey);
+			prev[query] = { [key]: value[conditionalKey] };
+			return prev;
+		}, {});
+		return {
+			...breakpointObj,
+			...additionalObj
+		};
+	};
+}
+function transformConditionalValue({ breakpoints }) {
+	return function(key, value) {
+		if ((0, utils_exports.isArray)(value)) return transformColorModeArray(breakpoints)(key, value);
+		else if (isConditionalObject(breakpoints)(value)) return transformConditionalObject(breakpoints)(key, value);
+		else return { [key]: value };
+	};
+}
+function expandCSS(system) {
+	return function(css$1) {
+		let computedCSS = {};
+		for (let [key, value] of Object.entries(css$1)) {
+			if (value == null) continue;
+			if (!isVariableLength(key)) computedCSS = (0, utils_exports.merge)(computedCSS, transformConditionalValue(system)(key, value));
+			else computedCSS = (0, utils_exports.merge)(computedCSS, { [key]: value });
+		}
+		return computedCSS;
+	};
+}
+function valueToVar(system) {
+	return function(prop, value) {
+		const result = transformInterpolation(value, function(value$1, fallbackValue) {
+			if (value$1.includes("colorScheme.")) return getColorSchemeVar(system)(value$1);
+			else if (value$1.includes("colors.")) return colorMix(value$1, {
+				fallback: fallbackValue,
+				system
+			});
+			else if (isCSSToken(system)(value$1)) return system.cssMap[value$1].ref;
+			else return getVar(value$1, fallbackValue);
+		});
+		if (prop.startsWith("--") && (0, utils_exports.isString)(result)) if (result.includes("colorScheme.")) return getColorSchemeVar(system)(result);
+		else if (result.includes("colors.")) return colorMix(result, { system });
+		else if (isCSSToken(system)(result)) return system.cssMap[result].ref;
+		else return result;
+		else return result;
+	};
+}
+function mergeCSS(prev, value, prop, properties) {
+	if (properties) for (const property of properties) {
+		prev[property] = prev[property] ?? {};
+		prev[property] = (0, utils_exports.merge)(prev[property], value);
+	}
+	else {
+		prev[prop] = prev[prop] ?? {};
+		prev[prop] = (0, utils_exports.merge)(prev[prop], value);
+	}
+	return prev;
+}
+function insertCSS(prev, value, prop, properties) {
+	if (properties) for (const property of properties) prev[property] = value;
+	else prev[prop] = value;
+	return prev;
+}
+function getStyle(prop) {
+	const style = styles[prop];
+	return style === true ? { properties: [prop] } : style;
+}
+function css(system, theme = {}) {
+	return function(cssOrFn) {
+		function createCSS(cssOrFn$1) {
+			const cssObj = (0, utils_exports.runIfFn)(cssOrFn$1, system);
+			const computedCSS = expandCSS(system)(cssObj);
+			let prev = {};
+			for (let [prop, value] of Object.entries(computedCSS)) {
+				value = valueToVar(system)(prop, value);
+				if (value == null) continue;
+				prop = getCondition(prop);
+				const style = getStyle(prop);
+				const options = {
+					css,
+					prev,
+					properties: style?.properties,
+					system,
+					theme
+				};
+				if ((0, utils_exports.isObject)(value)) {
+					value = style?.transform?.(value, options) ?? value;
+					if ((0, utils_exports.isObject)(value)) prev = mergeCSS(prev, createCSS(value), prop, style?.properties);
+					else prev = insertCSS(prev, value, prop, style?.properties);
+					continue;
+				}
+				const important = isImportant(value);
+				value = omitImportant(value);
+				value = style?.transform?.(value, options) ?? value;
+				if (important) value = insertImportant(value, style);
+				if (style?.static) prev = (0, utils_exports.merge)(prev, style.static);
+				if ((0, utils_exports.isObject)(value)) {
+					prev = (0, utils_exports.merge)(prev, createCSS(value));
+					continue;
+				}
+				prev = insertCSS(prev, value, prop, style?.properties);
+			}
+			return prev;
+		}
+		return createCSS(cssOrFn);
+	};
+}
+
+//#endregion
+export { css, getStyle, transformConditionalValue };
+//# sourceMappingURL=css.js.map

package/dist/esm/core/css/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","names":["key: string","value: any","style?: StyleConfig","breakpoints: Breakpoints","computedCSS: Dict","value: Dict","key","system: System","css: Dict","css","prop: string","value: string","fallbackValue?: string","value","prev: Dict","properties?: string[]","theme: UsageTheme","cssOrFn: CSSObjectOrFunction","cssOrFn","options: TransformOptions"],"sources":["../../../../src/core/css/css.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { Breakpoints, System, UsageTheme } from \"../system\"\nimport type { StyleConfig } from \"./config\"\nimport type { CSSObjectOrFunction } from \"./index.types\"\nimport type { StyleProperty, VariableLengthProperty } from \"./styles\"\nimport type { TransformOptions } from \"./utils\"\nimport { isArray, isObject, isString, merge, runIfFn } from \"../../utils\"\nimport { getColorSchemeVar, getVar, transformInterpolation } from \"../system\"\nimport { colorMix } from \"./color-mix\"\nimport { conditions, getCondition } from \"./conditions\"\nimport { styles, variableLengthProperties } from \"./styles\"\nimport { isCSSToken } from \"./utils\"\n\nfunction isVariableLength(key: string): boolean {\n  return variableLengthProperties.includes(key as VariableLengthProperty)\n}\n\nfunction isImportant(value: any): boolean {\n  return (\n    isString(value) && (/\\s*!important$/.test(value) || /\\s*!$/.test(value))\n  )\n}\n\nfunction omitImportant(value: any): string {\n  return isString(value) ? value.replace(/(!important|!)$/, \"\").trim() : value\n}\n\nfunction insertImportant(value: any, style?: StyleConfig): any {\n  if (isString(value)) {\n    return value + \" !important\"\n  } else if (isObject(value)) {\n    if (!style?.properties) return value\n\n    for (const property of style.properties) {\n      value[property] += \" !important\"\n    }\n  }\n\n  return value\n}\n\nfunction isConditionalObject(breakpoints: Breakpoints) {\n  return function (value: any): boolean {\n    if (!isObject(value)) return false\n\n    const keys = Object.keys(value)\n\n    if (!keys.length) return false\n\n    if (!keys.includes(\"base\")) return false\n\n    return keys.every((key) => {\n      return (\n        breakpoints.isResponsiveKey(key) ||\n        key.startsWith(\"@\") ||\n        key.startsWith(\"_\")\n      )\n    })\n  }\n}\n\nfunction transformColorModeArray(breakpoints: Breakpoints) {\n  return function (key: string, [lightValue, darkValue]: any[]): Dict {\n    let computedCSS: Dict = {}\n\n    if (isConditionalObject(breakpoints)(lightValue)) {\n      computedCSS = transformConditionalObject(breakpoints)(key, lightValue)\n    } else {\n      computedCSS[key] = lightValue\n    }\n\n    if (isConditionalObject(breakpoints)(darkValue)) {\n      computedCSS[conditions._dark] = transformConditionalObject(breakpoints)(\n        key,\n        darkValue,\n      )\n    } else {\n      computedCSS[conditions._dark] = { [key]: darkValue }\n    }\n\n    return computedCSS\n  }\n}\n\nfunction transformConditionalObject(breakpoints: Breakpoints) {\n  return function (key: string, value: Dict) {\n    const conditionalKeys = Object.keys(value).filter(\n      (key) => !breakpoints.isResponsiveKey(key),\n    )\n\n    const breakpointObj = breakpoints.queries.reduce<Dict>(\n      (prev, { breakpoint, query }) => {\n        const breakpointValue = value[breakpoint]\n\n        if (breakpointValue) {\n          if (isArray(breakpointValue)) {\n            const colorModeValue = transformColorModeArray(breakpoints)(\n              key,\n              breakpointValue,\n            )\n\n            prev = merge(\n              prev,\n              query ? { [query]: colorModeValue } : colorModeValue,\n            )\n          } else if (isConditionalObject(breakpoints)(breakpointValue)) {\n            const conditionalValue = transformConditionalObject(breakpoints)(\n              key,\n              breakpointValue,\n            )\n\n            prev = merge(\n              prev,\n              query ? { [query]: conditionalValue } : conditionalValue,\n            )\n          } else {\n            prev = merge(\n              prev,\n              query\n                ? { [query]: { [key]: breakpointValue } }\n                : { [key]: breakpointValue },\n            )\n          }\n        }\n\n        return prev\n      },\n      {},\n    )\n\n    const additionalObj = conditionalKeys.reduce<Dict>(\n      (prev, conditionalKey) => {\n        const query = getCondition(conditionalKey)\n\n        prev[query] = { [key]: value[conditionalKey] }\n\n        return prev\n      },\n      {},\n    )\n\n    return { ...breakpointObj, ...additionalObj }\n  }\n}\n\nexport function transformConditionalValue({ breakpoints }: System) {\n  return function (key: string, value: any) {\n    if (isArray(value)) {\n      return transformColorModeArray(breakpoints)(key, value)\n    } else if (isConditionalObject(breakpoints)(value)) {\n      return transformConditionalObject(breakpoints)(key, value)\n    } else {\n      return { [key]: value }\n    }\n  }\n}\n\nfunction expandCSS(system: System) {\n  return function (css: Dict): Dict {\n    let computedCSS: Dict = {}\n\n    for (let [key, value] of Object.entries(css)) {\n      if (value == null) continue\n\n      if (!isVariableLength(key)) {\n        computedCSS = merge(\n          computedCSS,\n          transformConditionalValue(system)(key, value),\n        )\n      } else {\n        computedCSS = merge(computedCSS, { [key]: value })\n      }\n    }\n\n    return computedCSS\n  }\n}\n\nfunction valueToVar(system: System) {\n  return function (prop: string, value: any) {\n    const result = transformInterpolation(\n      value,\n      function (value: string, fallbackValue?: string) {\n        if (value.includes(\"colorScheme.\")) {\n          return getColorSchemeVar(system)(value)\n        } else if (value.includes(\"colors.\")) {\n          return colorMix(value, { fallback: fallbackValue, system })\n        } else if (isCSSToken(system)(value)) {\n          return system.cssMap![value]!.ref\n        } else {\n          return getVar(value, fallbackValue)\n        }\n      },\n    )\n\n    if (prop.startsWith(\"--\") && isString(result)) {\n      if (result.includes(\"colorScheme.\")) {\n        return getColorSchemeVar(system)(result)\n      } else if (result.includes(\"colors.\")) {\n        return colorMix(result, { system })\n      } else if (isCSSToken(system)(result)) {\n        return system.cssMap![result]!.ref\n      } else {\n        return result\n      }\n    } else {\n      return result\n    }\n  }\n}\n\nfunction mergeCSS(prev: Dict, value: any, prop: string, properties?: string[]) {\n  if (properties) {\n    for (const property of properties) {\n      prev[property] = prev[property] ?? {}\n      prev[property] = merge(prev[property], value)\n    }\n  } else {\n    prev[prop] = prev[prop] ?? {}\n    prev[prop] = merge(prev[prop], value)\n  }\n\n  return prev\n}\n\nfunction insertCSS(\n  prev: Dict,\n  value: any,\n  prop: string,\n  properties?: string[],\n) {\n  if (properties) {\n    for (const property of properties) {\n      prev[property] = value\n    }\n  } else {\n    prev[prop] = value\n  }\n\n  return prev\n}\n\nexport function getStyle(prop: string) {\n  const style = styles[prop as StyleProperty] as StyleConfig | true | undefined\n\n  return style === true ? { properties: [prop] } : style\n}\n\nexport function css(system: System, theme: UsageTheme = {}) {\n  return function (cssOrFn: CSSObjectOrFunction) {\n    function createCSS(cssOrFn: CSSObjectOrFunction): Dict {\n      const cssObj = runIfFn(cssOrFn, system)\n      const computedCSS = expandCSS(system)(cssObj)\n\n      let prev: Dict = {}\n\n      for (let [prop, value] of Object.entries(computedCSS)) {\n        value = valueToVar(system)(prop, value)\n\n        if (value == null) continue\n\n        prop = getCondition(prop)\n\n        const style = getStyle(prop)\n        const options: TransformOptions = {\n          css,\n          prev,\n          properties: style?.properties,\n          system,\n          theme,\n        }\n\n        if (isObject(value)) {\n          value = style?.transform?.(value, options) ?? value\n\n          if (isObject(value)) {\n            prev = mergeCSS(prev, createCSS(value), prop, style?.properties)\n          } else {\n            prev = insertCSS(prev, value, prop, style?.properties)\n          }\n\n          continue\n        }\n\n        const important = isImportant(value)\n\n        value = omitImportant(value)\n        value = style?.transform?.(value, options) ?? value\n\n        if (important) value = insertImportant(value, style)\n\n        if (style?.static) prev = merge(prev, style.static)\n\n        if (isObject(value)) {\n          prev = merge(prev, createCSS(value))\n\n          continue\n        }\n\n        prev = insertCSS(prev, value, prop, style?.properties)\n      }\n\n      return prev\n    }\n\n    return createCSS(cssOrFn)\n  }\n}\n\nexport type CSSFunction = typeof css\n"],"mappings":"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"}

package/dist/esm/core/css/filter.js

@@ -0,0 +1,15 @@
+//#region src/core/css/filter.ts
+function generateFilter(type = "filter") {
+	return function(value, { prev, properties }) {
+		const result = {};
+		properties?.forEach((property) => {
+			result[type] = [prev?.[type] ?? "", `var(${property})`].join(" ");
+			result[property] = value;
+		});
+		return result;
+	};
+}
+
+//#endregion
+export { generateFilter };
+//# sourceMappingURL=filter.js.map

package/dist/esm/core/css/filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter.js","names":["type: \"backdropFilter\" | \"filter\"","result: Dict"],"sources":["../../../../src/core/css/filter.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { CSSObject } from \"./index.types\"\nimport type { Transform } from \"./utils\"\n\nexport function generateFilter(\n  type: \"backdropFilter\" | \"filter\" = \"filter\",\n): Transform {\n  return function (value, { prev, properties }) {\n    const result: Dict = {}\n\n    properties?.forEach((property) => {\n      result[type] = [prev?.[type] ?? \"\", `var(${property})`].join(\" \")\n      result[property] = value\n    })\n\n    return result as CSSObject\n  }\n}\n"],"mappings":";AAIA,SAAgB,eACdA,OAAoC,UACzB;AACX,QAAO,SAAU,OAAO,EAAE,MAAM,YAAY,EAAE;EAC5C,MAAMC,SAAe,CAAE;AAEvB,cAAY,QAAQ,CAAC,aAAa;AAChC,UAAO,QAAQ,CAAC,OAAO,SAAS,KAAK,MAAM,SAAS,EAAG,EAAC,KAAK,IAAI;AACjE,UAAO,YAAY;EACpB,EAAC;AAEF,SAAO;CACR;AACF"}