npm - @yamada-ui/react - Versions diffs - 2.1.8-dev-20260407030626 → 2.1.8-dev-20260408054356 - Mend

@yamada-ui/react 2.1.8-dev-20260407030626 → 2.1.8-dev-20260408054356

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (259) hide show

package/dist/cjs/components/input/input.style.cjs CHANGED Viewed

@@ -3,14 +3,14 @@ const require_config = require('../../core/system/config.cjs');
 require('../../core/index.cjs');
 //#region src/components/input/input.style.ts
-const getInputPaddingStartResetStyle = (key) => ({ "&:not([data-input-element] + &)": (0, require_utils_index.utils_exports.wrapWithKey)({ ps: "0px" }, key) });
-const getInputPaddingEndResetStyle = (key) => ({ "&:not(:has(+ [data-input-element]))": (0, require_utils_index.utils_exports.wrapWithKey)({ pe: "0px" }, key) });
+const getInputPaddingStartResetStyle = (key) => ({ "&:not([data-input-element] ~ &)": (0, require_utils_index.utils_exports.wrapWithKey)({ ps: "0px" }, key) });
+const getInputPaddingEndResetStyle = (key) => ({ "&:not(:has(~ [data-input-element]))": (0, require_utils_index.utils_exports.wrapWithKey)({ pe: "0px" }, key) });
 const getInputHeightStyle = (height, key) => ({
-	"&:has(+ [data-input-element])": (0, require_utils_index.utils_exports.wrapWithKey)({ pe: height }, key),
+	"&:has(~ [data-input-element])": (0, require_utils_index.utils_exports.wrapWithKey)({ pe: height }, key),
 	"& ~ [data-input-element]": { minW: height },
 	"--height": height,
-	"[data-input-element] + &": (0, require_utils_index.utils_exports.wrapWithKey)({ ps: height }, key),
 	"[data-input-element]:has(~ &)": { minW: height },
+	"[data-input-element] ~ &": (0, require_utils_index.utils_exports.wrapWithKey)({ ps: height }, key),
 	minH: height
 });
 const inputStyle = require_config.defineComponentStyle({

package/dist/cjs/components/input/input.style.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/input/input.style.ts"],"sourcesContent":["import type { CSSObject } from \"../../core\"\nimport { defineComponentStyle } from \"../../core\"\nimport { wrapWithKey } from \"../../utils\"\n\nexport const getInputPaddingStartResetStyle = (key?: string) =>\n ({\n \"&:not([data-input-element] + &)\": wrapWithKey({ ps: \"0px\" }, key),\n }) satisfies CSSObject\n\nexport const getInputPaddingEndResetStyle = (key?: string) =>\n ({\n \"&:not(:has(+ [data-input-element]))\": wrapWithKey({ pe: \"0px\" }, key),\n }) satisfies CSSObject\n\nexport const getInputHeightStyle = (height?: string, key?: string) =>\n ({\n \"&:has(+ [data-input-element])\": wrapWithKey({ pe: height }, key),\n \"& ~ [data-input-element]\": { minW: height },\n \"--height\": height,\n \"[data-input-element] ~~+ &\~~": ~~wrapWithKey(~~{ ps: height }~~, key)~~,\n \"[data-input-element]~~:has(~~~ ~~&)\~~": { ~~minW~~: height },\n minH: height,\n }) satisfies CSSObject\n\nexport const inputStyle = defineComponentStyle({\n base: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n appearance: \"none\",\n minW: \"0\",\n position: \"relative\",\n rounded: \"l2\",\n textAlign: \"start\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n w: \"full\",\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n\n variants: {\n filled: {\n bg: \"bg.panel\",\n border: \"1px solid transparent\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n flushed: {\n bg: \"transparent\",\n borderBottomColor: \"colorScheme.muted\",\n borderBottomWidth: \"1px\",\n rounded: \"0px\",\n _focusVisible: {\n borderColor: \"{focus-border-color}\",\n boxShadow: \"0px 1px 0px 0px {focus-border-color}\",\n outline: \"none\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n _focusVisible: {\n boxShadow: \"0px 1px 0px 0px {error-border-color}\",\n },\n },\n },\n outline: {\n border: \"1px solid {colors.border}\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n plain: {\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n },\n\n sizes: {\n xs: {\n \"--space-x\": \"spaces.2\",\n \"--space-y\": \"spaces.1.5\",\n fontSize: \"xs\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.8}\"),\n },\n sm: {\n \"--space-x\": \"spaces.2.5\",\n \"--space-y\": \"spaces.2\",\n fontSize: \"sm\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.9}\"),\n },\n md: {\n \"--space-x\": \"spaces.3\",\n \"--space-y\": \"spaces.2\",\n fontSize: \"md\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.10}\"),\n },\n lg: {\n \"--space-x\": \"spaces.3.5\",\n \"--space-y\": \"spaces.2.5\",\n fontSize: \"lg\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.11}\"),\n },\n xl: {\n \"--space-x\": \"spaces.4\",\n \"--space-y\": \"spaces.3\",\n fontSize: \"xl\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.12}\"),\n },\n \"2xl\": {\n \"--space-x\": \"spaces.4\",\n \"--space-y\": \"spaces.3\",\n fontSize: \"xl\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.14}\"),\n },\n },\n\n compounds: [\n {\n css: {\n ...getInputPaddingStartResetStyle(),\n ...getInputPaddingEndResetStyle(),\n },\n variant: \"flushed\",\n layer: \"variant\",\n },\n ],\n\n defaultProps: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type InputStyle = typeof inputStyle\n"],"mappings":";;;;;AAIA,MAAa,kCAAkC,SAC5C,EACC,sFAA+C,EAAE,IAAI,OAAO,EAAE,IAAI,EACnE;AAEH,MAAa,gCAAgC,SAC1C,EACC,0FAAmD,EAAE,IAAI,OAAO,EAAE,IAAI,EACvE;AAEH,MAAa,uBAAuB,QAAiB,SAClD;CACC,oFAA6C,EAAE,IAAI,QAAQ,EAAE,IAAI;CACjE,4BAA4B,EAAE,MAAM,QAAQ;CAC5C,YAAY;CACZ,+EAAwC,EAAE,IAAI,QAAQ,EAAE,IAAI;CAC5D,~~iCAAiC,EAAE,~~MAAM~~,QAAQ~~;~~CACjD,MAAM;~~CACP;AAEH,MAAa,aAAaA,oCAAqB;CAC7C,MAAM;EACJ,wBAAwB;EACxB,wBAAwB;EACxB,YAAY;EACZ,MAAM;EACN,UAAU;EACV,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,WAAW,EACT,YAAY,YACb;EACF;CAED,UAAU;EACR,QAAQ;GACN,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAiC;IAC7D;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAuC;IACpE;GACD,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACD,SAAS;GACP,IAAI;GACJ,mBAAmB;GACnB,mBAAmB;GACnB,SAAS;GACT,eAAe;IACb,aAAa;IACb,WAAW;IACX,SAAS;IACV;GACD,UAAU;IACR,aAAa;IACb,eAAe,EACb,WAAW,wCACZ;IACF;GACF;EACD,SAAS;GACP,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAiC;IAC7D;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAuC;IACpE;GACD,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACD,OAAO;GACL,gBAAgB;GAChB,kBAAkB;GAClB,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACF;CAED,OAAO;EACL,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;GACpC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;GACpC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,OAAO;GACL,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACF;CAED,WAAW,CACT;EACE,KAAK;GACH,GAAG,gCAAgC;GACnC,GAAG,8BAA8B;GAClC;EACD,SAAS;EACT,OAAO;EACR,CACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
1	+ {"version":3,"file":"input.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/input/input.style.ts"],"sourcesContent":["import type { CSSObject } from \"../../core\"\nimport { defineComponentStyle } from \"../../core\"\nimport { wrapWithKey } from \"../../utils\"\n\nexport const getInputPaddingStartResetStyle = (key?: string) =>\n ({\n \"&:not([data-input-element] ~ &)\": wrapWithKey({ ps: \"0px\" }, key),\n }) satisfies CSSObject\n\nexport const getInputPaddingEndResetStyle = (key?: string) =>\n ({\n \"&:not(:has(~ [data-input-element]))\": wrapWithKey({ pe: \"0px\" }, key),\n }) satisfies CSSObject\n\nexport const getInputHeightStyle = (height?: string, key?: string) =>\n ({\n \"&:has(~ [data-input-element])\": wrapWithKey({ pe: height }, key),\n \"& ~ [data-input-element]\": { minW: height },\n \"--height\": height,\n \"[data-input-element]:has(~ &)\": { minW: height },\n \"[data-input-element] ~ &\": wrapWithKey({ ps: height }, key),\n minH: height,\n }) satisfies CSSObject\n\nexport const inputStyle = defineComponentStyle({\n base: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n appearance: \"none\",\n minW: \"0\",\n position: \"relative\",\n rounded: \"l2\",\n textAlign: \"start\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n w: \"full\",\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n\n variants: {\n filled: {\n bg: \"bg.panel\",\n border: \"1px solid transparent\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n flushed: {\n bg: \"transparent\",\n borderBottomColor: \"colorScheme.muted\",\n borderBottomWidth: \"1px\",\n rounded: \"0px\",\n _focusVisible: {\n borderColor: \"{focus-border-color}\",\n boxShadow: \"0px 1px 0px 0px {focus-border-color}\",\n outline: \"none\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n _focusVisible: {\n boxShadow: \"0px 1px 0px 0px {error-border-color}\",\n },\n },\n },\n outline: {\n border: \"1px solid {colors.border}\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n plain: {\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n },\n\n sizes: {\n xs: {\n \"--space-x\": \"spaces.2\",\n \"--space-y\": \"spaces.1.5\",\n fontSize: \"xs\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.8}\"),\n },\n sm: {\n \"--space-x\": \"spaces.2.5\",\n \"--space-y\": \"spaces.2\",\n fontSize: \"sm\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.9}\"),\n },\n md: {\n \"--space-x\": \"spaces.3\",\n \"--space-y\": \"spaces.2\",\n fontSize: \"md\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.10}\"),\n },\n lg: {\n \"--space-x\": \"spaces.3.5\",\n \"--space-y\": \"spaces.2.5\",\n fontSize: \"lg\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.11}\"),\n },\n xl: {\n \"--space-x\": \"spaces.4\",\n \"--space-y\": \"spaces.3\",\n fontSize: \"xl\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.12}\"),\n },\n \"2xl\": {\n \"--space-x\": \"spaces.4\",\n \"--space-y\": \"spaces.3\",\n fontSize: \"xl\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.14}\"),\n },\n },\n\n compounds: [\n {\n css: {\n ...getInputPaddingStartResetStyle(),\n ...getInputPaddingEndResetStyle(),\n },\n variant: \"flushed\",\n layer: \"variant\",\n },\n ],\n\n defaultProps: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type InputStyle = typeof inputStyle\n"],"mappings":";;;;;AAIA,MAAa,kCAAkC,SAC5C,EACC,sFAA+C,EAAE,IAAI,OAAO,EAAE,IAAI,EACnE;AAEH,MAAa,gCAAgC,SAC1C,EACC,0FAAmD,EAAE,IAAI,OAAO,EAAE,IAAI,EACvE;AAEH,MAAa,uBAAuB,QAAiB,SAClD;CACC,oFAA6C,EAAE,IAAI,QAAQ,EAAE,IAAI;CACjE,4BAA4B,EAAE,MAAM,QAAQ;CAC5C,YAAY;CACZ,iCAAiC,EAAE,MAAM,QAAQ;CACjD,+EAAwC,EAAE,IAAI,QAAQ,EAAE,IAAI;CAC5D,MAAM;CACP;AAEH,MAAa,aAAaA,oCAAqB;CAC7C,MAAM;EACJ,wBAAwB;EACxB,wBAAwB;EACxB,YAAY;EACZ,MAAM;EACN,UAAU;EACV,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,WAAW,EACT,YAAY,YACb;EACF;CAED,UAAU;EACR,QAAQ;GACN,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAiC;IAC7D;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAuC;IACpE;GACD,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACD,SAAS;GACP,IAAI;GACJ,mBAAmB;GACnB,mBAAmB;GACnB,SAAS;GACT,eAAe;IACb,aAAa;IACb,WAAW;IACX,SAAS;IACV;GACD,UAAU;IACR,aAAa;IACb,eAAe,EACb,WAAW,wCACZ;IACF;GACF;EACD,SAAS;GACP,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAiC;IAC7D;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAuC;IACpE;GACD,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACD,OAAO;GACL,gBAAgB;GAChB,kBAAkB;GAClB,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACF;CAED,OAAO;EACL,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;GACpC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;GACpC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,OAAO;GACL,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACF;CAED,WAAW,CACT;EACE,KAAK;GACH,GAAG,gCAAgC;GACnC,GAAG,8BAA8B;GAClC;EACD,SAAS;EACT,OAAO;EACR,CACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}

package/dist/cjs/core/css/conditions.cjs CHANGED Viewed

@@ -142,6 +142,7 @@ const pseudoClassSelectors = Object.values(pseudoClasses);
 const groupAttributes = {
 	_groupAccept: toGroup(attributes._accept),
 	_groupActivedescendant: toGroup(pseudoClasses._activedescendant),
+	_groupAnimated: toGroup(attributes._animated),
 	_groupBlank: toGroup(pseudoClasses._blank),
 	_groupChecked: toGroup(pseudoClasses._checked),
 	_groupComplete: toGroup(attributes._complete),
@@ -179,6 +180,7 @@ const groupAttributeProperties = Object.keys(groupAttributes);
 const groupAttributeSelectors = Object.values(groupAttributes);
 const peerAttributes = {
 	_peerAccept: toPeer(attributes._accept),
+	_peerAnimated: toPeer(attributes._animated),
 	_peerBlank: toPeer(pseudoClasses._blank),
 	_peerChecked: toPeer(pseudoClasses._checked),
 	_peerComplete: toPeer(attributes._complete),

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

	@@ -1 +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 blank.\n /\n _groupBlank: toGroup(pseudoClasses._blank),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is checked.\n /\n _groupChecked: toGroup(pseudoClasses._checked),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is complete.\n /\n _groupComplete: toGroup(attributes._complete),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is current.\n /\n _groupCurrent: toGroup(attributes._current),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is enabled.\n /\n _groupEnabled: toGroup(pseudoClasses._enabled),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is expanded.\n /\n _groupExpanded: toGroup(attributes._expanded),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focus-within.\n /\n _groupFocusWithin: toGroup(pseudoClasses._focusWithin),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is grabbed.\n /\n _groupGrabbed: toGroup(attributes._grabbed),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is horizontal.\n /\n _groupHorizontal: toGroup(pseudoClasses._horizontal),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is idle.\n /\n _groupIdle: toGroup(attributes._idle),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is incomplete.\n /\n _groupIncomplete: toGroup(attributes._incomplete),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is loaded.\n /\n _groupLoaded: toGroup(attributes._loaded),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is loading.\n /\n _groupLoading: toGroup(attributes._loading),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is open.\n /\n _groupOpen: toGroup(attributes._open),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is optional.\n /\n _groupOptional: toGroup(pseudoClasses._optional),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` has a placeholder shown.\n /\n _groupPlaceholderShown: toGroup(pseudoClasses._placeholderShown),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is pressed.\n /\n _groupPressed: toGroup(attributes._pressed),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is range.\n /\n _groupRange: toGroup(attributes._range),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is read-write.\n /\n _groupReadWrite: toGroup(pseudoClasses._readWrite),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is rejected.\n /\n _groupReject: toGroup(attributes._reject),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is required.\n /\n _groupRequired: toGroup(pseudoClasses._required),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is user-invalid.\n /\n _groupUserInvalid: toGroup(pseudoClasses._userInvalid),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is valid.\n /\n _groupValid: toGroup(pseudoClasses._valid),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is vertical.\n /\n _groupVertical: toGroup(pseudoClasses._vertical),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is hovered.\n /\n _groupHover: toGroup(pseudoClasses._hover),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is active.\n /\n _groupActive: toGroup(pseudoClasses._active),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focused.\n /\n _groupFocus: toGroup(pseudoClasses._focus),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is focused-visible.\n /\n _groupFocusVisible: toGroup(pseudoClasses._focusVisible),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is selected.\n /\n _groupSelected: toGroup(attributes._selected),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is invalid.\n /\n _groupInvalid: toGroup(pseudoClasses._invalid),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is read-only.\n /\n _groupReadOnly: toGroup(pseudoClasses._readOnly),\n /\n Styles to apply when a parent element with `role=group`, `data-group` or `.group` is disabled.\n /\n _groupDisabled: toGroup(pseudoClasses._disabled),\n} as const\n\nexport type GroupAttributes = typeof groupAttributes\nexport type GroupAttributeProperty = keyof GroupAttributes\nexport type GroupAttributeProps = {\n [K in GroupAttributeProperty]?: CSSObject\n}\n\nexport const groupAttributeProperties = Object.keys(\n groupAttributes,\n) as GroupAttributeProperty[]\nexport const groupAttributeSelectors = Object.values(groupAttributes)\n\nexport const peerAttributes = {\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is accepted.\n /\n _peerAccept: toPeer(attributes._accept),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is blank.\n /\n _peerBlank: toPeer(pseudoClasses._blank),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is checked.\n /\n _peerChecked: toPeer(pseudoClasses._checked),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is complete.\n /\n _peerComplete: toPeer(attributes._complete),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is current.\n /\n _peerCurrent: toPeer(attributes._current),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is enabled.\n /\n _peerEnabled: toPeer(pseudoClasses._enabled),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is expanded.\n /\n _peerExpanded: toPeer(attributes._expanded),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is focus-within.\n /\n _peerFocusWithin: toPeer(pseudoClasses._focusWithin),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is grabbed.\n /\n _peerGrabbed: toPeer(attributes._grabbed),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is horizontal.\n /\n _peerHorizontal: toPeer(pseudoClasses._horizontal),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is idle.\n /\n _peerIdle: toPeer(attributes._idle),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is incomplete.\n /\n _peerIncomplete: toPeer(attributes._incomplete),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is loaded.\n /\n _peerLoaded: toPeer(attributes._loaded),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is loading.\n /\n _peerLoading: toPeer(attributes._loading),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is optional.\n /\n _peerOptional: toPeer(pseudoClasses._optional),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` has a placeholder shown.\n /\n _peerPlaceholderShown: toPeer(pseudoClasses._placeholderShown),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is pressed.\n /\n _peerPressed: toPeer(attributes._pressed),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is range.\n /\n _peerRange: toPeer(attributes._range),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is read-write.\n /\n _peerReadWrite: toPeer(pseudoClasses._readWrite),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is rejected.\n /\n _peerReject: toPeer(attributes._reject),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is required.\n /\n _peerRequired: toPeer(pseudoClasses._required),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is user-invalid.\n /\n _peerUserInvalid: toPeer(pseudoClasses._userInvalid),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is valid.\n /\n _peerValid: toPeer(pseudoClasses._valid),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is vertical.\n /\n _peerVertical: toPeer(pseudoClasses._vertical),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is hovered.\n /\n _peerHover: toPeer(pseudoClasses._hover),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is active.\n /\n _peerActive: toPeer(pseudoClasses._active),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is focused.\n /\n _peerFocus: toPeer(pseudoClasses._focus),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is focused-visible.\n /\n _peerFocusVisible: toPeer(pseudoClasses._focusVisible),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is selected.\n /\n _peerSelected: toPeer(attributes._selected),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is invalid.\n /\n _peerInvalid: toPeer(pseudoClasses._invalid),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is read-only.\n /\n _peerReadOnly: toPeer(pseudoClasses._readOnly),\n /\n Styles to apply when a parent element with `data-peer` or `.peer` is disabled.\n */\n _peerDisabled: toPeer(pseudoClasses._disabled),\n} as const\n\nexport type PeerAttributes = typeof peerAttributes\nexport type PeerAttributeProperty = keyof PeerAttributes\nexport type PeerAttributeProps = {\n [K in PeerAttributeProperty]?: CSSObject\n}\n\nexport const peerAttributeProperties = Object.keys(\n peerAttributes,\n) as PeerAttributeProperty[]\nexport const peerAttributeSelectors = Object.values(peerAttributes)\n\nexport const conditions = {\n ...pseudoElements,\n ...attributes,\n ...pseudoClasses,\n ...groupAttributes,\n ...peerAttributes,\n} as const\n\nexport type Conditions = typeof conditions\nexport type ConditionProperty = keyof Conditions\nexport type ConditionSelector = Conditions[ConditionProperty]\nexport type ConditionProps = {\n [K in keyof Conditions]?: CSSObject\n}\n\nexport const conditionProperties = Object.keys(\n conditions,\n) as ConditionProperty[]\nexport const conditionSelectors = Object.values(conditions)\n\nexport function getCondition(key: string) {\n return key in conditions ? conditions[key as ConditionProperty] : key\n}\n"],"mappings":"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"}
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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"}

package/dist/esm/components/input/input.style.js CHANGED Viewed

@@ -3,14 +3,14 @@ import { defineComponentStyle } from "../../core/system/config.js";
 import "../../core/index.js";
 //#region src/components/input/input.style.ts
-const getInputPaddingStartResetStyle = (key) => ({ "&:not([data-input-element] + &)": (0, utils_exports.wrapWithKey)({ ps: "0px" }, key) });
-const getInputPaddingEndResetStyle = (key) => ({ "&:not(:has(+ [data-input-element]))": (0, utils_exports.wrapWithKey)({ pe: "0px" }, key) });
+const getInputPaddingStartResetStyle = (key) => ({ "&:not([data-input-element] ~ &)": (0, utils_exports.wrapWithKey)({ ps: "0px" }, key) });
+const getInputPaddingEndResetStyle = (key) => ({ "&:not(:has(~ [data-input-element]))": (0, utils_exports.wrapWithKey)({ pe: "0px" }, key) });
 const getInputHeightStyle = (height, key) => ({
-	"&:has(+ [data-input-element])": (0, utils_exports.wrapWithKey)({ pe: height }, key),
+	"&:has(~ [data-input-element])": (0, utils_exports.wrapWithKey)({ pe: height }, key),
 	"& ~ [data-input-element]": { minW: height },
 	"--height": height,
-	"[data-input-element] + &": (0, utils_exports.wrapWithKey)({ ps: height }, key),
 	"[data-input-element]:has(~ &)": { minW: height },
+	"[data-input-element] ~ &": (0, utils_exports.wrapWithKey)({ ps: height }, key),
 	minH: height
 });
 const inputStyle = defineComponentStyle({

package/dist/esm/components/input/input.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.style.js","names":[],"sources":["../../../../src/components/input/input.style.ts"],"sourcesContent":["import type { CSSObject } from \"../../core\"\nimport { defineComponentStyle } from \"../../core\"\nimport { wrapWithKey } from \"../../utils\"\n\nexport const getInputPaddingStartResetStyle = (key?: string) =>\n ({\n \"&:not([data-input-element] + &)\": wrapWithKey({ ps: \"0px\" }, key),\n }) satisfies CSSObject\n\nexport const getInputPaddingEndResetStyle = (key?: string) =>\n ({\n \"&:not(:has(+ [data-input-element]))\": wrapWithKey({ pe: \"0px\" }, key),\n }) satisfies CSSObject\n\nexport const getInputHeightStyle = (height?: string, key?: string) =>\n ({\n \"&:has(+ [data-input-element])\": wrapWithKey({ pe: height }, key),\n \"& ~ [data-input-element]\": { minW: height },\n \"--height\": height,\n \"[data-input-element] ~~+ &\~~": ~~wrapWithKey(~~{ ps: height }~~, key)~~,\n \"[data-input-element]~~:has(~~~ ~~&)\~~": { ~~minW~~: height },\n minH: height,\n }) satisfies CSSObject\n\nexport const inputStyle = defineComponentStyle({\n base: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n appearance: \"none\",\n minW: \"0\",\n position: \"relative\",\n rounded: \"l2\",\n textAlign: \"start\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n w: \"full\",\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n\n variants: {\n filled: {\n bg: \"bg.panel\",\n border: \"1px solid transparent\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n flushed: {\n bg: \"transparent\",\n borderBottomColor: \"colorScheme.muted\",\n borderBottomWidth: \"1px\",\n rounded: \"0px\",\n _focusVisible: {\n borderColor: \"{focus-border-color}\",\n boxShadow: \"0px 1px 0px 0px {focus-border-color}\",\n outline: \"none\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n _focusVisible: {\n boxShadow: \"0px 1px 0px 0px {error-border-color}\",\n },\n },\n },\n outline: {\n border: \"1px solid {colors.border}\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n plain: {\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n },\n\n sizes: {\n xs: {\n \"--space-x\": \"spaces.2\",\n \"--space-y\": \"spaces.1.5\",\n fontSize: \"xs\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.8}\"),\n },\n sm: {\n \"--space-x\": \"spaces.2.5\",\n \"--space-y\": \"spaces.2\",\n fontSize: \"sm\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.9}\"),\n },\n md: {\n \"--space-x\": \"spaces.3\",\n \"--space-y\": \"spaces.2\",\n fontSize: \"md\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.10}\"),\n },\n lg: {\n \"--space-x\": \"spaces.3.5\",\n \"--space-y\": \"spaces.2.5\",\n fontSize: \"lg\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.11}\"),\n },\n xl: {\n \"--space-x\": \"spaces.4\",\n \"--space-y\": \"spaces.3\",\n fontSize: \"xl\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.12}\"),\n },\n \"2xl\": {\n \"--space-x\": \"spaces.4\",\n \"--space-y\": \"spaces.3\",\n fontSize: \"xl\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.14}\"),\n },\n },\n\n compounds: [\n {\n css: {\n ...getInputPaddingStartResetStyle(),\n ...getInputPaddingEndResetStyle(),\n },\n variant: \"flushed\",\n layer: \"variant\",\n },\n ],\n\n defaultProps: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type InputStyle = typeof inputStyle\n"],"mappings":";;;;;AAIA,MAAa,kCAAkC,SAC5C,EACC,kEAA+C,EAAE,IAAI,OAAO,EAAE,IAAI,EACnE;AAEH,MAAa,gCAAgC,SAC1C,EACC,sEAAmD,EAAE,IAAI,OAAO,EAAE,IAAI,EACvE;AAEH,MAAa,uBAAuB,QAAiB,SAClD;CACC,gEAA6C,EAAE,IAAI,QAAQ,EAAE,IAAI;CACjE,4BAA4B,EAAE,MAAM,QAAQ;CAC5C,YAAY;CACZ,~~2DAAwC~~,EAAE,~~IAAI~~,QAAQ,EAAE,IAAI~~;CAC5D~~,~~iCAAiC~~,EAAE,~~MAAM,QAAQ~~;~~CACjD~~,MAAM;CACP;AAEH,MAAa,aAAa,qBAAqB;CAC7C,MAAM;EACJ,wBAAwB;EACxB,wBAAwB;EACxB,YAAY;EACZ,MAAM;EACN,UAAU;EACV,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,WAAW,EACT,YAAY,YACb;EACF;CAED,UAAU;EACR,QAAQ;GACN,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAiC;IAC7D;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAuC;IACpE;GACD,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACD,SAAS;GACP,IAAI;GACJ,mBAAmB;GACnB,mBAAmB;GACnB,SAAS;GACT,eAAe;IACb,aAAa;IACb,WAAW;IACX,SAAS;IACV;GACD,UAAU;IACR,aAAa;IACb,eAAe,EACb,WAAW,wCACZ;IACF;GACF;EACD,SAAS;GACP,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAiC;IAC7D;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAuC;IACpE;GACD,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACD,OAAO;GACL,gBAAgB;GAChB,kBAAkB;GAClB,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACF;CAED,OAAO;EACL,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;GACpC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;GACpC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,OAAO;GACL,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACF;CAED,WAAW,CACT;EACE,KAAK;GACH,GAAG,gCAAgC;GACnC,GAAG,8BAA8B;GAClC;EACD,SAAS;EACT,OAAO;EACR,CACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}
1	+ {"version":3,"file":"input.style.js","names":[],"sources":["../../../../src/components/input/input.style.ts"],"sourcesContent":["import type { CSSObject } from \"../../core\"\nimport { defineComponentStyle } from \"../../core\"\nimport { wrapWithKey } from \"../../utils\"\n\nexport const getInputPaddingStartResetStyle = (key?: string) =>\n ({\n \"&:not([data-input-element] ~ &)\": wrapWithKey({ ps: \"0px\" }, key),\n }) satisfies CSSObject\n\nexport const getInputPaddingEndResetStyle = (key?: string) =>\n ({\n \"&:not(:has(~ [data-input-element]))\": wrapWithKey({ pe: \"0px\" }, key),\n }) satisfies CSSObject\n\nexport const getInputHeightStyle = (height?: string, key?: string) =>\n ({\n \"&:has(~ [data-input-element])\": wrapWithKey({ pe: height }, key),\n \"& ~ [data-input-element]\": { minW: height },\n \"--height\": height,\n \"[data-input-element]:has(~ &)\": { minW: height },\n \"[data-input-element] ~ &\": wrapWithKey({ ps: height }, key),\n minH: height,\n }) satisfies CSSObject\n\nexport const inputStyle = defineComponentStyle({\n base: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n appearance: \"none\",\n minW: \"0\",\n position: \"relative\",\n rounded: \"l2\",\n textAlign: \"start\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n w: \"full\",\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n\n variants: {\n filled: {\n bg: \"bg.panel\",\n border: \"1px solid transparent\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n flushed: {\n bg: \"transparent\",\n borderBottomColor: \"colorScheme.muted\",\n borderBottomWidth: \"1px\",\n rounded: \"0px\",\n _focusVisible: {\n borderColor: \"{focus-border-color}\",\n boxShadow: \"0px 1px 0px 0px {focus-border-color}\",\n outline: \"none\",\n },\n _invalid: {\n borderColor: \"{error-border-color}\",\n _focusVisible: {\n boxShadow: \"0px 1px 0px 0px {error-border-color}\",\n },\n },\n },\n outline: {\n border: \"1px solid {colors.border}\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _container: [\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"panel\"' },\n { css: { bg: \"bg\" }, style: '--form-group-variant: \"elevated\"' },\n { css: { bg: \"bg\" }, style: '--fieldset-root-variant: \"elevated\"' },\n ],\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n plain: {\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n },\n },\n\n sizes: {\n xs: {\n \"--space-x\": \"spaces.2\",\n \"--space-y\": \"spaces.1.5\",\n fontSize: \"xs\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.8}\"),\n },\n sm: {\n \"--space-x\": \"spaces.2.5\",\n \"--space-y\": \"spaces.2\",\n fontSize: \"sm\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.9}\"),\n },\n md: {\n \"--space-x\": \"spaces.3\",\n \"--space-y\": \"spaces.2\",\n fontSize: \"md\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.10}\"),\n },\n lg: {\n \"--space-x\": \"spaces.3.5\",\n \"--space-y\": \"spaces.2.5\",\n fontSize: \"lg\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.11}\"),\n },\n xl: {\n \"--space-x\": \"spaces.4\",\n \"--space-y\": \"spaces.3\",\n fontSize: \"xl\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.12}\"),\n },\n \"2xl\": {\n \"--space-x\": \"spaces.4\",\n \"--space-y\": \"spaces.3\",\n fontSize: \"xl\",\n px: \"{space-x}\",\n ...getInputHeightStyle(\"{sizes.14}\"),\n },\n },\n\n compounds: [\n {\n css: {\n ...getInputPaddingStartResetStyle(),\n ...getInputPaddingEndResetStyle(),\n },\n variant: \"flushed\",\n layer: \"variant\",\n },\n ],\n\n defaultProps: {\n size: \"md\",\n variant: \"outline\",\n },\n})\n\nexport type InputStyle = typeof inputStyle\n"],"mappings":";;;;;AAIA,MAAa,kCAAkC,SAC5C,EACC,kEAA+C,EAAE,IAAI,OAAO,EAAE,IAAI,EACnE;AAEH,MAAa,gCAAgC,SAC1C,EACC,sEAAmD,EAAE,IAAI,OAAO,EAAE,IAAI,EACvE;AAEH,MAAa,uBAAuB,QAAiB,SAClD;CACC,gEAA6C,EAAE,IAAI,QAAQ,EAAE,IAAI;CACjE,4BAA4B,EAAE,MAAM,QAAQ;CAC5C,YAAY;CACZ,iCAAiC,EAAE,MAAM,QAAQ;CACjD,2DAAwC,EAAE,IAAI,QAAQ,EAAE,IAAI;CAC5D,MAAM;CACP;AAEH,MAAa,aAAa,qBAAqB;CAC7C,MAAM;EACJ,wBAAwB;EACxB,wBAAwB;EACxB,YAAY;EACZ,MAAM;EACN,UAAU;EACV,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,WAAW,EACT,YAAY,YACb;EACF;CAED,UAAU;EACR,QAAQ;GACN,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAiC;IAC7D;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAuC;IACpE;GACD,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACD,SAAS;GACP,IAAI;GACJ,mBAAmB;GACnB,mBAAmB;GACnB,SAAS;GACT,eAAe;IACb,aAAa;IACb,WAAW;IACX,SAAS;IACV;GACD,UAAU;IACR,aAAa;IACb,eAAe,EACb,WAAW,wCACZ;IACF;GACF;EACD,SAAS;GACP,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;IACV;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAiC;IAC7D;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAoC;IAChE;KAAE,KAAK,EAAE,IAAI,MAAM;KAAE,OAAO;KAAuC;IACpE;GACD,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACD,OAAO;GACL,gBAAgB;GAChB,kBAAkB;GAClB,UAAU;IACR,aAAa;IACb,gBAAgB;IACjB;GACF;EACF;CAED,OAAO;EACL,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;GACpC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;GACpC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,IAAI;GACF,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACD,OAAO;GACL,aAAa;GACb,aAAa;GACb,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;GACrC;EACF;CAED,WAAW,CACT;EACE,KAAK;GACH,GAAG,gCAAgC;GACnC,GAAG,8BAA8B;GAClC;EACD,SAAS;EACT,OAAO;EACR,CACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACV;CACF,CAAC"}

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

@@ -141,6 +141,7 @@ const pseudoClassSelectors = Object.values(pseudoClasses);
 const groupAttributes = {
 	_groupAccept: toGroup(attributes._accept),
 	_groupActivedescendant: toGroup(pseudoClasses._activedescendant),
+	_groupAnimated: toGroup(attributes._animated),
 	_groupBlank: toGroup(pseudoClasses._blank),
 	_groupChecked: toGroup(pseudoClasses._checked),
 	_groupComplete: toGroup(attributes._complete),
@@ -178,6 +179,7 @@ const groupAttributeProperties = Object.keys(groupAttributes);
 const groupAttributeSelectors = Object.values(groupAttributes);
 const peerAttributes = {
 	_peerAccept: toPeer(attributes._accept),
+	_peerAnimated: toPeer(attributes._animated),
 	_peerBlank: toPeer(pseudoClasses._blank),
 	_peerChecked: toPeer(pseudoClasses._checked),
 	_peerComplete: toPeer(attributes._complete),

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

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

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

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

package/dist/types/components/accordion/accordion.style.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/
 import "../../index.js";
 //#region src/components/accordion/accordion.style.d.ts
-declare const accordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "item" | "root", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "item" | "root">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "item" | "root">>, {
+declare const accordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
   panel: {
     button: {
       rounded: "l2";