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

package/dist/types/core/css/conditions.d.ts

@@ -25,6 +25,10 @@ declare const attributes: {
    * The CSS `&:is([data-center], [data-group-center])` attribute selector.
    */
   readonly _center: "&:is([data-center], [data-group-center])";
+  /**
+   * The CSS `&:is([data-collapsed], :not([data-expanded]), [aria-expanded=false])` attribute selector.
+   */
+  readonly _collapsed: "&:is([data-collapsed], :not([data-expanded]), [aria-expanded=false])";
   /**
    * The CSS `&[data-complete]` attribute selector.
    */
@@ -166,7 +170,7 @@ type Attributes = typeof attributes;
 type AttributeProperty = keyof Attributes;
 type AttributeProps = { [K in AttributeProperty]?: CSSObject };
 declare const attributeProperties: AttributeProperty[];
-declare const attributeSelectors: ("&[data-inactive]" | "&[data-accept]" | "&[data-animated]" | "&[data-between]" | "&:is([data-center], [data-group-center])" | "&[data-complete]" | "&:is([aria-current], [data-current]):not([aria-current='false'])" | ".dark &:not([data-mode]), [data-mode=dark] &:not([data-mode]), &[data-mode=dark]" | "&:is([data-end], [data-group-end])" | "&:is([data-expanded], [aria-expanded=true])" | "&[data-fallback]" | "&[data-filled]" | "&:is([data-grabbed], [aria-grabbed=true])" | "&:is([role=grid], [data-grid])" | "&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))" | "&:has(> [data-icon])" | "&[data-idle]" | "&[data-incomplete]" | ".light &:not([data-mode]), [data-mode=light] &:not([data-mode]), &[data-mode=light]" | "&[data-loaded]" | "&:is([data-loading], [aria-busy=true])" | "[dir=ltr] &" | "&[hidden]" | "&[data-not-allowed]" | "&:not([aria-current], [data-current]), &[aria-current='false']" | "&:not([data-fallback])" | "&:not(:has(> [role=group]), :has(> [data-group]), :has(> .group))" | "&:not([data-selected]):not([aria-selected=true])" | "&[data-numeric]" | "&:is([open], [data-open])" | "&:is([data-pressed], [aria-pressed=true])" | "&:is([data-range])" | "&[data-reject]" | "& .ui-ripple" | "[dir=rtl] &" | "&:is([data-start], [data-group-start])" | "&:is([data-selected], [aria-selected=true])" | "&:is([hidden], [data-hidden])" | "&[data-never]")[];
+declare const attributeSelectors: ("&[data-inactive]" | "&[data-accept]" | "&[data-animated]" | "&[data-between]" | "&:is([data-center], [data-group-center])" | "&:is([data-collapsed], :not([data-expanded]), [aria-expanded=false])" | "&[data-complete]" | "&:is([aria-current], [data-current]):not([aria-current='false'])" | ".dark &:not([data-mode]), [data-mode=dark] &:not([data-mode]), &[data-mode=dark]" | "&:is([data-end], [data-group-end])" | "&:is([data-expanded], [aria-expanded=true])" | "&[data-fallback]" | "&[data-filled]" | "&:is([data-grabbed], [aria-grabbed=true])" | "&:is([role=grid], [data-grid])" | "&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))" | "&:has(> [data-icon])" | "&[data-idle]" | "&[data-incomplete]" | ".light &:not([data-mode]), [data-mode=light] &:not([data-mode]), &[data-mode=light]" | "&[data-loaded]" | "&:is([data-loading], [aria-busy=true])" | "[dir=ltr] &" | "&[hidden]" | "&[data-not-allowed]" | "&:not([aria-current], [data-current]), &[aria-current='false']" | "&:not([data-fallback])" | "&:not(:has(> [role=group]), :has(> [data-group]), :has(> .group))" | "&:not([data-selected]):not([aria-selected=true])" | "&[data-numeric]" | "&:is([open], [data-open])" | "&:is([data-pressed], [aria-pressed=true])" | "&:is([data-range])" | "&[data-reject]" | "& .ui-ripple" | "[dir=rtl] &" | "&:is([data-start], [data-group-start])" | "&:is([data-selected], [aria-selected=true])" | "&:is([hidden], [data-hidden])" | "&[data-never]")[];
 declare const pseudoElements: {
   /**
    * The CSS `&::after` pseudo-element.
@@ -271,6 +275,10 @@ declare const pseudoClasses: {
    * The CSS `& > *` child combinator selector.
    */
   readonly _child: "& > *";
+  /**
+   * The CSS `& > [data-content]` child combinator attribute selector.
+   */
+  readonly _content: "& > [data-content]";
   /**
    * The CSS `&:default` pseudo-class.
    */
@@ -508,7 +516,7 @@ type PseudoClasses = typeof pseudoClasses;
 type PseudoClassProperty = keyof PseudoClasses;
 type PseudoClassProps = { [K in PseudoClassProperty]?: CSSObject };
 declare const pseudoClassProperties: PseudoClassProperty[];
-declare const pseudoClassSelectors: ("&:is([data-activedescendant])" | "&:is(:any-link, [data-any-link])" | "&:autofill" | "&:is(:blank, [data-blank])" | "&:is(:checked, [data-checked], [aria-checked=true])" | "& > *" | "&:default" | "&:empty" | "&:is(:enabled, [data-enabled])" | "&:nth-of-type(even)" | "&:first-of-type" | "& > *:first-child" | "&:not(:focus-within, [data-focus-within])" | "&:fullscreen" | "&:is([data-orientation=horizontal], [aria-orientation=horizontal])" | "&:where(svg:not([data-loading])), & > [data-icon]" | "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])" | "& > [data-indicator]" | "&:is(:in-range, [data-in-range])" | "&:last-of-type" | "& > *:last-child" | "&:is(:link, [data-link])" | "&:modal" | "&:active" | "&:checked" | "&:is(disabled, [disabled])" | "&:focus" | "&:focus-visible" | "&:focus-within" | "&:hover" | "&:is([readonly], [aria-readonly=true])" | "&:target" | "&:valid" | "&:not(:checked):not([data-checked]):not([aria-checked=true])" | "&:not(:empty)" | "&:not(:first-of-type)" | "& > *:not(:first-child)" | "&:not(:last-of-type)" | "& > *:not(:last-child)" | "&:not(:target)" | "&:nth-of-type(odd)" | "&:only-of-type" | "&:only-child" | "&:is(:optional, [data-optional])" | "&:is(:out-of-range, [data-out-of-range])" | "&:is(:paused, [data-paused])" | "&:picture-in-picture" | "&:placeholder-shown" | "&:is(:playing, [data-playing])" | "&:popover-open" | "&:is(:read-write, [data-read-write])" | "&:is(:required, [required])" | "&:is(:target, [data-target])" | "&:is(:user-invalid, [data-user-invalid])" | "&:is(:valid, [data-valid])" | "&:is([data-orientation=vertical], [aria-orientation=vertical])" | "&:visited" | "&:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])" | "&:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])" | "&:is(:focus, [data-focus])" | "&:is(:focus-visible, [data-focus-visible])" | "&:is([data-invalid], [aria-invalid=true])" | "&:is([readonly], [data-readonly], [aria-readonly=true])" | "&:is(:disabled, [disabled], [data-disabled])")[];
+declare const pseudoClassSelectors: ("&:is([data-activedescendant])" | "&:is(:any-link, [data-any-link])" | "&:autofill" | "&:is(:blank, [data-blank])" | "&:is(:checked, [data-checked], [aria-checked=true])" | "& > *" | "& > [data-content]" | "&:default" | "&:empty" | "&:is(:enabled, [data-enabled])" | "&:nth-of-type(even)" | "&:first-of-type" | "& > *:first-child" | "&:not(:focus-within, [data-focus-within])" | "&:fullscreen" | "&:is([data-orientation=horizontal], [aria-orientation=horizontal])" | "&:where(svg:not([data-loading])), & > [data-icon]" | "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])" | "& > [data-indicator]" | "&:is(:in-range, [data-in-range])" | "&:last-of-type" | "& > *:last-child" | "&:is(:link, [data-link])" | "&:modal" | "&:active" | "&:checked" | "&:is(disabled, [disabled])" | "&:focus" | "&:focus-visible" | "&:focus-within" | "&:hover" | "&:is([readonly], [aria-readonly=true])" | "&:target" | "&:valid" | "&:not(:checked):not([data-checked]):not([aria-checked=true])" | "&:not(:empty)" | "&:not(:first-of-type)" | "& > *:not(:first-child)" | "&:not(:last-of-type)" | "& > *:not(:last-child)" | "&:not(:target)" | "&:nth-of-type(odd)" | "&:only-of-type" | "&:only-child" | "&:is(:optional, [data-optional])" | "&:is(:out-of-range, [data-out-of-range])" | "&:is(:paused, [data-paused])" | "&:picture-in-picture" | "&:placeholder-shown" | "&:is(:playing, [data-playing])" | "&:popover-open" | "&:is(:read-write, [data-read-write])" | "&:is(:required, [required])" | "&:is(:target, [data-target])" | "&:is(:user-invalid, [data-user-invalid])" | "&:is(:valid, [data-valid])" | "&:is([data-orientation=vertical], [aria-orientation=vertical])" | "&:visited" | "&:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])" | "&:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])" | "&:is(:focus, [data-focus])" | "&:is(:focus-visible, [data-focus-visible])" | "&:is([data-invalid], [aria-invalid=true])" | "&:is([readonly], [data-readonly], [aria-readonly=true])" | "&:is(:disabled, [disabled], [data-disabled])")[];
 declare const groupAttributes: {
   /**
    * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is accepted.
@@ -530,6 +538,10 @@ declare const groupAttributes: {
    * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is checked.
    */
   readonly _groupChecked: "[role=group]:is(:checked, [data-checked], [aria-checked=true]) &, [data-group]:is(:checked, [data-checked], [aria-checked=true]) &, .group:is(:checked, [data-checked], [aria-checked=true]) &";
+  /**
+   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is collapsed.
+   */
+  readonly _groupCollapsed: "[role=group]:is([data-collapsed], :not([data-expanded]), [aria-expanded=false]) &, [data-group]:is([data-collapsed], :not([data-expanded]), [aria-expanded=false]) &, .group:is([data-collapsed], :not([data-expanded]), [aria-expanded=false]) &";
   /**
    * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is complete.
    */
@@ -655,10 +667,14 @@ type GroupAttributes = typeof groupAttributes;
 type GroupAttributeProperty = keyof GroupAttributes;
 type GroupAttributeProps = { [K in GroupAttributeProperty]?: CSSObject };
 declare const groupAttributeProperties: GroupAttributeProperty[];
-declare const groupAttributeSelectors: ("[role=group][data-accept] &, [data-group][data-accept] &, .group[data-accept] &" | "[role=group]:is([data-activedescendant]) &, [data-group]:is([data-activedescendant]) &, .group:is([data-activedescendant]) &" | "[role=group][data-animated] &, [data-group][data-animated] &, .group[data-animated] &" | "[role=group]:is(:blank, [data-blank]) &, [data-group]:is(:blank, [data-blank]) &, .group:is(:blank, [data-blank]) &" | "[role=group]:is(:checked, [data-checked], [aria-checked=true]) &, [data-group]:is(:checked, [data-checked], [aria-checked=true]) &, .group:is(:checked, [data-checked], [aria-checked=true]) &" | "[role=group][data-complete] &, [data-group][data-complete] &, .group[data-complete] &" | "[role=group]:is([aria-current], [data-current]):not([aria-current='false']) &, [data-group]:is([aria-current], [data-current]):not([aria-current='false']) &, .group:is([aria-current], [data-current]):not([aria-current='false']) &" | "[role=group]:is(:enabled, [data-enabled]) &, [data-group]:is(:enabled, [data-enabled]) &, .group:is(:enabled, [data-enabled]) &" | "[role=group]:is([data-expanded], [aria-expanded=true]) &, [data-group]:is([data-expanded], [aria-expanded=true]) &, .group:is([data-expanded], [aria-expanded=true]) &" | "[role=group]:not(:focus-within, [data-focus-within]) &, [data-group]:not(:focus-within, [data-focus-within]) &, .group:not(:focus-within, [data-focus-within]) &" | "[role=group]:is([data-grabbed], [aria-grabbed=true]) &, [data-group]:is([data-grabbed], [aria-grabbed=true]) &, .group:is([data-grabbed], [aria-grabbed=true]) &" | "[role=group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, [data-group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, .group:is([data-orientation=horizontal], [aria-orientation=horizontal]) &" | "[role=group][data-idle] &, [data-group][data-idle] &, .group[data-idle] &" | "[role=group][data-incomplete] &, [data-group][data-incomplete] &, .group[data-incomplete] &" | "[role=group][data-loaded] &, [data-group][data-loaded] &, .group[data-loaded] &" | "[role=group]:is([data-loading], [aria-busy=true]) &, [data-group]:is([data-loading], [aria-busy=true]) &, .group:is([data-loading], [aria-busy=true]) &" | "[role=group]:is([open], [data-open]) &, [data-group]:is([open], [data-open]) &, .group:is([open], [data-open]) &" | "[role=group]:is(:optional, [data-optional]) &, [data-group]:is(:optional, [data-optional]) &, .group:is(:optional, [data-optional]) &" | "[role=group]:placeholder-shown &, [data-group]:placeholder-shown &, .group:placeholder-shown &" | "[role=group]:is([data-pressed], [aria-pressed=true]) &, [data-group]:is([data-pressed], [aria-pressed=true]) &, .group:is([data-pressed], [aria-pressed=true]) &" | "[role=group]:is([data-range]) &, [data-group]:is([data-range]) &, .group:is([data-range]) &" | "[role=group]:is(:read-write, [data-read-write]) &, [data-group]:is(:read-write, [data-read-write]) &, .group:is(:read-write, [data-read-write]) &" | "[role=group][data-reject] &, [data-group][data-reject] &, .group[data-reject] &" | "[role=group]:is(:required, [required]) &, [data-group]:is(:required, [required]) &, .group:is(:required, [required]) &" | "[role=group]:is(:user-invalid, [data-user-invalid]) &, [data-group]:is(:user-invalid, [data-user-invalid]) &, .group:is(:user-invalid, [data-user-invalid]) &" | "[role=group]:is(:valid, [data-valid]) &, [data-group]:is(:valid, [data-valid]) &, .group:is(:valid, [data-valid]) &" | "[role=group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, [data-group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, .group:is([data-orientation=vertical], [aria-orientation=vertical]) &" | "[role=group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &" | "[role=group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &" | "[role=group]:is(:focus, [data-focus]) &, [data-group]:is(:focus, [data-focus]) &, .group:is(:focus, [data-focus]) &" | "[role=group]:is(:focus-visible, [data-focus-visible]) &, [data-group]:is(:focus-visible, [data-focus-visible]) &, .group:is(:focus-visible, [data-focus-visible]) &" | "[role=group]:is([data-selected], [aria-selected=true]) &, [data-group]:is([data-selected], [aria-selected=true]) &, .group:is([data-selected], [aria-selected=true]) &" | "[role=group]:is([data-invalid], [aria-invalid=true]) &, [data-group]:is([data-invalid], [aria-invalid=true]) &, .group:is([data-invalid], [aria-invalid=true]) &" | "[role=group]:is([readonly], [data-readonly], [aria-readonly=true]) &, [data-group]:is([readonly], [data-readonly], [aria-readonly=true]) &, .group:is([readonly], [data-readonly], [aria-readonly=true]) &" | "[role=group]:is(:disabled, [disabled], [data-disabled]) &, [data-group]:is(:disabled, [disabled], [data-disabled]) &, .group:is(:disabled, [disabled], [data-disabled]) &")[];
+declare const groupAttributeSelectors: ("[role=group][data-accept] &, [data-group][data-accept] &, .group[data-accept] &" | "[role=group]:is([data-activedescendant]) &, [data-group]:is([data-activedescendant]) &, .group:is([data-activedescendant]) &" | "[role=group][data-animated] &, [data-group][data-animated] &, .group[data-animated] &" | "[role=group]:is(:blank, [data-blank]) &, [data-group]:is(:blank, [data-blank]) &, .group:is(:blank, [data-blank]) &" | "[role=group]:is(:checked, [data-checked], [aria-checked=true]) &, [data-group]:is(:checked, [data-checked], [aria-checked=true]) &, .group:is(:checked, [data-checked], [aria-checked=true]) &" | "[role=group]:is([data-collapsed], :not([data-expanded]), [aria-expanded=false]) &, [data-group]:is([data-collapsed], :not([data-expanded]), [aria-expanded=false]) &, .group:is([data-collapsed], :not([data-expanded]), [aria-expanded=false]) &" | "[role=group][data-complete] &, [data-group][data-complete] &, .group[data-complete] &" | "[role=group]:is([aria-current], [data-current]):not([aria-current='false']) &, [data-group]:is([aria-current], [data-current]):not([aria-current='false']) &, .group:is([aria-current], [data-current]):not([aria-current='false']) &" | "[role=group]:is(:enabled, [data-enabled]) &, [data-group]:is(:enabled, [data-enabled]) &, .group:is(:enabled, [data-enabled]) &" | "[role=group]:is([data-expanded], [aria-expanded=true]) &, [data-group]:is([data-expanded], [aria-expanded=true]) &, .group:is([data-expanded], [aria-expanded=true]) &" | "[role=group]:not(:focus-within, [data-focus-within]) &, [data-group]:not(:focus-within, [data-focus-within]) &, .group:not(:focus-within, [data-focus-within]) &" | "[role=group]:is([data-grabbed], [aria-grabbed=true]) &, [data-group]:is([data-grabbed], [aria-grabbed=true]) &, .group:is([data-grabbed], [aria-grabbed=true]) &" | "[role=group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, [data-group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, .group:is([data-orientation=horizontal], [aria-orientation=horizontal]) &" | "[role=group][data-idle] &, [data-group][data-idle] &, .group[data-idle] &" | "[role=group][data-incomplete] &, [data-group][data-incomplete] &, .group[data-incomplete] &" | "[role=group][data-loaded] &, [data-group][data-loaded] &, .group[data-loaded] &" | "[role=group]:is([data-loading], [aria-busy=true]) &, [data-group]:is([data-loading], [aria-busy=true]) &, .group:is([data-loading], [aria-busy=true]) &" | "[role=group]:is([open], [data-open]) &, [data-group]:is([open], [data-open]) &, .group:is([open], [data-open]) &" | "[role=group]:is(:optional, [data-optional]) &, [data-group]:is(:optional, [data-optional]) &, .group:is(:optional, [data-optional]) &" | "[role=group]:placeholder-shown &, [data-group]:placeholder-shown &, .group:placeholder-shown &" | "[role=group]:is([data-pressed], [aria-pressed=true]) &, [data-group]:is([data-pressed], [aria-pressed=true]) &, .group:is([data-pressed], [aria-pressed=true]) &" | "[role=group]:is([data-range]) &, [data-group]:is([data-range]) &, .group:is([data-range]) &" | "[role=group]:is(:read-write, [data-read-write]) &, [data-group]:is(:read-write, [data-read-write]) &, .group:is(:read-write, [data-read-write]) &" | "[role=group][data-reject] &, [data-group][data-reject] &, .group[data-reject] &" | "[role=group]:is(:required, [required]) &, [data-group]:is(:required, [required]) &, .group:is(:required, [required]) &" | "[role=group]:is(:user-invalid, [data-user-invalid]) &, [data-group]:is(:user-invalid, [data-user-invalid]) &, .group:is(:user-invalid, [data-user-invalid]) &" | "[role=group]:is(:valid, [data-valid]) &, [data-group]:is(:valid, [data-valid]) &, .group:is(:valid, [data-valid]) &" | "[role=group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, [data-group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, .group:is([data-orientation=vertical], [aria-orientation=vertical]) &" | "[role=group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &" | "[role=group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &" | "[role=group]:is(:focus, [data-focus]) &, [data-group]:is(:focus, [data-focus]) &, .group:is(:focus, [data-focus]) &" | "[role=group]:is(:focus-visible, [data-focus-visible]) &, [data-group]:is(:focus-visible, [data-focus-visible]) &, .group:is(:focus-visible, [data-focus-visible]) &" | "[role=group]:is([data-selected], [aria-selected=true]) &, [data-group]:is([data-selected], [aria-selected=true]) &, .group:is([data-selected], [aria-selected=true]) &" | "[role=group]:is([data-invalid], [aria-invalid=true]) &, [data-group]:is([data-invalid], [aria-invalid=true]) &, .group:is([data-invalid], [aria-invalid=true]) &" | "[role=group]:is([readonly], [data-readonly], [aria-readonly=true]) &, [data-group]:is([readonly], [data-readonly], [aria-readonly=true]) &, .group:is([readonly], [data-readonly], [aria-readonly=true]) &" | "[role=group]:is(:disabled, [disabled], [data-disabled]) &, [data-group]:is(:disabled, [disabled], [data-disabled]) &, .group:is(:disabled, [disabled], [data-disabled]) &")[];
 declare const peerAttributes: {
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is accepted.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` exists.
+   */
+  readonly _peer: `[data-peer]${string} ~ &, .peer${string} ~ &`;
+  /**
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is accepted.
    */
   readonly _peerAccept: "[data-peer][data-accept] ~ &, .peer[data-accept] ~ &";
   /**
@@ -670,123 +686,127 @@ declare const peerAttributes: {
    */
   readonly _peerBlank: "[data-peer]:is(:blank, [data-blank]) ~ &, .peer:is(:blank, [data-blank]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is checked.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is checked.
    */
   readonly _peerChecked: "[data-peer]:is(:checked, [data-checked], [aria-checked=true]) ~ &, .peer:is(:checked, [data-checked], [aria-checked=true]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is complete.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is collapsed.
+   */
+  readonly _peerCollapsed: "[data-peer]:is([data-collapsed], :not([data-expanded]), [aria-expanded=false]) ~ &, .peer:is([data-collapsed], :not([data-expanded]), [aria-expanded=false]) ~ &";
+  /**
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is complete.
    */
   readonly _peerComplete: "[data-peer][data-complete] ~ &, .peer[data-complete] ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is current.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is current.
    */
   readonly _peerCurrent: "[data-peer]:is([aria-current], [data-current]):not([aria-current='false']) ~ &, .peer:is([aria-current], [data-current]):not([aria-current='false']) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is enabled.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is enabled.
    */
   readonly _peerEnabled: "[data-peer]:is(:enabled, [data-enabled]) ~ &, .peer:is(:enabled, [data-enabled]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is expanded.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is expanded.
    */
   readonly _peerExpanded: "[data-peer]:is([data-expanded], [aria-expanded=true]) ~ &, .peer:is([data-expanded], [aria-expanded=true]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is focus-within.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is focus-within.
    */
   readonly _peerFocusWithin: "[data-peer]:not(:focus-within, [data-focus-within]) ~ &, .peer:not(:focus-within, [data-focus-within]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is grabbed.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is grabbed.
    */
   readonly _peerGrabbed: "[data-peer]:is([data-grabbed], [aria-grabbed=true]) ~ &, .peer:is([data-grabbed], [aria-grabbed=true]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is horizontal.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is horizontal.
    */
   readonly _peerHorizontal: "[data-peer]:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &, .peer:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is idle.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is idle.
    */
   readonly _peerIdle: "[data-peer][data-idle] ~ &, .peer[data-idle] ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is incomplete.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is incomplete.
    */
   readonly _peerIncomplete: "[data-peer][data-incomplete] ~ &, .peer[data-incomplete] ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is loaded.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is loaded.
    */
   readonly _peerLoaded: "[data-peer][data-loaded] ~ &, .peer[data-loaded] ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is loading.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is loading.
    */
   readonly _peerLoading: "[data-peer]:is([data-loading], [aria-busy=true]) ~ &, .peer:is([data-loading], [aria-busy=true]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is optional.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is optional.
    */
   readonly _peerOptional: "[data-peer]:is(:optional, [data-optional]) ~ &, .peer:is(:optional, [data-optional]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` has a placeholder shown.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` has a placeholder shown.
    */
   readonly _peerPlaceholderShown: "[data-peer]:placeholder-shown ~ &, .peer:placeholder-shown ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is pressed.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is pressed.
    */
   readonly _peerPressed: "[data-peer]:is([data-pressed], [aria-pressed=true]) ~ &, .peer:is([data-pressed], [aria-pressed=true]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is range.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is range.
    */
   readonly _peerRange: "[data-peer]:is([data-range]) ~ &, .peer:is([data-range]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is read-write.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is read-write.
    */
   readonly _peerReadWrite: "[data-peer]:is(:read-write, [data-read-write]) ~ &, .peer:is(:read-write, [data-read-write]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is rejected.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is rejected.
    */
   readonly _peerReject: "[data-peer][data-reject] ~ &, .peer[data-reject] ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is required.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is required.
    */
   readonly _peerRequired: "[data-peer]:is(:required, [required]) ~ &, .peer:is(:required, [required]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is user-invalid.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is user-invalid.
    */
   readonly _peerUserInvalid: "[data-peer]:is(:user-invalid, [data-user-invalid]) ~ &, .peer:is(:user-invalid, [data-user-invalid]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is valid.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is valid.
    */
   readonly _peerValid: "[data-peer]:is(:valid, [data-valid]) ~ &, .peer:is(:valid, [data-valid]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is vertical.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is vertical.
    */
   readonly _peerVertical: "[data-peer]:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &, .peer:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is hovered.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is hovered.
    */
   readonly _peerHover: "[data-peer]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, .peer:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is active.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is active.
    */
   readonly _peerActive: "[data-peer]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, .peer:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is focused.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is focused.
    */
   readonly _peerFocus: "[data-peer]:is(:focus, [data-focus]) ~ &, .peer:is(:focus, [data-focus]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is focused-visible.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is focused-visible.
    */
   readonly _peerFocusVisible: "[data-peer]:is(:focus-visible, [data-focus-visible]) ~ &, .peer:is(:focus-visible, [data-focus-visible]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is selected.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is selected.
    */
   readonly _peerSelected: "[data-peer]:is([data-selected], [aria-selected=true]) ~ &, .peer:is([data-selected], [aria-selected=true]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is invalid.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is invalid.
    */
   readonly _peerInvalid: "[data-peer]:is([data-invalid], [aria-invalid=true]) ~ &, .peer:is([data-invalid], [aria-invalid=true]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is read-only.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is read-only.
    */
   readonly _peerReadOnly: "[data-peer]:is([readonly], [data-readonly], [aria-readonly=true]) ~ &, .peer:is([readonly], [data-readonly], [aria-readonly=true]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is disabled.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is disabled.
    */
   readonly _peerDisabled: "[data-peer]:is(:disabled, [disabled], [data-disabled]) ~ &, .peer:is(:disabled, [disabled], [data-disabled]) ~ &";
 };
@@ -794,10 +814,14 @@ type PeerAttributes = typeof peerAttributes;
 type PeerAttributeProperty = keyof PeerAttributes;
 type PeerAttributeProps = { [K in PeerAttributeProperty]?: CSSObject };
 declare const peerAttributeProperties: PeerAttributeProperty[];
-declare const peerAttributeSelectors: ("[data-peer][data-accept] ~ &, .peer[data-accept] ~ &" | "[data-peer][data-animated] ~ &, .peer[data-animated] ~ &" | "[data-peer]:is(:blank, [data-blank]) ~ &, .peer:is(:blank, [data-blank]) ~ &" | "[data-peer]:is(:checked, [data-checked], [aria-checked=true]) ~ &, .peer:is(:checked, [data-checked], [aria-checked=true]) ~ &" | "[data-peer][data-complete] ~ &, .peer[data-complete] ~ &" | "[data-peer]:is([aria-current], [data-current]):not([aria-current='false']) ~ &, .peer:is([aria-current], [data-current]):not([aria-current='false']) ~ &" | "[data-peer]:is(:enabled, [data-enabled]) ~ &, .peer:is(:enabled, [data-enabled]) ~ &" | "[data-peer]:is([data-expanded], [aria-expanded=true]) ~ &, .peer:is([data-expanded], [aria-expanded=true]) ~ &" | "[data-peer]:not(:focus-within, [data-focus-within]) ~ &, .peer:not(:focus-within, [data-focus-within]) ~ &" | "[data-peer]:is([data-grabbed], [aria-grabbed=true]) ~ &, .peer:is([data-grabbed], [aria-grabbed=true]) ~ &" | "[data-peer]:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &, .peer:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &" | "[data-peer][data-idle] ~ &, .peer[data-idle] ~ &" | "[data-peer][data-incomplete] ~ &, .peer[data-incomplete] ~ &" | "[data-peer][data-loaded] ~ &, .peer[data-loaded] ~ &" | "[data-peer]:is([data-loading], [aria-busy=true]) ~ &, .peer:is([data-loading], [aria-busy=true]) ~ &" | "[data-peer]:is(:optional, [data-optional]) ~ &, .peer:is(:optional, [data-optional]) ~ &" | "[data-peer]:placeholder-shown ~ &, .peer:placeholder-shown ~ &" | "[data-peer]:is([data-pressed], [aria-pressed=true]) ~ &, .peer:is([data-pressed], [aria-pressed=true]) ~ &" | "[data-peer]:is([data-range]) ~ &, .peer:is([data-range]) ~ &" | "[data-peer]:is(:read-write, [data-read-write]) ~ &, .peer:is(:read-write, [data-read-write]) ~ &" | "[data-peer][data-reject] ~ &, .peer[data-reject] ~ &" | "[data-peer]:is(:required, [required]) ~ &, .peer:is(:required, [required]) ~ &" | "[data-peer]:is(:user-invalid, [data-user-invalid]) ~ &, .peer:is(:user-invalid, [data-user-invalid]) ~ &" | "[data-peer]:is(:valid, [data-valid]) ~ &, .peer:is(:valid, [data-valid]) ~ &" | "[data-peer]:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &, .peer:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &" | "[data-peer]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, .peer:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &" | "[data-peer]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, .peer:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &" | "[data-peer]:is(:focus, [data-focus]) ~ &, .peer:is(:focus, [data-focus]) ~ &" | "[data-peer]:is(:focus-visible, [data-focus-visible]) ~ &, .peer:is(:focus-visible, [data-focus-visible]) ~ &" | "[data-peer]:is([data-selected], [aria-selected=true]) ~ &, .peer:is([data-selected], [aria-selected=true]) ~ &" | "[data-peer]:is([data-invalid], [aria-invalid=true]) ~ &, .peer:is([data-invalid], [aria-invalid=true]) ~ &" | "[data-peer]:is([readonly], [data-readonly], [aria-readonly=true]) ~ &, .peer:is([readonly], [data-readonly], [aria-readonly=true]) ~ &" | "[data-peer]:is(:disabled, [disabled], [data-disabled]) ~ &, .peer:is(:disabled, [disabled], [data-disabled]) ~ &")[];
+declare const peerAttributeSelectors: `[data-peer]${string} ~ &, .peer${string} ~ &`[];
 declare const conditions: {
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is accepted.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` exists.
+   */
+  readonly _peer: `[data-peer]${string} ~ &, .peer${string} ~ &`;
+  /**
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is accepted.
    */
   readonly _peerAccept: "[data-peer][data-accept] ~ &, .peer[data-accept] ~ &";
   /**
@@ -809,123 +833,127 @@ declare const conditions: {
    */
   readonly _peerBlank: "[data-peer]:is(:blank, [data-blank]) ~ &, .peer:is(:blank, [data-blank]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is checked.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is checked.
    */
   readonly _peerChecked: "[data-peer]:is(:checked, [data-checked], [aria-checked=true]) ~ &, .peer:is(:checked, [data-checked], [aria-checked=true]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is complete.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is collapsed.
+   */
+  readonly _peerCollapsed: "[data-peer]:is([data-collapsed], :not([data-expanded]), [aria-expanded=false]) ~ &, .peer:is([data-collapsed], :not([data-expanded]), [aria-expanded=false]) ~ &";
+  /**
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is complete.
    */
   readonly _peerComplete: "[data-peer][data-complete] ~ &, .peer[data-complete] ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is current.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is current.
    */
   readonly _peerCurrent: "[data-peer]:is([aria-current], [data-current]):not([aria-current='false']) ~ &, .peer:is([aria-current], [data-current]):not([aria-current='false']) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is enabled.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is enabled.
    */
   readonly _peerEnabled: "[data-peer]:is(:enabled, [data-enabled]) ~ &, .peer:is(:enabled, [data-enabled]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is expanded.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is expanded.
    */
   readonly _peerExpanded: "[data-peer]:is([data-expanded], [aria-expanded=true]) ~ &, .peer:is([data-expanded], [aria-expanded=true]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is focus-within.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is focus-within.
    */
   readonly _peerFocusWithin: "[data-peer]:not(:focus-within, [data-focus-within]) ~ &, .peer:not(:focus-within, [data-focus-within]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is grabbed.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is grabbed.
    */
   readonly _peerGrabbed: "[data-peer]:is([data-grabbed], [aria-grabbed=true]) ~ &, .peer:is([data-grabbed], [aria-grabbed=true]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is horizontal.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is horizontal.
    */
   readonly _peerHorizontal: "[data-peer]:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &, .peer:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is idle.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is idle.
    */
   readonly _peerIdle: "[data-peer][data-idle] ~ &, .peer[data-idle] ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is incomplete.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is incomplete.
    */
   readonly _peerIncomplete: "[data-peer][data-incomplete] ~ &, .peer[data-incomplete] ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is loaded.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is loaded.
    */
   readonly _peerLoaded: "[data-peer][data-loaded] ~ &, .peer[data-loaded] ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is loading.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is loading.
    */
   readonly _peerLoading: "[data-peer]:is([data-loading], [aria-busy=true]) ~ &, .peer:is([data-loading], [aria-busy=true]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is optional.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is optional.
    */
   readonly _peerOptional: "[data-peer]:is(:optional, [data-optional]) ~ &, .peer:is(:optional, [data-optional]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` has a placeholder shown.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` has a placeholder shown.
    */
   readonly _peerPlaceholderShown: "[data-peer]:placeholder-shown ~ &, .peer:placeholder-shown ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is pressed.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is pressed.
    */
   readonly _peerPressed: "[data-peer]:is([data-pressed], [aria-pressed=true]) ~ &, .peer:is([data-pressed], [aria-pressed=true]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is range.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is range.
    */
   readonly _peerRange: "[data-peer]:is([data-range]) ~ &, .peer:is([data-range]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is read-write.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is read-write.
    */
   readonly _peerReadWrite: "[data-peer]:is(:read-write, [data-read-write]) ~ &, .peer:is(:read-write, [data-read-write]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is rejected.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is rejected.
    */
   readonly _peerReject: "[data-peer][data-reject] ~ &, .peer[data-reject] ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is required.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is required.
    */
   readonly _peerRequired: "[data-peer]:is(:required, [required]) ~ &, .peer:is(:required, [required]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is user-invalid.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is user-invalid.
    */
   readonly _peerUserInvalid: "[data-peer]:is(:user-invalid, [data-user-invalid]) ~ &, .peer:is(:user-invalid, [data-user-invalid]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is valid.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is valid.
    */
   readonly _peerValid: "[data-peer]:is(:valid, [data-valid]) ~ &, .peer:is(:valid, [data-valid]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is vertical.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is vertical.
    */
   readonly _peerVertical: "[data-peer]:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &, .peer:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is hovered.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is hovered.
    */
   readonly _peerHover: "[data-peer]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, .peer:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is active.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is active.
    */
   readonly _peerActive: "[data-peer]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, .peer:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is focused.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is focused.
    */
   readonly _peerFocus: "[data-peer]:is(:focus, [data-focus]) ~ &, .peer:is(:focus, [data-focus]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is focused-visible.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is focused-visible.
    */
   readonly _peerFocusVisible: "[data-peer]:is(:focus-visible, [data-focus-visible]) ~ &, .peer:is(:focus-visible, [data-focus-visible]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is selected.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is selected.
    */
   readonly _peerSelected: "[data-peer]:is([data-selected], [aria-selected=true]) ~ &, .peer:is([data-selected], [aria-selected=true]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is invalid.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is invalid.
    */
   readonly _peerInvalid: "[data-peer]:is([data-invalid], [aria-invalid=true]) ~ &, .peer:is([data-invalid], [aria-invalid=true]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is read-only.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is read-only.
    */
   readonly _peerReadOnly: "[data-peer]:is([readonly], [data-readonly], [aria-readonly=true]) ~ &, .peer:is([readonly], [data-readonly], [aria-readonly=true]) ~ &";
   /**
-   * Styles to apply when a parent element with `data-peer` or `.peer` is disabled.
+   * Styles to apply when a sibling element with `data-peer` or `.peer` is disabled.
    */
   readonly _peerDisabled: "[data-peer]:is(:disabled, [disabled], [data-disabled]) ~ &, .peer:is(:disabled, [disabled], [data-disabled]) ~ &";
   /**
@@ -948,6 +976,10 @@ declare const conditions: {
    * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is checked.
    */
   readonly _groupChecked: "[role=group]:is(:checked, [data-checked], [aria-checked=true]) &, [data-group]:is(:checked, [data-checked], [aria-checked=true]) &, .group:is(:checked, [data-checked], [aria-checked=true]) &";
+  /**
+   * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is collapsed.
+   */
+  readonly _groupCollapsed: "[role=group]:is([data-collapsed], :not([data-expanded]), [aria-expanded=false]) &, [data-group]:is([data-collapsed], :not([data-expanded]), [aria-expanded=false]) &, .group:is([data-collapsed], :not([data-expanded]), [aria-expanded=false]) &";
   /**
    * Styles to apply when a parent element with `role=group`, `data-group` or `.group` is complete.
    */
@@ -1092,6 +1124,10 @@ declare const conditions: {
    * The CSS `& > *` child combinator selector.
    */
   readonly _child: "& > *";
+  /**
+   * The CSS `& > [data-content]` child combinator attribute selector.
+   */
+  readonly _content: "& > [data-content]";
   /**
    * The CSS `&:default` pseudo-class.
    */
@@ -1344,6 +1380,10 @@ declare const conditions: {
    * The CSS `&:is([data-center], [data-group-center])` attribute selector.
    */
   readonly _center: "&:is([data-center], [data-group-center])";
+  /**
+   * The CSS `&:is([data-collapsed], :not([data-expanded]), [aria-expanded=false])` attribute selector.
+   */
+  readonly _collapsed: "&:is([data-collapsed], :not([data-expanded]), [aria-expanded=false])";
   /**
    * The CSS `&[data-complete]` attribute selector.
    */
@@ -1558,7 +1598,7 @@ type ConditionProperty = keyof Conditions;
 type ConditionSelector = Conditions[ConditionProperty];
 type ConditionProps = { [K in keyof Conditions]?: CSSObject };
 declare const conditionProperties: ConditionProperty[];
-declare const conditionSelectors: ("&::after" | "&::backdrop" | "&::before" | "&::cue" | "&::cue-region" | "&::details-content" | "&::file-selector-button" | "&::first-letter" | "&::first-line" | "&::marker" | "&::placeholder, &[data-placeholder]" | "&::-webkit-scrollbar, &[data-scrollbar]" | "&::-webkit-scrollbar-button" | "&::-webkit-scrollbar-corner" | "&::-webkit-scrollbar-thumb" | "&::-webkit-scrollbar-track" | "&::-webkit-scrollbar-track-piece" | "&::selection" | "&[data-inactive]" | "&[data-accept]" | "&[data-animated]" | "&[data-between]" | "&:is([data-center], [data-group-center])" | "&[data-complete]" | "&:is([aria-current], [data-current]):not([aria-current='false'])" | ".dark &:not([data-mode]), [data-mode=dark] &:not([data-mode]), &[data-mode=dark]" | "&:is([data-end], [data-group-end])" | "&:is([data-expanded], [aria-expanded=true])" | "&[data-fallback]" | "&[data-filled]" | "&:is([data-grabbed], [aria-grabbed=true])" | "&:is([role=grid], [data-grid])" | "&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))" | "&:has(> [data-icon])" | "&[data-idle]" | "&[data-incomplete]" | ".light &:not([data-mode]), [data-mode=light] &:not([data-mode]), &[data-mode=light]" | "&[data-loaded]" | "&:is([data-loading], [aria-busy=true])" | "[dir=ltr] &" | "&[hidden]" | "&[data-not-allowed]" | "&:not([aria-current], [data-current]), &[aria-current='false']" | "&:not([data-fallback])" | "&:not(:has(> [role=group]), :has(> [data-group]), :has(> .group))" | "&:not([data-selected]):not([aria-selected=true])" | "&[data-numeric]" | "&:is([open], [data-open])" | "&:is([data-pressed], [aria-pressed=true])" | "&:is([data-range])" | "&[data-reject]" | "& .ui-ripple" | "[dir=rtl] &" | "&:is([data-start], [data-group-start])" | "&:is([data-selected], [aria-selected=true])" | "&:is([hidden], [data-hidden])" | "&[data-never]" | "&:is([data-activedescendant])" | "&:is(:any-link, [data-any-link])" | "&:autofill" | "&:is(:blank, [data-blank])" | "&:is(:checked, [data-checked], [aria-checked=true])" | "& > *" | "&:default" | "&:empty" | "&:is(:enabled, [data-enabled])" | "&:nth-of-type(even)" | "&:first-of-type" | "& > *:first-child" | "&:not(:focus-within, [data-focus-within])" | "&:fullscreen" | "&:is([data-orientation=horizontal], [aria-orientation=horizontal])" | "&:where(svg:not([data-loading])), & > [data-icon]" | "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])" | "& > [data-indicator]" | "&:is(:in-range, [data-in-range])" | "&:last-of-type" | "& > *:last-child" | "&:is(:link, [data-link])" | "&:modal" | "&:active" | "&:checked" | "&:is(disabled, [disabled])" | "&:focus" | "&:focus-visible" | "&:focus-within" | "&:hover" | "&:is([readonly], [aria-readonly=true])" | "&:target" | "&:valid" | "&:not(:checked):not([data-checked]):not([aria-checked=true])" | "&:not(:empty)" | "&:not(:first-of-type)" | "& > *:not(:first-child)" | "&:not(:last-of-type)" | "& > *:not(:last-child)" | "&:not(:target)" | "&:nth-of-type(odd)" | "&:only-of-type" | "&:only-child" | "&:is(:optional, [data-optional])" | "&:is(:out-of-range, [data-out-of-range])" | "&:is(:paused, [data-paused])" | "&:picture-in-picture" | "&:placeholder-shown" | "&:is(:playing, [data-playing])" | "&:popover-open" | "&:is(:read-write, [data-read-write])" | "&:is(:required, [required])" | "&:is(:target, [data-target])" | "&:is(:user-invalid, [data-user-invalid])" | "&:is(:valid, [data-valid])" | "&:is([data-orientation=vertical], [aria-orientation=vertical])" | "&:visited" | "&:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])" | "&:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])" | "&:is(:focus, [data-focus])" | "&:is(:focus-visible, [data-focus-visible])" | "&:is([data-invalid], [aria-invalid=true])" | "&:is([readonly], [data-readonly], [aria-readonly=true])" | "&:is(:disabled, [disabled], [data-disabled])" | "[role=group][data-accept] &, [data-group][data-accept] &, .group[data-accept] &" | "[role=group]:is([data-activedescendant]) &, [data-group]:is([data-activedescendant]) &, .group:is([data-activedescendant]) &" | "[role=group][data-animated] &, [data-group][data-animated] &, .group[data-animated] &" | "[role=group]:is(:blank, [data-blank]) &, [data-group]:is(:blank, [data-blank]) &, .group:is(:blank, [data-blank]) &" | "[role=group]:is(:checked, [data-checked], [aria-checked=true]) &, [data-group]:is(:checked, [data-checked], [aria-checked=true]) &, .group:is(:checked, [data-checked], [aria-checked=true]) &" | "[role=group][data-complete] &, [data-group][data-complete] &, .group[data-complete] &" | "[role=group]:is([aria-current], [data-current]):not([aria-current='false']) &, [data-group]:is([aria-current], [data-current]):not([aria-current='false']) &, .group:is([aria-current], [data-current]):not([aria-current='false']) &" | "[role=group]:is(:enabled, [data-enabled]) &, [data-group]:is(:enabled, [data-enabled]) &, .group:is(:enabled, [data-enabled]) &" | "[role=group]:is([data-expanded], [aria-expanded=true]) &, [data-group]:is([data-expanded], [aria-expanded=true]) &, .group:is([data-expanded], [aria-expanded=true]) &" | "[role=group]:not(:focus-within, [data-focus-within]) &, [data-group]:not(:focus-within, [data-focus-within]) &, .group:not(:focus-within, [data-focus-within]) &" | "[role=group]:is([data-grabbed], [aria-grabbed=true]) &, [data-group]:is([data-grabbed], [aria-grabbed=true]) &, .group:is([data-grabbed], [aria-grabbed=true]) &" | "[role=group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, [data-group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, .group:is([data-orientation=horizontal], [aria-orientation=horizontal]) &" | "[role=group][data-idle] &, [data-group][data-idle] &, .group[data-idle] &" | "[role=group][data-incomplete] &, [data-group][data-incomplete] &, .group[data-incomplete] &" | "[role=group][data-loaded] &, [data-group][data-loaded] &, .group[data-loaded] &" | "[role=group]:is([data-loading], [aria-busy=true]) &, [data-group]:is([data-loading], [aria-busy=true]) &, .group:is([data-loading], [aria-busy=true]) &" | "[role=group]:is([open], [data-open]) &, [data-group]:is([open], [data-open]) &, .group:is([open], [data-open]) &" | "[role=group]:is(:optional, [data-optional]) &, [data-group]:is(:optional, [data-optional]) &, .group:is(:optional, [data-optional]) &" | "[role=group]:placeholder-shown &, [data-group]:placeholder-shown &, .group:placeholder-shown &" | "[role=group]:is([data-pressed], [aria-pressed=true]) &, [data-group]:is([data-pressed], [aria-pressed=true]) &, .group:is([data-pressed], [aria-pressed=true]) &" | "[role=group]:is([data-range]) &, [data-group]:is([data-range]) &, .group:is([data-range]) &" | "[role=group]:is(:read-write, [data-read-write]) &, [data-group]:is(:read-write, [data-read-write]) &, .group:is(:read-write, [data-read-write]) &" | "[role=group][data-reject] &, [data-group][data-reject] &, .group[data-reject] &" | "[role=group]:is(:required, [required]) &, [data-group]:is(:required, [required]) &, .group:is(:required, [required]) &" | "[role=group]:is(:user-invalid, [data-user-invalid]) &, [data-group]:is(:user-invalid, [data-user-invalid]) &, .group:is(:user-invalid, [data-user-invalid]) &" | "[role=group]:is(:valid, [data-valid]) &, [data-group]:is(:valid, [data-valid]) &, .group:is(:valid, [data-valid]) &" | "[role=group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, [data-group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, .group:is([data-orientation=vertical], [aria-orientation=vertical]) &" | "[role=group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &" | "[role=group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &" | "[role=group]:is(:focus, [data-focus]) &, [data-group]:is(:focus, [data-focus]) &, .group:is(:focus, [data-focus]) &" | "[role=group]:is(:focus-visible, [data-focus-visible]) &, [data-group]:is(:focus-visible, [data-focus-visible]) &, .group:is(:focus-visible, [data-focus-visible]) &" | "[role=group]:is([data-selected], [aria-selected=true]) &, [data-group]:is([data-selected], [aria-selected=true]) &, .group:is([data-selected], [aria-selected=true]) &" | "[role=group]:is([data-invalid], [aria-invalid=true]) &, [data-group]:is([data-invalid], [aria-invalid=true]) &, .group:is([data-invalid], [aria-invalid=true]) &" | "[role=group]:is([readonly], [data-readonly], [aria-readonly=true]) &, [data-group]:is([readonly], [data-readonly], [aria-readonly=true]) &, .group:is([readonly], [data-readonly], [aria-readonly=true]) &" | "[role=group]:is(:disabled, [disabled], [data-disabled]) &, [data-group]:is(:disabled, [disabled], [data-disabled]) &, .group:is(:disabled, [disabled], [data-disabled]) &" | "[data-peer][data-accept] ~ &, .peer[data-accept] ~ &" | "[data-peer][data-animated] ~ &, .peer[data-animated] ~ &" | "[data-peer]:is(:blank, [data-blank]) ~ &, .peer:is(:blank, [data-blank]) ~ &" | "[data-peer]:is(:checked, [data-checked], [aria-checked=true]) ~ &, .peer:is(:checked, [data-checked], [aria-checked=true]) ~ &" | "[data-peer][data-complete] ~ &, .peer[data-complete] ~ &" | "[data-peer]:is([aria-current], [data-current]):not([aria-current='false']) ~ &, .peer:is([aria-current], [data-current]):not([aria-current='false']) ~ &" | "[data-peer]:is(:enabled, [data-enabled]) ~ &, .peer:is(:enabled, [data-enabled]) ~ &" | "[data-peer]:is([data-expanded], [aria-expanded=true]) ~ &, .peer:is([data-expanded], [aria-expanded=true]) ~ &" | "[data-peer]:not(:focus-within, [data-focus-within]) ~ &, .peer:not(:focus-within, [data-focus-within]) ~ &" | "[data-peer]:is([data-grabbed], [aria-grabbed=true]) ~ &, .peer:is([data-grabbed], [aria-grabbed=true]) ~ &" | "[data-peer]:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &, .peer:is([data-orientation=horizontal], [aria-orientation=horizontal]) ~ &" | "[data-peer][data-idle] ~ &, .peer[data-idle] ~ &" | "[data-peer][data-incomplete] ~ &, .peer[data-incomplete] ~ &" | "[data-peer][data-loaded] ~ &, .peer[data-loaded] ~ &" | "[data-peer]:is([data-loading], [aria-busy=true]) ~ &, .peer:is([data-loading], [aria-busy=true]) ~ &" | "[data-peer]:is(:optional, [data-optional]) ~ &, .peer:is(:optional, [data-optional]) ~ &" | "[data-peer]:placeholder-shown ~ &, .peer:placeholder-shown ~ &" | "[data-peer]:is([data-pressed], [aria-pressed=true]) ~ &, .peer:is([data-pressed], [aria-pressed=true]) ~ &" | "[data-peer]:is([data-range]) ~ &, .peer:is([data-range]) ~ &" | "[data-peer]:is(:read-write, [data-read-write]) ~ &, .peer:is(:read-write, [data-read-write]) ~ &" | "[data-peer][data-reject] ~ &, .peer[data-reject] ~ &" | "[data-peer]:is(:required, [required]) ~ &, .peer:is(:required, [required]) ~ &" | "[data-peer]:is(:user-invalid, [data-user-invalid]) ~ &, .peer:is(:user-invalid, [data-user-invalid]) ~ &" | "[data-peer]:is(:valid, [data-valid]) ~ &, .peer:is(:valid, [data-valid]) ~ &" | "[data-peer]:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &, .peer:is([data-orientation=vertical], [aria-orientation=vertical]) ~ &" | "[data-peer]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, .peer:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &" | "[data-peer]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &, .peer:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) ~ &" | "[data-peer]:is(:focus, [data-focus]) ~ &, .peer:is(:focus, [data-focus]) ~ &" | "[data-peer]:is(:focus-visible, [data-focus-visible]) ~ &, .peer:is(:focus-visible, [data-focus-visible]) ~ &" | "[data-peer]:is([data-selected], [aria-selected=true]) ~ &, .peer:is([data-selected], [aria-selected=true]) ~ &" | "[data-peer]:is([data-invalid], [aria-invalid=true]) ~ &, .peer:is([data-invalid], [aria-invalid=true]) ~ &" | "[data-peer]:is([readonly], [data-readonly], [aria-readonly=true]) ~ &, .peer:is([readonly], [data-readonly], [aria-readonly=true]) ~ &" | "[data-peer]:is(:disabled, [disabled], [data-disabled]) ~ &, .peer:is(:disabled, [disabled], [data-disabled]) ~ &")[];
+declare const conditionSelectors: ("&::after" | "&::backdrop" | "&::before" | "&::cue" | "&::cue-region" | "&::details-content" | "&::file-selector-button" | "&::first-letter" | "&::first-line" | "&::marker" | "&::placeholder, &[data-placeholder]" | "&::-webkit-scrollbar, &[data-scrollbar]" | "&::-webkit-scrollbar-button" | "&::-webkit-scrollbar-corner" | "&::-webkit-scrollbar-thumb" | "&::-webkit-scrollbar-track" | "&::-webkit-scrollbar-track-piece" | "&::selection" | "&[data-inactive]" | "&[data-accept]" | "&[data-animated]" | "&[data-between]" | "&:is([data-center], [data-group-center])" | "&:is([data-collapsed], :not([data-expanded]), [aria-expanded=false])" | "&[data-complete]" | "&:is([aria-current], [data-current]):not([aria-current='false'])" | ".dark &:not([data-mode]), [data-mode=dark] &:not([data-mode]), &[data-mode=dark]" | "&:is([data-end], [data-group-end])" | "&:is([data-expanded], [aria-expanded=true])" | "&[data-fallback]" | "&[data-filled]" | "&:is([data-grabbed], [aria-grabbed=true])" | "&:is([role=grid], [data-grid])" | "&:is(:has(> [role=group]), :has(> [data-group]), :has(> .group))" | "&:has(> [data-icon])" | "&[data-idle]" | "&[data-incomplete]" | ".light &:not([data-mode]), [data-mode=light] &:not([data-mode]), &[data-mode=light]" | "&[data-loaded]" | "&:is([data-loading], [aria-busy=true])" | "[dir=ltr] &" | "&[hidden]" | "&[data-not-allowed]" | "&:not([aria-current], [data-current]), &[aria-current='false']" | "&:not([data-fallback])" | "&:not(:has(> [role=group]), :has(> [data-group]), :has(> .group))" | "&:not([data-selected]):not([aria-selected=true])" | "&[data-numeric]" | "&:is([open], [data-open])" | "&:is([data-pressed], [aria-pressed=true])" | "&:is([data-range])" | "&[data-reject]" | "& .ui-ripple" | "[dir=rtl] &" | "&:is([data-start], [data-group-start])" | "&:is([data-selected], [aria-selected=true])" | "&:is([hidden], [data-hidden])" | "&[data-never]" | "&:is([data-activedescendant])" | "&:is(:any-link, [data-any-link])" | "&:autofill" | "&:is(:blank, [data-blank])" | "&:is(:checked, [data-checked], [aria-checked=true])" | "& > *" | "& > [data-content]" | "&:default" | "&:empty" | "&:is(:enabled, [data-enabled])" | "&:nth-of-type(even)" | "&:first-of-type" | "& > *:first-child" | "&:not(:focus-within, [data-focus-within])" | "&:fullscreen" | "&:is([data-orientation=horizontal], [aria-orientation=horizontal])" | "&:where(svg:not([data-loading])), & > [data-icon]" | "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])" | "& > [data-indicator]" | "&:is(:in-range, [data-in-range])" | "&:last-of-type" | "& > *:last-child" | "&:is(:link, [data-link])" | "&:modal" | "&:active" | "&:checked" | "&:is(disabled, [disabled])" | "&:focus" | "&:focus-visible" | "&:focus-within" | "&:hover" | "&:is([readonly], [aria-readonly=true])" | "&:target" | "&:valid" | "&:not(:checked):not([data-checked]):not([aria-checked=true])" | "&:not(:empty)" | "&:not(:first-of-type)" | "& > *:not(:first-child)" | "&:not(:last-of-type)" | "& > *:not(:last-child)" | "&:not(:target)" | "&:nth-of-type(odd)" | "&:only-of-type" | "&:only-child" | "&:is(:optional, [data-optional])" | "&:is(:out-of-range, [data-out-of-range])" | "&:is(:paused, [data-paused])" | "&:picture-in-picture" | "&:placeholder-shown" | "&:is(:playing, [data-playing])" | "&:popover-open" | "&:is(:read-write, [data-read-write])" | "&:is(:required, [required])" | "&:is(:target, [data-target])" | "&:is(:user-invalid, [data-user-invalid])" | "&:is(:valid, [data-valid])" | "&:is([data-orientation=vertical], [aria-orientation=vertical])" | "&:visited" | "&:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])" | "&:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled])" | "&:is(:focus, [data-focus])" | "&:is(:focus-visible, [data-focus-visible])" | "&:is([data-invalid], [aria-invalid=true])" | "&:is([readonly], [data-readonly], [aria-readonly=true])" | "&:is(:disabled, [disabled], [data-disabled])" | "[role=group][data-accept] &, [data-group][data-accept] &, .group[data-accept] &" | "[role=group]:is([data-activedescendant]) &, [data-group]:is([data-activedescendant]) &, .group:is([data-activedescendant]) &" | "[role=group][data-animated] &, [data-group][data-animated] &, .group[data-animated] &" | "[role=group]:is(:blank, [data-blank]) &, [data-group]:is(:blank, [data-blank]) &, .group:is(:blank, [data-blank]) &" | "[role=group]:is(:checked, [data-checked], [aria-checked=true]) &, [data-group]:is(:checked, [data-checked], [aria-checked=true]) &, .group:is(:checked, [data-checked], [aria-checked=true]) &" | "[role=group]:is([data-collapsed], :not([data-expanded]), [aria-expanded=false]) &, [data-group]:is([data-collapsed], :not([data-expanded]), [aria-expanded=false]) &, .group:is([data-collapsed], :not([data-expanded]), [aria-expanded=false]) &" | "[role=group][data-complete] &, [data-group][data-complete] &, .group[data-complete] &" | "[role=group]:is([aria-current], [data-current]):not([aria-current='false']) &, [data-group]:is([aria-current], [data-current]):not([aria-current='false']) &, .group:is([aria-current], [data-current]):not([aria-current='false']) &" | "[role=group]:is(:enabled, [data-enabled]) &, [data-group]:is(:enabled, [data-enabled]) &, .group:is(:enabled, [data-enabled]) &" | "[role=group]:is([data-expanded], [aria-expanded=true]) &, [data-group]:is([data-expanded], [aria-expanded=true]) &, .group:is([data-expanded], [aria-expanded=true]) &" | "[role=group]:not(:focus-within, [data-focus-within]) &, [data-group]:not(:focus-within, [data-focus-within]) &, .group:not(:focus-within, [data-focus-within]) &" | "[role=group]:is([data-grabbed], [aria-grabbed=true]) &, [data-group]:is([data-grabbed], [aria-grabbed=true]) &, .group:is([data-grabbed], [aria-grabbed=true]) &" | "[role=group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, [data-group]:is([data-orientation=horizontal], [aria-orientation=horizontal]) &, .group:is([data-orientation=horizontal], [aria-orientation=horizontal]) &" | "[role=group][data-idle] &, [data-group][data-idle] &, .group[data-idle] &" | "[role=group][data-incomplete] &, [data-group][data-incomplete] &, .group[data-incomplete] &" | "[role=group][data-loaded] &, [data-group][data-loaded] &, .group[data-loaded] &" | "[role=group]:is([data-loading], [aria-busy=true]) &, [data-group]:is([data-loading], [aria-busy=true]) &, .group:is([data-loading], [aria-busy=true]) &" | "[role=group]:is([open], [data-open]) &, [data-group]:is([open], [data-open]) &, .group:is([open], [data-open]) &" | "[role=group]:is(:optional, [data-optional]) &, [data-group]:is(:optional, [data-optional]) &, .group:is(:optional, [data-optional]) &" | "[role=group]:placeholder-shown &, [data-group]:placeholder-shown &, .group:placeholder-shown &" | "[role=group]:is([data-pressed], [aria-pressed=true]) &, [data-group]:is([data-pressed], [aria-pressed=true]) &, .group:is([data-pressed], [aria-pressed=true]) &" | "[role=group]:is([data-range]) &, [data-group]:is([data-range]) &, .group:is([data-range]) &" | "[role=group]:is(:read-write, [data-read-write]) &, [data-group]:is(:read-write, [data-read-write]) &, .group:is(:read-write, [data-read-write]) &" | "[role=group][data-reject] &, [data-group][data-reject] &, .group[data-reject] &" | "[role=group]:is(:required, [required]) &, [data-group]:is(:required, [required]) &, .group:is(:required, [required]) &" | "[role=group]:is(:user-invalid, [data-user-invalid]) &, [data-group]:is(:user-invalid, [data-user-invalid]) &, .group:is(:user-invalid, [data-user-invalid]) &" | "[role=group]:is(:valid, [data-valid]) &, [data-group]:is(:valid, [data-valid]) &, .group:is(:valid, [data-valid]) &" | "[role=group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, [data-group]:is([data-orientation=vertical], [aria-orientation=vertical]) &, .group:is([data-orientation=vertical], [aria-orientation=vertical]) &" | "[role=group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:hover, [data-hover]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &" | "[role=group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, [data-group]:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &, .group:is(:active, [data-active]):not(:disabled, [disabled], [aria-disabled=true], [data-disabled]) &" | "[role=group]:is(:focus, [data-focus]) &, [data-group]:is(:focus, [data-focus]) &, .group:is(:focus, [data-focus]) &" | "[role=group]:is(:focus-visible, [data-focus-visible]) &, [data-group]:is(:focus-visible, [data-focus-visible]) &, .group:is(:focus-visible, [data-focus-visible]) &" | "[role=group]:is([data-selected], [aria-selected=true]) &, [data-group]:is([data-selected], [aria-selected=true]) &, .group:is([data-selected], [aria-selected=true]) &" | "[role=group]:is([data-invalid], [aria-invalid=true]) &, [data-group]:is([data-invalid], [aria-invalid=true]) &, .group:is([data-invalid], [aria-invalid=true]) &" | "[role=group]:is([readonly], [data-readonly], [aria-readonly=true]) &, [data-group]:is([readonly], [data-readonly], [aria-readonly=true]) &, .group:is([readonly], [data-readonly], [aria-readonly=true]) &" | "[role=group]:is(:disabled, [disabled], [data-disabled]) &, [data-group]:is(:disabled, [disabled], [data-disabled]) &, .group:is(:disabled, [disabled], [data-disabled]) &" | `[data-peer]${string} ~ &, .peer${string} ~ &`)[];
 declare function getCondition(key: string): string;
 //#endregion
 export { AnySelector, AttributeProperty, AttributeProps, Attributes, ConditionProperty, ConditionProps, ConditionSelector, Conditions, GroupAttributeProperty, GroupAttributeProps, GroupAttributes, PeerAttributeProperty, PeerAttributeProps, PeerAttributes, PseudoClassProperty, PseudoClassProps, PseudoClasses, PseudoElementProperty, PseudoElementProps, PseudoElements, attributeProperties, attributeSelectors, attributes, conditionProperties, conditionSelectors, conditions, getCondition, groupAttributeProperties, groupAttributeSelectors, groupAttributes, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements };

package/dist/types/core/css/index.d.ts

@@ -1,7 +1,7 @@
 import { AnySelector, AttributeProperty, AttributeProps, Attributes, ConditionProperty, ConditionProps, ConditionSelector, Conditions, GroupAttributeProperty, GroupAttributeProps, GroupAttributes, PeerAttributeProperty, PeerAttributeProps, PeerAttributes, PseudoClassProperty, PseudoClassProps, PseudoClasses, PseudoElementProperty, PseudoElementProps, PseudoElements, attributeProperties, attributeSelectors, attributes, conditionProperties, conditionSelectors, conditions, getCondition, groupAttributeProperties, groupAttributeSelectors, groupAttributes, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements } from "./conditions.js";
 import { display } from "./display.js";
 import { AnimationProperty, AspectRatioProperty, AtRuleStyleProperty, BlurProperty, BorderProperty, ColorProperty, DurationProperty, EasingProperty, FontProperty, GradientProperty, KeyframeProperty, PseudoStyleProperty, RadiusProperty, ShadowProperty, ShorthandStyleProperty, SizeProperty, SpaceProperty, StandardStyleProperty, StyleProperty, StyleProps, StyledStyleProperty, Styles, VariableLengthProperty, ZIndexProperty, animationProperties, aspectRatioProperties, atRuleStyles, blurProperties, borderProperties, colorProperties, durationProperties, easingProperties, fontProperties, gradientProperties, keyframeProperties, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, variableLengthProperties, zIndexProperties } from "./styles.js";
-import { CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, ColorModeArray, ColorModeValue, ConditionObject, FunctionCSSInterpolation, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, StyleImportantValue, StyleValue, StyleValueWithCondition, Token } from "./index.types.js";
+import { CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, ColorModeArray, ColorModeValue, ConditionObject, ExtractStyleValue, FunctionCSSInterpolation, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, StyleImportantValue, StyleValue, StyleValueWithCondition, Token } from "./index.types.js";
 import { colorMix } from "./color-mix.js";
 import { focusRingStyle } from "./focus-ring.js";
 import { gradient } from "./gradient.js";
@@ -12,4 +12,4 @@ import { css, getStyle, transformConditionalValue } from "./css.js";
 import { mergeCSS } from "./merge-css.js";
 import { getCSS, useCSS } from "./use-css.js";
 import { useInjectVarsIntoCss, useInjectVarsIntoProps } from "./use-inject-vars.js";
-export { AnimationProperty, AnySelector, AspectRatioProperty, AtRuleStyleProperty, AttributeProperty, AttributeProps, Attributes, BlurProperty, BorderProperty, CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, ColorModeArray, ColorModeValue, ColorProperty, ConditionObject, ConditionProperty, ConditionProps, ConditionSelector, Conditions, DurationProperty, EasingProperty, FontProperty, FunctionCSSInterpolation, GradientProperty, GroupAttributeProperty, GroupAttributeProps, GroupAttributes, KeyframeProperty, PeerAttributeProperty, PeerAttributeProps, PeerAttributes, PseudoClassProperty, PseudoClassProps, PseudoClasses, PseudoElementProperty, PseudoElementProps, PseudoElements, PseudoStyleProperty, RadiusProperty, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, ShadowProperty, ShorthandStyleProperty, SizeProperty, SpaceProperty, StandardStyleProperty, StyleConfig, StyleConfigs, StyleImportantValue, StyleProperty, StyleProps, StyleValue, StyleValueWithCondition, StyledStyleProperty, Styles, Token, Transforms, VariableLengthProperty, ZIndexProperty, animation, animationProperties, aspectRatioProperties, atRuleStyles, attributeProperties, attributeSelectors, attributes, blurProperties, borderProperties, colorMix, colorProperties, conditionProperties, conditionSelectors, conditions, css, display, durationProperties, easingProperties, focusRingStyle, fontProperties, getCSS, getCSSFunction, getCondition, getStyle, gradient, gradientProperties, groupAttributeProperties, groupAttributeSelectors, groupAttributes, injectKeyframes, isCSSFunction, isCSSToken, isCSSVar, keyframeProperties, keyframes, mergeCSS, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, tokenToValue, tokenToVar, transformConditionalValue, transforms, useCSS, useInjectVarsIntoCss, useInjectVarsIntoProps, varToValue, variableLengthProperties, zIndexProperties };
+export { AnimationProperty, AnySelector, AspectRatioProperty, AtRuleStyleProperty, AttributeProperty, AttributeProps, Attributes, BlurProperty, BorderProperty, CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, ColorModeArray, ColorModeValue, ColorProperty, ConditionObject, ConditionProperty, ConditionProps, ConditionSelector, Conditions, DurationProperty, EasingProperty, ExtractStyleValue, FontProperty, FunctionCSSInterpolation, GradientProperty, GroupAttributeProperty, GroupAttributeProps, GroupAttributes, KeyframeProperty, PeerAttributeProperty, PeerAttributeProps, PeerAttributes, PseudoClassProperty, PseudoClassProps, PseudoClasses, PseudoElementProperty, PseudoElementProps, PseudoElements, PseudoStyleProperty, RadiusProperty, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, ShadowProperty, ShorthandStyleProperty, SizeProperty, SpaceProperty, StandardStyleProperty, StyleConfig, StyleConfigs, StyleImportantValue, StyleProperty, StyleProps, StyleValue, StyleValueWithCondition, StyledStyleProperty, Styles, Token, Transforms, VariableLengthProperty, ZIndexProperty, animation, animationProperties, aspectRatioProperties, atRuleStyles, attributeProperties, attributeSelectors, attributes, blurProperties, borderProperties, colorMix, colorProperties, conditionProperties, conditionSelectors, conditions, css, display, durationProperties, easingProperties, focusRingStyle, fontProperties, getCSS, getCSSFunction, getCondition, getStyle, gradient, gradientProperties, groupAttributeProperties, groupAttributeSelectors, groupAttributes, injectKeyframes, isCSSFunction, isCSSToken, isCSSVar, keyframeProperties, keyframes, mergeCSS, peerAttributeProperties, peerAttributeSelectors, peerAttributes, pseudoClassProperties, pseudoClassSelectors, pseudoClasses, pseudoElementProperties, pseudoElementSelectors, pseudoElements, pseudoStyles, radiusProperties, shadowProperties, shorthandStyles, sizeProperties, spaceProperties, standardStyles, styleProperties, styledStyles, styles, tokenToValue, tokenToVar, transformConditionalValue, transforms, useCSS, useInjectVarsIntoCss, useInjectVarsIntoProps, varToValue, variableLengthProperties, zIndexProperties };

package/dist/types/core/css/index.types.d.ts

@@ -13,6 +13,7 @@ type Token<Y$1, M = unknown> = M extends keyof ThemeTokens ? ThemeTokens[M] | Y$
 type ColorModeValue<Y$1, M = unknown> = M extends keyof ThemeTokens ? ColorModeArray<ThemeTokens[M] | Y$1, false> | ThemeTokens[M] | Y$1 : ColorModeArray<Y$1, false> | Y$1;
 type ResponsiveValue<Y$1, M = unknown> = M extends keyof ThemeTokens ? ResponsiveObject<ThemeTokens[M] | Y$1, false> | ThemeTokens[M] | Y$1 : ResponsiveObject<Y$1, false> | Y$1;
 type StyleValue<Y$1, M = unknown> = ColorModeValue<Y$1, M> | ResponsiveValue<Y$1, M>;
+type ExtractStyleValue<Y$1> = Y$1 extends StyleValue<infer M> ? M : never;
 type StyleImportantValue<Y$1 extends string> = `${Y$1}!` | `${Y$1} !important` | Y$1;
 type StyleValueWithCondition<Y$1, M = unknown> = M extends keyof ThemeTokens ? ColorModeArray<ThemeTokens[M] | Y$1> | ResponsiveWithConditionObject<ThemeTokens[M] | Y$1> | ThemeTokens[M] | Y$1 : ColorModeArray<Y$1> | ResponsiveWithConditionObject<Y$1> | Y$1;
 type CSSVariable = `--${string}`;
@@ -23,12 +24,12 @@ type VendorProps = { [Y in keyof CSS.VendorPropertiesFallback]?: StyleValueWithC
 interface CSSFlatObject extends StyleProps, VendorProps, CSSVariableProps {}
 type CSSObject = CSSFlatObject & { [D in AnySelector | ConditionProperty]?: D extends keyof CSSFlatObject ? CSSFlatObject[D] : CSSObject };
 type CSSProperties = AnyString | keyof CSSFlatObject;
+type CSSSlotObject<Y$1 extends string = string> = { [M in Y$1]?: CSSObject };
 interface CSSPropObject<Y$1 extends CSSObject | CSSSlotObject = CSSObject> {
   [key: string]: {
     [key: string]: Y$1;
   };
 }
-type CSSSlotObject<Y$1 extends string = string> = { [M in Y$1]?: CSSObject };
 type CSSModifierObject<Y$1 extends CSSObject | CSSSlotObject = CSSObject> = { [M in "base" | AnyString]?: Y$1 };
 type CSSKeyframeObject = { [M in `${number}%` | KeyframeIdent]?: CSSFlatObject };
 interface CSSAnimationObject {
@@ -130,5 +131,5 @@ interface FunctionCSSInterpolation {
 type CSSObjectOrFunction = CSSObject | FunctionCSSInterpolation;
 type CSSFunction = (system: System, theme?: UsageTheme) => (cssOrFn: CSSObjectOrFunction) => Dict;
 //#endregion
-export { type CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, ColorModeArray, ColorModeValue, ConditionObject, FunctionCSSInterpolation, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, StyleImportantValue, StyleValue, StyleValueWithCondition, Token };
+export { type CSS, CSSAnimationObject, CSSAtRuleObject, CSSContainerObject, CSSFunction, CSSKeyframeObject, CSSMediaObject, CSSModifierObject, CSSObject, CSSObjectOrFunction, CSSPropObject, CSSProperties, CSSProps, CSSSlotObject, CSSVariable, ColorModeArray, ColorModeValue, ConditionObject, ExtractStyleValue, FunctionCSSInterpolation, ResponsiveObject, ResponsiveValue, ResponsiveWithConditionObject, StyleImportantValue, StyleValue, StyleValueWithCondition, Token };
 //# sourceMappingURL=index.types.d.ts.map