@yamada-ui/react 2.2.1-dev-20260504103143 → 2.2.1-dev-20260509050741

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

@@ -1 +1 @@
-{"version":3,"file":"conditions.js","names":[],"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      selector\n        ? `&:has(~ ${prefix}${selector.slice(1)})`\n        : `&:has(~ ${prefix})`,\n      selector ? `${prefix}${selector.slice(1)} ~ &` : `${prefix} ~ &`,\n    ]),\n    ...(selector\n      ? [\"[data-peer]\", \".peer\"].flatMap((prefix) => [\n          `&:has(~ ${prefix} *${selector.slice(1)})`,\n          `${prefix}:has(*${selector.slice(1)}) ~ &`,\n        ])\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-inactive]` attribute selector.\n   */\n  _inactive: \"&[data-inactive]\",\n  /**\n   * The CSS `&[data-accept]` attribute selector.\n   */\n  _accept: \"&[data-accept]\",\n  /**\n   * The CSS `&[data-animated]` attribute selector.\n   */\n  _animated: \"&[data-animated]\",\n  /**\n   * The CSS `&[data-between]` attribute selector.\n   */\n  _between: \"&[data-between]\",\n  /**\n   * The CSS `&:is([data-center], [data-group-center])` attribute selector.\n   */\n  _center: \"&:is([data-center], [data-group-center])\",\n  /**\n   * The CSS `&:is([data-collapsed], :not([data-expanded]), [aria-expanded=false])` attribute selector.\n   */\n  _collapsed:\n    \"&:is([data-collapsed], :not([data-expanded]), [aria-expanded=false])\",\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 `&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))` attribute selector.\n   */\n  _hasGroup: \"&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))\",\n  /**\n   * The CSS `&:has(> [data-icon])` attribute selector.\n   */\n  _hasIcon: \"&:has(> [data-icon])\",\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(:has(> [role=group]), :has(> [data-group]), :has(> .group))` attribute selector.\n   */\n  _notHasGroup:\n    \"&:not(:has(> [role=group]), :has(> [data-group]), :has(> .group))\",\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 `&:is([open], [data-open])` attribute selector.\n   */\n  _open: \"&:is([open], [data-open])\",\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 `&:is([data-range])` attribute selector.\n   */\n  _range: \"&:is([data-range])\",\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-start], [data-group-start])` attribute selector.\n   */\n  _start: \"&:is([data-start], [data-group-start])\",\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([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 `&::details-content` pseudo-element.\n   */\n  _detailsContent: \"&::details-content\",\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 `&:is([data-activedescendant])` pseudo-class.\n   */\n  _activedescendant: \"&:is([data-activedescendant])\",\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 `& > [data-content]` child combinator attribute selector.\n   */\n  _content: \"& > [data-content]\",\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 `& > [data-indicator]` pseudo-class.\n   */\n  _indicator: \"& > [data-indicator]\",\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(:empty)` pseudo-class.\n   */\n  _notEmpty: \"&:not(:empty)\",\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 `&:popover-open` pseudo-class.\n   */\n  _popoverOpen: \"&:popover-open\",\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 activedescendant.\n   */\n  _groupActivedescendant: toGroup(pseudoClasses._activedescendant),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is animated.\n   */\n  _groupAnimated: toGroup(attributes._animated),\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 collapsed.\n   */\n  _groupCollapsed: toGroup(attributes._collapsed),\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 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 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 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 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 open.\n   */\n  _groupOpen: toGroup(attributes._open),\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 range.\n   */\n  _groupRange: toGroup(attributes._range),\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 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  /**\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 active.\n   */\n  _groupActive: toGroup(pseudoClasses._active),\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 selected.\n   */\n  _groupSelected: toGroup(attributes._selected),\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 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 disabled.\n   */\n  _groupDisabled: toGroup(pseudoClasses._disabled),\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 sibling element with `data-peer` or `.peer` exists.\n   */\n  _peer: toPeer(),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is accepted.\n   */\n  _peerAccept: toPeer(attributes._accept),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is animated.\n   */\n  _peerAnimated: toPeer(attributes._animated),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is blank.\n   */\n  _peerBlank: toPeer(pseudoClasses._blank),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is checked.\n   */\n  _peerChecked: toPeer(pseudoClasses._checked),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is collapsed.\n   */\n  _peerCollapsed: toPeer(attributes._collapsed),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is complete.\n   */\n  _peerComplete: toPeer(attributes._complete),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is current.\n   */\n  _peerCurrent: toPeer(attributes._current),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is enabled.\n   */\n  _peerEnabled: toPeer(pseudoClasses._enabled),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is expanded.\n   */\n  _peerExpanded: toPeer(attributes._expanded),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is focus-within.\n   */\n  _peerFocusWithin: toPeer(pseudoClasses._focusWithin),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is grabbed.\n   */\n  _peerGrabbed: toPeer(attributes._grabbed),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is horizontal.\n   */\n  _peerHorizontal: toPeer(pseudoClasses._horizontal),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is idle.\n   */\n  _peerIdle: toPeer(attributes._idle),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is incomplete.\n   */\n  _peerIncomplete: toPeer(attributes._incomplete),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is loaded.\n   */\n  _peerLoaded: toPeer(attributes._loaded),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is loading.\n   */\n  _peerLoading: toPeer(attributes._loading),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is optional.\n   */\n  _peerOptional: toPeer(pseudoClasses._optional),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` has a placeholder shown.\n   */\n  _peerPlaceholderShown: toPeer(pseudoClasses._placeholderShown),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is pressed.\n   */\n  _peerPressed: toPeer(attributes._pressed),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is range.\n   */\n  _peerRange: toPeer(attributes._range),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is read-write.\n   */\n  _peerReadWrite: toPeer(pseudoClasses._readWrite),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is rejected.\n   */\n  _peerReject: toPeer(attributes._reject),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is required.\n   */\n  _peerRequired: toPeer(pseudoClasses._required),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is user-invalid.\n   */\n  _peerUserInvalid: toPeer(pseudoClasses._userInvalid),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is valid.\n   */\n  _peerValid: toPeer(pseudoClasses._valid),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is vertical.\n   */\n  _peerVertical: toPeer(pseudoClasses._vertical),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is hovered.\n   */\n  _peerHover: toPeer(pseudoClasses._hover),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is active.\n   */\n  _peerActive: toPeer(pseudoClasses._active),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is focused.\n   */\n  _peerFocus: toPeer(pseudoClasses._focus),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is focused-visible.\n   */\n  _peerFocusVisible: toPeer(pseudoClasses._focusVisible),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is selected.\n   */\n  _peerSelected: toPeer(attributes._selected),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is invalid.\n   */\n  _peerInvalid: toPeer(pseudoClasses._invalid),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is read-only.\n   */\n  _peerReadOnly: toPeer(pseudoClasses._readOnly),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is disabled.\n   */\n  _peerDisabled: toPeer(pseudoClasses._disabled),\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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"}
+{"version":3,"file":"conditions.js","names":[],"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      selector\n        ? `&:has(~ ${prefix}${selector.slice(1)})`\n        : `&:has(~ ${prefix})`,\n      selector ? `${prefix}${selector.slice(1)} ~ &` : `${prefix} ~ &`,\n    ]),\n    ...(selector\n      ? [\"[data-peer]\", \".peer\"].flatMap((prefix) => [\n          `&:has(~ ${prefix} *${selector.slice(1)})`,\n          `${prefix}:has(*${selector.slice(1)}) ~ &`,\n        ])\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-inactive]` attribute selector.\n   */\n  _inactive: \"&[data-inactive]\",\n  /**\n   * The CSS `&[data-accept]` attribute selector.\n   */\n  _accept: \"&[data-accept]\",\n  /**\n   * The CSS `&[data-animated]` attribute selector.\n   */\n  _animated: \"&[data-animated]\",\n  /**\n   * The CSS `&[data-between]` attribute selector.\n   */\n  _between: \"&[data-between]\",\n  /**\n   * The CSS `&:is([data-center], [data-group-center])` attribute selector.\n   */\n  _center: \"&:is([data-center], [data-group-center])\",\n  /**\n   * The CSS `&:is([data-collapsed], :not([data-expanded]), [aria-expanded=false])` attribute selector.\n   */\n  _collapsed:\n    \"&:is([data-collapsed], :not([data-expanded]), [aria-expanded=false])\",\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 `&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))` attribute selector.\n   */\n  _hasGroup: \"&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))\",\n  /**\n   * The CSS `&:has(> [data-icon])` attribute selector.\n   */\n  _hasIcon: \"&:has(> [data-icon])\",\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(:has(> [role=group]), :has(> [data-group]), :has(> .group))` attribute selector.\n   */\n  _notHasGroup:\n    \"&:not(:has(> [role=group]), :has(> [data-group]), :has(> .group))\",\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 `&:is([open], [data-open])` attribute selector.\n   */\n  _open: \"&:is([open], [data-open])\",\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 `&:is([data-range])` attribute selector.\n   */\n  _range: \"&:is([data-range])\",\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-start], [data-group-start])` attribute selector.\n   */\n  _start: \"&:is([data-start], [data-group-start])\",\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([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 `&::details-content` pseudo-element.\n   */\n  _detailsContent: \"&::details-content\",\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 `&:is([data-activedescendant])` pseudo-class.\n   */\n  _activedescendant: \"&:is([data-activedescendant])\",\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 `& > [data-content]` child combinator attribute selector.\n   */\n  _content: \"& > [data-content]\",\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 `& > [data-indicator]` pseudo-class.\n   */\n  _indicator: \"& > [data-indicator]\",\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(:empty)` pseudo-class.\n   */\n  _notEmpty: \"&:not(:empty)\",\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 `&:popover-open` pseudo-class.\n   */\n  _popoverOpen: \"&:popover-open\",\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 activedescendant.\n   */\n  _groupActivedescendant: toGroup(pseudoClasses._activedescendant),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is animated.\n   */\n  _groupAnimated: toGroup(attributes._animated),\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 collapsed.\n   */\n  _groupCollapsed: toGroup(attributes._collapsed),\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 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 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 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 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 open.\n   */\n  _groupOpen: toGroup(attributes._open),\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 range.\n   */\n  _groupRange: toGroup(attributes._range),\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 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  /**\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 active.\n   */\n  _groupActive: toGroup(pseudoClasses._active),\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 selected.\n   */\n  _groupSelected: toGroup(attributes._selected),\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 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 disabled.\n   */\n  _groupDisabled: toGroup(pseudoClasses._disabled),\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 sibling element with `data-peer` or `.peer` exists.\n   */\n  _peer: toPeer(),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is accepted.\n   */\n  _peerAccept: toPeer(attributes._accept),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is animated.\n   */\n  _peerAnimated: toPeer(attributes._animated),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is blank.\n   */\n  _peerBlank: toPeer(pseudoClasses._blank),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is checked.\n   */\n  _peerChecked: toPeer(pseudoClasses._checked),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is collapsed.\n   */\n  _peerCollapsed: toPeer(attributes._collapsed),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is complete.\n   */\n  _peerComplete: toPeer(attributes._complete),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is current.\n   */\n  _peerCurrent: toPeer(attributes._current),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is enabled.\n   */\n  _peerEnabled: toPeer(pseudoClasses._enabled),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is expanded.\n   */\n  _peerExpanded: toPeer(attributes._expanded),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is focus-within.\n   */\n  _peerFocusWithin: toPeer(pseudoClasses._focusWithin),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is grabbed.\n   */\n  _peerGrabbed: toPeer(attributes._grabbed),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is horizontal.\n   */\n  _peerHorizontal: toPeer(pseudoClasses._horizontal),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is idle.\n   */\n  _peerIdle: toPeer(attributes._idle),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is incomplete.\n   */\n  _peerIncomplete: toPeer(attributes._incomplete),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is loaded.\n   */\n  _peerLoaded: toPeer(attributes._loaded),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is loading.\n   */\n  _peerLoading: toPeer(attributes._loading),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is optional.\n   */\n  _peerOptional: toPeer(pseudoClasses._optional),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` has a placeholder shown.\n   */\n  _peerPlaceholderShown: toPeer(pseudoClasses._placeholderShown),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is pressed.\n   */\n  _peerPressed: toPeer(attributes._pressed),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is range.\n   */\n  _peerRange: toPeer(attributes._range),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is read-write.\n   */\n  _peerReadWrite: toPeer(pseudoClasses._readWrite),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is rejected.\n   */\n  _peerReject: toPeer(attributes._reject),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is required.\n   */\n  _peerRequired: toPeer(pseudoClasses._required),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is user-invalid.\n   */\n  _peerUserInvalid: toPeer(pseudoClasses._userInvalid),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is valid.\n   */\n  _peerValid: toPeer(pseudoClasses._valid),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is vertical.\n   */\n  _peerVertical: toPeer(pseudoClasses._vertical),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is hovered.\n   */\n  _peerHover: toPeer(pseudoClasses._hover),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is active.\n   */\n  _peerActive: toPeer(pseudoClasses._active),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is focused.\n   */\n  _peerFocus: toPeer(pseudoClasses._focus),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is focused-visible.\n   */\n  _peerFocusVisible: toPeer(pseudoClasses._focusVisible),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is selected.\n   */\n  _peerSelected: toPeer(attributes._selected),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is invalid.\n   */\n  _peerInvalid: toPeer(pseudoClasses._invalid),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is read-only.\n   */\n  _peerReadOnly: toPeer(pseudoClasses._readOnly),\n  /**\n   * Styles to apply when a sibling element with `data-peer` or `.peer` is disabled.\n   */\n  _peerDisabled: toPeer(pseudoClasses._disabled),\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":";AAYA,MAAM,WAA6B,aACjC;CAAC;CAAgB;CAAgB;CAAS,CACvC,KAAK,WAAW,GAAG,SAAS,SAAS,MAAM,EAAE,CAAC,IAAI,CAClD,KAAK,KAAK;AAMf,MAAM,UAA4B,aAChC,CACE,GAAG,CAAC,eAAe,QAAQ,CAAC,SAAS,WAAW,CAC9C,WACI,WAAW,SAAS,SAAS,MAAM,EAAE,CAAC,KACtC,WAAW,OAAO,IACtB,WAAW,GAAG,SAAS,SAAS,MAAM,EAAE,CAAC,QAAQ,GAAG,OAAO,MAC5D,CAAC,EACF,GAAI,WACA,CAAC,eAAe,QAAQ,CAAC,SAAS,WAAW,CAC3C,WAAW,OAAO,IAAI,SAAS,MAAM,EAAE,CAAC,IACxC,GAAG,OAAO,QAAQ,SAAS,MAAM,EAAE,CAAC,OACrC,CAAC,GACF,EAAE,CACP,CAAC,KAAK,KAAK;AAMd,MAAa,aAAa;;;;CAIxB,WAAW;;;;CAIX,SAAS;;;;CAIT,WAAW;;;;CAIX,UAAU;;;;CAIV,SAAS;;;;CAIT,YACE;;;;CAIF,WAAW;;;;CAIX,UAAU;;;;CAIV,OACE;;;;CAIF,MAAM;;;;CAIN,WAAW;;;;CAIX,WAAW;;;;CAIX,SAAS;;;;CAIT,UAAU;;;;CAIV,OAAO;;;;CAIP,WAAW;;;;CAIX,UAAU;;;;CAIV,OAAO;;;;CAIP,aAAa;;;;CAIb,QACE;;;;CAIF,SAAS;;;;CAIT,UAAU;;;;CAIV,MAAM;;;;CAIN,eAAe;;;;CAIf,aAAa;;;;CAIb,aAAa;;;;CAIb,cAAc;;;;CAId,cACE;;;;CAIF,cAAc;;;;CAId,UAAU;;;;CAIV,OAAO;;;;CAIP,UAAU;;;;CAIV,QAAQ;;;;CAIR,SAAS;;;;CAIT,SAAS;;;;CAIT,MAAM;;;;CAIN,QAAQ;;;;CAIR,WAAW;;;;CAIX,SAAS;;;;CAIT,QAAQ;CACT;AAQD,MAAa,sBAAsB,OAAO,KACxC,WACD;AACD,MAAa,qBAAqB,OAAO,OAAO,WAAW;AAE3D,MAAa,iBAAiB;;;;CAI5B,QAAQ;;;;CAIR,WAAW;;;;CAIX,SAAS;;;;CAIT,MAAM;;;;CAIN,YAAY;;;;CAIZ,iBAAiB;;;;CAIjB,eAAe;;;;CAIf,cAAc;;;;CAId,YAAY;;;;CAIZ,SAAS;;;;CAIT,cAAc;;;;CAId,YAAY;;;;CAIZ,kBAAkB;;;;CAIlB,kBAAkB;;;;CAIlB,iBAAiB;;;;CAIjB,iBAAiB;;;;CAIjB,sBAAsB;;;;CAItB,YAAY;CACb;AAQD,MAAa,0BAA0B,OAAO,KAC5C,eACD;AACD,MAAa,yBAAyB,OAAO,OAAO,eAAe;AAEnE,MAAa,gBAAgB;;;;CAI3B,mBAAmB;;;;CAInB,UAAU;;;;CAIV,WAAW;;;;CAIX,QAAQ;;;;CAIR,UAAU;;;;CAIV,QAAQ;;;;CAIR,UAAU;;;;CAIV,UAAU;;;;CAIV,QAAQ;;;;CAIR,UAAU;;;;CAIV,OAAO;;;;CAIP,QAAQ;;;;CAIR,aAAa;;;;CAIb,cAAc;;;;CAId,aAAa;;;;CAIb,aACE;;;;CAIF,OAAO;;;;CAIP,gBACE;;;;CAIF,YAAY;;;;CAIZ,UAAU;;;;CAIV,OAAO;;;;CAIP,YAAY;;;;CAIZ,OAAO;;;;CAIP,QAAQ;;;;CAIR,eAAe;;;;CAIf,gBAAgB;;;;CAIhB,iBAAiB;;;;CAIjB,cAAc;;;;CAId,qBAAqB;;;;CAIrB,oBAAoB;;;;CAIpB,cAAc;;;;CAId,iBAAiB;;;;CAIjB,eAAe;;;;CAIf,cAAc;;;;CAId,aAAa;;;;CAIb,WAAW;;;;CAIX,WAAW;;;;CAIX,gBAAgB;;;;CAIhB,UAAU;;;;CAIV,eAAe;;;;CAIf,YAAY;;;;CAIZ,MAAM;;;;CAIN,OAAO;;;;CAIP,YAAY;;;;CAIZ,WAAW;;;;CAIX,WAAW;;;;CAIX,SAAS;;;;CAIT,UAAU;;;;CAIV,mBAAmB;;;;CAInB,UAAU;;;;CAIV,cAAc;;;;CAId,YAAY;;;;CAIZ,WAAW;;;;CAIX,SAAS;;;;CAIT,cAAc;;;;CAId,QAAQ;;;;CAIR,WAAW;;;;CAIX,UAAU;;;;CAIV,QACE;;;;CAIF,SACE;;;;CAIF,QAAQ;;;;CAIR,eAAe;;;;CAIf,UAAU;;;;CAIV,WAAW;;;;CAIX,WAAW;CACZ;AAQD,MAAa,wBAAwB,OAAO,KAC1C,cACD;AACD,MAAa,uBAAuB,OAAO,OAAO,cAAc;AAEhE,MAAa,kBAAkB;;;;CAI7B,cAAc,QAAQ,WAAW,QAAQ;;;;CAIzC,wBAAwB,QAAQ,cAAc,kBAAkB;;;;CAIhE,gBAAgB,QAAQ,WAAW,UAAU;;;;CAI7C,aAAa,QAAQ,cAAc,OAAO;;;;CAI1C,eAAe,QAAQ,cAAc,SAAS;;;;CAI9C,iBAAiB,QAAQ,WAAW,WAAW;;;;CAI/C,gBAAgB,QAAQ,WAAW,UAAU;;;;CAI7C,eAAe,QAAQ,WAAW,SAAS;;;;CAI3C,eAAe,QAAQ,cAAc,SAAS;;;;CAI9C,gBAAgB,QAAQ,WAAW,UAAU;;;;CAI7C,mBAAmB,QAAQ,cAAc,aAAa;;;;CAItD,eAAe,QAAQ,WAAW,SAAS;;;;CAI3C,kBAAkB,QAAQ,cAAc,YAAY;;;;CAIpD,YAAY,QAAQ,WAAW,MAAM;;;;CAIrC,kBAAkB,QAAQ,WAAW,YAAY;;;;CAIjD,cAAc,QAAQ,WAAW,QAAQ;;;;CAIzC,eAAe,QAAQ,WAAW,SAAS;;;;CAI3C,YAAY,QAAQ,WAAW,MAAM;;;;CAIrC,gBAAgB,QAAQ,cAAc,UAAU;;;;CAIhD,wBAAwB,QAAQ,cAAc,kBAAkB;;;;CAIhE,eAAe,QAAQ,WAAW,SAAS;;;;CAI3C,aAAa,QAAQ,WAAW,OAAO;;;;CAIvC,iBAAiB,QAAQ,cAAc,WAAW;;;;CAIlD,cAAc,QAAQ,WAAW,QAAQ;;;;CAIzC,gBAAgB,QAAQ,cAAc,UAAU;;;;CAIhD,mBAAmB,QAAQ,cAAc,aAAa;;;;CAItD,aAAa,QAAQ,cAAc,OAAO;;;;CAI1C,gBAAgB,QAAQ,cAAc,UAAU;;;;CAIhD,aAAa,QAAQ,cAAc,OAAO;;;;CAI1C,cAAc,QAAQ,cAAc,QAAQ;;;;CAI5C,aAAa,QAAQ,cAAc,OAAO;;;;CAI1C,oBAAoB,QAAQ,cAAc,cAAc;;;;CAIxD,gBAAgB,QAAQ,WAAW,UAAU;;;;CAI7C,eAAe,QAAQ,cAAc,SAAS;;;;CAI9C,gBAAgB,QAAQ,cAAc,UAAU;;;;CAIhD,gBAAgB,QAAQ,cAAc,UAAU;CACjD;AAQD,MAAa,2BAA2B,OAAO,KAC7C,gBACD;AACD,MAAa,0BAA0B,OAAO,OAAO,gBAAgB;AAErE,MAAa,iBAAiB;;;;CAI5B,OAAO,QAAQ;;;;CAIf,aAAa,OAAO,WAAW,QAAQ;;;;CAIvC,eAAe,OAAO,WAAW,UAAU;;;;CAI3C,YAAY,OAAO,cAAc,OAAO;;;;CAIxC,cAAc,OAAO,cAAc,SAAS;;;;CAI5C,gBAAgB,OAAO,WAAW,WAAW;;;;CAI7C,eAAe,OAAO,WAAW,UAAU;;;;CAI3C,cAAc,OAAO,WAAW,SAAS;;;;CAIzC,cAAc,OAAO,cAAc,SAAS;;;;CAI5C,eAAe,OAAO,WAAW,UAAU;;;;CAI3C,kBAAkB,OAAO,cAAc,aAAa;;;;CAIpD,cAAc,OAAO,WAAW,SAAS;;;;CAIzC,iBAAiB,OAAO,cAAc,YAAY;;;;CAIlD,WAAW,OAAO,WAAW,MAAM;;;;CAInC,iBAAiB,OAAO,WAAW,YAAY;;;;CAI/C,aAAa,OAAO,WAAW,QAAQ;;;;CAIvC,cAAc,OAAO,WAAW,SAAS;;;;CAIzC,eAAe,OAAO,cAAc,UAAU;;;;CAI9C,uBAAuB,OAAO,cAAc,kBAAkB;;;;CAI9D,cAAc,OAAO,WAAW,SAAS;;;;CAIzC,YAAY,OAAO,WAAW,OAAO;;;;CAIrC,gBAAgB,OAAO,cAAc,WAAW;;;;CAIhD,aAAa,OAAO,WAAW,QAAQ;;;;CAIvC,eAAe,OAAO,cAAc,UAAU;;;;CAI9C,kBAAkB,OAAO,cAAc,aAAa;;;;CAIpD,YAAY,OAAO,cAAc,OAAO;;;;CAIxC,eAAe,OAAO,cAAc,UAAU;;;;CAI9C,YAAY,OAAO,cAAc,OAAO;;;;CAIxC,aAAa,OAAO,cAAc,QAAQ;;;;CAI1C,YAAY,OAAO,cAAc,OAAO;;;;CAIxC,mBAAmB,OAAO,cAAc,cAAc;;;;CAItD,eAAe,OAAO,WAAW,UAAU;;;;CAI3C,cAAc,OAAO,cAAc,SAAS;;;;CAI5C,eAAe,OAAO,cAAc,UAAU;;;;CAI9C,eAAe,OAAO,cAAc,UAAU;CAC/C;AAQD,MAAa,0BAA0B,OAAO,KAC5C,eACD;AACD,MAAa,yBAAyB,OAAO,OAAO,eAAe;AAEnE,MAAa,aAAa;CACxB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ;AASD,MAAa,sBAAsB,OAAO,KACxC,WACD;AACD,MAAa,qBAAqB,OAAO,OAAO,WAAW;AAE3D,SAAgB,aAAa,KAAa;CACxC,OAAO,OAAO,aAAa,WAAW,OAA4B"}

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

@@ -15,7 +15,6 @@ 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,
@@ -71,7 +70,7 @@ const transforms = {
 		};
 	}
 };
-
 //#endregion
 export { transforms };
+
 //# sourceMappingURL=config.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":[],"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 { display } from \"./display\"\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  important?: boolean\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 =\n      typeof value === \"string\" &&\n      !value.endsWith(\"deg\") &&\n      !value.endsWith(\"grad\") &&\n      !value.endsWith(\"turn\") &&\n      !value.endsWith(\"rad\")\n\n    return isUnitless || isNumber(value) ? `${value}deg` : value\n  },\n  display,\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":";;;;;;;;;;;;;;;;;;;AAkCA,MAAa,aAAa;CACxB,OAAO;CACP;CACA;CACA,SAAS,OAAO,EAAE,WAAW;AAC3B,MAAI,UAAU,QAAQ;AACpB,YAAS,EAAE;AACX,QAAK,UAAU;AAEf,UAAO;QAEP,QAAO;;CAGX,MAAM;CACN;CACA,WAAW,eAAe,YAAY;CACtC,UAAU,UAAU;AAClB,kCAAa,MAAM,CACjB,QAAO;GAAE,SAAS;GAAM,GAAG;GAAO;MAElC,QAAO;;CAGX,MAAM,UAAU;AACd,MAAI,SAAS,MAAM,IAAI,SAAS,KAAM,QAAO;AAS7C,SANE,OAAO,UAAU,YACjB,CAAC,MAAM,SAAS,MAAM,IACtB,CAAC,MAAM,SAAS,OAAO,IACvB,CAAC,MAAM,SAAS,OAAO,IACvB,CAAC,MAAM,SAAS,MAAM,gCAEM,MAAM,GAAG,GAAG,MAAM,OAAO;;CAEzD;CACA,QAAQ;CACR,WAAW;CACX,WAAW,UAAU;AACnB,kCAAa,MAAM,IAAI,SAAS,EAAG,SAAQ,GAAG,QAAQ,IAAI;AAE1D,SAAO;;CAET,UAAU;CACV;CACA;CACA;CACA,OAAO,eAAe,QAAQ;CAC9B,KAAK,UAAU;AACb,MAAI,SAAS,KAAM,QAAO;EAE1B,MAAM,EAAE,aAAa,gBAAgB,MAAM;AAE3C,SAAO,wCAAqB,MAAM,GAAG,GAAG,MAAM,MAAM;;CAEtD,UAAU,eAAe,WAAW;CACpC,OAAO;CACP;CACA,YAAY;CACZ,YAAY,UAAmB;AAC7B,MAAI,MACF,QAAO;GACL,UAAU;GACV,cAAc;GACd,YAAY;GACb;;CAGN"}
+{"version":3,"file":"config.js","names":[],"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 { display } from \"./display\"\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  important?: boolean\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 =\n      typeof value === \"string\" &&\n      !value.endsWith(\"deg\") &&\n      !value.endsWith(\"grad\") &&\n      !value.endsWith(\"turn\") &&\n      !value.endsWith(\"rad\")\n\n    return isUnitless || isNumber(value) ? `${value}deg` : value\n  },\n  display,\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":";;;;;;;;;;;;;;;;;;AAkCA,MAAa,aAAa;CACxB,OAAO;CACP;CACA;CACA,SAAS,OAAO,EAAE,WAAW;EAC3B,IAAI,UAAU,QAAQ;GACpB,SAAS,EAAE;GACX,KAAK,UAAU;GAEf,OAAO;SAEP,OAAO;;CAGX,MAAM;CACN;CACA,WAAW,eAAe,YAAY;CACtC,UAAU,UAAU;EAClB,KAAA,GAAA,cAAA,UAAa,MAAM,EACjB,OAAO;GAAE,SAAS;GAAM,GAAG;GAAO;OAElC,OAAO;;CAGX,MAAM,UAAU;EACd,IAAI,SAAS,MAAM,IAAI,SAAS,MAAM,OAAO;EAS7C,OANE,OAAO,UAAU,YACjB,CAAC,MAAM,SAAS,MAAM,IACtB,CAAC,MAAM,SAAS,OAAO,IACvB,CAAC,MAAM,SAAS,OAAO,IACvB,CAAC,MAAM,SAAS,MAAM,KAAA,GAAA,cAAA,UAEM,MAAM,GAAG,GAAG,MAAM,OAAO;;CAEzD;CACA,QAAQ;CACR,WAAW;CACX,WAAW,UAAU;EACnB,KAAA,GAAA,cAAA,UAAa,MAAM,IAAI,SAAS,GAAG,QAAQ,GAAG,QAAQ,IAAI;EAE1D,OAAO;;CAET,UAAU;CACV;CACA;CACA;CACA,OAAO,eAAe,QAAQ;CAC9B,KAAK,UAAU;EACb,IAAI,SAAS,MAAM,OAAO;EAE1B,MAAM,EAAE,aAAa,gBAAgB,MAAM;EAE3C,OAAO,aAAA,GAAA,cAAA,UAAqB,MAAM,GAAG,GAAG,MAAM,MAAM;;CAEtD,UAAU,eAAe,WAAW;CACpC,OAAO;CACP;CACA,YAAY;CACZ,YAAY,UAAmB;EAC7B,IAAI,OACF,OAAO;GACL,UAAU;GACV,cAAc;GACd,YAAY;GACb;;CAGN"}

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

@@ -1,11 +1,9 @@
 import { utils_exports } from "../../utils/index.js";
 import { getColorSchemeVar, getVar, transformInterpolation } from "../system/var.js";
-import "../system/index.js";
 import { insertImportant, isCSSToken, isImportant, omitImportant } from "./utils.js";
 import { colorMix } from "./color-mix.js";
 import { conditions, getCondition } from "./conditions.js";
 import { styles, variableLengthProperties } from "./styles.js";
-
 //#region src/core/css/css.ts
 function isVariableLength(key) {
 	return variableLengthProperties.includes(key);
@@ -33,7 +31,7 @@ function transformColorModeArray(breakpoints) {
 }
 function transformConditionalObject(breakpoints) {
 	return function(key, value) {
-		const conditionalKeys = Object.keys(value).filter((key$1) => !breakpoints.isResponsiveKey(key$1));
+		const conditionalKeys = Object.keys(value).filter((key) => !breakpoints.isResponsiveKey(key));
 		return (0, utils_exports.merge)(breakpoints.queries.reduce((prev, { breakpoint, query }) => {
 			const breakpointValue = value[breakpoint];
 			if (!(0, utils_exports.isUndefined)(breakpointValue)) if ((0, utils_exports.isArray)(breakpointValue)) {
@@ -59,9 +57,9 @@ function transformConditionalValue({ breakpoints }) {
 	};
 }
 function expandCSS(system) {
-	return function(css$1) {
+	return function(css) {
 		let computedCSS = {};
-		for (let [key, value] of Object.entries(css$1)) {
+		for (let [key, value] of Object.entries(css)) {
 			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 });
@@ -71,17 +69,17 @@ function expandCSS(system) {
 }
 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, {
+		const result = transformInterpolation(value, function(value, fallbackValue) {
+			if (value.includes("colorScheme.")) return getColorSchemeVar(system)(value);
+			else if (value.includes("colors.")) return colorMix(value, {
 				fallback: fallbackValue,
 				system
 			});
-			else if (isCSSToken(system)(value$1)) return system.cssMap[value$1].ref;
+			else if (isCSSToken(system)(value)) return system.cssMap[value].ref;
 			else if (fallbackValue) {
 				fallbackValue = isCSSToken(system)(fallbackValue) ? system.cssMap[fallbackValue].ref : fallbackValue;
-				return getVar(value$1, fallbackValue);
-			} else return getVar(value$1);
+				return getVar(value, fallbackValue);
+			} else return getVar(value);
 		});
 		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 });
@@ -112,8 +110,8 @@ function getStyle(prop) {
 }
 function css(system, theme = {}) {
 	return function(cssOrFn) {
-		function createCSS(cssOrFn$1) {
-			const cssObj = (0, utils_exports.runIfFn)(cssOrFn$1, system);
+		function createCSS(cssOrFn) {
+			const cssObj = (0, utils_exports.runIfFn)(cssOrFn, system);
 			const computedCSS = expandCSS(system)(cssObj);
 			let prev = {};
 			for (let [prop, value] of Object.entries(computedCSS)) {
@@ -150,7 +148,7 @@ function css(system, theme = {}) {
 		return createCSS(cssOrFn);
 	};
 }
-
 //#endregion
 export { css, getStyle, transformConditionalValue };
+
 //# sourceMappingURL=css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"css.js","names":["computedCSS: Dict","key","css","value","cssOrFn","prev: Dict","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 {\n  isArray,\n  isObject,\n  isString,\n  isUndefined,\n  merge,\n  runIfFn,\n} from \"../../utils\"\nimport { getColorSchemeVar, getVar, transformInterpolation } from \"../system\"\nimport { colorMix } from \"./color-mix\"\nimport { conditions, getCondition } from \"./conditions\"\nimport { styles, variableLengthProperties } from \"./styles\"\nimport {\n  insertImportant,\n  isCSSToken,\n  isImportant,\n  omitImportant,\n} from \"./utils\"\n\nfunction isVariableLength(key: string): boolean {\n  return variableLengthProperties.includes(key as VariableLengthProperty)\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 (!isUndefined(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 merge(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 if (fallbackValue) {\n          fallbackValue = isCSSToken(system)(fallbackValue)\n            ? system.cssMap[fallbackValue]!.ref\n            : fallbackValue\n\n          return getVar(value, fallbackValue)\n        } else {\n          return getVar(value)\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"],"mappings":"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"}
+{"version":3,"file":"css.js","names":[],"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 {\n  isArray,\n  isObject,\n  isString,\n  isUndefined,\n  merge,\n  runIfFn,\n} from \"../../utils\"\nimport { getColorSchemeVar, getVar, transformInterpolation } from \"../system\"\nimport { colorMix } from \"./color-mix\"\nimport { conditions, getCondition } from \"./conditions\"\nimport { styles, variableLengthProperties } from \"./styles\"\nimport {\n  insertImportant,\n  isCSSToken,\n  isImportant,\n  omitImportant,\n} from \"./utils\"\n\nfunction isVariableLength(key: string): boolean {\n  return variableLengthProperties.includes(key as VariableLengthProperty)\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 (!isUndefined(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 merge(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 if (fallbackValue) {\n          fallbackValue = isCSSToken(system)(fallbackValue)\n            ? system.cssMap[fallbackValue]!.ref\n            : fallbackValue\n\n          return getVar(value, fallbackValue)\n        } else {\n          return getVar(value)\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"],"mappings":"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"}

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

@@ -1,6 +1,4 @@
 import { visuallyHiddenAttributes } from "../../utils/dom.js";
-import "../../utils/index.js";
-
 //#region src/core/css/display.ts
 function display(value, { prev }) {
 	switch (value) {
@@ -25,7 +23,7 @@ function display(value, { prev }) {
 		default: return value;
 	}
 }
-
 //#endregion
 export { display };
+
 //# sourceMappingURL=display.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"display.js","names":[],"sources":["../../../../src/core/css/display.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { visuallyHiddenAttributes } from \"../../utils\"\n\nexport function display(value: any, { prev }: TransformOptions) {\n  switch (value) {\n    case \"center\":\n      return {\n        display: \"flex\",\n        placeContent: prev?.placeContent ?? \"center\",\n        placeItems: prev?.placeItems ?? \"center\",\n      }\n    case \"inline-center\":\n      return {\n        display: \"inline-flex\",\n        placeContent: prev?.placeContent ?? \"center\",\n        placeItems: prev?.placeItems ?? \"center\",\n      }\n    case \"absolute-center\":\n      return {\n        insetBlockStart: \"50%\",\n        insetInlineStart: \"50%\",\n        position: \"absolute\",\n        translateX: \"-50%\",\n        translateY: \"-50%\",\n      }\n    case \"hidden\":\n      return visuallyHiddenAttributes.style\n    default:\n      return value\n  }\n}\n"],"mappings":";;;;AAGA,SAAgB,QAAQ,OAAY,EAAE,QAA0B;AAC9D,SAAQ,OAAR;EACE,KAAK,SACH,QAAO;GACL,SAAS;GACT,cAAc,MAAM,gBAAgB;GACpC,YAAY,MAAM,cAAc;GACjC;EACH,KAAK,gBACH,QAAO;GACL,SAAS;GACT,cAAc,MAAM,gBAAgB;GACpC,YAAY,MAAM,cAAc;GACjC;EACH,KAAK,kBACH,QAAO;GACL,iBAAiB;GACjB,kBAAkB;GAClB,UAAU;GACV,YAAY;GACZ,YAAY;GACb;EACH,KAAK,SACH,QAAO,yBAAyB;EAClC,QACE,QAAO"}
+{"version":3,"file":"display.js","names":[],"sources":["../../../../src/core/css/display.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { visuallyHiddenAttributes } from \"../../utils\"\n\nexport function display(value: any, { prev }: TransformOptions) {\n  switch (value) {\n    case \"center\":\n      return {\n        display: \"flex\",\n        placeContent: prev?.placeContent ?? \"center\",\n        placeItems: prev?.placeItems ?? \"center\",\n      }\n    case \"inline-center\":\n      return {\n        display: \"inline-flex\",\n        placeContent: prev?.placeContent ?? \"center\",\n        placeItems: prev?.placeItems ?? \"center\",\n      }\n    case \"absolute-center\":\n      return {\n        insetBlockStart: \"50%\",\n        insetInlineStart: \"50%\",\n        position: \"absolute\",\n        translateX: \"-50%\",\n        translateY: \"-50%\",\n      }\n    case \"hidden\":\n      return visuallyHiddenAttributes.style\n    default:\n      return value\n  }\n}\n"],"mappings":";;AAGA,SAAgB,QAAQ,OAAY,EAAE,QAA0B;CAC9D,QAAQ,OAAR;EACE,KAAK,UACH,OAAO;GACL,SAAS;GACT,cAAc,MAAM,gBAAgB;GACpC,YAAY,MAAM,cAAc;GACjC;EACH,KAAK,iBACH,OAAO;GACL,SAAS;GACT,cAAc,MAAM,gBAAgB;GACpC,YAAY,MAAM,cAAc;GACjC;EACH,KAAK,mBACH,OAAO;GACL,iBAAiB;GACjB,kBAAkB;GAClB,UAAU;GACV,YAAY;GACZ,YAAY;GACb;EACH,KAAK,UACH,OAAO,yBAAyB;EAClC,SACE,OAAO"}

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

@@ -9,7 +9,7 @@ function generateFilter(type = "filter") {
 		return result;
 	};
 }
-
 //#endregion
 export { generateFilter };
+
 //# sourceMappingURL=filter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"filter.js","names":["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,eACd,OAAoC,UACzB;AACX,QAAO,SAAU,OAAO,EAAE,MAAM,cAAc;EAC5C,MAAMA,SAAe,EAAE;AAEvB,cAAY,SAAS,aAAa;AAChC,UAAO,QAAQ,CAAC,OAAO,SAAS,IAAI,OAAO,SAAS,GAAG,CAAC,KAAK,IAAI;AACjE,UAAO,YAAY;IACnB;AAEF,SAAO"}
+{"version":3,"file":"filter.js","names":[],"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,eACd,OAAoC,UACzB;CACX,OAAO,SAAU,OAAO,EAAE,MAAM,cAAc;EAC5C,MAAM,SAAe,EAAE;EAEvB,YAAY,SAAS,aAAa;GAChC,OAAO,QAAQ,CAAC,OAAO,SAAS,IAAI,OAAO,SAAS,GAAG,CAAC,KAAK,IAAI;GACjE,OAAO,YAAY;IACnB;EAEF,OAAO"}

package/dist/esm/core/css/focus-ring.js

@@ -34,15 +34,14 @@ const focusRingStyle = {
 };
 function generateFocusRing(selector) {
 	return function(value, { prev }) {
-		const focusRingColor = prev?.["--focus-ring-color"] ?? "{colorScheme.outline}";
 		return {
-			"--focus-ring-color": focusRingColor,
+			"--focus-ring-color": prev?.["--focus-ring-color"] ?? "{colorScheme.outline}",
 			outlineColor: "{focus-ring-color}",
 			[selector]: { ...value in focusRingStyle ? focusRingStyle[value] : focusRingStyle.none }
 		};
 	};
 }
-
 //#endregion
 export { focusRingStyle, generateFocusRing };
+
 //# sourceMappingURL=focus-ring.js.map

package/dist/esm/core/css/focus-ring.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus-ring.js","names":[],"sources":["../../../../src/core/css/focus-ring.ts"],"sourcesContent":["import type { CSSObject } from \"./index.types\"\nimport type { Transform } from \"./utils\"\n\nexport const focusRingStyle = {\n  inline: {\n    outlineOffset: \"{focus-ring-offset, -5px}\",\n    outlineStyle: \"{focus-ring-style, solid}\",\n    outlineWidth: \"{focus-ring-width, 1px}\",\n  },\n  inside: {\n    borderColor: \"{focus-ring-color}\",\n    boxShadow: \"inset 0 0 0 1px {focus-ring-color}\",\n    outlineOffset: \"inherit\",\n    outlineStyle: \"inherit\",\n    outlineWidth: \"inherit\",\n  },\n  mixed: {\n    borderColor: \"{focus-ring-color}\",\n    outlineOffset: \"{focus-ring-offset, 0px}\",\n    outlineStyle: \"{focus-ring-style, solid}\",\n    outlineWidth: \"{focus-ring-width, 2px}\",\n  },\n  none: {\n    outline: \"none\",\n  },\n  outline: {\n    outlineOffset: \"{focus-ring-offset, 2px}\",\n    outlineStyle: \"{focus-ring-style, solid}\",\n    outlineWidth: \"{focus-ring-width, 2px}\",\n  },\n  outside: {\n    borderColor: \"{focus-ring-color}\",\n    boxShadow: \"0 0 0 1px {focus-ring-color}\",\n    outlineOffset: \"inherit\",\n    outlineStyle: \"inherit\",\n    outlineWidth: \"inherit\",\n  },\n} satisfies { [key: string]: CSSObject }\n\nexport function generateFocusRing(selector: string): Transform {\n  return function (value, { prev }) {\n    const focusRingColor =\n      prev?.[\"--focus-ring-color\"] ?? \"{colorScheme.outline}\"\n\n    const result = {\n      \"--focus-ring-color\": focusRingColor,\n      outlineColor: \"{focus-ring-color}\",\n      [selector]: {\n        ...(value in focusRingStyle\n          ? focusRingStyle[value as keyof typeof focusRingStyle]\n          : focusRingStyle.none),\n      },\n    }\n\n    return result\n  }\n}\n"],"mappings":";AAGA,MAAa,iBAAiB;CAC5B,QAAQ;EACN,eAAe;EACf,cAAc;EACd,cAAc;EACf;CACD,QAAQ;EACN,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,cAAc;EACf;CACD,OAAO;EACL,aAAa;EACb,eAAe;EACf,cAAc;EACd,cAAc;EACf;CACD,MAAM,EACJ,SAAS,QACV;CACD,SAAS;EACP,eAAe;EACf,cAAc;EACd,cAAc;EACf;CACD,SAAS;EACP,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,cAAc;EACf;CACF;AAED,SAAgB,kBAAkB,UAA6B;AAC7D,QAAO,SAAU,OAAO,EAAE,QAAQ;EAChC,MAAM,iBACJ,OAAO,yBAAyB;AAYlC,SAVe;GACb,sBAAsB;GACtB,cAAc;IACb,WAAW,EACV,GAAI,SAAS,iBACT,eAAe,SACf,eAAe,MACpB;GACF"}
+{"version":3,"file":"focus-ring.js","names":[],"sources":["../../../../src/core/css/focus-ring.ts"],"sourcesContent":["import type { CSSObject } from \"./index.types\"\nimport type { Transform } from \"./utils\"\n\nexport const focusRingStyle = {\n  inline: {\n    outlineOffset: \"{focus-ring-offset, -5px}\",\n    outlineStyle: \"{focus-ring-style, solid}\",\n    outlineWidth: \"{focus-ring-width, 1px}\",\n  },\n  inside: {\n    borderColor: \"{focus-ring-color}\",\n    boxShadow: \"inset 0 0 0 1px {focus-ring-color}\",\n    outlineOffset: \"inherit\",\n    outlineStyle: \"inherit\",\n    outlineWidth: \"inherit\",\n  },\n  mixed: {\n    borderColor: \"{focus-ring-color}\",\n    outlineOffset: \"{focus-ring-offset, 0px}\",\n    outlineStyle: \"{focus-ring-style, solid}\",\n    outlineWidth: \"{focus-ring-width, 2px}\",\n  },\n  none: {\n    outline: \"none\",\n  },\n  outline: {\n    outlineOffset: \"{focus-ring-offset, 2px}\",\n    outlineStyle: \"{focus-ring-style, solid}\",\n    outlineWidth: \"{focus-ring-width, 2px}\",\n  },\n  outside: {\n    borderColor: \"{focus-ring-color}\",\n    boxShadow: \"0 0 0 1px {focus-ring-color}\",\n    outlineOffset: \"inherit\",\n    outlineStyle: \"inherit\",\n    outlineWidth: \"inherit\",\n  },\n} satisfies { [key: string]: CSSObject }\n\nexport function generateFocusRing(selector: string): Transform {\n  return function (value, { prev }) {\n    const focusRingColor =\n      prev?.[\"--focus-ring-color\"] ?? \"{colorScheme.outline}\"\n\n    const result = {\n      \"--focus-ring-color\": focusRingColor,\n      outlineColor: \"{focus-ring-color}\",\n      [selector]: {\n        ...(value in focusRingStyle\n          ? focusRingStyle[value as keyof typeof focusRingStyle]\n          : focusRingStyle.none),\n      },\n    }\n\n    return result\n  }\n}\n"],"mappings":";AAGA,MAAa,iBAAiB;CAC5B,QAAQ;EACN,eAAe;EACf,cAAc;EACd,cAAc;EACf;CACD,QAAQ;EACN,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,cAAc;EACf;CACD,OAAO;EACL,aAAa;EACb,eAAe;EACf,cAAc;EACd,cAAc;EACf;CACD,MAAM,EACJ,SAAS,QACV;CACD,SAAS;EACP,eAAe;EACf,cAAc;EACd,cAAc;EACf;CACD,SAAS;EACP,aAAa;EACb,WAAW;EACX,eAAe;EACf,cAAc;EACd,cAAc;EACf;CACF;AAED,SAAgB,kBAAkB,UAA6B;CAC7D,OAAO,SAAU,OAAO,EAAE,QAAQ;EAchC,OAAO;GATL,sBAHA,OAAO,yBAAyB;GAIhC,cAAc;IACb,WAAW,EACV,GAAI,SAAS,iBACT,eAAe,SACf,eAAe,MACpB;GAGU"}

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

@@ -4,7 +4,7 @@ function generateFunction(func) {
 		return `${func}(${value})`;
 	};
 }
-
 //#endregion
 export { generateFunction };
+
 //# sourceMappingURL=function.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"function.js","names":[],"sources":["../../../../src/core/css/function.ts"],"sourcesContent":["import type { Transform } from \"./utils\"\n\nexport function generateFunction(func: string): Transform {\n  return function (value) {\n    return `${func}(${value})`\n  }\n}\n"],"mappings":";AAEA,SAAgB,iBAAiB,MAAyB;AACxD,QAAO,SAAU,OAAO;AACtB,SAAO,GAAG,KAAK,GAAG,MAAM"}
+{"version":3,"file":"function.js","names":[],"sources":["../../../../src/core/css/function.ts"],"sourcesContent":["import type { Transform } from \"./utils\"\n\nexport function generateFunction(func: string): Transform {\n  return function (value) {\n    return `${func}(${value})`\n  }\n}\n"],"mappings":";AAEA,SAAgB,iBAAiB,MAAyB;CACxD,OAAO,SAAU,OAAO;EACtB,OAAO,GAAG,KAAK,GAAG,MAAM"}

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

@@ -1,6 +1,5 @@
 import { utils_exports } from "../../utils/index.js";
 import { getCSSFunction, globalValues, isCSSFunction, isCSSToken, splitValues } from "./utils.js";
-
 //#region src/core/css/gradient.ts
 const directions = {
 	"to-b": "to bottom",
@@ -36,7 +35,7 @@ function gradient(value, { system }) {
 	});
 	return `${type}(${computedValues.join(", ")})`;
 }
-
 //#endregion
 export { gradient };
+
 //# sourceMappingURL=gradient.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"gradient.js","names":["directions: { [key: string]: string }"],"sources":["../../../../src/core/css/gradient.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { isArray, isUndefined } from \"../../utils\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst directions: { [key: string]: string } = {\n  \"to-b\": \"to bottom\",\n  \"to-bl\": \"to bottom left\",\n  \"to-br\": \"to bottom right\",\n  \"to-l\": \"to left\",\n  \"to-r\": \"to right\",\n  \"to-t\": \"to top\",\n  \"to-tl\": \"to top left\",\n  \"to-tr\": \"to top right\",\n}\n\nconst directionValues = new Set(Object.values(directions))\n\nexport function gradient(value: any, { system }: TransformOptions) {\n  if (value == null || globalValues.has(value)) return value\n\n  const prevent = isCSSFunction(value)\n\n  if (!prevent) return `url('${value}')`\n\n  let { type, values } = getCSSFunction(value)\n\n  if (!type || !values) return value\n\n  type = type.includes(\"-gradient\") ? type : `${type}-gradient`\n\n  const [maybeDirection, ...colors] = splitValues(values)\n\n  if (!colors.length) return value\n\n  const direction =\n    maybeDirection && maybeDirection in directions\n      ? directions[maybeDirection]\n      : maybeDirection\n\n  if (!isUndefined(direction)) colors.unshift(direction)\n\n  const computedValues = colors.map((_color) => {\n    if (isUndefined(_color)) return _color\n\n    if (directionValues.has(_color)) return _color\n\n    const i = _color.indexOf(\" \")\n\n    let [color, _ratio] =\n      i !== -1 ? [_color.slice(0, i), _color.slice(i + 1)] : [_color]\n\n    const ratio = isCSSFunction(_ratio) ? _ratio : _ratio?.split(\" \")\n\n    const token = `colors.${color}`\n\n    color = isCSSToken(system)(token) ? system.cssMap[token]!.ref : color\n\n    if (ratio) {\n      return [color, ...(isArray(ratio) ? ratio : [ratio])].join(\" \")\n    } else {\n      return color\n    }\n  })\n\n  return `${type}(${computedValues.join(\", \")})`\n}\n"],"mappings":";;;;AAUA,MAAMA,aAAwC;CAC5C,QAAQ;CACR,SAAS;CACT,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACV;AAED,MAAM,kBAAkB,IAAI,IAAI,OAAO,OAAO,WAAW,CAAC;AAE1D,SAAgB,SAAS,OAAY,EAAE,UAA4B;AACjE,KAAI,SAAS,QAAQ,aAAa,IAAI,MAAM,CAAE,QAAO;AAIrD,KAAI,CAFY,cAAc,MAAM,CAEtB,QAAO,QAAQ,MAAM;CAEnC,IAAI,EAAE,MAAM,WAAW,eAAe,MAAM;AAE5C,KAAI,CAAC,QAAQ,CAAC,OAAQ,QAAO;AAE7B,QAAO,KAAK,SAAS,YAAY,GAAG,OAAO,GAAG,KAAK;CAEnD,MAAM,CAAC,gBAAgB,GAAG,UAAU,YAAY,OAAO;AAEvD,KAAI,CAAC,OAAO,OAAQ,QAAO;CAE3B,MAAM,YACJ,kBAAkB,kBAAkB,aAChC,WAAW,kBACX;AAEN,KAAI,gCAAa,UAAU,CAAE,QAAO,QAAQ,UAAU;CAEtD,MAAM,iBAAiB,OAAO,KAAK,WAAW;AAC5C,qCAAgB,OAAO,CAAE,QAAO;AAEhC,MAAI,gBAAgB,IAAI,OAAO,CAAE,QAAO;EAExC,MAAM,IAAI,OAAO,QAAQ,IAAI;EAE7B,IAAI,CAAC,OAAO,UACV,MAAM,KAAK,CAAC,OAAO,MAAM,GAAG,EAAE,EAAE,OAAO,MAAM,IAAI,EAAE,CAAC,GAAG,CAAC,OAAO;EAEjE,MAAM,QAAQ,cAAc,OAAO,GAAG,SAAS,QAAQ,MAAM,IAAI;EAEjE,MAAM,QAAQ,UAAU;AAExB,UAAQ,WAAW,OAAO,CAAC,MAAM,GAAG,OAAO,OAAO,OAAQ,MAAM;AAEhE,MAAI,MACF,QAAO,CAAC,OAAO,8BAAY,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAE,CAAC,KAAK,IAAI;MAE/D,QAAO;GAET;AAEF,QAAO,GAAG,KAAK,GAAG,eAAe,KAAK,KAAK,CAAC"}
+{"version":3,"file":"gradient.js","names":[],"sources":["../../../../src/core/css/gradient.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { isArray, isUndefined } from \"../../utils\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst directions: { [key: string]: string } = {\n  \"to-b\": \"to bottom\",\n  \"to-bl\": \"to bottom left\",\n  \"to-br\": \"to bottom right\",\n  \"to-l\": \"to left\",\n  \"to-r\": \"to right\",\n  \"to-t\": \"to top\",\n  \"to-tl\": \"to top left\",\n  \"to-tr\": \"to top right\",\n}\n\nconst directionValues = new Set(Object.values(directions))\n\nexport function gradient(value: any, { system }: TransformOptions) {\n  if (value == null || globalValues.has(value)) return value\n\n  const prevent = isCSSFunction(value)\n\n  if (!prevent) return `url('${value}')`\n\n  let { type, values } = getCSSFunction(value)\n\n  if (!type || !values) return value\n\n  type = type.includes(\"-gradient\") ? type : `${type}-gradient`\n\n  const [maybeDirection, ...colors] = splitValues(values)\n\n  if (!colors.length) return value\n\n  const direction =\n    maybeDirection && maybeDirection in directions\n      ? directions[maybeDirection]\n      : maybeDirection\n\n  if (!isUndefined(direction)) colors.unshift(direction)\n\n  const computedValues = colors.map((_color) => {\n    if (isUndefined(_color)) return _color\n\n    if (directionValues.has(_color)) return _color\n\n    const i = _color.indexOf(\" \")\n\n    let [color, _ratio] =\n      i !== -1 ? [_color.slice(0, i), _color.slice(i + 1)] : [_color]\n\n    const ratio = isCSSFunction(_ratio) ? _ratio : _ratio?.split(\" \")\n\n    const token = `colors.${color}`\n\n    color = isCSSToken(system)(token) ? system.cssMap[token]!.ref : color\n\n    if (ratio) {\n      return [color, ...(isArray(ratio) ? ratio : [ratio])].join(\" \")\n    } else {\n      return color\n    }\n  })\n\n  return `${type}(${computedValues.join(\", \")})`\n}\n"],"mappings":";;;AAUA,MAAM,aAAwC;CAC5C,QAAQ;CACR,SAAS;CACT,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,SAAS;CACV;AAED,MAAM,kBAAkB,IAAI,IAAI,OAAO,OAAO,WAAW,CAAC;AAE1D,SAAgB,SAAS,OAAY,EAAE,UAA4B;CACjE,IAAI,SAAS,QAAQ,aAAa,IAAI,MAAM,EAAE,OAAO;CAIrD,IAAI,CAFY,cAAc,MAElB,EAAE,OAAO,QAAQ,MAAM;CAEnC,IAAI,EAAE,MAAM,WAAW,eAAe,MAAM;CAE5C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;CAE7B,OAAO,KAAK,SAAS,YAAY,GAAG,OAAO,GAAG,KAAK;CAEnD,MAAM,CAAC,gBAAgB,GAAG,UAAU,YAAY,OAAO;CAEvD,IAAI,CAAC,OAAO,QAAQ,OAAO;CAE3B,MAAM,YACJ,kBAAkB,kBAAkB,aAChC,WAAW,kBACX;CAEN,IAAI,EAAA,GAAA,cAAA,aAAa,UAAU,EAAE,OAAO,QAAQ,UAAU;CAEtD,MAAM,iBAAiB,OAAO,KAAK,WAAW;EAC5C,KAAA,GAAA,cAAA,aAAgB,OAAO,EAAE,OAAO;EAEhC,IAAI,gBAAgB,IAAI,OAAO,EAAE,OAAO;EAExC,MAAM,IAAI,OAAO,QAAQ,IAAI;EAE7B,IAAI,CAAC,OAAO,UACV,MAAM,KAAK,CAAC,OAAO,MAAM,GAAG,EAAE,EAAE,OAAO,MAAM,IAAI,EAAE,CAAC,GAAG,CAAC,OAAO;EAEjE,MAAM,QAAQ,cAAc,OAAO,GAAG,SAAS,QAAQ,MAAM,IAAI;EAEjE,MAAM,QAAQ,UAAU;EAExB,QAAQ,WAAW,OAAO,CAAC,MAAM,GAAG,OAAO,OAAO,OAAQ,MAAM;EAEhE,IAAI,OACF,OAAO,CAAC,OAAO,IAAA,GAAA,cAAA,SAAY,MAAM,GAAG,QAAQ,CAAC,MAAM,CAAE,CAAC,KAAK,IAAI;OAE/D,OAAO;GAET;CAEF,OAAO,GAAG,KAAK,GAAG,eAAe,KAAK,KAAK,CAAC"}

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

@@ -1,6 +1,5 @@
 import { getCSSFunction, globalValues, isCSSFunction, isCSSToken, splitValues } from "./utils.js";
 import { generateCalc } from "./calc.js";
-
 //#region src/core/css/grid.ts
 const repeats = {
 	fill: "auto-fill",
@@ -10,29 +9,29 @@ function grid(value, { system, ...rest }) {
 	if (value == null || globalValues.has(value)) return value;
 	const values = splitValues(value, (current) => current === " ");
 	if (!values.length) return value;
-	return values.map((value$1) => {
-		if (!isCSSFunction(value$1)) {
-			const token = `sizes.${value$1}`;
+	return values.map((value) => {
+		if (!isCSSFunction(value)) {
+			const token = `sizes.${value}`;
 			if (isCSSToken(system)(token)) return system.cssMap[token].ref;
-			else return value$1;
+			else return value;
 		}
-		const { type, values: values$1 } = getCSSFunction(value$1);
-		if (!type || !values$1) return value$1;
+		const { type, values } = getCSSFunction(value);
+		if (!type || !values) return value;
 		if (type === "repeat") {
-			let [repeat, tracks] = splitValues(values$1);
+			let [repeat, tracks] = splitValues(values);
 			repeat = repeat && repeat in repeats ? repeats[repeat] : repeat;
 			tracks = grid(tracks, {
 				system,
 				...rest
 			});
 			return `repeat(${repeat}, ${tracks})`;
-		} else return generateCalc("sizes")(value$1, {
+		} else return generateCalc("sizes")(value, {
 			system,
 			...rest
 		});
 	}).join(" ");
 }
-
 //#endregion
 export { grid };
+
 //# sourceMappingURL=grid.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"grid.js","names":["repeats: { [key: string]: string }","value","values"],"sources":["../../../../src/core/css/grid.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { generateCalc } from \"./calc\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst repeats: { [key: string]: string } = {\n  fill: \"auto-fill\",\n  fit: \"auto-fit\",\n}\n\nexport function grid(value: any, { system, ...rest }: TransformOptions) {\n  if (value == null || globalValues.has(value)) return value\n\n  const values = splitValues(value, (current) => current === \" \")\n\n  if (!values.length) return value\n\n  const computedValues = values.map((value): string => {\n    const prevent = isCSSFunction(value)\n\n    if (!prevent) {\n      const token = `sizes.${value}`\n\n      if (isCSSToken(system)(token)) {\n        return system.cssMap[token]!.ref\n      } else {\n        return value\n      }\n    }\n\n    const { type, values } = getCSSFunction(value)\n\n    if (!type || !values) return value\n\n    if (type === \"repeat\") {\n      let [repeat, tracks] = splitValues(values)\n\n      repeat = repeat && repeat in repeats ? repeats[repeat] : repeat\n      tracks = grid(tracks, { system, ...rest })\n\n      return `repeat(${repeat}, ${tracks})`\n    } else {\n      return generateCalc(\"sizes\")(value, { system, ...rest })\n    }\n  })\n\n  return computedValues.join(\" \")\n}\n"],"mappings":";;;;AAUA,MAAMA,UAAqC;CACzC,MAAM;CACN,KAAK;CACN;AAED,SAAgB,KAAK,OAAY,EAAE,QAAQ,GAAG,QAA0B;AACtE,KAAI,SAAS,QAAQ,aAAa,IAAI,MAAM,CAAE,QAAO;CAErD,MAAM,SAAS,YAAY,QAAQ,YAAY,YAAY,IAAI;AAE/D,KAAI,CAAC,OAAO,OAAQ,QAAO;AA+B3B,QA7BuB,OAAO,KAAK,YAAkB;AAGnD,MAAI,CAFY,cAAcC,QAAM,EAEtB;GACZ,MAAM,QAAQ,SAASA;AAEvB,OAAI,WAAW,OAAO,CAAC,MAAM,CAC3B,QAAO,OAAO,OAAO,OAAQ;OAE7B,QAAOA;;EAIX,MAAM,EAAE,MAAM,qBAAW,eAAeA,QAAM;AAE9C,MAAI,CAAC,QAAQ,CAACC,SAAQ,QAAOD;AAE7B,MAAI,SAAS,UAAU;GACrB,IAAI,CAAC,QAAQ,UAAU,YAAYC,SAAO;AAE1C,YAAS,UAAU,UAAU,UAAU,QAAQ,UAAU;AACzD,YAAS,KAAK,QAAQ;IAAE;IAAQ,GAAG;IAAM,CAAC;AAE1C,UAAO,UAAU,OAAO,IAAI,OAAO;QAEnC,QAAO,aAAa,QAAQ,CAACD,SAAO;GAAE;GAAQ,GAAG;GAAM,CAAC;GAE1D,CAEoB,KAAK,IAAI"}
+{"version":3,"file":"grid.js","names":[],"sources":["../../../../src/core/css/grid.ts"],"sourcesContent":["import type { TransformOptions } from \"./utils\"\nimport { generateCalc } from \"./calc\"\nimport {\n  getCSSFunction,\n  globalValues,\n  isCSSFunction,\n  isCSSToken,\n  splitValues,\n} from \"./utils\"\n\nconst repeats: { [key: string]: string } = {\n  fill: \"auto-fill\",\n  fit: \"auto-fit\",\n}\n\nexport function grid(value: any, { system, ...rest }: TransformOptions) {\n  if (value == null || globalValues.has(value)) return value\n\n  const values = splitValues(value, (current) => current === \" \")\n\n  if (!values.length) return value\n\n  const computedValues = values.map((value): string => {\n    const prevent = isCSSFunction(value)\n\n    if (!prevent) {\n      const token = `sizes.${value}`\n\n      if (isCSSToken(system)(token)) {\n        return system.cssMap[token]!.ref\n      } else {\n        return value\n      }\n    }\n\n    const { type, values } = getCSSFunction(value)\n\n    if (!type || !values) return value\n\n    if (type === \"repeat\") {\n      let [repeat, tracks] = splitValues(values)\n\n      repeat = repeat && repeat in repeats ? repeats[repeat] : repeat\n      tracks = grid(tracks, { system, ...rest })\n\n      return `repeat(${repeat}, ${tracks})`\n    } else {\n      return generateCalc(\"sizes\")(value, { system, ...rest })\n    }\n  })\n\n  return computedValues.join(\" \")\n}\n"],"mappings":";;;AAUA,MAAM,UAAqC;CACzC,MAAM;CACN,KAAK;CACN;AAED,SAAgB,KAAK,OAAY,EAAE,QAAQ,GAAG,QAA0B;CACtE,IAAI,SAAS,QAAQ,aAAa,IAAI,MAAM,EAAE,OAAO;CAErD,MAAM,SAAS,YAAY,QAAQ,YAAY,YAAY,IAAI;CAE/D,IAAI,CAAC,OAAO,QAAQ,OAAO;CA+B3B,OA7BuB,OAAO,KAAK,UAAkB;EAGnD,IAAI,CAFY,cAAc,MAElB,EAAE;GACZ,MAAM,QAAQ,SAAS;GAEvB,IAAI,WAAW,OAAO,CAAC,MAAM,EAC3B,OAAO,OAAO,OAAO,OAAQ;QAE7B,OAAO;;EAIX,MAAM,EAAE,MAAM,WAAW,eAAe,MAAM;EAE9C,IAAI,CAAC,QAAQ,CAAC,QAAQ,OAAO;EAE7B,IAAI,SAAS,UAAU;GACrB,IAAI,CAAC,QAAQ,UAAU,YAAY,OAAO;GAE1C,SAAS,UAAU,UAAU,UAAU,QAAQ,UAAU;GACzD,SAAS,KAAK,QAAQ;IAAE;IAAQ,GAAG;IAAM,CAAC;GAE1C,OAAO,UAAU,OAAO,IAAI,OAAO;SAEnC,OAAO,aAAa,QAAQ,CAAC,OAAO;GAAE;GAAQ,GAAG;GAAM,CAAC;GAIvC,CAAC,KAAK,IAAI"}

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

@@ -11,5 +11,4 @@ import { css, getStyle, transformConditionalValue } from "./css.js";
 import { mergeCSS } from "./merge-css.js";
 import { getCSS, useCSS } from "./use-css.js";
 import { useInjectVarsIntoCss, useInjectVarsIntoProps } from "./use-inject-vars.js";
-
-export { animation, animationProperties, aspectRatioProperties, atRuleStyles, attributeProperties, attributeSelectors, attributes, blurProperties, borderProperties, colorMix, colorProperties, conditionProperties, conditionSelectors, conditions, css, display, durationProperties, easingProperties, focusRingStyle, fontProperties, getCSS, getCSSFunction, getCondition, getStyle, gradient, gradientProperties, groupAttributeProperties, groupAttributeSelectors, groupAttributes, injectKeyframes, isCSSFunction, isCSSToken, isCSSVar, keyframeProperties, keyframes, mergeCSS, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, tokenToValue, tokenToVar, transformConditionalValue, transforms, useCSS, useInjectVarsIntoCss, useInjectVarsIntoProps, varToValue, variableLengthProperties, zIndexProperties };
+export { animation, animationProperties, aspectRatioProperties, atRuleStyles, attributeProperties, attributeSelectors, attributes, blurProperties, borderProperties, colorMix, colorProperties, conditionProperties, conditionSelectors, conditions, css, display, durationProperties, easingProperties, focusRingStyle, fontProperties, getCSS, getCSSFunction, getCondition, getStyle, gradient, gradientProperties, groupAttributeProperties, groupAttributeSelectors, groupAttributes, injectKeyframes, isCSSFunction, isCSSToken, isCSSVar, keyframeProperties, keyframes, mergeCSS, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, tokenToValue, tokenToVar, transformConditionalValue, transforms, useCSS, useInjectVarsIntoCss, useInjectVarsIntoProps, varToValue, variableLengthProperties, zIndexProperties };

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

@@ -1,10 +1,9 @@
 import { utils_exports } from "../../utils/index.js";
-
 //#region src/core/css/merge-css.ts
 const mergeCSS = (...css) => {
 	return (0, utils_exports.filterEmpty)(css).flat();
 };
-
 //#endregion
 export { mergeCSS };
+
 //# sourceMappingURL=merge-css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"merge-css.js","names":[],"sources":["../../../../src/core/css/merge-css.ts"],"sourcesContent":["import type { CSSObject } from \"./index.types\"\nimport { filterEmpty } from \"../../utils\"\n\nexport const mergeCSS = (...css: (CSSObject | CSSObject[] | undefined)[]) => {\n  return filterEmpty(css).flat()\n}\n"],"mappings":";;;AAGA,MAAa,YAAY,GAAG,QAAiD;AAC3E,uCAAmB,IAAI,CAAC,MAAM"}
+{"version":3,"file":"merge-css.js","names":[],"sources":["../../../../src/core/css/merge-css.ts"],"sourcesContent":["import type { CSSObject } from \"./index.types\"\nimport { filterEmpty } from \"../../utils\"\n\nexport const mergeCSS = (...css: (CSSObject | CSSObject[] | undefined)[]) => {\n  return filterEmpty(css).flat()\n}\n"],"mappings":";;AAGA,MAAa,YAAY,GAAG,QAAiD;CAC3E,QAAA,GAAA,cAAA,aAAmB,IAAI,CAAC,MAAM"}