@yamada-ui/react 2.1.4-dev-20260323160112 → 2.1.4-dev-20260323173341

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      `&:has(~ ${prefix}${selector.slice(1)})`,\n      `${prefix}${selector.slice(1)} ~ &`,\n    ]),\n    ...[\"[data-peer]\", \".peer\"].flatMap((prefix) => [\n      `&:has(~ ${prefix} *${selector.slice(1)})`,\n      `${prefix}:has(*${selector.slice(1)}) ~ &`,\n    ]),\n  ].join(\", \") as ReplaceSelector<[\"[data-peer]\", \".peer\"], Y, \"~ &\">\n\nexport type AnySelector =\n  | `${string}${\" \" | \"#\" | \"*\" | \"+\" | \",\" | \".\" | \":\" | \">\" | \"@\" | \"[\" | \"]\" | \"~\"}${string}`\n  | DOMElement\n\nexport const attributes = {\n  /**\n   * The CSS `&[data-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-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 `&[data-complete]` attribute selector.\n   */\n  _complete: \"&[data-complete]\",\n  /**\n   * The CSS `&:is([aria-current], [data-current]):not([aria-current='false'])` attribute selector.\n   */\n  _current: \"&:is([aria-current], [data-current]):not([aria-current='false'])\",\n  /**\n   * Styles for when `data-mode` is applied to any parent of this component or element.\n   */\n  _dark:\n    \".dark &:not([data-mode]), [data-mode=dark] &:not([data-mode]), &[data-mode=dark]\",\n  /**\n   * The CSS `&:is([data-end], [data-group-end])` attribute selector.\n   */\n  _end: \"&:is([data-end], [data-group-end])\",\n  /**\n   * The CSS `&:is([data-expanded], [aria-expanded=true])` attribute selector.\n   */\n  _expanded: \"&:is([data-expanded], [aria-expanded=true])\",\n  /**\n   * The CSS `&[data-fallback]` attribute selector.\n   */\n  _fallback: \"&[data-fallback]\",\n  /**\n   * The CSS `&[data-filled]` attribute selector.\n   */\n  _filled: \"&[data-filled]\",\n  /**\n   * The CSS `&:is([data-grabbed], [aria-grabbed=true])` attribute selector.\n   */\n  _grabbed: \"&:is([data-grabbed], [aria-grabbed=true])\",\n  /**\n   * The CSS `&:is([role=grid], [data-grid])` attribute selector.\n   */\n  _grid: \"&:is([role=grid], [data-grid])\",\n  /**\n   * The CSS `&:has(> [data-icon])` attribute selector.\n   */\n  _hasIcon: \"&:has(> [data-icon])\",\n  /**\n   * The CSS `&[data-idle]` attribute selector.\n   */\n  _idle: \"&[data-idle]\",\n  /**\n   * The CSS `&[data-incomplete]` attribute selector.\n   */\n  _incomplete: \"&[data-incomplete]\",\n  /**\n   * Styles for when `data-mode` is applied to any parent of this component or element.\n   */\n  _light:\n    \".light &:not([data-mode]), [data-mode=light] &:not([data-mode]), &[data-mode=light]\",\n  /**\n   * The CSS `&[data-loaded]` attribute selector.\n   */\n  _loaded: \"&[data-loaded]\",\n  /**\n   * The CSS `&:is([data-loading], [aria-busy=true])` attribute selector.\n   */\n  _loading: \"&:is([data-loading], [aria-busy=true])\",\n  /**\n   * The CSS `&[dir=ltr]` attribute selector.\n   */\n  _ltr: \"[dir=ltr] &\",\n  /**\n   * The CSS `&[hidden]` attribute selector.\n   */\n  _nativeHidden: \"&[hidden]\",\n  /**\n   * The CSS `&[data-not-allowed]` attribute selector.\n   */\n  _notAllowed: \"&[data-not-allowed]\",\n  /**\n   * The CSS `&[aria-current='false']` attribute selector.\n   */\n  _notCurrent: \"&:not([aria-current], [data-current]), &[aria-current='false']\",\n  /**\n   * The CSS `&:not([data-fallback])` attribute selector.\n   */\n  _notFallback: \"&:not([data-fallback])\",\n  /**\n   * The CSS `&:not([data-selected]):not([aria-selected=true])` attribute selector.\n   */\n  _notSelected: \"&:not([data-selected]):not([aria-selected=true])\",\n  /**\n   * The CSS `&[data-numeric]` attribute selector.\n   */\n  _numeric: \"&[data-numeric]\",\n  /**\n   * The CSS `&: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 `&:default` pseudo-class.\n   */\n  _default: \"&:default\",\n  /**\n   * The CSS `&:empty` pseudo-class.\n   */\n  _empty: \"&:empty\",\n  /**\n   * The CSS `&:is(:enabled, [data-enabled])` pseudo-class.\n   */\n  _enabled: \"&:is(:enabled, [data-enabled])\",\n  /**\n   * The CSS `&:nth-of-type(even)` pseudo-class.\n   */\n  _even: \"&:nth-of-type(even)\",\n  /**\n   * The CSS `&:first-of-type` pseudo-class.\n   */\n  _first: \"&:first-of-type\",\n  /**\n   * The CSS `& > *:first-child` pseudo-class.\n   */\n  _firstChild: \"& > *:first-child\",\n  /**\n   * The CSS `&:not(:focus-within, [data-focus-within])` pseudo-class.\n   */\n  _focusWithin: \"&:not(:focus-within, [data-focus-within])\",\n  /**\n   * The CSS `&:fullscreen` pseudo-class.\n   */\n  _fullScreen: \"&:fullscreen\",\n  /**\n   * The CSS `&:is([data-orientation=horizontal], [aria-orientation=horizontal])` pseudo-class.\n   */\n  _horizontal:\n    \"&:is([data-orientation=horizontal], [aria-orientation=horizontal])\",\n  /**\n   * The CSS `&:where(svg:not([data-loading])), & > [data-icon]` pseudo-class.\n   */\n  _icon: \"&:where(svg:not([data-loading])), & > [data-icon]\",\n  /**\n   * The CSS `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])` pseudo-class.\n   */\n  _indeterminate:\n    \"&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])\",\n  /**\n   * The CSS `&:is(:in-range, [data-in-range])` pseudo-class.\n   */\n  _inRange: \"&:is(:in-range, [data-in-range])\",\n  /**\n   * The CSS `&:last-of-type` pseudo-class.\n   */\n  _last: \"&:last-of-type\",\n  /**\n   * The CSS `& > *:last-child` pseudo-class.\n   */\n  _lastChild: \"& > *:last-child\",\n  /**\n   * The CSS `&:is(:link, [data-link])` pseudo-class.\n   */\n  _link: \"&:is(:link, [data-link])\",\n  /**\n   * The CSS `&:modal` pseudo-class.\n   */\n  _modal: \"&:modal\",\n  /**\n   * The CSS `&:active` pseudo-class.\n   */\n  _nativeActive: \"&:active\",\n  /**\n   * The CSS `&:checked` pseudo-class.\n   */\n  _nativeChecked: \"&:checked\",\n  /**\n   * The CSS `&:is(disabled, [disabled])` pseudo-class.\n   */\n  _nativeDisabled: \"&:is(disabled, [disabled])\",\n  /**\n   * The CSS `&:focus` pseudo-class.\n   */\n  _nativeFocus: \"&:focus\",\n  /**\n   * The CSS `&:focus-visible` pseudo-class.\n   */\n  _nativeFocusVisible: \"&:focus-visible\",\n  /**\n   * The CSS `&:focus-within` pseudo-class.\n   */\n  _nativeFocusWithin: \"&:focus-within\",\n  /**\n   * The CSS `&:hover` pseudo-class.\n   */\n  _nativeHover: \"&:hover\",\n  /**\n   * The CSS `&:is([readonly], [aria-readonly=true])` pseudo-class.\n   */\n  _nativeReadOnly: \"&:is([readonly], [aria-readonly=true])\",\n  /**\n   * The CSS `&:target` pseudo-class.\n   */\n  _nativeTarget: \"&:target\",\n  /**\n   * The CSS `&:valid` pseudo-class.\n   */\n  _nativeValid: \"&:valid\",\n  /**\n   * The CSS `&:not(:checked):not([data-checked]):not([aria-checked=true])` pseudo-class.\n   */\n  _notChecked: \"&:not(:checked):not([data-checked]):not([aria-checked=true])\",\n  /**\n   * The CSS `&:not(: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 blank.\n   */\n  _groupBlank: toGroup(pseudoClasses._blank),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is checked.\n   */\n  _groupChecked: toGroup(pseudoClasses._checked),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is complete.\n   */\n  _groupComplete: toGroup(attributes._complete),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is current.\n   */\n  _groupCurrent: toGroup(attributes._current),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is 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 parent element with `data-peer` or `.peer` is accepted.\n   */\n  _peerAccept: toPeer(attributes._accept),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is blank.\n   */\n  _peerBlank: toPeer(pseudoClasses._blank),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is checked.\n   */\n  _peerChecked: toPeer(pseudoClasses._checked),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is complete.\n   */\n  _peerComplete: toPeer(attributes._complete),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is current.\n   */\n  _peerCurrent: toPeer(attributes._current),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is enabled.\n   */\n  _peerEnabled: toPeer(pseudoClasses._enabled),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is expanded.\n   */\n  _peerExpanded: toPeer(attributes._expanded),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is focus-within.\n   */\n  _peerFocusWithin: toPeer(pseudoClasses._focusWithin),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is grabbed.\n   */\n  _peerGrabbed: toPeer(attributes._grabbed),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is horizontal.\n   */\n  _peerHorizontal: toPeer(pseudoClasses._horizontal),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is idle.\n   */\n  _peerIdle: toPeer(attributes._idle),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is incomplete.\n   */\n  _peerIncomplete: toPeer(attributes._incomplete),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is loaded.\n   */\n  _peerLoaded: toPeer(attributes._loaded),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is loading.\n   */\n  _peerLoading: toPeer(attributes._loading),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is optional.\n   */\n  _peerOptional: toPeer(pseudoClasses._optional),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` has a placeholder shown.\n   */\n  _peerPlaceholderShown: toPeer(pseudoClasses._placeholderShown),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is pressed.\n   */\n  _peerPressed: toPeer(attributes._pressed),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is range.\n   */\n  _peerRange: toPeer(attributes._range),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is read-write.\n   */\n  _peerReadWrite: toPeer(pseudoClasses._readWrite),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is rejected.\n   */\n  _peerReject: toPeer(attributes._reject),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is required.\n   */\n  _peerRequired: toPeer(pseudoClasses._required),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is user-invalid.\n   */\n  _peerUserInvalid: toPeer(pseudoClasses._userInvalid),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is valid.\n   */\n  _peerValid: toPeer(pseudoClasses._valid),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is vertical.\n   */\n  _peerVertical: toPeer(pseudoClasses._vertical),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is hovered.\n   */\n  _peerHover: toPeer(pseudoClasses._hover),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is active.\n   */\n  _peerActive: toPeer(pseudoClasses._active),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is focused.\n   */\n  _peerFocus: toPeer(pseudoClasses._focus),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is focused-visible.\n   */\n  _peerFocusVisible: toPeer(pseudoClasses._focusVisible),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is selected.\n   */\n  _peerSelected: toPeer(attributes._selected),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is invalid.\n   */\n  _peerInvalid: toPeer(pseudoClasses._invalid),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is read-only.\n   */\n  _peerReadOnly: toPeer(pseudoClasses._readOnly),\n  /**\n   * Styles to apply when a parent 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      `&:has(~ ${prefix}${selector.slice(1)})`,\n      `${prefix}${selector.slice(1)} ~ &`,\n    ]),\n    ...[\"[data-peer]\", \".peer\"].flatMap((prefix) => [\n      `&:has(~ ${prefix} *${selector.slice(1)})`,\n      `${prefix}:has(*${selector.slice(1)}) ~ &`,\n    ]),\n  ].join(\", \") as ReplaceSelector<[\"[data-peer]\", \".peer\"], Y, \"~ &\">\n\nexport type AnySelector =\n  | `${string}${\" \" | \"#\" | \"*\" | \"+\" | \",\" | \".\" | \":\" | \">\" | \"@\" | \"[\" | \"]\" | \"~\"}${string}`\n  | DOMElement\n\nexport const attributes = {\n  /**\n   * The CSS `&[data-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 `&[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 `&: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 blank.\n   */\n  _groupBlank: toGroup(pseudoClasses._blank),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is checked.\n   */\n  _groupChecked: toGroup(pseudoClasses._checked),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is complete.\n   */\n  _groupComplete: toGroup(attributes._complete),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is current.\n   */\n  _groupCurrent: toGroup(attributes._current),\n  /**\n   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is 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 parent element with `data-peer` or `.peer` is accepted.\n   */\n  _peerAccept: toPeer(attributes._accept),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is blank.\n   */\n  _peerBlank: toPeer(pseudoClasses._blank),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is checked.\n   */\n  _peerChecked: toPeer(pseudoClasses._checked),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is complete.\n   */\n  _peerComplete: toPeer(attributes._complete),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is current.\n   */\n  _peerCurrent: toPeer(attributes._current),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is enabled.\n   */\n  _peerEnabled: toPeer(pseudoClasses._enabled),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is expanded.\n   */\n  _peerExpanded: toPeer(attributes._expanded),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is focus-within.\n   */\n  _peerFocusWithin: toPeer(pseudoClasses._focusWithin),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is grabbed.\n   */\n  _peerGrabbed: toPeer(attributes._grabbed),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is horizontal.\n   */\n  _peerHorizontal: toPeer(pseudoClasses._horizontal),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is idle.\n   */\n  _peerIdle: toPeer(attributes._idle),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is incomplete.\n   */\n  _peerIncomplete: toPeer(attributes._incomplete),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is loaded.\n   */\n  _peerLoaded: toPeer(attributes._loaded),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is loading.\n   */\n  _peerLoading: toPeer(attributes._loading),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is optional.\n   */\n  _peerOptional: toPeer(pseudoClasses._optional),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` has a placeholder shown.\n   */\n  _peerPlaceholderShown: toPeer(pseudoClasses._placeholderShown),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is pressed.\n   */\n  _peerPressed: toPeer(attributes._pressed),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is range.\n   */\n  _peerRange: toPeer(attributes._range),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is read-write.\n   */\n  _peerReadWrite: toPeer(pseudoClasses._readWrite),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is rejected.\n   */\n  _peerReject: toPeer(attributes._reject),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is required.\n   */\n  _peerRequired: toPeer(pseudoClasses._required),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is user-invalid.\n   */\n  _peerUserInvalid: toPeer(pseudoClasses._userInvalid),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is valid.\n   */\n  _peerValid: toPeer(pseudoClasses._valid),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is vertical.\n   */\n  _peerVertical: toPeer(pseudoClasses._vertical),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is hovered.\n   */\n  _peerHover: toPeer(pseudoClasses._hover),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is active.\n   */\n  _peerActive: toPeer(pseudoClasses._active),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is focused.\n   */\n  _peerFocus: toPeer(pseudoClasses._focus),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is focused-visible.\n   */\n  _peerFocusVisible: toPeer(pseudoClasses._focusVisible),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is selected.\n   */\n  _peerSelected: toPeer(attributes._selected),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is invalid.\n   */\n  _peerInvalid: toPeer(pseudoClasses._invalid),\n  /**\n   * Styles to apply when a parent element with `data-peer` or `.peer` is read-only.\n   */\n  _peerReadOnly: toPeer(pseudoClasses._readOnly),\n  /**\n   * Styles to apply when a parent 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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"}

package/dist/esm/theme/semantic-tokens/colors.js

@@ -16,7 +16,7 @@ const colors = defineSemanticTokens.colors({
 		muted: ["black.100", "white.200"],
 		overlay: "blackAlpha.600",
 		panel: ["black.bg", "white.bg"],
-		subtle: ["black.50", "white.100"],
+		subtle: ["black.50", "white.200/50"],
 		success: ["success.50", "success.950"],
 		warning: ["warning.50", "warning.950"]
 	},

package/dist/esm/theme/semantic-tokens/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":[],"sources":["../../../../src/theme/semantic-tokens/colors.ts"],"sourcesContent":["import { defineSemanticTokens } from \"../../core\"\n\nexport const colors = defineSemanticTokens.colors({\n  current: \"currentColor\",\n  transparent: \"transparent\",\n\n  bg: {\n    base: [\"white\", \"black\"],\n    contrast: [\"black\", \"white\"],\n    emphasized: [\"black.200\", \"white.300\"],\n    error: [\"error.50\", \"error.950\"],\n    float: [\"white\", \"white.bg\"],\n    ghost: [\"black.50\", \"white.50\"],\n    info: [\"info.50\", \"info.950\"],\n    muted: [\"black.100\", \"white.200\"],\n    overlay: \"blackAlpha.600\",\n    panel: [\"black.bg\", \"white.bg\"],\n    subtle: [\"black.50\", \"white.100\"],\n    success: [\"success.50\", \"success.950\"],\n    warning: [\"warning.50\", \"warning.950\"],\n  },\n  border: {\n    base: [\"black.100\", \"white.200/70\"],\n    contrast: [\"black\", \"white\"],\n    emphasized: [\"black.200\", \"white.300/70\"],\n    error: [\"error.500\", \"error.400\"],\n    info: [\"info.500\", \"info.400\"],\n    muted: [\"black.100\", \"white.200/70\"],\n    subtle: [\"black.50\", \"white.100/70\"],\n    success: [\"success.500\", \"success.400\"],\n    warning: [\"warning.500\", \"warning.400\"],\n  },\n  fg: {\n    base: [\"#171717\", \"#ededed\"],\n    contrast: [\"#fafafa\", \"#000000\"],\n    emphasized: [\"gray.600\", \"gray.300\"],\n    error: [\"error.500\", \"error.500\"],\n    info: [\"info.500\", \"info.500\"],\n    muted: [\"gray.500\", \"gray.400\"],\n    subtle: [\"gray.400\", \"gray.500\"],\n    success: [\"success.500\", \"success.500\"],\n    warning: [\"warning.500\", \"warning.500\"],\n  },\n\n  black: {\n    base: \"#0a0b0b\",\n    bg: \"#f8f8f8\",\n    contrast: \"white\",\n    emphasized: \"black.200\",\n    fg: \"black.800\",\n    ghost: \"black.100/50\",\n    muted: \"black.100\",\n    outline: \"black.900\",\n    solid: \"black\",\n    subtle: \"black.50\",\n  },\n  white: {\n    base: \"#ffffff\",\n    bg: \"#161616\",\n    contrast: \"black\",\n    emphasized: \"white.400/50\",\n    fg: \"white.900\",\n    ghost: \"white.200/50\",\n    muted: \"white.300/50\",\n    outline: \"white.800\",\n    solid: \"white\",\n    subtle: \"white.200/50\",\n  },\n\n  gray: {\n    base: \"gray.500\",\n    bg: [\"black.bg\", \"white.bg\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"black.200\", \"white.400/50\"],\n    fg: [\"black.800\", \"white.900\"],\n    ghost: [\"black.100/50\", \"white.200/50\"],\n    muted: [\"black.100\", \"white.300/50\"],\n    outline: [\"black.900\", \"white.800\"],\n    solid: [\"gray.500\", \"gray.800\"],\n    subtle: [\"black.50\", \"white.200/50\"],\n  },\n\n  cyan: {\n    base: \"cyan.500\",\n    bg: [\"cyan.50/40\", \"cyan.400/10\"],\n    contrast: [\"black\", \"black\"],\n    emphasized: [\"cyan.200\", \"cyan.700\"],\n    fg: [\"cyan.800\", \"cyan.100\"],\n    ghost: [\"cyan.50\", \"cyan.800/50\"],\n    muted: [\"cyan.100\", \"cyan.800\"],\n    outline: [\"cyan.600\", \"cyan.500\"],\n    solid: [\"cyan.400\", \"cyan.500\"],\n    subtle: [\"cyan.50\", \"cyan.800/50\"],\n  },\n  emerald: {\n    base: \"emerald.500\",\n    bg: [\"emerald.50/40\", \"emerald.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"emerald.200\", \"emerald.700\"],\n    fg: [\"emerald.700\", \"emerald.100\"],\n    ghost: [\"emerald.50\", \"emerald.800/50\"],\n    muted: [\"emerald.100\", \"emerald.800\"],\n    outline: [\"emerald.600\", \"emerald.500\"],\n    solid: [\"emerald.500\", \"emerald.600\"],\n    subtle: [\"emerald.50\", \"emerald.800/50\"],\n  },\n  teal: {\n    base: \"teal.500\",\n    bg: [\"teal.50/40\", \"teal.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"teal.200\", \"teal.700\"],\n    fg: [\"teal.700\", \"teal.100\"],\n    ghost: [\"teal.50\", \"teal.800/50\"],\n    muted: [\"teal.100\", \"teal.800\"],\n    outline: [\"teal.600\", \"teal.500\"],\n    solid: [\"teal.500\", \"teal.600\"],\n    subtle: [\"teal.50\", \"teal.800/50\"],\n  },\n\n  green: {\n    base: \"green.500\",\n    bg: [\"green.50/40\", \"green.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"green.200\", \"green.700\"],\n    fg: [\"green.700\", \"green.100\"],\n    ghost: [\"green.50\", \"green.900\"],\n    muted: [\"green.100\", \"green.800\"],\n    outline: [\"green.600\", \"green.500\"],\n    solid: [\"green.500\", \"green.600\"],\n    subtle: [\"green.50\", \"green.900\"],\n  },\n  lime: {\n    base: \"lime.500\",\n    bg: [\"lime.50/40\", \"lime.400/10\"],\n    contrast: [\"black\", \"black\"],\n    emphasized: [\"lime.200\", \"lime.700\"],\n    fg: [\"lime.800\", \"lime.100\"],\n    ghost: [\"lime.50\", \"lime.900\"],\n    muted: [\"lime.100\", \"lime.800\"],\n    outline: [\"lime.600\", \"lime.500\"],\n    solid: [\"lime.400\", \"lime.500\"],\n    subtle: [\"lime.50\", \"lime.900\"],\n  },\n  sky: {\n    base: \"sky.500\",\n    bg: [\"sky.50/40\", \"sky.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"sky.200\", \"sky.700\"],\n    fg: [\"sky.700\", \"sky.100\"],\n    ghost: [\"sky.50\", \"sky.900\"],\n    muted: [\"sky.100\", \"sky.800\"],\n    outline: [\"sky.600\", \"sky.500\"],\n    solid: [\"sky.500\", \"sky.600\"],\n    subtle: [\"sky.50\", \"sky.900\"],\n  },\n\n  amber: {\n    base: \"amber.500\",\n    bg: [\"amber.50/40\", \"amber.400/10\"],\n    contrast: [\"black\", \"black\"],\n    emphasized: [\"amber.200\", \"amber.700\"],\n    fg: [\"amber.800\", \"amber.100\"],\n    ghost: [\"amber.50\", \"amber.950/50\"],\n    muted: [\"amber.100\", \"amber.800\"],\n    outline: [\"amber.600\", \"amber.500\"],\n    solid: [\"amber.400\", \"amber.500\"],\n    subtle: [\"amber.50\", \"amber.950\"],\n  },\n  blue: {\n    base: \"blue.500\",\n    bg: [\"blue.50/40\", \"blue.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"blue.200\", \"blue.700\"],\n    fg: [\"blue.700\", \"blue.100\"],\n    ghost: [\"blue.50\", \"blue.950/50\"],\n    muted: [\"blue.100\", \"blue.800\"],\n    outline: [\"blue.600\", \"blue.500\"],\n    solid: [\"blue.500\", \"blue.600\"],\n    subtle: [\"blue.50\", \"blue.950\"],\n  },\n  flashy: {\n    base: \"flashy.500\",\n    bg: [\"flashy.50/40\", \"flashy.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"flashy.200\", \"flashy.700\"],\n    fg: [\"flashy.700\", \"flashy.100\"],\n    ghost: [\"flashy.50\", \"flashy.950/50\"],\n    muted: [\"flashy.100\", \"flashy.800\"],\n    outline: [\"flashy.600\", \"flashy.500\"],\n    solid: [\"flashy.500\", \"flashy.600\"],\n    subtle: [\"flashy.50\", \"flashy.950\"],\n  },\n  fuchsia: {\n    base: \"fuchsia.500\",\n    bg: [\"fuchsia.50/40\", \"fuchsia.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"fuchsia.200\", \"fuchsia.700\"],\n    fg: [\"fuchsia.700\", \"fuchsia.100\"],\n    ghost: [\"fuchsia.50\", \"fuchsia.950/50\"],\n    muted: [\"fuchsia.100\", \"fuchsia.800\"],\n    outline: [\"fuchsia.600\", \"fuchsia.500\"],\n    solid: [\"fuchsia.500\", \"fuchsia.600\"],\n    subtle: [\"fuchsia.50\", \"fuchsia.950\"],\n  },\n  indigo: {\n    base: \"indigo.500\",\n    bg: [\"indigo.50/40\", \"indigo.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"indigo.200\", \"indigo.700\"],\n    fg: [\"indigo.700\", \"indigo.100\"],\n    ghost: [\"indigo.50\", \"indigo.950/50\"],\n    muted: [\"indigo.100\", \"indigo.800\"],\n    outline: [\"indigo.600\", \"indigo.500\"],\n    solid: [\"indigo.500\", \"indigo.600\"],\n    subtle: [\"indigo.50\", \"indigo.950\"],\n  },\n  orange: {\n    base: \"orange.500\",\n    bg: [\"orange.50/40\", \"orange.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"orange.200\", \"orange.700\"],\n    fg: [\"orange.700\", \"orange.100\"],\n    ghost: [\"orange.50\", \"orange.950/50\"],\n    muted: [\"orange.100\", \"orange.800\"],\n    outline: [\"orange.600\", \"orange.500\"],\n    solid: [\"orange.500\", \"orange.600\"],\n    subtle: [\"orange.50\", \"orange.950\"],\n  },\n  pink: {\n    base: \"pink.500\",\n    bg: [\"pink.50/40\", \"pink.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"pink.200\", \"pink.700\"],\n    fg: [\"pink.700\", \"pink.100\"],\n    ghost: [\"pink.50\", \"pink.950/50\"],\n    muted: [\"pink.100\", \"pink.800\"],\n    outline: [\"pink.600\", \"pink.500\"],\n    solid: [\"pink.500\", \"pink.600\"],\n    subtle: [\"pink.50\", \"pink.950\"],\n  },\n  purple: {\n    base: \"purple.500\",\n    bg: [\"purple.50/40\", \"purple.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"purple.200\", \"purple.700\"],\n    fg: [\"purple.700\", \"purple.100\"],\n    ghost: [\"purple.50\", \"purple.950/50\"],\n    muted: [\"purple.100\", \"purple.800\"],\n    outline: [\"purple.600\", \"purple.500\"],\n    solid: [\"purple.500\", \"purple.600\"],\n    subtle: [\"purple.50\", \"purple.950\"],\n  },\n  red: {\n    base: \"red.500\",\n    bg: [\"red.50/40\", \"red.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"red.200\", \"red.700\"],\n    fg: [\"red.700\", \"red.100\"],\n    ghost: [\"red.50\", \"red.950/50\"],\n    muted: [\"red.100\", \"red.800\"],\n    outline: [\"red.600\", \"red.500\"],\n    solid: [\"red.500\", \"red.600\"],\n    subtle: [\"red.50\", \"red.950\"],\n  },\n  rose: {\n    base: \"rose.500\",\n    bg: [\"rose.50/40\", \"rose.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"rose.200\", \"rose.700\"],\n    fg: [\"rose.700\", \"rose.100\"],\n    ghost: [\"rose.50\", \"rose.950/50\"],\n    muted: [\"rose.100\", \"rose.800\"],\n    outline: [\"rose.600\", \"rose.500\"],\n    solid: [\"rose.500\", \"rose.600\"],\n    subtle: [\"rose.50\", \"rose.950\"],\n  },\n  violet: {\n    base: \"violet.500\",\n    bg: [\"violet.50/40\", \"violet.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"violet.200\", \"violet.700\"],\n    fg: [\"violet.700\", \"violet.100\"],\n    ghost: [\"violet.50\", \"violet.950/50\"],\n    muted: [\"violet.100\", \"violet.800\"],\n    outline: [\"violet.600\", \"violet.500\"],\n    solid: [\"violet.500\", \"violet.600\"],\n    subtle: [\"violet.50\", \"violet.950\"],\n  },\n  yellow: {\n    base: \"yellow.500\",\n    bg: [\"yellow.50/40\", \"yellow.400/10\"],\n    contrast: [\"black\", \"black\"],\n    emphasized: [\"yellow.200\", \"yellow.700\"],\n    fg: [\"yellow.800\", \"yellow.100\"],\n    ghost: [\"yellow.50\", \"yellow.950/50\"],\n    muted: [\"yellow.100\", \"yellow.800\"],\n    outline: [\"yellow.600\", \"yellow.500\"],\n    solid: [\"yellow.400\", \"yellow.500\"],\n    subtle: [\"yellow.50\", \"yellow.950\"],\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"colors.js","names":[],"sources":["../../../../src/theme/semantic-tokens/colors.ts"],"sourcesContent":["import { defineSemanticTokens } from \"../../core\"\n\nexport const colors = defineSemanticTokens.colors({\n  current: \"currentColor\",\n  transparent: \"transparent\",\n\n  bg: {\n    base: [\"white\", \"black\"],\n    contrast: [\"black\", \"white\"],\n    emphasized: [\"black.200\", \"white.300\"],\n    error: [\"error.50\", \"error.950\"],\n    float: [\"white\", \"white.bg\"],\n    ghost: [\"black.50\", \"white.50\"],\n    info: [\"info.50\", \"info.950\"],\n    muted: [\"black.100\", \"white.200\"],\n    overlay: \"blackAlpha.600\",\n    panel: [\"black.bg\", \"white.bg\"],\n    subtle: [\"black.50\", \"white.200/50\"],\n    success: [\"success.50\", \"success.950\"],\n    warning: [\"warning.50\", \"warning.950\"],\n  },\n  border: {\n    base: [\"black.100\", \"white.200/70\"],\n    contrast: [\"black\", \"white\"],\n    emphasized: [\"black.200\", \"white.300/70\"],\n    error: [\"error.500\", \"error.400\"],\n    info: [\"info.500\", \"info.400\"],\n    muted: [\"black.100\", \"white.200/70\"],\n    subtle: [\"black.50\", \"white.100/70\"],\n    success: [\"success.500\", \"success.400\"],\n    warning: [\"warning.500\", \"warning.400\"],\n  },\n  fg: {\n    base: [\"#171717\", \"#ededed\"],\n    contrast: [\"#fafafa\", \"#000000\"],\n    emphasized: [\"gray.600\", \"gray.300\"],\n    error: [\"error.500\", \"error.500\"],\n    info: [\"info.500\", \"info.500\"],\n    muted: [\"gray.500\", \"gray.400\"],\n    subtle: [\"gray.400\", \"gray.500\"],\n    success: [\"success.500\", \"success.500\"],\n    warning: [\"warning.500\", \"warning.500\"],\n  },\n\n  black: {\n    base: \"#0a0b0b\",\n    bg: \"#f8f8f8\",\n    contrast: \"white\",\n    emphasized: \"black.200\",\n    fg: \"black.800\",\n    ghost: \"black.100/50\",\n    muted: \"black.100\",\n    outline: \"black.900\",\n    solid: \"black\",\n    subtle: \"black.50\",\n  },\n  white: {\n    base: \"#ffffff\",\n    bg: \"#161616\",\n    contrast: \"black\",\n    emphasized: \"white.400/50\",\n    fg: \"white.900\",\n    ghost: \"white.200/50\",\n    muted: \"white.300/50\",\n    outline: \"white.800\",\n    solid: \"white\",\n    subtle: \"white.200/50\",\n  },\n\n  gray: {\n    base: \"gray.500\",\n    bg: [\"black.bg\", \"white.bg\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"black.200\", \"white.400/50\"],\n    fg: [\"black.800\", \"white.900\"],\n    ghost: [\"black.100/50\", \"white.200/50\"],\n    muted: [\"black.100\", \"white.300/50\"],\n    outline: [\"black.900\", \"white.800\"],\n    solid: [\"gray.500\", \"gray.800\"],\n    subtle: [\"black.50\", \"white.200/50\"],\n  },\n\n  cyan: {\n    base: \"cyan.500\",\n    bg: [\"cyan.50/40\", \"cyan.400/10\"],\n    contrast: [\"black\", \"black\"],\n    emphasized: [\"cyan.200\", \"cyan.700\"],\n    fg: [\"cyan.800\", \"cyan.100\"],\n    ghost: [\"cyan.50\", \"cyan.800/50\"],\n    muted: [\"cyan.100\", \"cyan.800\"],\n    outline: [\"cyan.600\", \"cyan.500\"],\n    solid: [\"cyan.400\", \"cyan.500\"],\n    subtle: [\"cyan.50\", \"cyan.800/50\"],\n  },\n  emerald: {\n    base: \"emerald.500\",\n    bg: [\"emerald.50/40\", \"emerald.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"emerald.200\", \"emerald.700\"],\n    fg: [\"emerald.700\", \"emerald.100\"],\n    ghost: [\"emerald.50\", \"emerald.800/50\"],\n    muted: [\"emerald.100\", \"emerald.800\"],\n    outline: [\"emerald.600\", \"emerald.500\"],\n    solid: [\"emerald.500\", \"emerald.600\"],\n    subtle: [\"emerald.50\", \"emerald.800/50\"],\n  },\n  teal: {\n    base: \"teal.500\",\n    bg: [\"teal.50/40\", \"teal.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"teal.200\", \"teal.700\"],\n    fg: [\"teal.700\", \"teal.100\"],\n    ghost: [\"teal.50\", \"teal.800/50\"],\n    muted: [\"teal.100\", \"teal.800\"],\n    outline: [\"teal.600\", \"teal.500\"],\n    solid: [\"teal.500\", \"teal.600\"],\n    subtle: [\"teal.50\", \"teal.800/50\"],\n  },\n\n  green: {\n    base: \"green.500\",\n    bg: [\"green.50/40\", \"green.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"green.200\", \"green.700\"],\n    fg: [\"green.700\", \"green.100\"],\n    ghost: [\"green.50\", \"green.900\"],\n    muted: [\"green.100\", \"green.800\"],\n    outline: [\"green.600\", \"green.500\"],\n    solid: [\"green.500\", \"green.600\"],\n    subtle: [\"green.50\", \"green.900\"],\n  },\n  lime: {\n    base: \"lime.500\",\n    bg: [\"lime.50/40\", \"lime.400/10\"],\n    contrast: [\"black\", \"black\"],\n    emphasized: [\"lime.200\", \"lime.700\"],\n    fg: [\"lime.800\", \"lime.100\"],\n    ghost: [\"lime.50\", \"lime.900\"],\n    muted: [\"lime.100\", \"lime.800\"],\n    outline: [\"lime.600\", \"lime.500\"],\n    solid: [\"lime.400\", \"lime.500\"],\n    subtle: [\"lime.50\", \"lime.900\"],\n  },\n  sky: {\n    base: \"sky.500\",\n    bg: [\"sky.50/40\", \"sky.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"sky.200\", \"sky.700\"],\n    fg: [\"sky.700\", \"sky.100\"],\n    ghost: [\"sky.50\", \"sky.900\"],\n    muted: [\"sky.100\", \"sky.800\"],\n    outline: [\"sky.600\", \"sky.500\"],\n    solid: [\"sky.500\", \"sky.600\"],\n    subtle: [\"sky.50\", \"sky.900\"],\n  },\n\n  amber: {\n    base: \"amber.500\",\n    bg: [\"amber.50/40\", \"amber.400/10\"],\n    contrast: [\"black\", \"black\"],\n    emphasized: [\"amber.200\", \"amber.700\"],\n    fg: [\"amber.800\", \"amber.100\"],\n    ghost: [\"amber.50\", \"amber.950/50\"],\n    muted: [\"amber.100\", \"amber.800\"],\n    outline: [\"amber.600\", \"amber.500\"],\n    solid: [\"amber.400\", \"amber.500\"],\n    subtle: [\"amber.50\", \"amber.950\"],\n  },\n  blue: {\n    base: \"blue.500\",\n    bg: [\"blue.50/40\", \"blue.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"blue.200\", \"blue.700\"],\n    fg: [\"blue.700\", \"blue.100\"],\n    ghost: [\"blue.50\", \"blue.950/50\"],\n    muted: [\"blue.100\", \"blue.800\"],\n    outline: [\"blue.600\", \"blue.500\"],\n    solid: [\"blue.500\", \"blue.600\"],\n    subtle: [\"blue.50\", \"blue.950\"],\n  },\n  flashy: {\n    base: \"flashy.500\",\n    bg: [\"flashy.50/40\", \"flashy.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"flashy.200\", \"flashy.700\"],\n    fg: [\"flashy.700\", \"flashy.100\"],\n    ghost: [\"flashy.50\", \"flashy.950/50\"],\n    muted: [\"flashy.100\", \"flashy.800\"],\n    outline: [\"flashy.600\", \"flashy.500\"],\n    solid: [\"flashy.500\", \"flashy.600\"],\n    subtle: [\"flashy.50\", \"flashy.950\"],\n  },\n  fuchsia: {\n    base: \"fuchsia.500\",\n    bg: [\"fuchsia.50/40\", \"fuchsia.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"fuchsia.200\", \"fuchsia.700\"],\n    fg: [\"fuchsia.700\", \"fuchsia.100\"],\n    ghost: [\"fuchsia.50\", \"fuchsia.950/50\"],\n    muted: [\"fuchsia.100\", \"fuchsia.800\"],\n    outline: [\"fuchsia.600\", \"fuchsia.500\"],\n    solid: [\"fuchsia.500\", \"fuchsia.600\"],\n    subtle: [\"fuchsia.50\", \"fuchsia.950\"],\n  },\n  indigo: {\n    base: \"indigo.500\",\n    bg: [\"indigo.50/40\", \"indigo.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"indigo.200\", \"indigo.700\"],\n    fg: [\"indigo.700\", \"indigo.100\"],\n    ghost: [\"indigo.50\", \"indigo.950/50\"],\n    muted: [\"indigo.100\", \"indigo.800\"],\n    outline: [\"indigo.600\", \"indigo.500\"],\n    solid: [\"indigo.500\", \"indigo.600\"],\n    subtle: [\"indigo.50\", \"indigo.950\"],\n  },\n  orange: {\n    base: \"orange.500\",\n    bg: [\"orange.50/40\", \"orange.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"orange.200\", \"orange.700\"],\n    fg: [\"orange.700\", \"orange.100\"],\n    ghost: [\"orange.50\", \"orange.950/50\"],\n    muted: [\"orange.100\", \"orange.800\"],\n    outline: [\"orange.600\", \"orange.500\"],\n    solid: [\"orange.500\", \"orange.600\"],\n    subtle: [\"orange.50\", \"orange.950\"],\n  },\n  pink: {\n    base: \"pink.500\",\n    bg: [\"pink.50/40\", \"pink.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"pink.200\", \"pink.700\"],\n    fg: [\"pink.700\", \"pink.100\"],\n    ghost: [\"pink.50\", \"pink.950/50\"],\n    muted: [\"pink.100\", \"pink.800\"],\n    outline: [\"pink.600\", \"pink.500\"],\n    solid: [\"pink.500\", \"pink.600\"],\n    subtle: [\"pink.50\", \"pink.950\"],\n  },\n  purple: {\n    base: \"purple.500\",\n    bg: [\"purple.50/40\", \"purple.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"purple.200\", \"purple.700\"],\n    fg: [\"purple.700\", \"purple.100\"],\n    ghost: [\"purple.50\", \"purple.950/50\"],\n    muted: [\"purple.100\", \"purple.800\"],\n    outline: [\"purple.600\", \"purple.500\"],\n    solid: [\"purple.500\", \"purple.600\"],\n    subtle: [\"purple.50\", \"purple.950\"],\n  },\n  red: {\n    base: \"red.500\",\n    bg: [\"red.50/40\", \"red.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"red.200\", \"red.700\"],\n    fg: [\"red.700\", \"red.100\"],\n    ghost: [\"red.50\", \"red.950/50\"],\n    muted: [\"red.100\", \"red.800\"],\n    outline: [\"red.600\", \"red.500\"],\n    solid: [\"red.500\", \"red.600\"],\n    subtle: [\"red.50\", \"red.950\"],\n  },\n  rose: {\n    base: \"rose.500\",\n    bg: [\"rose.50/40\", \"rose.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"rose.200\", \"rose.700\"],\n    fg: [\"rose.700\", \"rose.100\"],\n    ghost: [\"rose.50\", \"rose.950/50\"],\n    muted: [\"rose.100\", \"rose.800\"],\n    outline: [\"rose.600\", \"rose.500\"],\n    solid: [\"rose.500\", \"rose.600\"],\n    subtle: [\"rose.50\", \"rose.950\"],\n  },\n  violet: {\n    base: \"violet.500\",\n    bg: [\"violet.50/40\", \"violet.400/10\"],\n    contrast: [\"white\", \"white\"],\n    emphasized: [\"violet.200\", \"violet.700\"],\n    fg: [\"violet.700\", \"violet.100\"],\n    ghost: [\"violet.50\", \"violet.950/50\"],\n    muted: [\"violet.100\", \"violet.800\"],\n    outline: [\"violet.600\", \"violet.500\"],\n    solid: [\"violet.500\", \"violet.600\"],\n    subtle: [\"violet.50\", \"violet.950\"],\n  },\n  yellow: {\n    base: \"yellow.500\",\n    bg: [\"yellow.50/40\", \"yellow.400/10\"],\n    contrast: [\"black\", \"black\"],\n    emphasized: [\"yellow.200\", \"yellow.700\"],\n    fg: [\"yellow.800\", \"yellow.100\"],\n    ghost: [\"yellow.50\", \"yellow.950/50\"],\n    muted: [\"yellow.100\", \"yellow.800\"],\n    outline: [\"yellow.600\", \"yellow.500\"],\n    solid: [\"yellow.400\", \"yellow.500\"],\n    subtle: [\"yellow.50\", \"yellow.950\"],\n  },\n})\n"],"mappings":"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"}

package/dist/types/components/accordion/accordion.d.ts

@@ -3,11 +3,13 @@ import { ThemeProps } from "../../core/system/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { WithTransitionProps } from "../motion/index.types.js";
+import "../motion/index.js";
 import { CollapseProps } from "../collapse/collapse.js";
+import "../collapse/index.js";
 import "../../index.js";
 import { AccordionStyle } from "./accordion.style.js";
 import { UseAccordionItemProps, UseAccordionProps } from "./use-accordion.js";
-import * as react177 from "react";
+import * as react922 from "react";
 
 //#region src/components/accordion/accordion.d.ts
 interface AccordionCallBackProps {
@@ -31,7 +33,7 @@ interface AccordionRootProps extends Omit<HTMLStyledProps, "onChange">, ThemePro
    */
   items?: AccordionItem[];
 }
-declare const AccordionPropsContext: react177.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
+declare const AccordionPropsContext: react922.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
 /**
  * `Accordion` is a component for a list that displays information in an expandable or collapsible manner.
  *

package/dist/types/components/accordion/use-accordion.d.ts

@@ -2,10 +2,10 @@ import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { Descendant } from "../../hooks/use-descendants/index.js";
 import "../../index.js";
-import * as react165 from "react";
+import * as react910 from "react";
 
 //#region src/components/accordion/use-accordion.d.ts
-declare const AccordionDescendantsContext: react165.Context<{
+declare const AccordionDescendantsContext: react910.Context<{
     active: (target?: HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
     destroy: () => void;
@@ -24,7 +24,7 @@ declare const AccordionDescendantsContext: react165.Context<{
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react165.RefCallback<HTMLButtonElement>;
+    } | undefined) => react910.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: () => Descendant<HTMLButtonElement, {}>[];
@@ -50,12 +50,12 @@ declare const AccordionDescendantsContext: react165.Context<{
       prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean) => Descendant<HTMLButtonElement, {}> | undefined;
       register: (props?: {
         disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-      } | undefined) => react165.RefCallback<HTMLButtonElement>;
+      } | undefined) => react910.RefCallback<HTMLButtonElement>;
       unregister: (node?: HTMLButtonElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
       values: () => Descendant<HTMLButtonElement, {}>[];
     };
-    register: react165.RefCallback<HTMLButtonElement>;
+    register: react910.RefCallback<HTMLButtonElement>;
   }, useAccordionDescendants: () => {
     active: (target?: HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null | undefined, options?: FocusOptions) => void;
     count: () => number;
@@ -75,15 +75,15 @@ declare const AccordionDescendantsContext: react165.Context<{
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react165.RefCallback<HTMLButtonElement>;
+    } | undefined) => react910.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: () => Descendant<HTMLButtonElement, {}>[];
   };
 interface AccordionContext extends Omit<UseAccordionReturn, "descendants" | "getRootProps"> {}
-declare const AccordionContext: react165.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
+declare const AccordionContext: react910.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
 interface AccordionItemContext extends Omit<UseAccordionItemReturn, "getItemProps"> {}
-declare const AccordionItemContext: react165.Context<AccordionItemContext>, useAccordionItemContext: () => AccordionItemContext;
+declare const AccordionItemContext: react910.Context<AccordionItemContext>, useAccordionItemContext: () => AccordionItemContext;
 interface UseAccordionProps extends Omit<HTMLProps, "onChange"> {
   /**
    * The initial index(es) of the accordion item to expand.
@@ -137,7 +137,7 @@ declare const useAccordion: ({
     prevValue: (indexOrNode: number | HTMLButtonElement | Descendant<HTMLButtonElement, {}> | null, loop?: boolean) => Descendant<HTMLButtonElement, {}> | undefined;
     register: (props?: {
       disabled?: boolean | ((node: HTMLButtonElement) => boolean) | undefined;
-    } | undefined) => react165.RefCallback<HTMLButtonElement>;
+    } | undefined) => react910.RefCallback<HTMLButtonElement>;
     unregister: (node?: HTMLButtonElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
     values: () => Descendant<HTMLButtonElement, {}>[];
@@ -145,8 +145,8 @@ declare const useAccordion: ({
   focusedIndex: number;
   index: number | number[];
   multiple: boolean | undefined;
-  setFocusedIndex: react165.Dispatch<react165.SetStateAction<number>>;
-  setIndex: react165.Dispatch<react165.SetStateAction<number | number[]>>;
+  setFocusedIndex: react910.Dispatch<react910.SetStateAction<number>>;
+  setIndex: react910.Dispatch<react910.SetStateAction<number | number[]>>;
   toggle: boolean | undefined;
   getRootProps: PropGetter<"div", undefined, undefined>;
 };

package/dist/types/components/airy/airy.d.ts

@@ -3,8 +3,9 @@ import { Component } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { AiryStyle } from "./airy.style.js";
 import { HTMLMotionProps } from "../motion/index.types.js";
+import "../motion/index.js";
 import "../../index.js";
-import * as react179 from "react";
+import * as react27 from "react";
 import { ReactNode } from "react";
 
 //#region src/components/airy/airy.d.ts
@@ -56,7 +57,7 @@ interface AiryProps extends Omit<HTMLMotionProps<"button">, "onChange">, ThemePr
    */
   onChange?: (value: KeyframeIdent) => void;
 }
-declare const AiryPropsContext: react179.Context<Partial<AiryProps> | undefined>, useAiryPropsContext: () => Partial<AiryProps> | undefined;
+declare const AiryPropsContext: react27.Context<Partial<AiryProps> | undefined>, useAiryPropsContext: () => Partial<AiryProps> | undefined;
 /**
  * `Airy` is a component that creates an airy animation, switching between two elements when one is clicked.
  *

package/dist/types/components/alert/alert.d.ts

@@ -3,10 +3,13 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { AlertStyle } from "./alert.style.js";
 import { IconProps } from "../icon/icon.js";
+import "../icon/index.js";
 import { LoadingProps } from "../loading/loading.js";
+import "../loading/index.js";
 import { StatusScheme } from "../status/status.js";
+import "../status/index.js";
 import "../../index.js";
-import * as react164 from "react";
+import * as react28 from "react";
 
 //#region src/components/alert/alert.d.ts
 interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
@@ -17,7 +20,7 @@ interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
    */
   status?: StatusScheme;
 }
-declare const AlertPropsContext: react164.Context<Partial<AlertRootProps> | undefined>, useAlertPropsContext: () => Partial<AlertRootProps> | undefined;
+declare const AlertPropsContext: react28.Context<Partial<AlertRootProps> | undefined>, useAlertPropsContext: () => Partial<AlertRootProps> | undefined;
 /**
  * `Alert` is a component that conveys information to the user.
  *

package/dist/types/components/alpha-slider/alpha-slider.d.ts

@@ -3,8 +3,9 @@ import { Component } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { AlphaSliderStyle } from "./alpha-slider.style.js";
 import { HueSliderOverlayProps, HueSliderRootProps, HueSliderThumbProps, HueSliderTrackProps } from "../hue-slider/hue-slider.js";
+import "../hue-slider/index.js";
 import "../../index.js";
-import * as react163 from "react";
+import * as react26 from "react";
 
 //#region src/components/alpha-slider/alpha-slider.d.ts
 interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps, "color" | "max" | "step" | "thumbProps" | "trackProps">, AlphaSliderStyle> {
@@ -37,7 +38,7 @@ interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps
    */
   trackProps?: AlphaSliderTrackProps;
 }
-declare const AlphaSliderPropsContext: react163.Context<Partial<AlphaSliderRootProps> | undefined>, useAlphaSliderPropsContext: () => Partial<AlphaSliderRootProps> | undefined;
+declare const AlphaSliderPropsContext: react26.Context<Partial<AlphaSliderRootProps> | undefined>, useAlphaSliderPropsContext: () => Partial<AlphaSliderRootProps> | undefined;
 /**
  * `AlphaSlider` is a component used to allow the user to select color transparency.
  *

package/dist/types/components/aspect-ratio/aspect-ratio.d.ts

@@ -2,7 +2,7 @@ import { StyleValue } from "../../core/css/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import "../../index.js";
-import * as react155 from "react";
+import * as react52 from "react";
 
 //#region src/components/aspect-ratio/aspect-ratio.d.ts
 interface AspectRatioProps extends HTMLStyledProps {
@@ -13,7 +13,7 @@ interface AspectRatioProps extends HTMLStyledProps {
    */
   ratio?: StyleValue<number>;
 }
-declare const AspectRatioPropsContext: react155.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
+declare const AspectRatioPropsContext: react52.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
 /**
  * `AspectRatio` is a component for embedding things like videos and maps while maintaining the aspect ratio.
  *

package/dist/types/components/autocomplete/autocomplete.d.ts

@@ -3,13 +3,15 @@ import { Component, GenericsComponent, HTMLStyledProps } from "../../core/compon
 import "../../core/index.js";
 import { AutocompleteStyle } from "./autocomplete.style.js";
 import { PopoverContentProps, PopupAnimationProps } from "../popover/popover.js";
+import "../popover/index.js";
 import { UseComboboxGroupProps } from "../../hooks/use-combobox/index.js";
 import { UseInputBorderProps } from "../input/use-input-border.js";
 import { InputElementProps } from "../input/input-element.js";
 import { InputGroupRootProps } from "../input/input-group.js";
+import "../input/index.js";
 import { UseAutocompleteOptionProps, UseAutocompleteProps } from "./use-autocomplete.js";
 import "../../index.js";
-import * as react162 from "react";
+import * as react44 from "react";
 import { ReactElement, ReactNode } from "react";
 
 //#region src/components/autocomplete/autocomplete.d.ts
@@ -65,7 +67,7 @@ interface AutocompleteRootProps<Multiple extends boolean = false> extends Omit<H
    */
   rootProps?: InputGroupRootProps;
 }
-declare const AutocompletePropsContext: react162.Context<Partial<AutocompleteRootProps<false>> | undefined>, useAutocompletePropsContext: () => Partial<AutocompleteRootProps<false>> | undefined;
+declare const AutocompletePropsContext: react44.Context<Partial<AutocompleteRootProps<false>> | undefined>, useAutocompletePropsContext: () => Partial<AutocompleteRootProps<false>> | undefined;
 /**
  * `Autocomplete` is a component used to display suggestions in response to user text input.
  *

package/dist/types/components/autocomplete/autocomplete.style.d.ts

@@ -3,7 +3,7 @@ import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 
 //#region src/components/autocomplete/autocomplete.style.d.ts
-declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "empty" | "valueText", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "empty" | "valueText">>, {
+declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "empty" | "indicator" | "field" | "valueText", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "empty" | "indicator" | "field" | "valueText">>, {
   xs: {
     empty: {
       gap: "1.5";

package/dist/types/components/autocomplete/use-autocomplete.d.ts

@@ -2,11 +2,13 @@ import { index_d_exports } from "../../utils/index.js";
 import { HTMLProps, HTMLRefAttributes, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { FieldProps } from "../field/field.js";
+import "../field/index.js";
 import { Descendant, DescendantProps } from "../../hooks/use-descendants/index.js";
 import { UsePopoverProps } from "../popover/use-popover.js";
+import "../popover/index.js";
 import { ComboboxDescendant, ComboboxDescendantProps, ComboboxItem, ComboboxItemWithValue, UseComboboxItemProps, UseComboboxProps } from "../../hooks/use-combobox/index.js";
 import "../../index.js";
-import * as react156 from "react";
+import * as react45 from "react";
 import { ChangeEvent, ReactNode } from "react";
 
 //#region src/components/autocomplete/use-autocomplete.d.ts
@@ -26,7 +28,7 @@ interface AutocompleteFilter {
 }
 type AutocompleteMatcher = typeof index_d_exports.match;
 interface AutocompleteContext extends Pick<UseAutocompleteReturn, "max" | "value"> {}
-declare const AutocompleteContext: react156.Context<AutocompleteContext>, useAutocompleteContext: () => AutocompleteContext;
+declare const AutocompleteContext: react45.Context<AutocompleteContext>, useAutocompleteContext: () => AutocompleteContext;
 interface UseAutocompleteProps<Multiple extends boolean = false> extends Omit<HTMLProps, "defaultValue" | "onChange" | "ref" | "value">, Omit<UseComboboxProps, "defaultValue" | "initialFocusValue" | "onChange" | "ref" | "value">, HTMLRefAttributes<"input">, FieldProps {
   /**
    * If `true`, the autocomplete will allow custom value.
@@ -154,7 +156,7 @@ declare const useAutocomplete: <Multiple extends boolean = false>(props?: UseAut
     lastValue: () => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
-    register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react156.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react45.RefCallback<HTMLDivElement>;
     unregister: (node?: HTMLDivElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     values: () => Descendant<HTMLDivElement, ComboboxDescendantProps>[];
@@ -164,8 +166,8 @@ declare const useAutocomplete: <Multiple extends boolean = false>(props?: UseAut
   items: ComboboxItem[];
   max: number | undefined;
   open: boolean;
-  setInputValue: react156.Dispatch<react156.SetStateAction<string>>;
-  setValue: react156.Dispatch<react156.SetStateAction<Multiple extends true ? string[] : string>>;
+  setInputValue: react45.Dispatch<react45.SetStateAction<string>>;
+  setValue: react45.Dispatch<react45.SetStateAction<Multiple extends true ? string[] : string>>;
   value: Multiple extends true ? string[] : string;
   valueMap: {
     [key: string]: ComboboxItemWithValue;

package/dist/types/components/avatar/avatar.d.ts

@@ -6,9 +6,9 @@ import "../../core/index.js";
 import { AvatarStyle } from "./avatar.style.js";
 import { UseAvatarProps } from "./use-avatar.js";
 import "../../index.js";
-import * as react150 from "react";
+import * as react39 from "react";
 import { ReactElement } from "react";
-import * as _yamada_ui_utils9 from "@yamada-ui/utils";
+import * as _yamada_ui_utils0 from "@yamada-ui/utils";
 
 //#region src/components/avatar/avatar.d.ts
 interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvatarProps {
@@ -25,7 +25,7 @@ interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvata
    */
   imageProps?: AvatarImageProps;
 }
-declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils9.Dict = _yamada_ui_utils9.Dict<any>>(el: H | react150.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils0.Dict = _yamada_ui_utils0.Dict<any>>(el: H | react39.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
     shape: {
       circle: {
         root: {
@@ -148,7 +148,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     name,
     className,
     ...options
-  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react150.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: react150.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils9.Dict = _yamada_ui_utils9.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react39.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: react39.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils0.Dict = _yamada_ui_utils0.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
     shape: {
       circle: {
         root: {
@@ -271,7 +271,7 @@ declare const component: <H extends "fragment" | As = "div", R extends _yamada_u
     className,
     withContext,
     transferProps
-  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils9.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils0.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
     shape: {
       circle: {
         root: {