@yamada-ui/react 2.1.8-dev-20260409043924 → 2.2.0-dev-20260409110358

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"config.cjs","names":["defineConfig: DefineConfig","defineComponentStyle: DefineComponentStyle","defineComponentSlotStyle: DefineComponentSlotStyle","defineGlobalStyle: DefineStyle","defineResetStyle: DefineStyle","defineLayerStyle: DefineModifierStyle","defineTextStyle: DefineModifierStyle","defineAnimationTokens: DefineAnimationTokens","defineAspectRatioTokens: DefineTokens","defineBlurTokens: DefineTokens","defineBorderTokens: DefineTokens","defineBreakpointTokens: DefineBreakpointTokens","defineColorTokens: DefineTokens","defineDurationTokens: DefineTokens","defineEasingTokens: DefineTokens","defineFontTokens: DefineTokens","defineFontSizeTokens: DefineTokens","defineFontWeightTokens: DefineTokens","defineGradientTokens: DefineTokens","defineKeyframeTokens: DefineKeyframeTokens","defineLetterSpacingTokens: DefineTokens","defineLineHeightTokens: DefineTokens","defineRadiusTokens: DefineTokens","defineShadowTokens: DefineTokens","defineSizeTokens: DefineTokens","defineSpaceTokens: DefineTokens","defineZIndexTokens: DefineTokens","defineAnimationSemanticTokens: DefineAnimationSemanticTokens","defineAspectRatioSemanticTokens: DefineSemanticTokens","defineBlurSemanticTokens: DefineSemanticTokens","defineBorderSemanticTokens: DefineSemanticTokens","defineColorSemanticTokens: DefineColorSemanticTokens","defineColorSchemeSemanticTokens: DefineColorSchemeSemanticTokens","defineDurationSemanticTokens: DefineSemanticTokens","defineEasingSemanticTokens: DefineSemanticTokens","defineFontSemanticTokens: DefineSemanticTokens","defineFontSizeSemanticTokens: DefineSemanticTokens","defineFontWeightSemanticTokens: DefineSemanticTokens","defineGradientSemanticTokens: DefineSemanticTokens","defineKeyframeSemanticTokens: DefineKeyframeTokens","defineLetterSpacingSemanticTokens: DefineSemanticTokens","defineLineHeightSemanticTokens: DefineSemanticTokens","defineRadiusSemanticTokens: DefineSemanticTokens","defineShadowSemanticTokens: DefineSemanticTokens","defineSizeSemanticTokens: DefineSemanticTokens","defineSpaceSemanticTokens: DefineSemanticTokens","defineZIndexSemanticTokens: DefineSemanticTokens","defineThemeSchemes: DefineThemeSchemes","defineTheme: DefineTheme"],"sources":["../../../../src/core/system/config.ts"],"sourcesContent":["import type {\n  CSSAnimationObject,\n  CSSModifierObject,\n  CSSObject,\n  CSSPropObject,\n  CSSSlotObject,\n} from \"../css\"\nimport type {\n  ComponentSlotStyle,\n  ComponentStyle,\n  DefineThemeAnimationTokens,\n  DefineThemeBreakpointTokens,\n  DefineThemeColorSchemeSemanticTokens,\n  DefineThemeColorSemanticTokens,\n  DefineThemeKeyframeTokens,\n  DefineThemeSchemeTokens,\n  DefineThemeTokens,\n  ThemeConfig,\n  UsageTheme,\n} from \"./index.types\"\n\ninterface DefineConfig {\n  (value: ThemeConfig): ThemeConfig\n}\n\nexport const defineConfig: DefineConfig = (value) => value\n\nexport interface DefineComponentStyle {\n  <\n    Y extends CSSPropObject = CSSPropObject,\n    M extends CSSModifierObject = CSSModifierObject,\n    D extends CSSModifierObject = CSSModifierObject,\n  >(\n    value: ComponentStyle<Y, M, D>,\n  ): ComponentStyle<Y, M, D>\n}\n\nexport const defineComponentStyle: DefineComponentStyle = (value) => value\n\nexport interface DefineComponentSlotStyle {\n  <\n    Y extends string = string,\n    M extends CSSPropObject<CSSSlotObject<Y>> = CSSPropObject<CSSSlotObject<Y>>,\n    D extends CSSModifierObject<CSSSlotObject<Y>> = CSSModifierObject<\n      CSSSlotObject<Y>\n    >,\n    H extends CSSModifierObject<CSSSlotObject<Y>> = CSSModifierObject<\n      CSSSlotObject<Y>\n    >,\n  >(\n    value: ComponentSlotStyle<Y, M, D, H>,\n  ): ComponentSlotStyle<Y, M, D, H>\n}\n\nexport const defineComponentSlotStyle: DefineComponentSlotStyle = (value) =>\n  value\n\ninterface DefineStyle {\n  (value: CSSObject): CSSObject\n}\n\ninterface DefineModifierStyle {\n  <Y extends CSSModifierObject>(value: Y): Y\n}\n\nconst defineGlobalStyle: DefineStyle = (value) => value\nconst defineResetStyle: DefineStyle = (value) => value\nconst defineLayerStyle: DefineModifierStyle = (value) => value\nconst defineTextStyle: DefineModifierStyle = (value) => value\n\nexport const defineStyles = {\n  layerStyle: defineLayerStyle,\n  textStyle: defineTextStyle,\n  globalStyle: defineGlobalStyle,\n  resetStyle: defineResetStyle,\n}\n\ninterface DefineTokens {\n  <Y extends DefineThemeTokens>(value: Y): Y\n}\n\ninterface DefineAnimationTokens {\n  <Y extends DefineThemeAnimationTokens>(value: Y): Y\n}\n\ninterface DefineBreakpointTokens {\n  <Y extends DefineThemeBreakpointTokens>(value: Y): Y\n}\n\ninterface DefineKeyframeTokens {\n  <Y extends DefineThemeKeyframeTokens>(value: Y): Y\n}\n\nconst defineAnimationTokens: DefineAnimationTokens = (value) => value\nconst defineAspectRatioTokens: DefineTokens = (value) => value\nconst defineBlurTokens: DefineTokens = (value) => value\nconst defineBorderTokens: DefineTokens = (value) => value\nconst defineBreakpointTokens: DefineBreakpointTokens = (value) => value\nconst defineColorTokens: DefineTokens = (value) => value\nconst defineDurationTokens: DefineTokens = (value) => value\nconst defineEasingTokens: DefineTokens = (value) => value\nconst defineFontTokens: DefineTokens = (value) => value\nconst defineFontSizeTokens: DefineTokens = (value) => value\nconst defineFontWeightTokens: DefineTokens = (value) => value\nconst defineGradientTokens: DefineTokens = (value) => value\nconst defineKeyframeTokens: DefineKeyframeTokens = (value) => value\nconst defineLetterSpacingTokens: DefineTokens = (value) => value\nconst defineLineHeightTokens: DefineTokens = (value) => value\nconst defineRadiusTokens: DefineTokens = (value) => value\nconst defineShadowTokens: DefineTokens = (value) => value\nconst defineSizeTokens: DefineTokens = (value) => value\nconst defineSpaceTokens: DefineTokens = (value) => value\nconst defineZIndexTokens: DefineTokens = (value) => value\n\nexport const defineTokens = {\n  animations: defineAnimationTokens,\n  aspectRatios: defineAspectRatioTokens,\n  blurs: defineBlurTokens,\n  borders: defineBorderTokens,\n  breakpoints: defineBreakpointTokens,\n  colors: defineColorTokens,\n  durations: defineDurationTokens,\n  easings: defineEasingTokens,\n  fonts: defineFontTokens,\n  fontSizes: defineFontSizeTokens,\n  fontWeights: defineFontWeightTokens,\n  gradients: defineGradientTokens,\n  keyframes: defineKeyframeTokens,\n  letterSpacings: defineLetterSpacingTokens,\n  lineHeights: defineLineHeightTokens,\n  radii: defineRadiusTokens,\n  shadows: defineShadowTokens,\n  sizes: defineSizeTokens,\n  spaces: defineSpaceTokens,\n  zIndices: defineZIndexTokens,\n}\n\ninterface DefineSemanticTokens extends DefineTokens {}\n\ninterface DefineAnimationSemanticTokens {\n  <Y extends DefineThemeAnimationTokens<CSSAnimationObject | string>>(\n    value: Y,\n  ): Y\n}\n\ninterface DefineColorSemanticTokens {\n  <Y extends DefineThemeColorSemanticTokens>(value: Y): Y\n}\n\ninterface DefineColorSchemeSemanticTokens {\n  <Y extends DefineThemeColorSchemeSemanticTokens>(value: Y): Y\n}\n\nconst defineAnimationSemanticTokens: DefineAnimationSemanticTokens = (value) =>\n  value\nconst defineAspectRatioSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineBlurSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineBorderSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineColorSemanticTokens: DefineColorSemanticTokens = (value) => value\nconst defineColorSchemeSemanticTokens: DefineColorSchemeSemanticTokens = (\n  value,\n) => value\nconst defineDurationSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineEasingSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineFontSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineFontSizeSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineFontWeightSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineGradientSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineKeyframeSemanticTokens: DefineKeyframeTokens = (value) => value\nconst defineLetterSpacingSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineLineHeightSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineRadiusSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineShadowSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineSizeSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineSpaceSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineZIndexSemanticTokens: DefineSemanticTokens = (value) => value\n\nexport const defineSemanticTokens = {\n  animations: defineAnimationSemanticTokens,\n  aspectRatios: defineAspectRatioSemanticTokens,\n  blurs: defineBlurSemanticTokens,\n  borders: defineBorderSemanticTokens,\n  colors: defineColorSemanticTokens,\n  colorSchemes: defineColorSchemeSemanticTokens,\n  durations: defineDurationSemanticTokens,\n  easings: defineEasingSemanticTokens,\n  fonts: defineFontSemanticTokens,\n  fontSizes: defineFontSizeSemanticTokens,\n  fontWeights: defineFontWeightSemanticTokens,\n  gradients: defineGradientSemanticTokens,\n  keyframes: defineKeyframeSemanticTokens,\n  letterSpacings: defineLetterSpacingSemanticTokens,\n  lineHeights: defineLineHeightSemanticTokens,\n  radii: defineRadiusSemanticTokens,\n  shadows: defineShadowSemanticTokens,\n  sizes: defineSizeSemanticTokens,\n  spaces: defineSpaceSemanticTokens,\n  zIndices: defineZIndexSemanticTokens,\n}\n\ninterface DefineThemeSchemes {\n  <Y extends DefineThemeSchemeTokens>(value: Y): Y\n}\n\nexport const defineThemeSchemes: DefineThemeSchemes = (value) => value\n\ninterface DefineTheme {\n  <Y extends UsageTheme>(value: Y): Y\n}\n\nexport const defineTheme: DefineTheme = (value) => value\n"],"mappings":";;AAyBA,MAAaA,gBAA8B,UAAU;AAYrD,MAAaC,wBAA8C,UAAU;AAiBrE,MAAaC,4BAAsD,UACjE;AAUF,MAAMC,qBAAkC,UAAU;AAClD,MAAMC,oBAAiC,UAAU;AACjD,MAAMC,oBAAyC,UAAU;AACzD,MAAMC,mBAAwC,UAAU;AAExD,MAAa,eAAe;CAC1B,YAAY;CACZ,WAAW;CACX,aAAa;CACb,YAAY;CACb;AAkBD,MAAMC,yBAAgD,UAAU;AAChE,MAAMC,2BAAyC,UAAU;AACzD,MAAMC,oBAAkC,UAAU;AAClD,MAAMC,sBAAoC,UAAU;AACpD,MAAMC,0BAAkD,UAAU;AAClE,MAAMC,qBAAmC,UAAU;AACnD,MAAMC,wBAAsC,UAAU;AACtD,MAAMC,sBAAoC,UAAU;AACpD,MAAMC,oBAAkC,UAAU;AAClD,MAAMC,wBAAsC,UAAU;AACtD,MAAMC,0BAAwC,UAAU;AACxD,MAAMC,wBAAsC,UAAU;AACtD,MAAMC,wBAA8C,UAAU;AAC9D,MAAMC,6BAA2C,UAAU;AAC3D,MAAMC,0BAAwC,UAAU;AACxD,MAAMC,sBAAoC,UAAU;AACpD,MAAMC,sBAAoC,UAAU;AACpD,MAAMC,oBAAkC,UAAU;AAClD,MAAMC,qBAAmC,UAAU;AACnD,MAAMC,sBAAoC,UAAU;AAEpD,MAAa,eAAe;CAC1B,YAAY;CACZ,cAAc;CACd,OAAO;CACP,SAAS;CACT,aAAa;CACb,QAAQ;CACR,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,aAAa;CACb,WAAW;CACX,WAAW;CACX,gBAAgB;CAChB,aAAa;CACb,OAAO;CACP,SAAS;CACT,OAAO;CACP,QAAQ;CACR,UAAU;CACX;AAkBD,MAAMC,iCAAgE,UACpE;AACF,MAAMC,mCAAyD,UAAU;AACzE,MAAMC,4BAAkD,UAAU;AAClE,MAAMC,8BAAoD,UAAU;AACpE,MAAMC,6BAAwD,UAAU;AACxE,MAAMC,mCACJ,UACG;AACL,MAAMC,gCAAsD,UAAU;AACtE,MAAMC,8BAAoD,UAAU;AACpE,MAAMC,4BAAkD,UAAU;AAClE,MAAMC,gCAAsD,UAAU;AACtE,MAAMC,kCAAwD,UAAU;AACxE,MAAMC,gCAAsD,UAAU;AACtE,MAAMC,gCAAsD,UAAU;AACtE,MAAMC,qCAA2D,UAAU;AAC3E,MAAMC,kCAAwD,UAAU;AACxE,MAAMC,8BAAoD,UAAU;AACpE,MAAMC,8BAAoD,UAAU;AACpE,MAAMC,4BAAkD,UAAU;AAClE,MAAMC,6BAAmD,UAAU;AACnE,MAAMC,8BAAoD,UAAU;AAEpE,MAAa,uBAAuB;CAClC,YAAY;CACZ,cAAc;CACd,OAAO;CACP,SAAS;CACT,QAAQ;CACR,cAAc;CACd,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,aAAa;CACb,WAAW;CACX,WAAW;CACX,gBAAgB;CAChB,aAAa;CACb,OAAO;CACP,SAAS;CACT,OAAO;CACP,QAAQ;CACR,UAAU;CACX;AAMD,MAAaC,sBAA0C,UAAU;AAMjE,MAAaC,eAA4B,UAAU"}
+{"version":3,"file":"config.cjs","names":["defineConfig: DefineConfig","defineComponentStyle: DefineComponentStyle","defineComponentSlotStyle: DefineComponentSlotStyle","defineGlobalStyle: DefineStyle","defineResetStyle: DefineStyle","defineLayerStyle: DefineModifierStyle","defineTextStyle: DefineModifierStyle","defineAnimationTokens: DefineAnimationTokens","defineAspectRatioTokens: DefineTokens","defineBlurTokens: DefineTokens","defineBorderTokens: DefineTokens","defineBreakpointTokens: DefineBreakpointTokens","defineColorTokens: DefineTokens","defineDurationTokens: DefineTokens","defineEasingTokens: DefineTokens","defineFontTokens: DefineTokens","defineFontSizeTokens: DefineTokens","defineFontWeightTokens: DefineTokens","defineGradientTokens: DefineTokens","defineKeyframeTokens: DefineKeyframeTokens","defineLetterSpacingTokens: DefineTokens","defineLineHeightTokens: DefineTokens","defineRadiusTokens: DefineTokens","defineShadowTokens: DefineTokens","defineSizeTokens: DefineTokens","defineSpaceTokens: DefineTokens","defineZIndexTokens: DefineTokens","defineAnimationSemanticTokens: DefineAnimationSemanticTokens","defineAspectRatioSemanticTokens: DefineSemanticTokens","defineBlurSemanticTokens: DefineSemanticTokens","defineBorderSemanticTokens: DefineSemanticTokens","defineColorSemanticTokens: DefineColorSemanticTokens","defineColorSchemeSemanticTokens: DefineColorSchemeSemanticTokens","defineDurationSemanticTokens: DefineSemanticTokens","defineEasingSemanticTokens: DefineSemanticTokens","defineFontSemanticTokens: DefineSemanticTokens","defineFontSizeSemanticTokens: DefineSemanticTokens","defineFontWeightSemanticTokens: DefineSemanticTokens","defineGradientSemanticTokens: DefineSemanticTokens","defineKeyframeSemanticTokens: DefineKeyframeTokens","defineLetterSpacingSemanticTokens: DefineSemanticTokens","defineLineHeightSemanticTokens: DefineSemanticTokens","defineRadiusSemanticTokens: DefineSemanticTokens","defineShadowSemanticTokens: DefineSemanticTokens","defineSizeSemanticTokens: DefineSemanticTokens","defineSpaceSemanticTokens: DefineSemanticTokens","defineZIndexSemanticTokens: DefineSemanticTokens","defineThemeSchemes: DefineThemeSchemes","defineTheme: DefineTheme"],"sources":["../../../../src/core/system/config.ts"],"sourcesContent":["import type {\n  CSSAnimationObject,\n  CSSModifierObject,\n  CSSObject,\n  CSSPropObject,\n  CSSSlotObject,\n} from \"../css\"\nimport type {\n  ComponentSlotStyle,\n  ComponentStyle,\n  DefineThemeAnimationTokens,\n  DefineThemeBreakpointTokens,\n  DefineThemeColorSchemeSemanticTokens,\n  DefineThemeColorSemanticTokens,\n  DefineThemeKeyframeTokens,\n  DefineThemeSchemeTokens,\n  DefineThemeTokens,\n  ThemeConfig,\n  UsageTheme,\n} from \"./index.types\"\n\ninterface DefineConfig {\n  (value: ThemeConfig): ThemeConfig\n}\n\nexport const defineConfig: DefineConfig = (value) => value\n\nexport type DefineComponentStyleProps<Y extends { [key: string]: string }> = {\n  [K in keyof Y]: { [V in Y[K]]: CSSObject }\n}\n\nexport type DefineComponentStyleModifiers<Y extends string> = {\n  [K in Y]: CSSObject\n}\n\nexport interface DefineComponentStyle {\n  <\n    Y extends CSSPropObject = CSSPropObject,\n    M extends CSSModifierObject = CSSModifierObject,\n    D extends CSSModifierObject = CSSModifierObject,\n  >(\n    value: ComponentStyle<Y, M, D>,\n  ): ComponentStyle<Y, M, D>\n}\n\nexport const defineComponentStyle: DefineComponentStyle = (value) => value\n\nexport type DefineComponentStyleSlotProps<\n  Y extends string = string,\n  M extends { [key: string]: string } = {},\n> = {\n  [D in keyof M]: { [H in M[D]]: CSSSlotObject<Y> }\n}\n\nexport type DefineComponentStyleSlotModifiers<\n  Y extends string = string,\n  M extends string = string,\n> = {\n  [D in M]: CSSSlotObject<Y>\n}\n\nexport interface DefineComponentSlotStyle {\n  <\n    Y extends string = string,\n    M extends CSSPropObject<CSSSlotObject<Y>> = CSSPropObject<CSSSlotObject<Y>>,\n    D extends CSSModifierObject<CSSSlotObject<Y>> = CSSModifierObject<\n      CSSSlotObject<Y>\n    >,\n    H extends CSSModifierObject<CSSSlotObject<Y>> = CSSModifierObject<\n      CSSSlotObject<Y>\n    >,\n  >(\n    value: ComponentSlotStyle<Y, M, D, H>,\n  ): ComponentSlotStyle<Y, M, D, H>\n}\n\nexport const defineComponentSlotStyle: DefineComponentSlotStyle = (value) =>\n  value\n\ninterface DefineStyle {\n  (value: CSSObject): CSSObject\n}\n\ninterface DefineModifierStyle {\n  <Y extends CSSModifierObject>(value: Y): Y\n}\n\nconst defineGlobalStyle: DefineStyle = (value) => value\nconst defineResetStyle: DefineStyle = (value) => value\nconst defineLayerStyle: DefineModifierStyle = (value) => value\nconst defineTextStyle: DefineModifierStyle = (value) => value\n\nexport const defineStyles = {\n  layerStyle: defineLayerStyle,\n  textStyle: defineTextStyle,\n  globalStyle: defineGlobalStyle,\n  resetStyle: defineResetStyle,\n}\n\ninterface DefineTokens {\n  <Y extends DefineThemeTokens>(value: Y): Y\n}\n\ninterface DefineAnimationTokens {\n  <Y extends DefineThemeAnimationTokens>(value: Y): Y\n}\n\ninterface DefineBreakpointTokens {\n  <Y extends DefineThemeBreakpointTokens>(value: Y): Y\n}\n\ninterface DefineKeyframeTokens {\n  <Y extends DefineThemeKeyframeTokens>(value: Y): Y\n}\n\nconst defineAnimationTokens: DefineAnimationTokens = (value) => value\nconst defineAspectRatioTokens: DefineTokens = (value) => value\nconst defineBlurTokens: DefineTokens = (value) => value\nconst defineBorderTokens: DefineTokens = (value) => value\nconst defineBreakpointTokens: DefineBreakpointTokens = (value) => value\nconst defineColorTokens: DefineTokens = (value) => value\nconst defineDurationTokens: DefineTokens = (value) => value\nconst defineEasingTokens: DefineTokens = (value) => value\nconst defineFontTokens: DefineTokens = (value) => value\nconst defineFontSizeTokens: DefineTokens = (value) => value\nconst defineFontWeightTokens: DefineTokens = (value) => value\nconst defineGradientTokens: DefineTokens = (value) => value\nconst defineKeyframeTokens: DefineKeyframeTokens = (value) => value\nconst defineLetterSpacingTokens: DefineTokens = (value) => value\nconst defineLineHeightTokens: DefineTokens = (value) => value\nconst defineRadiusTokens: DefineTokens = (value) => value\nconst defineShadowTokens: DefineTokens = (value) => value\nconst defineSizeTokens: DefineTokens = (value) => value\nconst defineSpaceTokens: DefineTokens = (value) => value\nconst defineZIndexTokens: DefineTokens = (value) => value\n\nexport const defineTokens = {\n  animations: defineAnimationTokens,\n  aspectRatios: defineAspectRatioTokens,\n  blurs: defineBlurTokens,\n  borders: defineBorderTokens,\n  breakpoints: defineBreakpointTokens,\n  colors: defineColorTokens,\n  durations: defineDurationTokens,\n  easings: defineEasingTokens,\n  fonts: defineFontTokens,\n  fontSizes: defineFontSizeTokens,\n  fontWeights: defineFontWeightTokens,\n  gradients: defineGradientTokens,\n  keyframes: defineKeyframeTokens,\n  letterSpacings: defineLetterSpacingTokens,\n  lineHeights: defineLineHeightTokens,\n  radii: defineRadiusTokens,\n  shadows: defineShadowTokens,\n  sizes: defineSizeTokens,\n  spaces: defineSpaceTokens,\n  zIndices: defineZIndexTokens,\n}\n\ninterface DefineSemanticTokens extends DefineTokens {}\n\ninterface DefineAnimationSemanticTokens {\n  <Y extends DefineThemeAnimationTokens<CSSAnimationObject | string>>(\n    value: Y,\n  ): Y\n}\n\ninterface DefineColorSemanticTokens {\n  <Y extends DefineThemeColorSemanticTokens>(value: Y): Y\n}\n\ninterface DefineColorSchemeSemanticTokens {\n  <Y extends DefineThemeColorSchemeSemanticTokens>(value: Y): Y\n}\n\nconst defineAnimationSemanticTokens: DefineAnimationSemanticTokens = (value) =>\n  value\nconst defineAspectRatioSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineBlurSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineBorderSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineColorSemanticTokens: DefineColorSemanticTokens = (value) => value\nconst defineColorSchemeSemanticTokens: DefineColorSchemeSemanticTokens = (\n  value,\n) => value\nconst defineDurationSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineEasingSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineFontSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineFontSizeSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineFontWeightSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineGradientSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineKeyframeSemanticTokens: DefineKeyframeTokens = (value) => value\nconst defineLetterSpacingSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineLineHeightSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineRadiusSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineShadowSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineSizeSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineSpaceSemanticTokens: DefineSemanticTokens = (value) => value\nconst defineZIndexSemanticTokens: DefineSemanticTokens = (value) => value\n\nexport const defineSemanticTokens = {\n  animations: defineAnimationSemanticTokens,\n  aspectRatios: defineAspectRatioSemanticTokens,\n  blurs: defineBlurSemanticTokens,\n  borders: defineBorderSemanticTokens,\n  colors: defineColorSemanticTokens,\n  colorSchemes: defineColorSchemeSemanticTokens,\n  durations: defineDurationSemanticTokens,\n  easings: defineEasingSemanticTokens,\n  fonts: defineFontSemanticTokens,\n  fontSizes: defineFontSizeSemanticTokens,\n  fontWeights: defineFontWeightSemanticTokens,\n  gradients: defineGradientSemanticTokens,\n  keyframes: defineKeyframeSemanticTokens,\n  letterSpacings: defineLetterSpacingSemanticTokens,\n  lineHeights: defineLineHeightSemanticTokens,\n  radii: defineRadiusSemanticTokens,\n  shadows: defineShadowSemanticTokens,\n  sizes: defineSizeSemanticTokens,\n  spaces: defineSpaceSemanticTokens,\n  zIndices: defineZIndexSemanticTokens,\n}\n\ninterface DefineThemeSchemes {\n  <Y extends DefineThemeSchemeTokens>(value: Y): Y\n}\n\nexport const defineThemeSchemes: DefineThemeSchemes = (value) => value\n\ninterface DefineTheme {\n  <Y extends UsageTheme>(value: Y): Y\n}\n\nexport const defineTheme: DefineTheme = (value) => value\n"],"mappings":";;AAyBA,MAAaA,gBAA8B,UAAU;AAoBrD,MAAaC,wBAA8C,UAAU;AA+BrE,MAAaC,4BAAsD,UACjE;AAUF,MAAMC,qBAAkC,UAAU;AAClD,MAAMC,oBAAiC,UAAU;AACjD,MAAMC,oBAAyC,UAAU;AACzD,MAAMC,mBAAwC,UAAU;AAExD,MAAa,eAAe;CAC1B,YAAY;CACZ,WAAW;CACX,aAAa;CACb,YAAY;CACb;AAkBD,MAAMC,yBAAgD,UAAU;AAChE,MAAMC,2BAAyC,UAAU;AACzD,MAAMC,oBAAkC,UAAU;AAClD,MAAMC,sBAAoC,UAAU;AACpD,MAAMC,0BAAkD,UAAU;AAClE,MAAMC,qBAAmC,UAAU;AACnD,MAAMC,wBAAsC,UAAU;AACtD,MAAMC,sBAAoC,UAAU;AACpD,MAAMC,oBAAkC,UAAU;AAClD,MAAMC,wBAAsC,UAAU;AACtD,MAAMC,0BAAwC,UAAU;AACxD,MAAMC,wBAAsC,UAAU;AACtD,MAAMC,wBAA8C,UAAU;AAC9D,MAAMC,6BAA2C,UAAU;AAC3D,MAAMC,0BAAwC,UAAU;AACxD,MAAMC,sBAAoC,UAAU;AACpD,MAAMC,sBAAoC,UAAU;AACpD,MAAMC,oBAAkC,UAAU;AAClD,MAAMC,qBAAmC,UAAU;AACnD,MAAMC,sBAAoC,UAAU;AAEpD,MAAa,eAAe;CAC1B,YAAY;CACZ,cAAc;CACd,OAAO;CACP,SAAS;CACT,aAAa;CACb,QAAQ;CACR,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,aAAa;CACb,WAAW;CACX,WAAW;CACX,gBAAgB;CAChB,aAAa;CACb,OAAO;CACP,SAAS;CACT,OAAO;CACP,QAAQ;CACR,UAAU;CACX;AAkBD,MAAMC,iCAAgE,UACpE;AACF,MAAMC,mCAAyD,UAAU;AACzE,MAAMC,4BAAkD,UAAU;AAClE,MAAMC,8BAAoD,UAAU;AACpE,MAAMC,6BAAwD,UAAU;AACxE,MAAMC,mCACJ,UACG;AACL,MAAMC,gCAAsD,UAAU;AACtE,MAAMC,8BAAoD,UAAU;AACpE,MAAMC,4BAAkD,UAAU;AAClE,MAAMC,gCAAsD,UAAU;AACtE,MAAMC,kCAAwD,UAAU;AACxE,MAAMC,gCAAsD,UAAU;AACtE,MAAMC,gCAAsD,UAAU;AACtE,MAAMC,qCAA2D,UAAU;AAC3E,MAAMC,kCAAwD,UAAU;AACxE,MAAMC,8BAAoD,UAAU;AACpE,MAAMC,8BAAoD,UAAU;AACpE,MAAMC,4BAAkD,UAAU;AAClE,MAAMC,6BAAmD,UAAU;AACnE,MAAMC,8BAAoD,UAAU;AAEpE,MAAa,uBAAuB;CAClC,YAAY;CACZ,cAAc;CACd,OAAO;CACP,SAAS;CACT,QAAQ;CACR,cAAc;CACd,WAAW;CACX,SAAS;CACT,OAAO;CACP,WAAW;CACX,aAAa;CACb,WAAW;CACX,WAAW;CACX,gBAAgB;CAChB,aAAa;CACb,OAAO;CACP,SAAS;CACT,OAAO;CACP,QAAQ;CACR,UAAU;CACX;AAMD,MAAaC,sBAA0C,UAAU;AAMjE,MAAaC,eAA4B,UAAU"}

package/dist/cjs/core/system/theme-provider.cjs

@@ -27,7 +27,7 @@ const getPreventTransition = (environment) => {
 		forceReflow();
 		requestAnimationFrame(() => {
 			requestAnimationFrame(() => {
-				document.head.removeChild(css$1);
+				doc.head.removeChild(css$1);
 			});
 		});
 	};

package/dist/cjs/core/system/theme-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.cjs","names":["css","ThemeProvider: FC<ThemeProviderProps>","THEME_SCHEME_STORAGE_KEY","createStorageManager","useEnvironment","changeThemeScheme: ChangeThemeScheme","themeScheme","EmotionThemeProvider","GlobalStyles: FC","useSystem","Global","ThemeContext"],"sources":["../../../../src/core/system/theme-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProviderProps as EmotionThemeProviderProps } from \"@emotion/react\"\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { Environment } from \"./environment-provider\"\nimport type {\n  ChangeThemeScheme,\n  StyledTheme,\n  Theme,\n  ThemeConfig,\n  ThemeScheme,\n  UsageTheme,\n} from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport {\n  ThemeProvider as EmotionThemeProvider,\n  Global,\n  ThemeContext,\n} from \"@emotion/react\"\nimport { use, useCallback, useEffect, useMemo, useState } from \"react\"\nimport { isEmptyObject, isObject, isUndefined, merge } from \"../../utils\"\nimport { THEME_SCHEME_STORAGE_KEY } from \"../constant\"\nimport { css } from \"../css\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { createStorageManager } from \"./storage-manager\"\nimport { useSystem } from \"./system-provider\"\n\nexport const getPreventTransition = (environment: Environment) => {\n  const { getDocument, getWindow } = environment\n  const win = getWindow()\n  const doc = getDocument()\n\n  if (!win || !doc) return\n\n  const css = doc.createElement(\"style\")\n\n  const node = doc.createTextNode(\n    `*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`,\n  )\n\n  css.appendChild(node)\n\n  doc.head.appendChild(css)\n\n  return () => {\n    const forceReflow = () => win.getComputedStyle(doc.body)\n\n    forceReflow()\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        document.head.removeChild(css)\n      })\n    })\n  }\n}\n\nexport interface ThemeProviderProps\n  extends\n    PropsWithChildren,\n    Omit<EmotionThemeProviderProps, \"children\" | \"theme\"> {\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * If `storage` is `cookie`, the cookie to use.\n   * If not provided, the cookie will be set to `document.cookie`.\n   */\n  cookie?: string\n  /**\n   * The storage to use.\n   * If you are using a server-side rendering library, you should use `cookie`.\n   *\n   * @default 'localStorage'\n   */\n  storage?: Storage\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  storageKey?: string\n  /**\n   * The theme of the yamada ui.\n   */\n  theme?: UsageTheme\n}\n\nexport const ThemeProvider: FC<ThemeProviderProps> = ({\n  children,\n  config,\n  cookie,\n  storage = cookie ? \"cookie\" : \"localStorage\",\n  storageKey = THEME_SCHEME_STORAGE_KEY,\n  theme = {},\n}) => {\n  const { defaultThemeScheme = \"base\", disableTransitionOnChange } =\n    config ?? {}\n  const storageManager = useMemo(\n    () => createStorageManager(storage, storageKey, defaultThemeScheme, cookie),\n    [cookie, defaultThemeScheme, storage, storageKey],\n  )\n  const environment = useEnvironment()\n  const [themeScheme, setThemeScheme] = useState<ThemeScheme>(\n    storageManager.get(),\n  )\n\n  const changeThemeScheme: ChangeThemeScheme = useCallback(\n    (themeScheme) => {\n      const { getDocument } = environment\n      const doc = getDocument()\n\n      const cleanup = disableTransitionOnChange\n        ? getPreventTransition(environment)\n        : undefined\n\n      if (doc) doc.documentElement.dataset.theme = themeScheme\n\n      cleanup?.()\n\n      setThemeScheme(themeScheme)\n\n      storageManager.set(themeScheme)\n    },\n    [disableTransitionOnChange, environment, storageManager],\n  )\n\n  useEffect(() => {\n    const themeScheme = storageManager.get()\n\n    changeThemeScheme(themeScheme)\n  }, [changeThemeScheme, storageManager])\n\n  return (\n    <EmotionThemeProvider theme={{ changeThemeScheme, themeScheme, ...theme }}>\n      <GlobalStyles />\n\n      {children}\n    </EmotionThemeProvider>\n  )\n}\n\nexport const GlobalStyles: FC = () => {\n  const system = useSystem()\n  const { theme } = useTheme<UsageTheme>()\n  const { atRule, wrap } = system.layers\n\n  const resetStyle = useMemo(() => {\n    const style = theme.styles?.resetStyle\n\n    if (!style || isEmptyObject(style)) return undefined\n\n    return css(system, theme)(style)\n  }, [system, theme])\n\n  const globalStyle = useMemo(() => {\n    const style = theme.styles?.globalStyle\n\n    if (!style || isEmptyObject(style)) return undefined\n\n    return css(system, theme)(style)\n  }, [system, theme])\n\n  const cssVars = useMemo(() => {\n    return { \":host, :root, [data-mode]\": system.cssVars }\n  }, [system])\n\n  return (\n    <Global\n      styles={[\n        atRule,\n        wrap(\"tokens\", cssVars),\n        wrap(\"reset\", resetStyle),\n        wrap(\"global\", globalStyle),\n      ]}\n    />\n  )\n}\n\n/**\n * `useTheme` is a custom hook that returns a function for retrieving and switching themes.\n *\n * @see https://yamada-ui.com/docs/hooks/use-theme\n */\nexport const useTheme = <Y extends UsageTheme = Theme>() => {\n  const internalTheme = use(ThemeContext) as StyledTheme<Y>\n\n  const theme = useMemo(() => {\n    const { themeScheme } = internalTheme\n\n    if (isUndefined(themeScheme) || themeScheme === \"base\") return internalTheme\n\n    const nestedTheme =\n      \"themeSchemes\" in internalTheme && isObject(internalTheme.themeSchemes)\n        ? internalTheme.themeSchemes[themeScheme as string]\n        : undefined\n\n    if (!nestedTheme) return internalTheme\n\n    return merge<StyledTheme<Y>>(internalTheme, nestedTheme)\n  }, [internalTheme])\n\n  const value = useMemo(() => {\n    const { changeThemeScheme, themeScheme } = internalTheme\n\n    return {\n      changeThemeScheme,\n      internalTheme,\n      theme,\n      themeScheme,\n    }\n  }, [theme, internalTheme])\n\n  return value\n}\n"],"mappings":";;;;;;;;;;;;;;;AA2BA,MAAa,wBAAwB,gBAA6B;CAChE,MAAM,EAAE,aAAa,cAAc;CACnC,MAAM,MAAM,WAAW;CACvB,MAAM,MAAM,aAAa;AAEzB,KAAI,CAAC,OAAO,CAAC,IAAK;CAElB,MAAMA,QAAM,IAAI,cAAc,QAAQ;CAEtC,MAAM,OAAO,IAAI,eACf,2JACD;AAED,OAAI,YAAY,KAAK;AAErB,KAAI,KAAK,YAAYA,MAAI;AAEzB,cAAa;EACX,MAAM,oBAAoB,IAAI,iBAAiB,IAAI,KAAK;AAExD,eAAa;AAEb,8BAA4B;AAC1B,+BAA4B;AAC1B,aAAS,KAAK,YAAYA,MAAI;KAC9B;IACF;;;AAmCN,MAAaC,iBAAyC,EACpD,UACA,QACA,QACA,UAAU,SAAS,WAAW,gBAC9B,aAAaC,2CACb,QAAQ,EAAE,OACN;CACJ,MAAM,EAAE,qBAAqB,QAAQ,8BACnC,UAAU,EAAE;CACd,MAAM,0CACEC,6CAAqB,SAAS,YAAY,oBAAoB,OAAO,EAC3E;EAAC;EAAQ;EAAoB;EAAS;EAAW,CAClD;CACD,MAAM,cAAcC,6CAAgB;CACpC,MAAM,CAAC,aAAa,sCAClB,eAAe,KAAK,CACrB;CAED,MAAMC,4CACH,kBAAgB;EACf,MAAM,EAAE,gBAAgB;EACxB,MAAM,MAAM,aAAa;EAEzB,MAAM,UAAU,4BACZ,qBAAqB,YAAY,GACjC;AAEJ,MAAI,IAAK,KAAI,gBAAgB,QAAQ,QAAQC;AAE7C,aAAW;AAEX,iBAAeA,cAAY;AAE3B,iBAAe,IAAIA,cAAY;IAEjC;EAAC;EAA2B;EAAa;EAAe,CACzD;AAED,4BAAgB;AAGd,oBAFoB,eAAe,KAAK,CAEV;IAC7B,CAAC,mBAAmB,eAAe,CAAC;AAEvC,QACE,4CAACC;EAAqB,OAAO;GAAE;GAAmB;GAAa,GAAG;GAAO;aACvE,2CAAC,iBAAe,EAEf;GACoB;;AAI3B,MAAaC,qBAAyB;CACpC,MAAM,SAASC,mCAAW;CAC1B,MAAM,EAAE,UAAU,UAAsB;CACxC,MAAM,EAAE,QAAQ,SAAS,OAAO;CAEhC,MAAM,sCAA2B;EAC/B,MAAM,QAAQ,MAAM,QAAQ;AAE5B,MAAI,CAAC,8DAAuB,MAAM,CAAE,QAAO;AAE3C,SAAOT,gBAAI,QAAQ,MAAM,CAAC,MAAM;IAC/B,CAAC,QAAQ,MAAM,CAAC;CAEnB,MAAM,uCAA4B;EAChC,MAAM,QAAQ,MAAM,QAAQ;AAE5B,MAAI,CAAC,8DAAuB,MAAM,CAAE,QAAO;AAE3C,SAAOA,gBAAI,QAAQ,MAAM,CAAC,MAAM;IAC/B,CAAC,QAAQ,MAAM,CAAC;AAMnB,QACE,2CAACU,yBACC,QAAQ;EACN;EACA,KAAK,mCARmB;AAC5B,UAAO,EAAE,6BAA6B,OAAO,SAAS;KACrD,CAAC,OAAO,CAAC,CAMiB;EACvB,KAAK,SAAS,WAAW;EACzB,KAAK,UAAU,YAAY;EAC5B,GACD;;;;;;;AASN,MAAa,iBAA+C;CAC1D,MAAM,+BAAoBC,4BAAa;CAEvC,MAAM,iCAAsB;EAC1B,MAAM,EAAE,gBAAgB;AAExB,yDAAgB,YAAY,IAAI,gBAAgB,OAAQ,QAAO;EAE/D,MAAM,cACJ,kBAAkB,iEAA0B,cAAc,aAAa,GACnE,cAAc,aAAa,eAC3B;AAEN,MAAI,CAAC,YAAa,QAAO;AAEzB,sDAA6B,eAAe,YAAY;IACvD,CAAC,cAAc,CAAC;AAanB,iCAX4B;EAC1B,MAAM,EAAE,mBAAmB,gBAAgB;AAE3C,SAAO;GACL;GACA;GACA;GACA;GACD;IACA,CAAC,OAAO,cAAc,CAAC"}
+{"version":3,"file":"theme-provider.cjs","names":["css","ThemeProvider: FC<ThemeProviderProps>","THEME_SCHEME_STORAGE_KEY","createStorageManager","useEnvironment","changeThemeScheme: ChangeThemeScheme","themeScheme","EmotionThemeProvider","GlobalStyles: FC","useSystem","Global","ThemeContext"],"sources":["../../../../src/core/system/theme-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProviderProps as EmotionThemeProviderProps } from \"@emotion/react\"\nimport type { FC, PropsWithChildren } from \"react\"\nimport type { Environment } from \"./environment-provider\"\nimport type {\n  ChangeThemeScheme,\n  StyledTheme,\n  Theme,\n  ThemeConfig,\n  ThemeScheme,\n  UsageTheme,\n} from \"./index.types\"\nimport type { Storage } from \"./storage-manager\"\nimport {\n  ThemeProvider as EmotionThemeProvider,\n  Global,\n  ThemeContext,\n} from \"@emotion/react\"\nimport { use, useCallback, useEffect, useMemo, useState } from \"react\"\nimport { isEmptyObject, isObject, isUndefined, merge } from \"../../utils\"\nimport { THEME_SCHEME_STORAGE_KEY } from \"../constant\"\nimport { css } from \"../css\"\nimport { useEnvironment } from \"./environment-provider\"\nimport { createStorageManager } from \"./storage-manager\"\nimport { useSystem } from \"./system-provider\"\n\nexport const getPreventTransition = (environment: Environment) => {\n  const { getDocument, getWindow } = environment\n  const win = getWindow()\n  const doc = getDocument()\n\n  if (!win || !doc) return\n\n  const css = doc.createElement(\"style\")\n\n  const node = doc.createTextNode(\n    `*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}`,\n  )\n\n  css.appendChild(node)\n\n  doc.head.appendChild(css)\n\n  return () => {\n    const forceReflow = () => win.getComputedStyle(doc.body)\n\n    forceReflow()\n\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        doc.head.removeChild(css)\n      })\n    })\n  }\n}\n\nexport interface ThemeProviderProps\n  extends\n    PropsWithChildren,\n    Omit<EmotionThemeProviderProps, \"children\" | \"theme\"> {\n  /**\n   * The config of the yamada ui.\n   */\n  config?: ThemeConfig\n  /**\n   * If `storage` is `cookie`, the cookie to use.\n   * If not provided, the cookie will be set to `document.cookie`.\n   */\n  cookie?: string\n  /**\n   * The storage to use.\n   * If you are using a server-side rendering library, you should use `cookie`.\n   *\n   * @default 'localStorage'\n   */\n  storage?: Storage\n  /**\n   * Key of value saved in storage.\n   * By default, it is saved to `local storage`.\n   */\n  storageKey?: string\n  /**\n   * The theme of the yamada ui.\n   */\n  theme?: UsageTheme\n}\n\nexport const ThemeProvider: FC<ThemeProviderProps> = ({\n  children,\n  config,\n  cookie,\n  storage = cookie ? \"cookie\" : \"localStorage\",\n  storageKey = THEME_SCHEME_STORAGE_KEY,\n  theme = {},\n}) => {\n  const { defaultThemeScheme = \"base\", disableTransitionOnChange } =\n    config ?? {}\n  const storageManager = useMemo(\n    () => createStorageManager(storage, storageKey, defaultThemeScheme, cookie),\n    [cookie, defaultThemeScheme, storage, storageKey],\n  )\n  const environment = useEnvironment()\n  const [themeScheme, setThemeScheme] = useState<ThemeScheme>(\n    storageManager.get(),\n  )\n\n  const changeThemeScheme: ChangeThemeScheme = useCallback(\n    (themeScheme) => {\n      const { getDocument } = environment\n      const doc = getDocument()\n\n      const cleanup = disableTransitionOnChange\n        ? getPreventTransition(environment)\n        : undefined\n\n      if (doc) doc.documentElement.dataset.theme = themeScheme\n\n      cleanup?.()\n\n      setThemeScheme(themeScheme)\n\n      storageManager.set(themeScheme)\n    },\n    [disableTransitionOnChange, environment, storageManager],\n  )\n\n  useEffect(() => {\n    const themeScheme = storageManager.get()\n\n    changeThemeScheme(themeScheme)\n  }, [changeThemeScheme, storageManager])\n\n  return (\n    <EmotionThemeProvider theme={{ changeThemeScheme, themeScheme, ...theme }}>\n      <GlobalStyles />\n\n      {children}\n    </EmotionThemeProvider>\n  )\n}\n\nexport const GlobalStyles: FC = () => {\n  const system = useSystem()\n  const { theme } = useTheme<UsageTheme>()\n  const { atRule, wrap } = system.layers\n\n  const resetStyle = useMemo(() => {\n    const style = theme.styles?.resetStyle\n\n    if (!style || isEmptyObject(style)) return undefined\n\n    return css(system, theme)(style)\n  }, [system, theme])\n\n  const globalStyle = useMemo(() => {\n    const style = theme.styles?.globalStyle\n\n    if (!style || isEmptyObject(style)) return undefined\n\n    return css(system, theme)(style)\n  }, [system, theme])\n\n  const cssVars = useMemo(() => {\n    return { \":host, :root, [data-mode]\": system.cssVars }\n  }, [system])\n\n  return (\n    <Global\n      styles={[\n        atRule,\n        wrap(\"tokens\", cssVars),\n        wrap(\"reset\", resetStyle),\n        wrap(\"global\", globalStyle),\n      ]}\n    />\n  )\n}\n\n/**\n * `useTheme` is a custom hook that returns a function for retrieving and switching themes.\n *\n * @see https://yamada-ui.com/docs/hooks/use-theme\n */\nexport const useTheme = <Y extends UsageTheme = Theme>() => {\n  const internalTheme = use(ThemeContext) as StyledTheme<Y>\n\n  const theme = useMemo(() => {\n    const { themeScheme } = internalTheme\n\n    if (isUndefined(themeScheme) || themeScheme === \"base\") return internalTheme\n\n    const nestedTheme =\n      \"themeSchemes\" in internalTheme && isObject(internalTheme.themeSchemes)\n        ? internalTheme.themeSchemes[themeScheme as string]\n        : undefined\n\n    if (!nestedTheme) return internalTheme\n\n    return merge<StyledTheme<Y>>(internalTheme, nestedTheme)\n  }, [internalTheme])\n\n  const value = useMemo(() => {\n    const { changeThemeScheme, themeScheme } = internalTheme\n\n    return {\n      changeThemeScheme,\n      internalTheme,\n      theme,\n      themeScheme,\n    }\n  }, [theme, internalTheme])\n\n  return value\n}\n"],"mappings":";;;;;;;;;;;;;;;AA2BA,MAAa,wBAAwB,gBAA6B;CAChE,MAAM,EAAE,aAAa,cAAc;CACnC,MAAM,MAAM,WAAW;CACvB,MAAM,MAAM,aAAa;AAEzB,KAAI,CAAC,OAAO,CAAC,IAAK;CAElB,MAAMA,QAAM,IAAI,cAAc,QAAQ;CAEtC,MAAM,OAAO,IAAI,eACf,2JACD;AAED,OAAI,YAAY,KAAK;AAErB,KAAI,KAAK,YAAYA,MAAI;AAEzB,cAAa;EACX,MAAM,oBAAoB,IAAI,iBAAiB,IAAI,KAAK;AAExD,eAAa;AAEb,8BAA4B;AAC1B,+BAA4B;AAC1B,QAAI,KAAK,YAAYA,MAAI;KACzB;IACF;;;AAmCN,MAAaC,iBAAyC,EACpD,UACA,QACA,QACA,UAAU,SAAS,WAAW,gBAC9B,aAAaC,2CACb,QAAQ,EAAE,OACN;CACJ,MAAM,EAAE,qBAAqB,QAAQ,8BACnC,UAAU,EAAE;CACd,MAAM,0CACEC,6CAAqB,SAAS,YAAY,oBAAoB,OAAO,EAC3E;EAAC;EAAQ;EAAoB;EAAS;EAAW,CAClD;CACD,MAAM,cAAcC,6CAAgB;CACpC,MAAM,CAAC,aAAa,sCAClB,eAAe,KAAK,CACrB;CAED,MAAMC,4CACH,kBAAgB;EACf,MAAM,EAAE,gBAAgB;EACxB,MAAM,MAAM,aAAa;EAEzB,MAAM,UAAU,4BACZ,qBAAqB,YAAY,GACjC;AAEJ,MAAI,IAAK,KAAI,gBAAgB,QAAQ,QAAQC;AAE7C,aAAW;AAEX,iBAAeA,cAAY;AAE3B,iBAAe,IAAIA,cAAY;IAEjC;EAAC;EAA2B;EAAa;EAAe,CACzD;AAED,4BAAgB;AAGd,oBAFoB,eAAe,KAAK,CAEV;IAC7B,CAAC,mBAAmB,eAAe,CAAC;AAEvC,QACE,4CAACC;EAAqB,OAAO;GAAE;GAAmB;GAAa,GAAG;GAAO;aACvE,2CAAC,iBAAe,EAEf;GACoB;;AAI3B,MAAaC,qBAAyB;CACpC,MAAM,SAASC,mCAAW;CAC1B,MAAM,EAAE,UAAU,UAAsB;CACxC,MAAM,EAAE,QAAQ,SAAS,OAAO;CAEhC,MAAM,sCAA2B;EAC/B,MAAM,QAAQ,MAAM,QAAQ;AAE5B,MAAI,CAAC,8DAAuB,MAAM,CAAE,QAAO;AAE3C,SAAOT,gBAAI,QAAQ,MAAM,CAAC,MAAM;IAC/B,CAAC,QAAQ,MAAM,CAAC;CAEnB,MAAM,uCAA4B;EAChC,MAAM,QAAQ,MAAM,QAAQ;AAE5B,MAAI,CAAC,8DAAuB,MAAM,CAAE,QAAO;AAE3C,SAAOA,gBAAI,QAAQ,MAAM,CAAC,MAAM;IAC/B,CAAC,QAAQ,MAAM,CAAC;AAMnB,QACE,2CAACU,yBACC,QAAQ;EACN;EACA,KAAK,mCARmB;AAC5B,UAAO,EAAE,6BAA6B,OAAO,SAAS;KACrD,CAAC,OAAO,CAAC,CAMiB;EACvB,KAAK,SAAS,WAAW;EACzB,KAAK,UAAU,YAAY;EAC5B,GACD;;;;;;;AASN,MAAa,iBAA+C;CAC1D,MAAM,+BAAoBC,4BAAa;CAEvC,MAAM,iCAAsB;EAC1B,MAAM,EAAE,gBAAgB;AAExB,yDAAgB,YAAY,IAAI,gBAAgB,OAAQ,QAAO;EAE/D,MAAM,cACJ,kBAAkB,iEAA0B,cAAc,aAAa,GACnE,cAAc,aAAa,eAC3B;AAEN,MAAI,CAAC,YAAa,QAAO;AAEzB,sDAA6B,eAAe,YAAY;IACvD,CAAC,cAAc,CAAC;AAanB,iCAX4B;EAC1B,MAAM,EAAE,mBAAmB,gBAAgB;AAE3C,SAAO;GACL;GACA;GACA;GACA;GACD;IACA,CAAC,OAAO,cAAc,CAAC"}

package/dist/cjs/hooks/use-combobox/index.cjs

@@ -71,7 +71,7 @@ const { DescendantsContext: ComboboxDescendantsContext, useDescendant: useCombob
 const [ComboboxContext, useComboboxContext] = require_context.createContext({ name: "ComboboxContext" });
 const [ComboboxGroupContext, useComboboxGroupContext] = require_context.createContext({ name: "ComboboxGroupContext" });
 const useCombobox = (props = {}) => {
-	const [popoverProps, { "aria-label": ariaLabelProp, "aria-labelledby": ariaLabelledbyProp, closeOnSelect: closeOnSelectProp = true, defaultOpen, disabled, initialFocusValue, open: openProp, openOnClick = true, openOnEnter = true, openOnSpace = true, readOnly, selectFocusRef, selectOnSpace = true, onChange: onChangeProp, onClose: onCloseProp, onOpen: onOpenProp, ...rest }] = require_use_popover.usePopoverProps(props, [
+	const [{ matchWidth = true, ...popoverProps }, { "aria-label": ariaLabelProp, "aria-labelledby": ariaLabelledbyProp, closeOnSelect: closeOnSelectProp = true, defaultOpen, disabled, initialFocusValue, open: openProp, openOnClick = true, openOnEnter = true, openOnSpace = true, readOnly, selectFocusRef, selectOnSpace = true, onChange: onChangeProp, onClose: onCloseProp, onOpen: onOpenProp, ...rest }] = require_use_popover.usePopoverProps(props, [
 		"disabled",
 		"open",
 		"defaultOpen",
@@ -94,7 +94,7 @@ const useCombobox = (props = {}) => {
 	const activeDescendant = (0, react.useRef)(null);
 	const mergedPopoverProps = (0, react.useMemo)(() => ({
 		autoFocus: false,
-		matchWidth: true,
+		matchWidth,
 		openOnClick: false,
 		...popoverProps,
 		disabled: !interactive,
@@ -103,6 +103,7 @@ const useCombobox = (props = {}) => {
 		onOpen
 	}), [
 		interactive,
+		matchWidth,
 		onClose,
 		onOpen,
 		open,

package/dist/cjs/hooks/use-combobox/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["getValidChildren","isSomeElement","findChild","type","props","items","rest","label","index","createDescendants","createContext","usePopoverProps","useEnvironment","useDisclosure","isComposing","getTriggerProps: PropGetter","mergeRefs","getItemProps: PropGetter"],"sources":["../../../../src/hooks/use-combobox/index.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  JSXElementConstructor,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from \"react\"\nimport type { UsePopoverProps } from \"../../components/popover\"\nimport type { HTMLProps, PropGetter, SimpleDirection } from \"../../core\"\nimport type { Descendant } from \"../use-descendants\"\nimport type { UseDisclosureProps } from \"../use-disclosure\"\nimport { useCallback, useId, useMemo, useRef } from \"react\"\nimport scrollIntoView from \"scroll-into-view-if-needed\"\nimport { usePopoverProps } from \"../../components/popover\"\nimport { useEnvironment } from \"../../core\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  findChild,\n  getValidChildren,\n  handlerAll,\n  isComposing,\n  isSomeElement,\n  isUndefined,\n  mergeRefs,\n  runKeyAction,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { createDescendants } from \"../use-descendants\"\nimport { useDisclosure } from \"../use-disclosure\"\n\ninterface ComboboxSharedItem extends Omit<HTMLProps, \"children\" | \"value\"> {\n  label: ReactNode\n}\n\nexport interface ComboboxItemWithValue extends ComboboxSharedItem {\n  query?: string\n  value?: string\n}\n\nexport interface ComboboxItemWithItems extends ComboboxSharedItem {\n  items: ComboboxItemWithValue[]\n}\n\nexport type ComboboxItem = ComboboxItemWithItems | ComboboxItemWithValue\n\nexport interface CreateComboboxItemOptions {\n  Group: JSXElementConstructor<any>\n  Label: JSXElementConstructor<any>\n  Option: JSXElementConstructor<any>\n}\n\nexport const createComboboxItem = (\n  children: ReactNode,\n  { Group, Label, Option }: CreateComboboxItemOptions,\n) => {\n  const validChildren = getValidChildren(children)\n\n  return validChildren\n    .filter(\n      ({ type }) => isSomeElement(type, Option) || isSomeElement(type, Group),\n    )\n    .map(({ type, props }) => {\n      if (isSomeElement(type, Option)) {\n        return { ...props, label: props.children }\n      } else {\n        const validChildren = getValidChildren(props.children)\n        const label = findChild(validChildren, Label)\n\n        return {\n          ...props,\n          items: validChildren\n            .filter(({ type }) => isSomeElement(type, Option))\n            .map(({ props }) => ({ ...props, label: props.children })),\n          label: label?.props.children ?? props.label,\n        }\n      }\n    })\n}\n\nexport interface CreateComboboxChildrenOptions {\n  Group: JSXElementConstructor<any>\n  Option: JSXElementConstructor<any>\n  Empty?: JSXElementConstructor<any>\n}\n\nexport const createComboboxChildren = (\n  items: ComboboxItem[],\n  { Empty, Group, Option }: CreateComboboxChildrenOptions,\n) => {\n  return items.map((item, index) => {\n    if (\"data-empty\" in item && Empty) {\n      const { label, ...rest } = item\n\n      return (\n        <Empty key={index} {...rest}>\n          {label}\n        </Empty>\n      )\n    } else if (\"items\" in item) {\n      const { items = [], label, ...rest } = item\n\n      return (\n        <Group key={index} label={label} {...rest}>\n          {items.map(({ label, ...rest }, index) => (\n            <Option key={index} {...rest}>\n              {label}\n            </Option>\n          ))}\n        </Group>\n      )\n    } else {\n      const { label, ...rest } = item\n\n      return (\n        <Option key={index} {...rest}>\n          {label}\n        </Option>\n      )\n    }\n  })\n}\n\nexport interface ComboboxDescendantProps {\n  id: string\n  closeOnSelect?: boolean\n  value?: string\n}\nexport type ComboboxDescendant = Descendant<\n  HTMLDivElement,\n  ComboboxDescendantProps\n>\n\nconst {\n  DescendantsContext: ComboboxDescendantsContext,\n  useDescendant: useComboboxDescendant,\n  useDescendantRegister: useComboboxDescendantRegister,\n  useDescendants: useComboboxDescendants,\n} = createDescendants<HTMLDivElement, ComboboxDescendantProps>()\n\nexport {\n  ComboboxDescendantsContext,\n  useComboboxDescendant,\n  useComboboxDescendantRegister,\n  useComboboxDescendants,\n}\n\ninterface ComboboxContext extends Pick<\n  UseComboboxReturn,\n  \"onActiveDescendant\" | \"onClose\" | \"onSelect\"\n> {}\n\nconst [ComboboxContext, useComboboxContext] = createContext<ComboboxContext>({\n  name: \"ComboboxContext\",\n})\n\ninterface ComboboxGroupContext extends Pick<\n  UseComboboxGroupReturn,\n  \"getLabelProps\"\n> {}\n\nconst [ComboboxGroupContext, useComboboxGroupContext] =\n  createContext<ComboboxGroupContext>({\n    name: \"ComboboxGroupContext\",\n  })\n\nexport {\n  ComboboxContext,\n  ComboboxGroupContext,\n  useComboboxContext,\n  useComboboxGroupContext,\n}\n\nexport interface UseComboboxProps\n  extends\n    Omit<HTMLProps, \"onChange\">,\n    Omit<UseDisclosureProps, \"timing\">,\n    Omit<\n      UsePopoverProps,\n      \"autoFocus\" | \"initialFocusRef\" | \"modal\" | \"transform\" | \"updateRef\"\n    > {\n  /**\n   * If `true`, the list element will be closed when value is selected.\n   *\n   * @default true\n   */\n  closeOnSelect?: boolean\n  /**\n   * If `true`, the combobox will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The value to focus on when the combobox is opened.\n   */\n  initialFocusValue?: string\n  /**\n   * If `true`, the combobox will be opened when click on the field.\n   *\n   * @default true\n   */\n  openOnClick?: boolean\n  /**\n   * If `true`, the combobox will be opened when enter is pressed.\n   *\n   * @default true\n   */\n  openOnEnter?: boolean\n  /**\n   * If `true`, the combobox will be opened when space is pressed.\n   *\n   * @default true\n   */\n  openOnSpace?: boolean\n  /**\n   * If `true`, the combobox will be readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * The `ref` of the element that should receive focus when selected.\n   */\n  selectFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the item will be selected when space is pressed.\n   *\n   * @default true\n   */\n  selectOnSpace?: boolean\n  /**\n   * The callback invoked when value is selected.\n   */\n  onChange?: (value: string) => void\n}\n\nexport const useCombobox = (props: UseComboboxProps = {}) => {\n  const [\n    popoverProps,\n    {\n      \"aria-label\": ariaLabelProp,\n      \"aria-labelledby\": ariaLabelledbyProp,\n      closeOnSelect: closeOnSelectProp = true,\n      defaultOpen,\n      disabled,\n      initialFocusValue,\n      open: openProp,\n      openOnClick = true,\n      openOnEnter = true,\n      openOnSpace = true,\n      readOnly,\n      selectFocusRef,\n      selectOnSpace = true,\n      onChange: onChangeProp,\n      onClose: onCloseProp,\n      onOpen: onOpenProp,\n      ...rest\n    },\n  ] = usePopoverProps(props, [\n    \"disabled\",\n    \"open\",\n    \"defaultOpen\",\n    \"onOpen\",\n    \"onClose\",\n    \"openOnClick\",\n  ])\n  const { getWindow } = useEnvironment()\n  const interactive = !(readOnly || disabled)\n  const triggerRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const contentId = useId()\n  const descendants = useComboboxDescendants()\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const activeDescendant = useRef<ComboboxDescendant | null>(null)\n  const mergedPopoverProps = useMemo<UsePopoverProps>(\n    () => ({\n      autoFocus: false,\n      matchWidth: true,\n      openOnClick: false,\n      ...popoverProps,\n      disabled: !interactive,\n      open,\n      onClose,\n      onOpen,\n    }),\n    [interactive, onClose, onOpen, open, popoverProps],\n  )\n\n  const onSelect = useCallback(\n    (value?: string, closeOnSelect = closeOnSelectProp) => {\n      const ref = selectFocusRef ?? triggerRef\n\n      ref.current?.focus()\n\n      if (!interactive || isUndefined(value)) return\n\n      onChangeProp?.(value)\n\n      if (!closeOnSelect) return\n\n      onClose()\n    },\n    [closeOnSelectProp, interactive, onChangeProp, onClose, selectFocusRef],\n  )\n\n  const onScrollIntoView = useCallback(\n    (descendant?: ComboboxDescendant, block: SimpleDirection = \"start\") => {\n      if (!contentRef.current || !descendant) return\n\n      const style = getWindow()?.getComputedStyle(contentRef.current)\n      const padding =\n        block === \"start\" ? style?.paddingBlockStart : style?.paddingBlockEnd\n      const value = parseInt(padding ?? \"0px\")\n\n      scrollIntoView(descendant.node, {\n        behavior: (actions) =>\n          actions.forEach(({ el, top }) => {\n            el.scrollTop = block === \"start\" ? top - value : top + value\n          }),\n        block,\n        boundary: contentRef.current,\n        inline: \"nearest\",\n        scrollMode: \"if-needed\",\n      })\n    },\n    [getWindow],\n  )\n\n  const onActiveDescendant = useCallback(\n    (descendant?: ComboboxDescendant) => {\n      if (!triggerRef.current || !descendant || disabled) return\n\n      triggerRef.current.setAttribute(\"aria-activedescendant\", descendant.id)\n\n      activeDescendant.current = descendant\n\n      descendants.active(descendant)\n    },\n    [descendants, disabled],\n  )\n\n  const onOpenWithActiveDescendant = useCallback(\n    (\n      getFallbackDescendant: () => ComboboxDescendant | undefined,\n      block: SimpleDirection = \"start\",\n    ) => {\n      onOpen()\n\n      setTimeout(() => {\n        if (!initialFocusValue) {\n          const descendant = getFallbackDescendant()\n\n          onActiveDescendant(descendant)\n          onScrollIntoView(descendant, block)\n        } else {\n          const values = descendants.values()\n          const descendant =\n            values.find(({ value }) => initialFocusValue === value) ??\n            getFallbackDescendant()\n\n          onActiveDescendant(descendant)\n          onScrollIntoView(descendant, block)\n        }\n      })\n    },\n    [\n      descendants,\n      initialFocusValue,\n      onActiveDescendant,\n      onOpen,\n      onScrollIntoView,\n    ],\n  )\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      if (disabled) return\n\n      ev.preventDefault()\n\n      if (!open) {\n        if (openOnClick)\n          onOpenWithActiveDescendant(descendants.enabledFirstValue)\n      } else {\n        onClose()\n      }\n    },\n    [\n      descendants,\n      disabled,\n      onClose,\n      onOpenWithActiveDescendant,\n      open,\n      openOnClick,\n    ],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLDivElement>) => {\n      if (disabled || isComposing(ev)) return\n\n      runKeyAction(\n        ev,\n        {\n          ArrowDown: (ev) => {\n            ev.preventDefault()\n\n            if (!open) {\n              onOpenWithActiveDescendant(descendants.enabledFirstValue)\n            } else if (activeDescendant.current) {\n              const descendant = descendants.enabledNextValue(\n                activeDescendant.current,\n              )\n\n              onActiveDescendant(descendant)\n\n              onScrollIntoView(\n                descendant,\n                descendant?.recurred ? \"start\" : \"end\",\n              )\n            } else {\n              const descendant = descendants.enabledFirstValue()\n\n              onActiveDescendant(descendant)\n\n              onScrollIntoView(descendant)\n            }\n          },\n          ArrowUp: (ev) => {\n            ev.preventDefault()\n\n            if (!open) {\n              onOpenWithActiveDescendant(descendants.enabledLastValue, \"end\")\n            } else if (activeDescendant.current) {\n              const descendant = descendants.enabledPrevValue(\n                activeDescendant.current,\n              )\n\n              onActiveDescendant(descendant)\n\n              onScrollIntoView(\n                descendant,\n                descendant?.recurred ? \"end\" : \"start\",\n              )\n            } else {\n              const descendant = descendants.enabledLastValue()\n\n              onActiveDescendant(descendant)\n\n              onScrollIntoView(descendant, \"end\")\n            }\n          },\n          End: (ev) => {\n            ev.preventDefault()\n\n            if (!open) return\n\n            const descendant = descendants.enabledLastValue()\n\n            onActiveDescendant(descendant)\n\n            onScrollIntoView(descendant, \"end\")\n          },\n          Enter: (ev) => {\n            if (!open) {\n              if (!openOnEnter) return\n\n              ev.preventDefault()\n\n              onOpenWithActiveDescendant(descendants.enabledFirstValue)\n            } else {\n              if (!activeDescendant.current) return\n\n              ev.preventDefault()\n\n              const { closeOnSelect, value } = activeDescendant.current\n\n              onSelect(value, closeOnSelect)\n            }\n          },\n          Home: (ev) => {\n            if (!open) return\n\n            ev.preventDefault()\n\n            const descendant = descendants.enabledFirstValue()\n\n            onActiveDescendant(descendant)\n\n            onScrollIntoView(descendant)\n          },\n          Space: (ev) => {\n            if (!open) {\n              if (!openOnSpace) return\n\n              ev.preventDefault()\n\n              onOpenWithActiveDescendant(descendants.enabledFirstValue)\n            } else {\n              if (!activeDescendant.current || !selectOnSpace) return\n\n              ev.preventDefault()\n\n              const { closeOnSelect, value } = activeDescendant.current\n\n              onSelect(value, closeOnSelect)\n            }\n          },\n        },\n        { preventDefault: false },\n      )\n    },\n    [\n      disabled,\n      open,\n      onOpenWithActiveDescendant,\n      descendants,\n      onActiveDescendant,\n      onScrollIntoView,\n      openOnEnter,\n      onSelect,\n      openOnSpace,\n      selectOnSpace,\n    ],\n  )\n\n  useUpdateEffect(() => {\n    if (open) return\n\n    activeDescendant.current = null\n  }, [open])\n\n  const getTriggerProps: PropGetter = useCallback(\n    ({\n      ref,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-disabled\": ariaAttr(!interactive),\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"listbox\",\n      \"aria-label\": ariaLabel || ariaLabelProp,\n      \"aria-labelledby\": cx(ariaLabelledby, ariaLabelledbyProp),\n      \"data-disabled\": dataAttr(disabled),\n      \"data-readonly\": dataAttr(readOnly),\n      role: \"combobox\",\n      tabIndex: interactive ? 0 : -1,\n      ...rest,\n      ...props,\n      ref: mergeRefs(ref, rest.ref, triggerRef),\n      onClick: handlerAll(props.onClick, rest.onClick, onClick),\n      onKeyDown: handlerAll(props.onKeyDown, rest.onKeyDown, onKeyDown),\n    }),\n    [\n      open,\n      contentId,\n      interactive,\n      ariaLabelledbyProp,\n      disabled,\n      readOnly,\n      ariaLabelProp,\n      rest,\n      onClick,\n      onKeyDown,\n    ],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id: contentId,\n      role: \"listbox\",\n      ...props,\n      ref: mergeRefs(ref, contentRef),\n      onKeyDown: handlerAll(props.onKeyDown),\n    }),\n    [contentId],\n  )\n\n  const getSeparatorProps: PropGetter = useCallback(\n    (props) => ({ role: \"separator\", ...props }),\n    [],\n  )\n\n  return {\n    activeDescendant,\n    descendants,\n    interactive,\n    open,\n    getContentProps,\n    getSeparatorProps,\n    getTriggerProps,\n    popoverProps: mergedPopoverProps,\n    onActiveDescendant,\n    onClose,\n    onOpen,\n    onOpenWithActiveDescendant,\n    onScrollIntoView,\n    onSelect,\n  }\n}\n\nexport type UseComboboxReturn = ReturnType<typeof useCombobox>\n\nexport interface UseComboboxGroupProps extends HTMLProps {}\n\nexport const useComboboxGroup = ({\n  \"aria-labelledby\": ariaLabelledbyProp,\n  ...rest\n}: UseComboboxGroupProps = {}) => {\n  const labelId = useId()\n\n  const getGroupProps: PropGetter = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      \"aria-labelledby\": cx(ariaLabelledbyProp, ariaLabelledby, labelId),\n      role: \"group\",\n      ...rest,\n      ...props,\n    }),\n    [ariaLabelledbyProp, labelId, rest],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props) => ({ id: labelId, role: \"presentation\", ...props }),\n    [labelId],\n  )\n\n  return { getGroupProps, getLabelProps }\n}\n\nexport type UseComboboxGroupReturn = ReturnType<typeof useComboboxGroup>\n\nexport interface UseComboboxItemProps extends HTMLProps {\n  /**\n   * If `true`, the item will be closed when selected.\n   */\n  closeOnSelect?: boolean\n  /**\n   * If `true`, the item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, the item will be selected.\n   */\n  selected?: boolean\n  /**\n   * The value of the item.\n   */\n  value?: string\n}\n\nexport const useComboboxItem = ({\n  id,\n  \"aria-disabled\": ariaDisabled,\n  \"data-disabled\": dataDisabled,\n  closeOnSelect,\n  disabled = false,\n  selected = false,\n  value,\n  ...rest\n}: UseComboboxItemProps = {}) => {\n  const uuid = useId()\n  const itemRef = useRef<HTMLDivElement>(null)\n  const { onActiveDescendant, onClose, onSelect } = useComboboxContext()\n\n  id ??= uuid\n\n  const { descendants, register } = useComboboxDescendant({\n    id,\n    closeOnSelect,\n    disabled,\n    value,\n  })\n\n  const onActive = useCallback(() => {\n    if (disabled) return\n\n    const current = descendants.value(itemRef.current)\n\n    onActiveDescendant(current)\n  }, [descendants, disabled, onActiveDescendant])\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      ev.preventDefault()\n\n      if (disabled) return\n\n      onSelect(value, closeOnSelect)\n    },\n    [closeOnSelect, disabled, onSelect, value],\n  )\n\n  const getItemProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id,\n      \"aria-disabled\": ariaDisabled ?? ariaAttr(disabled),\n      \"aria-selected\": selected,\n      \"data-disabled\": dataDisabled ?? dataAttr(disabled),\n      \"data-selected\": dataAttr(selected),\n      \"data-value\": value,\n      role: \"option\",\n      tabIndex: -1,\n      ...rest,\n      ...props,\n      ref: mergeRefs(ref, rest.ref, itemRef, register),\n      onClick: handlerAll(props.onClick, rest.onClick, onClick),\n      onMouseMove: handlerAll(props.onMouseMove, rest.onMouseMove, onActive),\n    }),\n    [\n      id,\n      ariaDisabled,\n      disabled,\n      selected,\n      dataDisabled,\n      value,\n      rest,\n      register,\n      onClick,\n      onActive,\n    ],\n  )\n\n  const getIndicatorProps: PropGetter = useCallback(\n    ({ style, ...props } = {}) => ({\n      style: { opacity: selected ? 1 : 0, ...style },\n      ...props,\n    }),\n    [selected],\n  )\n\n  return {\n    descendants,\n    disabled,\n    selected,\n    getIndicatorProps,\n    getItemProps,\n    onActiveDescendant,\n    onClose,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":["getValidChildren","isSomeElement","findChild","type","props","items","rest","label","index","createDescendants","createContext","usePopoverProps","useEnvironment","useDisclosure","isComposing","getTriggerProps: PropGetter","mergeRefs","getItemProps: PropGetter"],"sources":["../../../../src/hooks/use-combobox/index.tsx"],"sourcesContent":["\"use client\"\n\nimport type {\n  JSXElementConstructor,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from \"react\"\nimport type { UsePopoverProps } from \"../../components/popover\"\nimport type { HTMLProps, PropGetter, SimpleDirection } from \"../../core\"\nimport type { Descendant } from \"../use-descendants\"\nimport type { UseDisclosureProps } from \"../use-disclosure\"\nimport { useCallback, useId, useMemo, useRef } from \"react\"\nimport scrollIntoView from \"scroll-into-view-if-needed\"\nimport { usePopoverProps } from \"../../components/popover\"\nimport { useEnvironment } from \"../../core\"\nimport {\n  ariaAttr,\n  createContext,\n  cx,\n  dataAttr,\n  findChild,\n  getValidChildren,\n  handlerAll,\n  isComposing,\n  isSomeElement,\n  isUndefined,\n  mergeRefs,\n  runKeyAction,\n  useUpdateEffect,\n} from \"../../utils\"\nimport { createDescendants } from \"../use-descendants\"\nimport { useDisclosure } from \"../use-disclosure\"\n\ninterface ComboboxSharedItem extends Omit<HTMLProps, \"children\" | \"value\"> {\n  label: ReactNode\n}\n\nexport interface ComboboxItemWithValue extends ComboboxSharedItem {\n  query?: string\n  value?: string\n}\n\nexport interface ComboboxItemWithItems extends ComboboxSharedItem {\n  items: ComboboxItemWithValue[]\n}\n\nexport type ComboboxItem = ComboboxItemWithItems | ComboboxItemWithValue\n\nexport interface CreateComboboxItemOptions {\n  Group: JSXElementConstructor<any>\n  Label: JSXElementConstructor<any>\n  Option: JSXElementConstructor<any>\n}\n\nexport const createComboboxItem = (\n  children: ReactNode,\n  { Group, Label, Option }: CreateComboboxItemOptions,\n) => {\n  const validChildren = getValidChildren(children)\n\n  return validChildren\n    .filter(\n      ({ type }) => isSomeElement(type, Option) || isSomeElement(type, Group),\n    )\n    .map(({ type, props }) => {\n      if (isSomeElement(type, Option)) {\n        return { ...props, label: props.children }\n      } else {\n        const validChildren = getValidChildren(props.children)\n        const label = findChild(validChildren, Label)\n\n        return {\n          ...props,\n          items: validChildren\n            .filter(({ type }) => isSomeElement(type, Option))\n            .map(({ props }) => ({ ...props, label: props.children })),\n          label: label?.props.children ?? props.label,\n        }\n      }\n    })\n}\n\nexport interface CreateComboboxChildrenOptions {\n  Group: JSXElementConstructor<any>\n  Option: JSXElementConstructor<any>\n  Empty?: JSXElementConstructor<any>\n}\n\nexport const createComboboxChildren = (\n  items: ComboboxItem[],\n  { Empty, Group, Option }: CreateComboboxChildrenOptions,\n) => {\n  return items.map((item, index) => {\n    if (\"data-empty\" in item && Empty) {\n      const { label, ...rest } = item\n\n      return (\n        <Empty key={index} {...rest}>\n          {label}\n        </Empty>\n      )\n    } else if (\"items\" in item) {\n      const { items = [], label, ...rest } = item\n\n      return (\n        <Group key={index} label={label} {...rest}>\n          {items.map(({ label, ...rest }, index) => (\n            <Option key={index} {...rest}>\n              {label}\n            </Option>\n          ))}\n        </Group>\n      )\n    } else {\n      const { label, ...rest } = item\n\n      return (\n        <Option key={index} {...rest}>\n          {label}\n        </Option>\n      )\n    }\n  })\n}\n\nexport interface ComboboxDescendantProps {\n  id: string\n  closeOnSelect?: boolean\n  value?: string\n}\nexport type ComboboxDescendant = Descendant<\n  HTMLDivElement,\n  ComboboxDescendantProps\n>\n\nconst {\n  DescendantsContext: ComboboxDescendantsContext,\n  useDescendant: useComboboxDescendant,\n  useDescendantRegister: useComboboxDescendantRegister,\n  useDescendants: useComboboxDescendants,\n} = createDescendants<HTMLDivElement, ComboboxDescendantProps>()\n\nexport {\n  ComboboxDescendantsContext,\n  useComboboxDescendant,\n  useComboboxDescendantRegister,\n  useComboboxDescendants,\n}\n\ninterface ComboboxContext extends Pick<\n  UseComboboxReturn,\n  \"onActiveDescendant\" | \"onClose\" | \"onSelect\"\n> {}\n\nconst [ComboboxContext, useComboboxContext] = createContext<ComboboxContext>({\n  name: \"ComboboxContext\",\n})\n\ninterface ComboboxGroupContext extends Pick<\n  UseComboboxGroupReturn,\n  \"getLabelProps\"\n> {}\n\nconst [ComboboxGroupContext, useComboboxGroupContext] =\n  createContext<ComboboxGroupContext>({\n    name: \"ComboboxGroupContext\",\n  })\n\nexport {\n  ComboboxContext,\n  ComboboxGroupContext,\n  useComboboxContext,\n  useComboboxGroupContext,\n}\n\nexport interface UseComboboxProps\n  extends\n    Omit<HTMLProps, \"onChange\">,\n    Omit<UseDisclosureProps, \"timing\">,\n    Omit<\n      UsePopoverProps,\n      \"autoFocus\" | \"initialFocusRef\" | \"modal\" | \"transform\" | \"updateRef\"\n    > {\n  /**\n   * If `true`, the list element will be closed when value is selected.\n   *\n   * @default true\n   */\n  closeOnSelect?: boolean\n  /**\n   * If `true`, the combobox will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The value to focus on when the combobox is opened.\n   */\n  initialFocusValue?: string\n  /**\n   * If `true`, the combobox will be opened when click on the field.\n   *\n   * @default true\n   */\n  openOnClick?: boolean\n  /**\n   * If `true`, the combobox will be opened when enter is pressed.\n   *\n   * @default true\n   */\n  openOnEnter?: boolean\n  /**\n   * If `true`, the combobox will be opened when space is pressed.\n   *\n   * @default true\n   */\n  openOnSpace?: boolean\n  /**\n   * If `true`, the combobox will be readonly.\n   *\n   * @default false\n   */\n  readOnly?: boolean\n  /**\n   * The `ref` of the element that should receive focus when selected.\n   */\n  selectFocusRef?: RefObject<HTMLElement | null>\n  /**\n   * If `true`, the item will be selected when space is pressed.\n   *\n   * @default true\n   */\n  selectOnSpace?: boolean\n  /**\n   * The callback invoked when value is selected.\n   */\n  onChange?: (value: string) => void\n}\n\nexport const useCombobox = (props: UseComboboxProps = {}) => {\n  const [\n    { matchWidth = true, ...popoverProps },\n    {\n      \"aria-label\": ariaLabelProp,\n      \"aria-labelledby\": ariaLabelledbyProp,\n      closeOnSelect: closeOnSelectProp = true,\n      defaultOpen,\n      disabled,\n      initialFocusValue,\n      open: openProp,\n      openOnClick = true,\n      openOnEnter = true,\n      openOnSpace = true,\n      readOnly,\n      selectFocusRef,\n      selectOnSpace = true,\n      onChange: onChangeProp,\n      onClose: onCloseProp,\n      onOpen: onOpenProp,\n      ...rest\n    },\n  ] = usePopoverProps(props, [\n    \"disabled\",\n    \"open\",\n    \"defaultOpen\",\n    \"onOpen\",\n    \"onClose\",\n    \"openOnClick\",\n  ])\n  const { getWindow } = useEnvironment()\n  const interactive = !(readOnly || disabled)\n  const triggerRef = useRef<HTMLDivElement>(null)\n  const contentRef = useRef<HTMLDivElement>(null)\n  const contentId = useId()\n  const descendants = useComboboxDescendants()\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const activeDescendant = useRef<ComboboxDescendant | null>(null)\n  const mergedPopoverProps = useMemo<UsePopoverProps>(\n    () => ({\n      autoFocus: false,\n      matchWidth,\n      openOnClick: false,\n      ...popoverProps,\n      disabled: !interactive,\n      open,\n      onClose,\n      onOpen,\n    }),\n    [interactive, matchWidth, onClose, onOpen, open, popoverProps],\n  )\n\n  const onSelect = useCallback(\n    (value?: string, closeOnSelect = closeOnSelectProp) => {\n      const ref = selectFocusRef ?? triggerRef\n\n      ref.current?.focus()\n\n      if (!interactive || isUndefined(value)) return\n\n      onChangeProp?.(value)\n\n      if (!closeOnSelect) return\n\n      onClose()\n    },\n    [closeOnSelectProp, interactive, onChangeProp, onClose, selectFocusRef],\n  )\n\n  const onScrollIntoView = useCallback(\n    (descendant?: ComboboxDescendant, block: SimpleDirection = \"start\") => {\n      if (!contentRef.current || !descendant) return\n\n      const style = getWindow()?.getComputedStyle(contentRef.current)\n      const padding =\n        block === \"start\" ? style?.paddingBlockStart : style?.paddingBlockEnd\n      const value = parseInt(padding ?? \"0px\")\n\n      scrollIntoView(descendant.node, {\n        behavior: (actions) =>\n          actions.forEach(({ el, top }) => {\n            el.scrollTop = block === \"start\" ? top - value : top + value\n          }),\n        block,\n        boundary: contentRef.current,\n        inline: \"nearest\",\n        scrollMode: \"if-needed\",\n      })\n    },\n    [getWindow],\n  )\n\n  const onActiveDescendant = useCallback(\n    (descendant?: ComboboxDescendant) => {\n      if (!triggerRef.current || !descendant || disabled) return\n\n      triggerRef.current.setAttribute(\"aria-activedescendant\", descendant.id)\n\n      activeDescendant.current = descendant\n\n      descendants.active(descendant)\n    },\n    [descendants, disabled],\n  )\n\n  const onOpenWithActiveDescendant = useCallback(\n    (\n      getFallbackDescendant: () => ComboboxDescendant | undefined,\n      block: SimpleDirection = \"start\",\n    ) => {\n      onOpen()\n\n      setTimeout(() => {\n        if (!initialFocusValue) {\n          const descendant = getFallbackDescendant()\n\n          onActiveDescendant(descendant)\n          onScrollIntoView(descendant, block)\n        } else {\n          const values = descendants.values()\n          const descendant =\n            values.find(({ value }) => initialFocusValue === value) ??\n            getFallbackDescendant()\n\n          onActiveDescendant(descendant)\n          onScrollIntoView(descendant, block)\n        }\n      })\n    },\n    [\n      descendants,\n      initialFocusValue,\n      onActiveDescendant,\n      onOpen,\n      onScrollIntoView,\n    ],\n  )\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      if (disabled) return\n\n      ev.preventDefault()\n\n      if (!open) {\n        if (openOnClick)\n          onOpenWithActiveDescendant(descendants.enabledFirstValue)\n      } else {\n        onClose()\n      }\n    },\n    [\n      descendants,\n      disabled,\n      onClose,\n      onOpenWithActiveDescendant,\n      open,\n      openOnClick,\n    ],\n  )\n\n  const onKeyDown = useCallback(\n    (ev: KeyboardEvent<HTMLDivElement>) => {\n      if (disabled || isComposing(ev)) return\n\n      runKeyAction(\n        ev,\n        {\n          ArrowDown: (ev) => {\n            ev.preventDefault()\n\n            if (!open) {\n              onOpenWithActiveDescendant(descendants.enabledFirstValue)\n            } else if (activeDescendant.current) {\n              const descendant = descendants.enabledNextValue(\n                activeDescendant.current,\n              )\n\n              onActiveDescendant(descendant)\n\n              onScrollIntoView(\n                descendant,\n                descendant?.recurred ? \"start\" : \"end\",\n              )\n            } else {\n              const descendant = descendants.enabledFirstValue()\n\n              onActiveDescendant(descendant)\n\n              onScrollIntoView(descendant)\n            }\n          },\n          ArrowUp: (ev) => {\n            ev.preventDefault()\n\n            if (!open) {\n              onOpenWithActiveDescendant(descendants.enabledLastValue, \"end\")\n            } else if (activeDescendant.current) {\n              const descendant = descendants.enabledPrevValue(\n                activeDescendant.current,\n              )\n\n              onActiveDescendant(descendant)\n\n              onScrollIntoView(\n                descendant,\n                descendant?.recurred ? \"end\" : \"start\",\n              )\n            } else {\n              const descendant = descendants.enabledLastValue()\n\n              onActiveDescendant(descendant)\n\n              onScrollIntoView(descendant, \"end\")\n            }\n          },\n          End: (ev) => {\n            ev.preventDefault()\n\n            if (!open) return\n\n            const descendant = descendants.enabledLastValue()\n\n            onActiveDescendant(descendant)\n\n            onScrollIntoView(descendant, \"end\")\n          },\n          Enter: (ev) => {\n            if (!open) {\n              if (!openOnEnter) return\n\n              ev.preventDefault()\n\n              onOpenWithActiveDescendant(descendants.enabledFirstValue)\n            } else {\n              if (!activeDescendant.current) return\n\n              ev.preventDefault()\n\n              const { closeOnSelect, value } = activeDescendant.current\n\n              onSelect(value, closeOnSelect)\n            }\n          },\n          Home: (ev) => {\n            if (!open) return\n\n            ev.preventDefault()\n\n            const descendant = descendants.enabledFirstValue()\n\n            onActiveDescendant(descendant)\n\n            onScrollIntoView(descendant)\n          },\n          Space: (ev) => {\n            if (!open) {\n              if (!openOnSpace) return\n\n              ev.preventDefault()\n\n              onOpenWithActiveDescendant(descendants.enabledFirstValue)\n            } else {\n              if (!activeDescendant.current || !selectOnSpace) return\n\n              ev.preventDefault()\n\n              const { closeOnSelect, value } = activeDescendant.current\n\n              onSelect(value, closeOnSelect)\n            }\n          },\n        },\n        { preventDefault: false },\n      )\n    },\n    [\n      disabled,\n      open,\n      onOpenWithActiveDescendant,\n      descendants,\n      onActiveDescendant,\n      onScrollIntoView,\n      openOnEnter,\n      onSelect,\n      openOnSpace,\n      selectOnSpace,\n    ],\n  )\n\n  useUpdateEffect(() => {\n    if (open) return\n\n    activeDescendant.current = null\n  }, [open])\n\n  const getTriggerProps: PropGetter = useCallback(\n    ({\n      ref,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledby,\n      ...props\n    } = {}) => ({\n      \"aria-controls\": open ? contentId : undefined,\n      \"aria-disabled\": ariaAttr(!interactive),\n      \"aria-expanded\": open,\n      \"aria-haspopup\": \"listbox\",\n      \"aria-label\": ariaLabel || ariaLabelProp,\n      \"aria-labelledby\": cx(ariaLabelledby, ariaLabelledbyProp),\n      \"data-disabled\": dataAttr(disabled),\n      \"data-readonly\": dataAttr(readOnly),\n      role: \"combobox\",\n      tabIndex: interactive ? 0 : -1,\n      ...rest,\n      ...props,\n      ref: mergeRefs(ref, rest.ref, triggerRef),\n      onClick: handlerAll(props.onClick, rest.onClick, onClick),\n      onKeyDown: handlerAll(props.onKeyDown, rest.onKeyDown, onKeyDown),\n    }),\n    [\n      open,\n      contentId,\n      interactive,\n      ariaLabelledbyProp,\n      disabled,\n      readOnly,\n      ariaLabelProp,\n      rest,\n      onClick,\n      onKeyDown,\n    ],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id: contentId,\n      role: \"listbox\",\n      ...props,\n      ref: mergeRefs(ref, contentRef),\n      onKeyDown: handlerAll(props.onKeyDown),\n    }),\n    [contentId],\n  )\n\n  const getSeparatorProps: PropGetter = useCallback(\n    (props) => ({ role: \"separator\", ...props }),\n    [],\n  )\n\n  return {\n    activeDescendant,\n    descendants,\n    interactive,\n    open,\n    getContentProps,\n    getSeparatorProps,\n    getTriggerProps,\n    popoverProps: mergedPopoverProps,\n    onActiveDescendant,\n    onClose,\n    onOpen,\n    onOpenWithActiveDescendant,\n    onScrollIntoView,\n    onSelect,\n  }\n}\n\nexport type UseComboboxReturn = ReturnType<typeof useCombobox>\n\nexport interface UseComboboxGroupProps extends HTMLProps {}\n\nexport const useComboboxGroup = ({\n  \"aria-labelledby\": ariaLabelledbyProp,\n  ...rest\n}: UseComboboxGroupProps = {}) => {\n  const labelId = useId()\n\n  const getGroupProps: PropGetter = useCallback(\n    ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n      \"aria-labelledby\": cx(ariaLabelledbyProp, ariaLabelledby, labelId),\n      role: \"group\",\n      ...rest,\n      ...props,\n    }),\n    [ariaLabelledbyProp, labelId, rest],\n  )\n\n  const getLabelProps: PropGetter<\"span\"> = useCallback(\n    (props) => ({ id: labelId, role: \"presentation\", ...props }),\n    [labelId],\n  )\n\n  return { getGroupProps, getLabelProps }\n}\n\nexport type UseComboboxGroupReturn = ReturnType<typeof useComboboxGroup>\n\nexport interface UseComboboxItemProps extends HTMLProps {\n  /**\n   * If `true`, the item will be closed when selected.\n   */\n  closeOnSelect?: boolean\n  /**\n   * If `true`, the item will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * If `true`, the item will be selected.\n   */\n  selected?: boolean\n  /**\n   * The value of the item.\n   */\n  value?: string\n}\n\nexport const useComboboxItem = ({\n  id,\n  \"aria-disabled\": ariaDisabled,\n  \"data-disabled\": dataDisabled,\n  closeOnSelect,\n  disabled = false,\n  selected = false,\n  value,\n  ...rest\n}: UseComboboxItemProps = {}) => {\n  const uuid = useId()\n  const itemRef = useRef<HTMLDivElement>(null)\n  const { onActiveDescendant, onClose, onSelect } = useComboboxContext()\n\n  id ??= uuid\n\n  const { descendants, register } = useComboboxDescendant({\n    id,\n    closeOnSelect,\n    disabled,\n    value,\n  })\n\n  const onActive = useCallback(() => {\n    if (disabled) return\n\n    const current = descendants.value(itemRef.current)\n\n    onActiveDescendant(current)\n  }, [descendants, disabled, onActiveDescendant])\n\n  const onClick = useCallback(\n    (ev: MouseEvent<HTMLDivElement>) => {\n      ev.preventDefault()\n\n      if (disabled) return\n\n      onSelect(value, closeOnSelect)\n    },\n    [closeOnSelect, disabled, onSelect, value],\n  )\n\n  const getItemProps: PropGetter = useCallback(\n    ({ ref, ...props } = {}) => ({\n      id,\n      \"aria-disabled\": ariaDisabled ?? ariaAttr(disabled),\n      \"aria-selected\": selected,\n      \"data-disabled\": dataDisabled ?? dataAttr(disabled),\n      \"data-selected\": dataAttr(selected),\n      \"data-value\": value,\n      role: \"option\",\n      tabIndex: -1,\n      ...rest,\n      ...props,\n      ref: mergeRefs(ref, rest.ref, itemRef, register),\n      onClick: handlerAll(props.onClick, rest.onClick, onClick),\n      onMouseMove: handlerAll(props.onMouseMove, rest.onMouseMove, onActive),\n    }),\n    [\n      id,\n      ariaDisabled,\n      disabled,\n      selected,\n      dataDisabled,\n      value,\n      rest,\n      register,\n      onClick,\n      onActive,\n    ],\n  )\n\n  const getIndicatorProps: PropGetter = useCallback(\n    ({ style, ...props } = {}) => ({\n      style: { opacity: selected ? 1 : 0, ...style },\n      ...props,\n    }),\n    [selected],\n  )\n\n  return {\n    descendants,\n    disabled,\n    selected,\n    getIndicatorProps,\n    getItemProps,\n    onActiveDescendant,\n    onClose,\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/hooks/use-descendants/index.cjs

@@ -37,15 +37,25 @@ const descendantManager = () => {
 		});
 	};
 	const set = (node, props) => {
-		if (!node || descendants.has(node)) return;
-		const sorted = sortNodes(Array.from(descendants.keys()).concat(node));
-		const descendant = {
-			...props,
-			index: -1,
-			node
-		};
-		descendants.set(node, descendant);
-		setIndexes(sorted);
+		if (!node) return;
+		if (descendants.has(node)) {
+			const descendant = descendants.get(node);
+			descendants.set(node, {
+				...descendant,
+				...props,
+				index: descendant.index,
+				node: descendant.node
+			});
+		} else {
+			const sorted = sortNodes(Array.from(descendants.keys()).concat(node));
+			const descendant = {
+				...props,
+				index: -1,
+				node
+			};
+			descendants.set(node, descendant);
+			setIndexes(sorted);
+		}
 	};
 	const destroy = () => descendants.clear();
 	const register = (props) => {

package/dist/cjs/hooks/use-descendants/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["enabledValue","createContext","mergeRefs"],"sources":["../../../../src/hooks/use-descendants/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefCallback } from \"react\"\nimport { useRef } from \"react\"\nimport {\n  createContext,\n  isNumber,\n  isTruthyDataAttr,\n  mergeRefs,\n  runIfFn,\n  useSafeLayoutEffect,\n} from \"../../utils\"\n\nconst sortNodes = (nodes: Node[]) =>\n  nodes.sort((a, b) => {\n    const compare = a.compareDocumentPosition(b)\n\n    if (\n      compare & Node.DOCUMENT_POSITION_FOLLOWING ||\n      compare & Node.DOCUMENT_POSITION_CONTAINED_BY\n    )\n      return -1\n\n    if (\n      compare & Node.DOCUMENT_POSITION_PRECEDING ||\n      compare & Node.DOCUMENT_POSITION_CONTAINS\n    )\n      return 1\n\n    if (\n      compare & Node.DOCUMENT_POSITION_DISCONNECTED ||\n      compare & Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC\n    ) {\n      console.warn(\"Cannot sort the given nodes.\")\n      return 0\n    } else {\n      return 0\n    }\n  })\n\nconst getNextIndex = (current: number, max: number, loop: boolean) => {\n  let next = current + 1\n\n  if (loop && next >= max) next = 0\n\n  return next\n}\n\nconst getPrevIndex = (current: number, max: number, loop: boolean) => {\n  let next = current - 1\n\n  if (loop && next < 0) next = max\n\n  return next\n}\n\nconst isMatch =\n  <Y extends HTMLElement = HTMLElement, M = {}>(props?: Partial<M>) =>\n  (descendant: Descendant<Y, M>) =>\n    Object.entries(props ?? {}).every(\n      ([key, value]) => descendant[key as keyof Descendant<Y, M>] === value,\n    )\n\nexport type DescendantProps<Y extends HTMLElement = HTMLElement, M = {}> = M & {\n  disabled?: ((node: Y) => boolean) | boolean\n}\n\nexport type Descendant<\n  Y extends HTMLElement = HTMLElement,\n  M = {},\n> = DescendantProps<Y, M> & {\n  index: number\n  node: Y\n  recurred?: boolean\n}\n\nconst descendantManager = <Y extends HTMLElement = HTMLElement, M = {}>() => {\n  const descendants = new Map<Y, Descendant<Y, M>>()\n\n  const setIndexes = (next: Node[]) => {\n    descendants.forEach((descendant) => {\n      const index = next.indexOf(descendant.node)\n\n      descendant.index = index\n      descendant.node.dataset.index = descendant.index.toString()\n    })\n  }\n\n  const set = (node: null | Y, props?: DescendantProps<Y, M>) => {\n    if (!node || descendants.has(node)) return\n\n    const keys = Array.from(descendants.keys()).concat(node)\n    const sorted = sortNodes(keys)\n\n    const descendant = { ...props, index: -1, node } as Descendant<Y, M>\n\n    descendants.set(node, descendant)\n\n    setIndexes(sorted)\n  }\n\n  const destroy = () => descendants.clear()\n\n  const register = (props?: DescendantProps<Y, M>): RefCallback<Y> => {\n    return (node: null | Y) => set(node, props)\n  }\n\n  const unregister = (node?: null | Y) => {\n    if (node == null) return\n\n    descendants.delete(node)\n\n    const sorted = sortNodes(Array.from(descendants.keys()))\n\n    setIndexes(sorted)\n  }\n\n  const count = (props?: Partial<M>) => values(props).length\n\n  const enabledCount = (props?: Partial<M>) => enabledValues(props).length\n\n  const active = (\n    target?: Descendant<Y, M> | null | Y,\n    options?: FocusOptions,\n  ) => {\n    if (!target) return\n\n    if (!(target instanceof Node)) target = target.node\n\n    if (isTruthyDataAttr(target.dataset.activedescendant)) return\n\n    const descendants = values()\n\n    descendants.forEach(({ node }) => {\n      delete node.dataset.activedescendant\n    })\n\n    target.dataset.activedescendant = \"\"\n\n    if (options) target.focus(options)\n  }\n\n  const indexOf = (target?: Descendant<Y, M> | null | Y) => {\n    if (!target) return -1\n\n    if (target instanceof Node) {\n      return descendants.get(target)?.index ?? -1\n    } else {\n      return descendants.get(target.node)?.index ?? -1\n    }\n  }\n\n  const enabledIndexOf = (target?: Descendant<Y, M> | null | Y) => {\n    if (!target) return -1\n\n    if (target instanceof Node) {\n      return enabledValues().findIndex(({ node }) => node.isSameNode(target))\n    } else {\n      return enabledValues().findIndex(({ node }) =>\n        node.isSameNode(target.node),\n      )\n    }\n  }\n\n  const values = (props?: Partial<M>) =>\n    Array.from(descendants.values())\n      .filter(isMatch(props))\n      .sort((a, b) => a.index - b.index)\n\n  const enabledValues = (props?: Partial<M>) =>\n    values(props).filter(({ disabled, node }) => !runIfFn(disabled, node))\n\n  const value = (indexOrNode: null | number | Y) => {\n    if (!count() || indexOrNode == null) return undefined\n\n    return isNumber(indexOrNode)\n      ? values()[indexOrNode]\n      : descendants.get(indexOrNode)\n  }\n\n  const enabledValue = (indexOrNode: null | number | Y) => {\n    if (!enabledCount() || indexOrNode == null) return undefined\n\n    return enabledValues()[\n      isNumber(indexOrNode) ? indexOrNode : enabledIndexOf(indexOrNode)\n    ]\n  }\n\n  const firstValue = (props?: Partial<M>) => values(props).at(0)\n\n  const enabledFirstValue = (props?: Partial<M>) => enabledValues(props).at(0)\n\n  const lastValue = (props?: Partial<M>) => values(props).at(-1)\n\n  const enabledLastValue = (props?: Partial<M>) => enabledValues(props).at(-1)\n\n  const prevValue = (\n    indexOrNode: Descendant<Y, M> | null | number | Y,\n    loop = true,\n    props?: Partial<M>,\n  ) => {\n    const filtered = values(props)\n\n    if (!filtered.length || indexOrNode == null) return undefined\n\n    const currentIndex = isNumber(indexOrNode)\n      ? filtered.findIndex((d) => d.index === indexOrNode)\n      : filtered.findIndex((d) =>\n          d.node.isSameNode(\n            indexOrNode instanceof Node ? indexOrNode : indexOrNode.node,\n          ),\n        )\n\n    if (currentIndex === -1) return undefined\n\n    const prevIndex = getPrevIndex(currentIndex, filtered.length - 1, loop)\n\n    return filtered[prevIndex]\n  }\n\n  const enabledPrevValue = (\n    indexOrNode: Descendant<Y, M> | null | number | Y,\n    loop = true,\n    props?: Partial<M>,\n  ) => {\n    if (!enabledCount(props)) return undefined\n\n    let index = isNumber(indexOrNode) ? indexOrNode : indexOf(indexOrNode)\n    let enabledValue = null\n    let recurred = false\n\n    while (enabledValue == null) {\n      index--\n\n      if (index < 0) {\n        if (!loop) return\n\n        index = count() - 1\n        recurred = true\n      }\n\n      const descendant = value(index)\n\n      enabledValue =\n        descendant &&\n        !runIfFn(descendant.disabled, descendant.node) &&\n        isMatch<Y, M>(props)(descendant)\n          ? descendant\n          : null\n    }\n\n    if (recurred) enabledValue.recurred = recurred\n\n    return enabledValue\n  }\n\n  const nextValue = (\n    indexOrNode: Descendant<Y, M> | null | number | Y,\n    loop = true,\n    props?: Partial<M>,\n  ) => {\n    const filtered = values(props)\n\n    if (!filtered.length || indexOrNode == null) return undefined\n\n    const currentIndex = isNumber(indexOrNode)\n      ? filtered.findIndex((d) => d.index === indexOrNode)\n      : filtered.findIndex((d) =>\n          d.node.isSameNode(\n            indexOrNode instanceof Node ? indexOrNode : indexOrNode.node,\n          ),\n        )\n\n    if (currentIndex === -1) return undefined\n\n    const nextIndex = getNextIndex(currentIndex, filtered.length, loop)\n\n    return filtered[nextIndex]\n  }\n\n  const enabledNextValue = (\n    indexOrNode: Descendant<Y, M> | null | number | Y,\n    loop = true,\n    props?: Partial<M>,\n  ) => {\n    if (!enabledCount(props)) return undefined\n\n    let index = isNumber(indexOrNode) ? indexOrNode : indexOf(indexOrNode)\n    let enabledValue = null\n    let recurred = false\n\n    while (enabledValue == null) {\n      index++\n\n      if (index >= count()) {\n        if (!loop) return\n\n        index = 0\n        recurred = true\n      }\n\n      const descendant = value(index)\n\n      enabledValue =\n        descendant &&\n        !runIfFn(descendant.disabled, descendant.node) &&\n        isMatch<Y, M>(props)(descendant)\n          ? descendant\n          : null\n    }\n\n    if (recurred) enabledValue.recurred = recurred\n\n    return enabledValue\n  }\n\n  return {\n    active,\n    count,\n    destroy,\n    enabledCount,\n    enabledFirstValue,\n    enabledIndexOf,\n    enabledLastValue,\n    enabledNextValue,\n    enabledPrevValue,\n    enabledValue,\n    enabledValues,\n    firstValue,\n    indexOf,\n    lastValue,\n    nextValue,\n    prevValue,\n    register,\n    unregister,\n    value,\n    values,\n  }\n}\n\nexport type Descendants<Y extends HTMLElement, M = {}> = ReturnType<\n  typeof descendantManager<Y, M>\n>\n\nexport type CreateDescendantRegister<Y extends HTMLElement, M = {}> = (\n  props?: DescendantProps<Y, M>,\n) => RefCallback<Y>\n\n/**\n * `useDescendants` is a custom hook that manages descendants.\n *\n * @see https://yamada-ui.com/docs/hooks/use-descendants\n */\nexport const createDescendants = <\n  Y extends HTMLElement = HTMLElement,\n  M = {},\n>() => {\n  const [DescendantsContext, useDescendantsContext] = createContext<\n    Descendants<Y, M>\n  >({\n    name: \"DescendantsContext\",\n  })\n\n  const useDescendantRegister = (descendants?: Descendants<Y, M>) => {\n    const ref = useRef<Y>(null)\n\n    useSafeLayoutEffect(() => {\n      return () => {\n        if (ref.current) descendants?.unregister(ref.current)\n      }\n    }, [])\n\n    return (props?: DescendantProps<Y, M>): RefCallback<Y> =>\n      mergeRefs(ref, descendants?.register(props))\n  }\n\n  const useDescendants = () => {\n    const descendants = useRef(descendantManager<Y, M>())\n\n    useSafeLayoutEffect(() => {\n      return () => descendants.current.destroy()\n    })\n\n    return descendants.current\n  }\n\n  const useDescendant = (props?: DescendantProps<Y, M>) => {\n    const descendants = useDescendantsContext()\n    const createRegister = useDescendantRegister(descendants)\n\n    return {\n      descendants,\n      register: createRegister(props),\n    }\n  }\n\n  return {\n    DescendantsContext,\n    useDescendant,\n    useDescendantRegister,\n    useDescendants,\n    useDescendantsContext,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs","names":["enabledValue","createContext","mergeRefs"],"sources":["../../../../src/hooks/use-descendants/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefCallback } from \"react\"\nimport { useRef } from \"react\"\nimport {\n  createContext,\n  isNumber,\n  isTruthyDataAttr,\n  mergeRefs,\n  runIfFn,\n  useSafeLayoutEffect,\n} from \"../../utils\"\n\nconst sortNodes = (nodes: Node[]) =>\n  nodes.sort((a, b) => {\n    const compare = a.compareDocumentPosition(b)\n\n    if (\n      compare & Node.DOCUMENT_POSITION_FOLLOWING ||\n      compare & Node.DOCUMENT_POSITION_CONTAINED_BY\n    )\n      return -1\n\n    if (\n      compare & Node.DOCUMENT_POSITION_PRECEDING ||\n      compare & Node.DOCUMENT_POSITION_CONTAINS\n    )\n      return 1\n\n    if (\n      compare & Node.DOCUMENT_POSITION_DISCONNECTED ||\n      compare & Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC\n    ) {\n      console.warn(\"Cannot sort the given nodes.\")\n      return 0\n    } else {\n      return 0\n    }\n  })\n\nconst getNextIndex = (current: number, max: number, loop: boolean) => {\n  let next = current + 1\n\n  if (loop && next >= max) next = 0\n\n  return next\n}\n\nconst getPrevIndex = (current: number, max: number, loop: boolean) => {\n  let next = current - 1\n\n  if (loop && next < 0) next = max\n\n  return next\n}\n\nconst isMatch =\n  <Y extends HTMLElement = HTMLElement, M = {}>(props?: Partial<M>) =>\n  (descendant: Descendant<Y, M>) =>\n    Object.entries(props ?? {}).every(\n      ([key, value]) => descendant[key as keyof Descendant<Y, M>] === value,\n    )\n\nexport type DescendantProps<Y extends HTMLElement = HTMLElement, M = {}> = M & {\n  disabled?: ((node: Y) => boolean) | boolean\n}\n\nexport type Descendant<\n  Y extends HTMLElement = HTMLElement,\n  M = {},\n> = DescendantProps<Y, M> & {\n  index: number\n  node: Y\n  recurred?: boolean\n}\n\nconst descendantManager = <Y extends HTMLElement = HTMLElement, M = {}>() => {\n  const descendants = new Map<Y, Descendant<Y, M>>()\n\n  const setIndexes = (next: Node[]) => {\n    descendants.forEach((descendant) => {\n      const index = next.indexOf(descendant.node)\n\n      descendant.index = index\n      descendant.node.dataset.index = descendant.index.toString()\n    })\n  }\n\n  const set = (node: null | Y, props?: DescendantProps<Y, M>) => {\n    if (!node) return\n\n    if (descendants.has(node)) {\n      const descendant = descendants.get(node)!\n\n      descendants.set(node, {\n        ...descendant,\n        ...props,\n        index: descendant.index,\n        node: descendant.node,\n      })\n    } else {\n      const keys = Array.from(descendants.keys()).concat(node)\n      const sorted = sortNodes(keys)\n\n      const descendant = { ...props, index: -1, node } as Descendant<Y, M>\n\n      descendants.set(node, descendant)\n\n      setIndexes(sorted)\n    }\n  }\n\n  const destroy = () => descendants.clear()\n\n  const register = (props?: DescendantProps<Y, M>): RefCallback<Y> => {\n    return (node: null | Y) => set(node, props)\n  }\n\n  const unregister = (node?: null | Y) => {\n    if (node == null) return\n\n    descendants.delete(node)\n\n    const sorted = sortNodes(Array.from(descendants.keys()))\n\n    setIndexes(sorted)\n  }\n\n  const count = (props?: Partial<M>) => values(props).length\n\n  const enabledCount = (props?: Partial<M>) => enabledValues(props).length\n\n  const active = (\n    target?: Descendant<Y, M> | null | Y,\n    options?: FocusOptions,\n  ) => {\n    if (!target) return\n\n    if (!(target instanceof Node)) target = target.node\n\n    if (isTruthyDataAttr(target.dataset.activedescendant)) return\n\n    const descendants = values()\n\n    descendants.forEach(({ node }) => {\n      delete node.dataset.activedescendant\n    })\n\n    target.dataset.activedescendant = \"\"\n\n    if (options) target.focus(options)\n  }\n\n  const indexOf = (target?: Descendant<Y, M> | null | Y) => {\n    if (!target) return -1\n\n    if (target instanceof Node) {\n      return descendants.get(target)?.index ?? -1\n    } else {\n      return descendants.get(target.node)?.index ?? -1\n    }\n  }\n\n  const enabledIndexOf = (target?: Descendant<Y, M> | null | Y) => {\n    if (!target) return -1\n\n    if (target instanceof Node) {\n      return enabledValues().findIndex(({ node }) => node.isSameNode(target))\n    } else {\n      return enabledValues().findIndex(({ node }) =>\n        node.isSameNode(target.node),\n      )\n    }\n  }\n\n  const values = (props?: Partial<M>) =>\n    Array.from(descendants.values())\n      .filter(isMatch(props))\n      .sort((a, b) => a.index - b.index)\n\n  const enabledValues = (props?: Partial<M>) =>\n    values(props).filter(({ disabled, node }) => !runIfFn(disabled, node))\n\n  const value = (indexOrNode: null | number | Y) => {\n    if (!count() || indexOrNode == null) return undefined\n\n    return isNumber(indexOrNode)\n      ? values()[indexOrNode]\n      : descendants.get(indexOrNode)\n  }\n\n  const enabledValue = (indexOrNode: null | number | Y) => {\n    if (!enabledCount() || indexOrNode == null) return undefined\n\n    return enabledValues()[\n      isNumber(indexOrNode) ? indexOrNode : enabledIndexOf(indexOrNode)\n    ]\n  }\n\n  const firstValue = (props?: Partial<M>) => values(props).at(0)\n\n  const enabledFirstValue = (props?: Partial<M>) => enabledValues(props).at(0)\n\n  const lastValue = (props?: Partial<M>) => values(props).at(-1)\n\n  const enabledLastValue = (props?: Partial<M>) => enabledValues(props).at(-1)\n\n  const prevValue = (\n    indexOrNode: Descendant<Y, M> | null | number | Y,\n    loop = true,\n    props?: Partial<M>,\n  ) => {\n    const filtered = values(props)\n\n    if (!filtered.length || indexOrNode == null) return undefined\n\n    const currentIndex = isNumber(indexOrNode)\n      ? filtered.findIndex((d) => d.index === indexOrNode)\n      : filtered.findIndex((d) =>\n          d.node.isSameNode(\n            indexOrNode instanceof Node ? indexOrNode : indexOrNode.node,\n          ),\n        )\n\n    if (currentIndex === -1) return undefined\n\n    const prevIndex = getPrevIndex(currentIndex, filtered.length - 1, loop)\n\n    return filtered[prevIndex]\n  }\n\n  const enabledPrevValue = (\n    indexOrNode: Descendant<Y, M> | null | number | Y,\n    loop = true,\n    props?: Partial<M>,\n  ) => {\n    if (!enabledCount(props)) return undefined\n\n    let index = isNumber(indexOrNode) ? indexOrNode : indexOf(indexOrNode)\n    let enabledValue = null\n    let recurred = false\n\n    while (enabledValue == null) {\n      index--\n\n      if (index < 0) {\n        if (!loop) return\n\n        index = count() - 1\n        recurred = true\n      }\n\n      const descendant = value(index)\n\n      enabledValue =\n        descendant &&\n        !runIfFn(descendant.disabled, descendant.node) &&\n        isMatch<Y, M>(props)(descendant)\n          ? descendant\n          : null\n    }\n\n    if (recurred) enabledValue.recurred = recurred\n\n    return enabledValue\n  }\n\n  const nextValue = (\n    indexOrNode: Descendant<Y, M> | null | number | Y,\n    loop = true,\n    props?: Partial<M>,\n  ) => {\n    const filtered = values(props)\n\n    if (!filtered.length || indexOrNode == null) return undefined\n\n    const currentIndex = isNumber(indexOrNode)\n      ? filtered.findIndex((d) => d.index === indexOrNode)\n      : filtered.findIndex((d) =>\n          d.node.isSameNode(\n            indexOrNode instanceof Node ? indexOrNode : indexOrNode.node,\n          ),\n        )\n\n    if (currentIndex === -1) return undefined\n\n    const nextIndex = getNextIndex(currentIndex, filtered.length, loop)\n\n    return filtered[nextIndex]\n  }\n\n  const enabledNextValue = (\n    indexOrNode: Descendant<Y, M> | null | number | Y,\n    loop = true,\n    props?: Partial<M>,\n  ) => {\n    if (!enabledCount(props)) return undefined\n\n    let index = isNumber(indexOrNode) ? indexOrNode : indexOf(indexOrNode)\n    let enabledValue = null\n    let recurred = false\n\n    while (enabledValue == null) {\n      index++\n\n      if (index >= count()) {\n        if (!loop) return\n\n        index = 0\n        recurred = true\n      }\n\n      const descendant = value(index)\n\n      enabledValue =\n        descendant &&\n        !runIfFn(descendant.disabled, descendant.node) &&\n        isMatch<Y, M>(props)(descendant)\n          ? descendant\n          : null\n    }\n\n    if (recurred) enabledValue.recurred = recurred\n\n    return enabledValue\n  }\n\n  return {\n    active,\n    count,\n    destroy,\n    enabledCount,\n    enabledFirstValue,\n    enabledIndexOf,\n    enabledLastValue,\n    enabledNextValue,\n    enabledPrevValue,\n    enabledValue,\n    enabledValues,\n    firstValue,\n    indexOf,\n    lastValue,\n    nextValue,\n    prevValue,\n    register,\n    unregister,\n    value,\n    values,\n  }\n}\n\nexport type Descendants<Y extends HTMLElement, M = {}> = ReturnType<\n  typeof descendantManager<Y, M>\n>\n\nexport type CreateDescendantRegister<Y extends HTMLElement, M = {}> = (\n  props?: DescendantProps<Y, M>,\n) => RefCallback<Y>\n\n/**\n * `useDescendants` is a custom hook that manages descendants.\n *\n * @see https://yamada-ui.com/docs/hooks/use-descendants\n */\nexport const createDescendants = <\n  Y extends HTMLElement = HTMLElement,\n  M = {},\n>() => {\n  const [DescendantsContext, useDescendantsContext] = createContext<\n    Descendants<Y, M>\n  >({\n    name: \"DescendantsContext\",\n  })\n\n  const useDescendantRegister = (descendants?: Descendants<Y, M>) => {\n    const ref = useRef<Y>(null)\n\n    useSafeLayoutEffect(() => {\n      return () => {\n        if (ref.current) descendants?.unregister(ref.current)\n      }\n    }, [])\n\n    return (props?: DescendantProps<Y, M>): RefCallback<Y> =>\n      mergeRefs(ref, descendants?.register(props))\n  }\n\n  const useDescendants = () => {\n    const descendants = useRef(descendantManager<Y, M>())\n\n    useSafeLayoutEffect(() => {\n      return () => descendants.current.destroy()\n    })\n\n    return descendants.current\n  }\n\n  const useDescendant = (props?: DescendantProps<Y, M>) => {\n    const descendants = useDescendantsContext()\n    const createRegister = useDescendantRegister(descendants)\n\n    return {\n      descendants,\n      register: createRegister(props),\n    }\n  }\n\n  return {\n    DescendantsContext,\n    useDescendant,\n    useDescendantRegister,\n    useDescendants,\n    useDescendantsContext,\n  }\n}\n"],"mappings":"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"}

package/dist/cjs/hooks/use-popper/index.cjs

@@ -9,7 +9,11 @@ let _floating_ui_react_dom = require("@floating-ui/react-dom");
 //#region src/hooks/use-popper/index.ts
 const PLACEMENT_MAP = {
 	"center-end": "right",
+	"center-end-end": "right-end",
+	"center-end-start": "right-start",
 	"center-start": "left",
+	"center-start-end": "left-end",
+	"center-start-start": "left-start",
 	end: "bottom",
 	"end-center": "bottom",
 	"end-end": "bottom-end",