npm - @yamada-ui/react - Versions diffs - 2.2.0-next-20260407101455 → 2.2.0-next-20260408064030 - Mend

@yamada-ui/react 2.2.0-next-20260407101455 → 2.2.0-next-20260408064030

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 (284) 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/components/motion/transition.cjs CHANGED Viewed

@@ -14,7 +14,7 @@ const createTransition = {
 						1
 					]
 				},
-				...duration ? { duration: (0, require_utils_index.utils_exports.isNumber)(duration) ? duration : duration.enter } : {},
+				...!(0, require_utils_index.utils_exports.isUndefined)(duration) ? { duration: (0, require_utils_index.utils_exports.isNumber)(duration) ? duration : duration.enter } : {},
 				delay: (0, require_utils_index.utils_exports.isNumber)(delay) ? delay : delay?.enter
 			};
 		};
@@ -31,7 +31,7 @@ const createTransition = {
 						1
 					]
 				},
-				...duration ? { duration: (0, require_utils_index.utils_exports.isNumber)(duration) ? duration : duration.exit } : {},
+				...!(0, require_utils_index.utils_exports.isUndefined)(duration) ? { duration: (0, require_utils_index.utils_exports.isNumber)(duration) ? duration : duration.exit } : {},
 				delay: (0, require_utils_index.utils_exports.isNumber)(delay) ? delay : delay?.exit
 			};
 		};

package/dist/cjs/components/motion/transition.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"transition.cjs","names":[],"sources":["../../../../src/components/motion/transition.ts"],"sourcesContent":["import type { Transition } from \"motion/react\"\nimport type { MotionTransitionProps } from \"./index.types\"\nimport { isNumber } from \"../../utils\"\n\nexport const createTransition = {\n enter: function (transition?: Transition) {\n return function (\n delay?: MotionTransitionProps[\"delay\"],\n duration?: MotionTransitionProps[\"duration\"],\n ): Transition {\n return {\n ...(transition ?? {\n duration: 0.2,\n ease: [0, 0, 0.58, 1],\n }),\n ...(duration\n ? { duration: isNumber(duration) ? duration : duration.enter }\n : {}),\n delay: isNumber(delay) ? delay : delay?.enter,\n }\n }\n },\n exit: function (transition?: Transition) {\n return function (\n delay?: MotionTransitionProps[\"delay\"],\n duration?: MotionTransitionProps[\"duration\"],\n ): Transition {\n return {\n ...(transition ?? {\n duration: 0.2,\n ease: [0.42, 0, 1, 1],\n }),\n ...(duration\n ? { duration: isNumber(duration) ? duration : duration.exit }\n : {}),\n delay: isNumber(delay) ? delay : delay?.exit,\n }\n }\n },\n}\n"],"mappings":";;;AAIA,MAAa,mBAAmB;CAC9B,OAAO,SAAU,YAAyB;AACxC,SAAO,SACL,OACA,UACY;AACZ,UAAO;IACL,GAAI,cAAc;KAChB,UAAU;KACV,MAAM;MAAC;MAAG;MAAG;MAAM;MAAE;KACtB;IACD,GAAI,~~WACA~~,EAAE,0DAAmB,SAAS,GAAG,WAAW,SAAS,OAAO,GAC5D,EAAE;IACN,uDAAgB,MAAM,GAAG,QAAQ,OAAO;IACzC;;;CAGL,MAAM,SAAU,YAAyB;AACvC,SAAO,SACL,OACA,UACY;AACZ,UAAO;IACL,GAAI,cAAc;KAChB,UAAU;KACV,MAAM;MAAC;MAAM;MAAG;MAAG;MAAE;KACtB;IACD,GAAI,~~WACA~~,EAAE,0DAAmB,SAAS,GAAG,WAAW,SAAS,MAAM,GAC3D,EAAE;IACN,uDAAgB,MAAM,GAAG,QAAQ,OAAO;IACzC;;;CAGN"}
1	+ {"version":3,"file":"transition.cjs","names":[],"sources":["../../../../src/components/motion/transition.ts"],"sourcesContent":["import type { Transition } from \"motion/react\"\nimport type { MotionTransitionProps } from \"./index.types\"\nimport { isNumber, isUndefined } from \"../../utils\"\n\nexport const createTransition = {\n enter: function (transition?: Transition) {\n return function (\n delay?: MotionTransitionProps[\"delay\"],\n duration?: MotionTransitionProps[\"duration\"],\n ): Transition {\n return {\n ...(transition ?? {\n duration: 0.2,\n ease: [0, 0, 0.58, 1],\n }),\n ...(!isUndefined(duration)\n ? { duration: isNumber(duration) ? duration : duration.enter }\n : {}),\n delay: isNumber(delay) ? delay : delay?.enter,\n }\n }\n },\n exit: function (transition?: Transition) {\n return function (\n delay?: MotionTransitionProps[\"delay\"],\n duration?: MotionTransitionProps[\"duration\"],\n ): Transition {\n return {\n ...(transition ?? {\n duration: 0.2,\n ease: [0.42, 0, 1, 1],\n }),\n ...(!isUndefined(duration)\n ? { duration: isNumber(duration) ? duration : duration.exit }\n : {}),\n delay: isNumber(delay) ? delay : delay?.exit,\n }\n }\n },\n}\n"],"mappings":";;;AAIA,MAAa,mBAAmB;CAC9B,OAAO,SAAU,YAAyB;AACxC,SAAO,SACL,OACA,UACY;AACZ,UAAO;IACL,GAAI,cAAc;KAChB,UAAU;KACV,MAAM;MAAC;MAAG;MAAG;MAAM;MAAE;KACtB;IACD,GAAI,oDAAa,SAAS,GACtB,EAAE,0DAAmB,SAAS,GAAG,WAAW,SAAS,OAAO,GAC5D,EAAE;IACN,uDAAgB,MAAM,GAAG,QAAQ,OAAO;IACzC;;;CAGL,MAAM,SAAU,YAAyB;AACvC,SAAO,SACL,OACA,UACY;AACZ,UAAO;IACL,GAAI,cAAc;KAChB,UAAU;KACV,MAAM;MAAC;MAAM;MAAG;MAAG;MAAE;KACtB;IACD,GAAI,oDAAa,SAAS,GACtB,EAAE,0DAAmB,SAAS,GAAG,WAAW,SAAS,MAAM,GAC3D,EAAE;IACN,uDAAgB,MAAM,GAAG,QAAQ,OAAO;IACzC;;;CAGN"}

package/dist/cjs/core/components/create-component.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"create-component.cjs","names":["Fragment","styled","getDisplayName","createContext","useSystem","getClassName","name","useComponentStyle","withContext","mergeProps","chainProps","getSlotClassName","useComponentSlotStyle","style","mergeSlotCSS"],"sources":["../../../../src/core/components/create-component.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, FunctionComponent } from \"react\"\nimport type { AnyString, Dict, Merge } from \"../../utils\"\nimport type { CSSObject, CSSSlotObject } from \"../css\"\nimport type {\n ComponentSlotStyle,\n ComponentStyle,\n StyledOptions,\n System,\n WithoutThemeProps,\n} from \"../system\"\nimport type {\n As,\n DOMElement,\n HTMLStyledProps,\n Component as OriginalComponent,\n} from \"./index.types\"\nimport { Fragment } from \"react\"\nimport {\n createContext,\n cx,\n isArray,\n isFunction,\n isObject,\n isString,\n runIfFn,\n toArray,\n toCamelCase,\n toPascalCase,\n} from \"../../utils\"\nimport { styled, useSystem } from \"../system\"\nimport { chainProps, mergeProps } from \"./props\"\nimport {\n getSlotClassName,\n mergeSlotCSS,\n useComponentSlotStyle,\n useComponentStyle,\n} from \"./use-component-style\"\nimport { getClassName, getDisplayName } from \"./utils\"\n\ntype AsWithFragment = \"fragment\" \| As\ntype ClassName = ((system: System) => string) \| string\n\ntype Component<\n Y extends AsWithFragment = AsWithFragment,\n M extends object = {},\n> = Y extends \"fragment\"\n ? FunctionComponent<M>\n : OriginalComponent<Exclude<Y, \"fragment\">, M>\n\nexport type ComponentSlotName<\n Y extends ComponentSlotStyle \| ComponentStyle = ComponentSlotStyle,\n> = AnyString \| Extract<keyof NonNullable<Y[\"base\"]>, string>\n\nexport type ComponentSlot<Y extends string> =\n \| [Y, Y]\n \| Y\n \| { name: string; slot: [Y, Y] \| Y }\n\nexport type InitialProps<Y extends Dict = Dict> =\n \| ((props: Y) => any)\n \| Partial<Y>\nexport type SuperProps<Y extends Dict = Dict> = ((props: Y) => any) \| Y\n\nexport type SuperWithoutThemeProps<\n Y extends Dict = Dict,\n M extends Dict = Dict,\n D extends keyof Y = keyof Y,\n> = ((props: WithoutThemeProps<Y, M, D>) => any) \| WithoutThemeProps<Y, M, D>\n\nexport interface UseComponentPropsOptions<\n Y extends number \| string \| symbol = string,\n> {\n className?: ClassName\n withContext?: boolean\n transferProps?: Y[]\n}\n\nexport interface ComponentOptions extends Omit<StyledOptions, \"transferProps\"> {\n className?: ClassName\n shouldStyleProps?: boolean\n}\n\ninterface classNameOptions<Y extends string = string> {\n className?: ClassName\n slot?: ComponentSlot<Y>\n}\n\nexport interface ComponentWithContextOptions<\n Y extends number \| string \| symbol = string,\n>\n extends ComponentOptions, UseComponentPropsOptions<Y> {}\n\nfunction createProxyComponent<\n Y extends AsWithFragment = \"div\",\n M extends Dict = Dict,\n>(el: FC<M> \| Y, { shouldStyleProps, ...options }: ComponentOptions = {}) {\n options.shouldForwardProp ??= isFunction(el)\n shouldStyleProps ??= !isFunction(el)\n\n if (el === \"fragment\") el = Fragment\n\n if (shouldStyleProps \|\| isString(el)) {\n const ProxyComponent = styled(el as As, options)\n\n ProxyComponent.displayName = \"ProxyComponent\"\n\n return ProxyComponent\n } else {\n el.displayName ??= \"ProxyComponent\"\n\n return el as FC<M>\n }\n}\n\nfunction withDisplayName<\n Y extends AsWithFragment = AsWithFragment,\n M extends object = {},\n>(Component: FC<M>, displayName: string) {\n Object.defineProperty(Component, \"name\", { value: displayName })\n Object.defineProperty(Component, \"displayName\", { value: displayName })\n\n return Component as Component<Y, M>\n}\n\nfunction getSlotKey<Y extends string>(slot?: ComponentSlot<Y>) {\n if (!slot) return \"unknown\"\n\n if (isArray(slot) \|\| !isObject(slot)) {\n return toCamelCase(toArray(slot).join(\"-\"))\n } else {\n return toCamelCase(slot.name)\n }\n}\n\nfunction getSlotName<Y extends string>(slot?: ComponentSlot<Y>) {\n if (!slot) return \"\"\n\n if (isArray(slot)) {\n return slot.map((value) => toPascalCase(value as string)).join(\"\")\n } else if (isObject(slot)) {\n return toPascalCase(slot.name)\n } else {\n return toPascalCase(slot as string)\n }\n}\n\nexport function createComponent<\n Y extends object = {},\n M extends ComponentStyle = Dict,\n D extends Dict = Dict,\n>(name: string, style?: M) {\n const defaultClassName = style?.className\n const defaultDisplayName = getDisplayName(name)\n const [ComponentContext, useComponentContext] = createContext<D>({\n name: `${defaultDisplayName}Context`,\n })\n const [PropsContext, usePropsContext] = createContext<Partial<Y>>({\n name: `${defaultDisplayName}PropsContext`,\n strict: false,\n })\n\n function useClassName(name?: string, className?: ClassName) {\n const system = useSystem()\n\n className = runIfFn(className, system)\n className ??= getClassName(name, defaultClassName)(system)\n\n return className\n }\n\n function useComponentProps<H extends Y = Y, R extends keyof H = keyof H>(\n props: H,\n {\n className,\n withContext = true,\n transferProps,\n }: UseComponentPropsOptions<R> = {},\n ) {\n const system = useSystem()\n\n className = runIfFn(className, system)\n className ??= defaultClassName\n className ??= getClassName(name)(system)\n\n const contextProps = usePropsContext() ?? {}\n const mergedProps = withContext ? mergeProps(contextProps, props)() : props\n const [, rest] = useComponentStyle(mergedProps, {\n name,\n className,\n style,\n transferProps,\n })\n\n return rest\n }\n\n function component<D extends AsWithFragment = \"div\", H extends Dict = Y>(\n el: D \| FC<H>,\n { name, className, ...options }: ComponentOptions = {},\n ) {\n const displayName = getDisplayName(name, defaultDisplayName)\n const ProxyComponent = createProxyComponent(el, options)\n\n return function (\n initialProps?: InitialProps<H>,\n ...superProps: SuperProps<H>[]\n ) {\n return withDisplayName<D, H>((props) => {\n className = useClassName(name, className)\n\n const computedProps = isFunction(initialProps)\n ? initialProps(props)\n : mergeProps(initialProps ?? {}, props)()\n const mergedProps = chainProps<any>(...superProps)()(computedProps)\n\n return (\n <ProxyComponent\n {...mergedProps}\n className={cx(className, mergedProps.className)}\n />\n )\n }, displayName)\n }\n }\n\n function withContext<\n D extends AsWithFragment = \"div\",\n H extends Y = Y,\n R extends keyof H = keyof H,\n >(\n el: D \| FC<WithoutThemeProps<H, M, R>>,\n {\n name,\n className,\n withContext,\n transferProps,\n ...options\n }: ComponentWithContextOptions<R> = {},\n ) {\n const displayName = getDisplayName(name, defaultDisplayName)\n const ProxyComponent = createProxyComponent(el, options)\n\n return function (\n initialProps?: InitialProps<H>,\n ...superProps: SuperWithoutThemeProps<H, M, R>[]\n ) {\n return withDisplayName<D, H>((props) => {\n className = useClassName(name, className)\n\n const computedProps = isFunction(initialProps)\n ? initialProps(props)\n : mergeProps(initialProps ?? {}, props)()\n const mergedProps = useComponentProps(computedProps, {\n className,\n withContext,\n transferProps,\n })\n const rest = chainProps<any>(...toArray(superProps))()(mergedProps)\n\n return <ProxyComponent {...rest} />\n }, displayName)\n }\n }\n\n return {\n component,\n ComponentContext,\n PropsContext,\n useComponentContext,\n usePropsContext,\n withContext,\n useComponentProps,\n }\n}\n\nexport function createSlotComponent<\n Y extends object = {},\n M extends ComponentSlotStyle = Dict,\n D extends Dict = Dict,\n>(rootName: string, style?: M) {\n const rootClassName = style?.className\n const rootDisplayName = getDisplayName(rootName)\n const classNameMap = new Map<string, classNameOptions>()\n const [StyleContext, useStyleContext] = createContext<\n CSSSlotObject<ComponentSlotName<M>>\n >({\n name: `${rootDisplayName}StyleContext`,\n })\n const [ComponentContext, useComponentContext] = createContext<D>({\n name: `${rootDisplayName}Context`,\n })\n const [PropsContext, usePropsContext] = createContext<Partial<Y>>({\n name: `${rootDisplayName}PropsContext`,\n strict: false,\n })\n\n function useClassName(\n slot?: ComponentSlot<ComponentSlotName<M>>,\n className?: ClassName,\n ) {\n const system = useSystem()\n\n className = runIfFn(className, system)\n className ??= getSlotClassName(\n rootClassName ?? getClassName(rootName)(system),\n slot,\n )\n\n return className\n }\n\n function useClassNames() {\n const system = useSystem()\n const entries = classNameMap.entries().map(([key, { className, slot }]) => {\n className = runIfFn(className, system)\n className ??= getSlotClassName(\n rootClassName ?? getClassName(rootName)(system),\n slot,\n )\n\n return [key, className]\n })\n\n return Object.fromEntries(\n entries.filter(([_, className]) => className),\n ) as { [key: string]: string }\n }\n\n function useRootComponentProps<\n Y extends Dict = Dict,\n R extends keyof Y = keyof Y,\n >(\n props: Y,\n slot?: ComponentSlot<ComponentSlotName<M>>,\n {\n className,\n withContext = true,\n transferProps,\n }: UseComponentPropsOptions<R> = {},\n ): [\n CSSSlotObject,\n Merge<WithoutThemeProps<Y, M, R>, { css?: CSSObject \| CSSObject[] }>,\n ] {\n className = useClassName(slot, className)\n\n const contextProps = usePropsContext() ?? {}\n const mergedProps = withContext ? mergeProps(contextProps, props)() : props\n const [css, rest] = useComponentSlotStyle(mergedProps, {\n name: rootName,\n className,\n style,\n slot,\n transferProps,\n })\n\n return [css, rest]\n }\n\n function useSlotComponentProps<Y extends Dict = Dict>(\n props: Y,\n slot?: ComponentSlot<ComponentSlotName<M>>,\n { className }: Omit<UseComponentPropsOptions, \"transferProps\"> = {},\n ) {\n className = useClassName(slot, className)\n\n const style = useStyleContext()\n\n return {\n ...props,\n className: cx(className, props.className),\n css: mergeSlotCSS(slot, style, props.css),\n }\n }\n\n function component<H extends AsWithFragment = \"div\", R extends Dict = Dict>(\n el: FC<R> \| H,\n slot?: ComponentSlot<ComponentSlotName<M>>,\n { name, className, ...options }: ComponentOptions = {},\n ) {\n const ProxyComponent = createProxyComponent(el, options)\n const slotKey = getSlotKey(slot)\n const slotName = getSlotName(slot)\n const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n classNameMap.set(slotKey, { className, slot })\n\n return function (\n initialProps?: InitialProps<R>,\n ...superProps: SuperProps<R>[]\n ) {\n return withDisplayName<H, R>((props) => {\n className = useClassName(slot, className)\n\n const computedProps = isFunction(initialProps)\n ? initialProps(props)\n : mergeProps(initialProps ?? {}, props)()\n const mergedProps = chainProps(...superProps)()(computedProps)\n\n return (\n <ProxyComponent\n {...mergedProps}\n className={cx(className, mergedProps.className)}\n />\n )\n }, displayName)\n }\n }\n\n function withProvider<\n H extends AsWithFragment = \"div\",\n R extends Y = Y,\n T extends keyof R = keyof R,\n >(\n el: FC<WithoutThemeProps<R, M, T>> \| H,\n slot: ComponentSlot<ComponentSlotName<M>> = \"root\" as ComponentSlot<\n ComponentSlotName<M>\n >,\n {\n name,\n className,\n withContext,\n transferProps,\n ...options\n }: ComponentWithContextOptions<T> = {},\n ) {\n const ProxyComponent = createProxyComponent(el, options)\n const slotKey = getSlotKey(slot)\n const slotName = getSlotName(slot)\n const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n classNameMap.set(slotKey, { className, slot })\n\n return function (\n initialProps?: InitialProps<R>,\n ...superProps: SuperWithoutThemeProps<R, M, T>[]\n ) {\n return withDisplayName<H, R>((props) => {\n const computedProps = isFunction(initialProps)\n ? initialProps(props)\n : mergeProps(initialProps ?? {}, props)()\n const [context, mergedProps] = useRootComponentProps(\n computedProps,\n slot,\n {\n className,\n withContext,\n transferProps,\n },\n )\n const rest = chainProps<any>(...superProps)()(mergedProps)\n\n return (\n <StyleContext value={context}>\n <ProxyComponent {...rest} />\n </StyleContext>\n )\n }, displayName)\n }\n }\n\n function withContext<\n H extends AsWithFragment = \"div\",\n R extends Dict = H extends DOMElement ? HTMLStyledProps<H> : Dict,\n >(\n el: FC<R> \| H,\n slot?: ComponentSlot<ComponentSlotName<M>>,\n {\n name,\n className,\n withContext,\n ...options\n }: Omit<ComponentWithContextOptions, \"transferProps\"> = {},\n ) {\n const ProxyComponent = createProxyComponent(el, options)\n const slotKey = getSlotKey(slot)\n const slotName = getSlotName(slot)\n const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n classNameMap.set(slotKey, { className, slot })\n\n return function (\n initialProps?: InitialProps<R>,\n ...superProps: SuperProps<R>[]\n ) {\n return withDisplayName<H, R>((props) => {\n const computedProps = isFunction(initialProps)\n ? initialProps(props)\n : mergeProps(initialProps ?? {}, props)()\n const mergedProps = useSlotComponentProps(computedProps, slot, {\n className,\n withContext,\n })\n const rest = chainProps(...superProps)()(mergedProps)\n\n return <ProxyComponent {...rest} />\n }, displayName)\n }\n }\n\n return {\n component,\n ComponentContext,\n PropsContext,\n StyleContext,\n useClassNames,\n useComponentContext,\n usePropsContext,\n useStyleContext,\n withContext,\n withProvider,\n useRootComponentProps,\n useSlotComponentProps,\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"create-component.cjs","names":["Fragment","styled","getDisplayName","createContext","useSystem","getClassName","name","useComponentStyle","withContext","mergeProps","chainProps","getSlotClassName","useComponentSlotStyle","style","mergeSlotCSS"],"sources":["../../../../src/core/components/create-component.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, FunctionComponent } from \"react\"\nimport type { AnyString, Dict, Merge } from \"../../utils\"\nimport type { CSSObject, CSSSlotObject } from \"../css\"\nimport type {\n ComponentSlotStyle,\n ComponentStyle,\n StyledOptions,\n System,\n WithoutThemeProps,\n} from \"../system\"\nimport type {\n As,\n DOMElement,\n HTMLStyledProps,\n Component as OriginalComponent,\n} from \"./index.types\"\nimport { Fragment } from \"react\"\nimport {\n createContext,\n cx,\n isArray,\n isFunction,\n isObject,\n isString,\n runIfFn,\n toArray,\n toCamelCase,\n toPascalCase,\n} from \"../../utils\"\nimport { styled, useSystem } from \"../system\"\nimport { chainProps, mergeProps } from \"./props\"\nimport {\n getSlotClassName,\n mergeSlotCSS,\n useComponentSlotStyle,\n useComponentStyle,\n} from \"./use-component-style\"\nimport { getClassName, getDisplayName } from \"./utils\"\n\ntype AsWithFragment = \"fragment\" \| As\ntype ClassName = ((system: System) => string) \| string\n\ntype Component<\n Y extends AsWithFragment = AsWithFragment,\n M extends object = {},\n> = Y extends \"fragment\"\n ? FunctionComponent<M>\n : OriginalComponent<Exclude<Y, \"fragment\">, M>\n\nexport type ComponentSlotName<\n Y extends ComponentSlotStyle \| ComponentStyle = ComponentSlotStyle,\n> = AnyString \| Extract<keyof NonNullable<Y[\"base\"]>, string>\n\nexport type ComponentSlot<Y extends string> =\n \| [Y, Y]\n \| Y\n \| { name: string; slot: [Y, Y] \| Y }\n\nexport type InitialProps<Y extends Dict = Dict> =\n \| ((props: Y) => any)\n \| Partial<Y>\nexport type SuperProps<Y extends Dict = Dict> = ((props: Y) => any) \| Y\n\nexport type SuperWithoutThemeProps<\n Y extends Dict = Dict,\n M extends Dict = Dict,\n D extends keyof Y = keyof Y,\n> = ((props: WithoutThemeProps<Y, M, D>) => any) \| WithoutThemeProps<Y, M, D>\n\nexport interface UseComponentPropsOptions<\n Y extends number \| string \| symbol = string,\n> {\n className?: ClassName\n withContext?: boolean\n transferProps?: Y[]\n}\n\nexport interface ComponentOptions extends Omit<StyledOptions, \"transferProps\"> {\n className?: ClassName\n shouldStyleProps?: boolean\n}\n\ninterface classNameOptions<Y extends string = string> {\n className?: ClassName\n slot?: ComponentSlot<Y>\n}\n\nexport interface ComponentWithContextOptions<\n Y extends number \| string \| symbol = string,\n>\n extends ComponentOptions, UseComponentPropsOptions<Y> {}\n\nfunction createProxyComponent<\n Y extends AsWithFragment = \"div\",\n M extends Dict = Dict,\n>(el: FC<M> \| Y, { shouldStyleProps, ...options }: ComponentOptions = {}) {\n options.shouldForwardProp ??= isFunction(el)\n shouldStyleProps ??= !isFunction(el)\n\n if (el === \"fragment\") el = Fragment\n\n if (shouldStyleProps \|\| isString(el)) {\n const ProxyComponent = styled(el as As, options)\n\n ProxyComponent.displayName = \"ProxyComponent\"\n\n return ProxyComponent\n } else {\n el.displayName ??= \"ProxyComponent\"\n\n return el as FC<M>\n }\n}\n\nfunction withDisplayName<\n Y extends AsWithFragment = AsWithFragment,\n M extends object = {},\n>(Component: FC<M>, displayName: string) {\n Object.defineProperty(Component, \"name\", { value: displayName })\n Object.defineProperty(Component, \"displayName\", { value: displayName })\n\n return Component as Component<Y, M>\n}\n\nfunction getSlotKey<Y extends string>(slot?: ComponentSlot<Y>) {\n if (!slot) return \"unknown\"\n\n if (isArray(slot) \|\| !isObject(slot)) {\n return toCamelCase(toArray(slot).join(\"-\"))\n } else {\n return toCamelCase(slot.name)\n }\n}\n\nfunction getSlotName<Y extends string>(slot?: ComponentSlot<Y>) {\n if (!slot) return \"\"\n\n if (isArray(slot)) {\n return slot.map((value) => toPascalCase(value as string)).join(\"\")\n } else if (isObject(slot)) {\n return toPascalCase(slot.name)\n } else {\n return toPascalCase(slot as string)\n }\n}\n\nexport function createComponent<\n Y extends object = {},\n M extends ComponentStyle = Dict,\n D extends Dict = Dict,\n>(name: string, style?: M) {\n const defaultClassName = style?.className\n const defaultDisplayName = getDisplayName(name)\n const [ComponentContext, useComponentContext] = createContext<D>({\n name: `${defaultDisplayName}Context`,\n })\n const [PropsContext, usePropsContext] = createContext<Partial<Y>>({\n name: `${defaultDisplayName}PropsContext`,\n strict: false,\n })\n\n function useClassName(name?: string, className?: ClassName) {\n const system = useSystem()\n\n className = runIfFn(className, system)\n className ??= getClassName(name, defaultClassName)(system)\n\n return className\n }\n\n function useComponentProps<H extends Y = Y, R extends keyof H = keyof H>(\n props: H,\n {\n className,\n withContext = true,\n transferProps,\n }: UseComponentPropsOptions<R> = {},\n ) {\n const system = useSystem()\n\n className = runIfFn(className, system)\n className ??= defaultClassName\n className ??= getClassName(name)(system)\n\n const contextProps = usePropsContext() ?? {}\n const mergedProps = withContext\n ? (mergeProps(contextProps, props)() as H)\n : props\n const [, rest] = useComponentStyle(mergedProps, {\n name,\n className,\n style,\n transferProps,\n })\n\n return rest\n }\n\n function component<D extends AsWithFragment = \"div\", H extends Dict = Y>(\n el: D \| FC<H>,\n { name, className, ...options }: ComponentOptions = {},\n ) {\n const displayName = getDisplayName(name, defaultDisplayName)\n const ProxyComponent = createProxyComponent(el, options)\n\n return function (\n initialProps?: InitialProps<H>,\n ...superProps: SuperProps<H>[]\n ) {\n return withDisplayName<D, H>((props) => {\n className = useClassName(name, className)\n\n const computedProps = isFunction(initialProps)\n ? initialProps(props)\n : mergeProps(initialProps ?? {}, props)()\n const mergedProps = chainProps<any>(...superProps)()(computedProps)\n\n return (\n <ProxyComponent\n {...mergedProps}\n className={cx(className, mergedProps.className)}\n />\n )\n }, displayName)\n }\n }\n\n function withContext<\n D extends AsWithFragment = \"div\",\n H extends Y = Y,\n R extends keyof H = keyof H,\n >(\n el: D \| FC<WithoutThemeProps<H, M, R>>,\n {\n name,\n className,\n withContext,\n transferProps,\n ...options\n }: ComponentWithContextOptions<R> = {},\n ) {\n const displayName = getDisplayName(name, defaultDisplayName)\n const ProxyComponent = createProxyComponent(el, options)\n\n return function (\n initialProps?: InitialProps<H>,\n ...superProps: SuperWithoutThemeProps<H, M, R>[]\n ) {\n return withDisplayName<D, H>((props) => {\n className = useClassName(name, className)\n\n const computedProps = isFunction(initialProps)\n ? initialProps(props)\n : mergeProps(initialProps ?? {}, props)()\n const mergedProps = useComponentProps(computedProps, {\n className,\n withContext,\n transferProps,\n })\n const rest = chainProps<any>(...toArray(superProps))()(mergedProps)\n\n return <ProxyComponent {...rest} />\n }, displayName)\n }\n }\n\n return {\n component,\n ComponentContext,\n PropsContext,\n useComponentContext,\n usePropsContext,\n withContext,\n useComponentProps,\n }\n}\n\nexport function createSlotComponent<\n Y extends object = {},\n M extends ComponentSlotStyle = Dict,\n D extends Dict = Dict,\n>(rootName: string, style?: M) {\n const rootClassName = style?.className\n const rootDisplayName = getDisplayName(rootName)\n const classNameMap = new Map<string, classNameOptions>()\n const [StyleContext, useStyleContext] = createContext<\n CSSSlotObject<ComponentSlotName<M>>\n >({\n name: `${rootDisplayName}StyleContext`,\n })\n const [ComponentContext, useComponentContext] = createContext<D>({\n name: `${rootDisplayName}Context`,\n })\n const [PropsContext, usePropsContext] = createContext<Partial<Y>>({\n name: `${rootDisplayName}PropsContext`,\n strict: false,\n })\n\n function useClassName(\n slot?: ComponentSlot<ComponentSlotName<M>>,\n className?: ClassName,\n ) {\n const system = useSystem()\n\n className = runIfFn(className, system)\n className ??= getSlotClassName(\n rootClassName ?? getClassName(rootName)(system),\n slot,\n )\n\n return className\n }\n\n function useClassNames() {\n const system = useSystem()\n const entries = classNameMap.entries().map(([key, { className, slot }]) => {\n className = runIfFn(className, system)\n className ??= getSlotClassName(\n rootClassName ?? getClassName(rootName)(system),\n slot,\n )\n\n return [key, className]\n })\n\n return Object.fromEntries(\n entries.filter(([_, className]) => className),\n ) as { [key: string]: string }\n }\n\n function useRootComponentProps<\n Y extends Dict = {},\n R extends keyof Y = keyof Y,\n >(\n props: Y,\n slot?: ComponentSlot<ComponentSlotName<M>>,\n {\n className,\n withContext = true,\n transferProps,\n }: UseComponentPropsOptions<R> = {},\n ): [\n CSSSlotObject,\n Merge<WithoutThemeProps<Y, M, R>, { css?: CSSObject \| CSSObject[] }>,\n ] {\n className = useClassName(slot, className)\n\n const contextProps = usePropsContext() ?? {}\n const mergedProps = withContext\n ? (mergeProps(contextProps, props)() as Y)\n : props\n const [css, rest] = useComponentSlotStyle(mergedProps, {\n name: rootName,\n className,\n style,\n slot,\n transferProps,\n })\n\n return [css, rest]\n }\n\n function useSlotComponentProps<Y extends Dict = {}>(\n props: Y,\n slot?: ComponentSlot<ComponentSlotName<M>>,\n { className }: Omit<UseComponentPropsOptions, \"transferProps\"> = {},\n ) {\n className = useClassName(slot, className)\n\n const style = useStyleContext()\n\n return {\n ...props,\n className: cx(className, props.className),\n css: mergeSlotCSS(slot, style, props.css),\n }\n }\n\n function component<H extends AsWithFragment = \"div\", R extends Dict = Dict>(\n el: FC<R> \| H,\n slot?: ComponentSlot<ComponentSlotName<M>>,\n { name, className, ...options }: ComponentOptions = {},\n ) {\n const ProxyComponent = createProxyComponent(el, options)\n const slotKey = getSlotKey(slot)\n const slotName = getSlotName(slot)\n const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n classNameMap.set(slotKey, { className, slot })\n\n return function (\n initialProps?: InitialProps<R>,\n ...superProps: SuperProps<R>[]\n ) {\n return withDisplayName<H, R>((props) => {\n className = useClassName(slot, className)\n\n const computedProps = isFunction(initialProps)\n ? initialProps(props)\n : mergeProps(initialProps ?? {}, props)()\n const mergedProps = chainProps(...superProps)()(computedProps)\n\n return (\n <ProxyComponent\n {...mergedProps}\n className={cx(className, mergedProps.className)}\n />\n )\n }, displayName)\n }\n }\n\n function withProvider<\n H extends AsWithFragment = \"div\",\n R extends Y = Y,\n T extends keyof R = keyof R,\n >(\n el: FC<WithoutThemeProps<R, M, T>> \| H,\n slot: ComponentSlot<ComponentSlotName<M>> = \"root\" as ComponentSlot<\n ComponentSlotName<M>\n >,\n {\n name,\n className,\n withContext,\n transferProps,\n ...options\n }: ComponentWithContextOptions<T> = {},\n ) {\n const ProxyComponent = createProxyComponent(el, options)\n const slotKey = getSlotKey(slot)\n const slotName = getSlotName(slot)\n const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n classNameMap.set(slotKey, { className, slot })\n\n return function (\n initialProps?: InitialProps<R>,\n ...superProps: SuperWithoutThemeProps<R, M, T>[]\n ) {\n return withDisplayName<H, R>((props) => {\n const computedProps = isFunction(initialProps)\n ? initialProps(props)\n : mergeProps(initialProps ?? {}, props)()\n const [context, mergedProps] = useRootComponentProps(\n computedProps,\n slot,\n {\n className,\n withContext,\n transferProps,\n },\n )\n const rest = chainProps<any>(...superProps)()(mergedProps)\n\n return (\n <StyleContext value={context}>\n <ProxyComponent {...rest} />\n </StyleContext>\n )\n }, displayName)\n }\n }\n\n function withContext<\n H extends AsWithFragment = \"div\",\n R extends Dict = H extends DOMElement ? HTMLStyledProps<H> : Dict,\n >(\n el: FC<R> \| H,\n slot?: ComponentSlot<ComponentSlotName<M>>,\n {\n name,\n className,\n withContext,\n ...options\n }: Omit<ComponentWithContextOptions, \"transferProps\"> = {},\n ) {\n const ProxyComponent = createProxyComponent(el, options)\n const slotKey = getSlotKey(slot)\n const slotName = getSlotName(slot)\n const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n classNameMap.set(slotKey, { className, slot })\n\n return function (\n initialProps?: InitialProps<R>,\n ...superProps: SuperProps<R>[]\n ) {\n return withDisplayName<H, R>((props) => {\n const computedProps = isFunction(initialProps)\n ? initialProps(props)\n : mergeProps(initialProps ?? {}, props)()\n const mergedProps = useSlotComponentProps(computedProps, slot, {\n className,\n withContext,\n })\n const rest = chainProps(...superProps)()(mergedProps)\n\n return <ProxyComponent {...rest} />\n }, displayName)\n }\n }\n\n return {\n component,\n ComponentContext,\n PropsContext,\n StyleContext,\n useClassNames,\n useComponentContext,\n usePropsContext,\n useStyleContext,\n withContext,\n withProvider,\n useRootComponentProps,\n useSlotComponentProps,\n }\n}\n"],"mappings":"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"}

package/dist/cjs/core/components/props.cjs CHANGED Viewed

@@ -24,6 +24,7 @@ function mergeProps(...args) {
 	return function({ mergeClassName = true, mergeCSS = true, mergeEvent = true, mergeRef = true, mergeStyle = true } = {}) {
 		let result = {};
 		for (const props of args) {
+			if ((0, require_utils_index.utils_exports.isUndefined)(props)) continue;
 			for (const key in result) {
 				if (mergeRef && key === "ref") {
 					result[key] = require_ref.mergeRefs(result[key], props[key]);

package/dist/cjs/core/components/props.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"props.cjs","names":["conditionProperties","styleProperties","result: Dict","mergeRefs"],"sources":["../../../../src/core/components/props.ts"],"sourcesContent":["import type { Dict, Merge } from \"../../utils\"\nimport { useMemo } from \"react\"\nimport isEqual from \"react-fast-compare\"\nimport {\n cx,\n handlerAll,\n isArray,\n isEmptyObject,\n isFunction,\n isObject,\n isUndefined,\n merge,\n mergeRefs,\n omitObject,\n splitObject,\n} from \"../../utils\"\nimport { conditionProperties, styleProperties } from \"../css\"\n\ntype MergeAll<Y extends Dict[]> = Y extends [infer M]\n ? M\n : Y extends [infer D, ...infer H]\n ? H extends ~~any~~[]\n ? Merge<D, MergeAll<H>>\n : D\n : never\n\nfunction isEvent(key: string) {\n return /^on[A-Z]/.test(key)\n}\n\nexport const cssProps = new Set<string>([\n ...conditionProperties,\n ...styleProperties,\n])\n\nexport type ShouldForwardProp = (prop: string) => boolean\n\nexport function createShouldForwardProp(\n forwardProps: string[] = [],\n): ShouldForwardProp {\n return function (prop: string): boolean {\n if (forwardProps.includes(prop)) return true\n\n if (prop.startsWith(\"--\")) return false\n\n return !cssProps.has(prop)\n }\n}\n\ninterface MergePropsOptions {\n mergeClassName?: boolean\n mergeCSS?: boolean\n mergeEvent?: boolean\n mergeRef?: boolean\n mergeStyle?: boolean\n}\n\nexport function mergeProps<Y extends Dict[]>(...args: Y) {\n return function ({\n mergeClassName = true,\n mergeCSS = true,\n mergeEvent = true,\n mergeRef = true,\n mergeStyle = true,\n }: MergePropsOptions = {}): ~~MergeAll<Y>~~ {\n let result: Dict = {}\n\n for (const props of args) {\n for (const key in result) {\n if (mergeRef && key === \"ref\") {\n result[key] = mergeRefs(result[key], props[key])\n\n continue\n }\n\n if (\n mergeEvent &&\n isEvent(key) &&\n isFunction(result[key]) &&\n isFunction(props[key])\n ) {\n result[key] = handlerAll(result[key], props[key])\n\n continue\n }\n\n if (mergeClassName && (key === \"className\" \|\| key === \"class\")) {\n result[key] = cx(result[key], props[key])\n\n continue\n }\n\n if (mergeStyle && key === \"style\") {\n result[key] = merge(result[key] ?? {}, props[key] ?? {})\n\n continue\n }\n\n if (mergeCSS && key === \"css\") {\n if (isArray(result[key])) {\n result[key].push(props[key])\n } else {\n result[key] ??= []\n\n result[key] = [result[key], props[key]]\n }\n\n continue\n }\n\n result[key] = !isUndefined(props[key]) ? props[key] : result[key]\n }\n\n for (const key in props) {\n if (isUndefined(result[key])) result[key] = props[key]\n }\n }\n\n return result as any\n }\n}\n\ntype CallbackProps<Y extends Dict = Dict> = (props: Y) => Y\n\ntype PropsOrCallback<Y extends Dict = Dict> = CallbackProps<Y> \| Y\n\nexport function chainProps<Y extends Dict = Dict>(\n ...props: PropsOrCallback<Y>[]\n) {\n return function (options: MergePropsOptions = {}) {\n if (!props.length) return (a: Y) => a\n\n if (props.length === 1)\n return function (b: Y) {\n const a = props[0] ?? {}\n const c = isFunction(a) ? a(b) : mergeProps(a, b)(options)\n\n return c\n } as CallbackProps<Y>\n\n return props.reduce(function (a, b) {\n return function (c: Y = {} as Y) {\n const d = isFunction(a) ? a(c) : mergeProps(a, c)(options)\n const f = isFunction(b) ? b(d) : mergeProps(b, d)(options)\n\n return f\n }\n }) as CallbackProps<Y>\n }\n}\n\nexport function isEqualProps<\n Y extends Dict,\n M extends Dict,\n D extends keyof M \| keyof Y,\n>(a: Y, b: M, omitKeys: D[] = []) {\n return isEqual(\n omitObject(a, omitKeys as (keyof Y)[]),\n omitObject(b, omitKeys as (keyof M)[]),\n )\n}\n\nexport function useSplitProps<Y extends Dict, M extends keyof Y>(\n props: Y,\n keys: M[] \| readonly M[],\n) {\n return useMemo(() => splitObject<Y, M>(props, keys), [props, keys])\n}\n\nexport function extractProps(props: Dict, keys: readonly string[] \| string[]) {\n let result: Dict = {}\n\n Object.entries(props).forEach(([key, value]) => {\n if (!cssProps.has(key)) return\n\n if (keys.includes(key)) {\n result = merge(result, { [key]: value })\n } else if (isObject(value)) {\n value = extractProps(value, keys)\n\n if (isEmptyObject(value)) return\n\n result = merge(result, { [key]: value })\n }\n })\n\n return result\n}\n\nexport function useExtractProps(\n props: Dict,\n keys: readonly string[] \| string[],\n) {\n return useMemo(() => extractProps(props, keys), [props, keys])\n}\n"],"mappings":";;;;;;;;;;;~~AA0BA~~,SAAS,QAAQ,KAAa;AAC5B,QAAO,WAAW,KAAK,IAAI;;AAG7B,MAAa,WAAW,IAAI,IAAY,CACtC,GAAGA,wCACH,GAAGC,+BACJ,CAAC;AAIF,SAAgB,wBACd,eAAyB,EAAE,EACR;AACnB,QAAO,SAAU,MAAuB;AACtC,MAAI,aAAa,SAAS,KAAK,CAAE,QAAO;AAExC,MAAI,KAAK,WAAW,KAAK,CAAE,QAAO;AAElC,SAAO,CAAC,SAAS,IAAI,KAAK;;;~~AAY9B~~,SAAgB,~~WAA6B~~,GAAG,~~MAAS~~;~~AACvD~~,QAAO,SAAU,EACf,iBAAiB,MACjB,WAAW,MACX,aAAa,MACb,WAAW,MACX,aAAa,SACQ,EAAE,~~EAAe~~;~~EACtC~~,IAAIC,SAAe,EAAE;AAErB,OAAK,MAAM,SAAS,MAAM;AACxB,QAAK,MAAM,OAAO,QAAQ;AACxB,QAAI,YAAY,QAAQ,OAAO;AAC7B,YAAO,OAAOC,sBAAU,OAAO,MAAM,MAAM,KAAK;AAEhD;;AAGF,QACE,cACA,QAAQ,IAAI,sDACD,OAAO,KAAK,sDACZ,MAAM,KAAK,EACtB;AACA,YAAO,yDAAkB,OAAO,MAAM,MAAM,KAAK;AAEjD;;AAGF,QAAI,mBAAmB,QAAQ,eAAe,QAAQ,UAAU;AAC9D,YAAO,iDAAU,OAAO,MAAM,MAAM,KAAK;AAEzC;;AAGF,QAAI,cAAc,QAAQ,SAAS;AACjC,YAAO,oDAAa,OAAO,QAAQ,EAAE,EAAE,MAAM,QAAQ,EAAE,CAAC;AAExD;;AAGF,QAAI,YAAY,QAAQ,OAAO;AAC7B,wDAAY,OAAO,KAAK,CACtB,QAAO,KAAK,KAAK,MAAM,KAAK;UACvB;AACL,aAAO,SAAS,EAAE;AAElB,aAAO,OAAO,CAAC,OAAO,MAAM,MAAM,KAAK;;AAGzC;;AAGF,WAAO,OAAO,oDAAa,MAAM,KAAK,GAAG,MAAM,OAAO,OAAO;;AAG/D,QAAK,MAAM,OAAO,MAChB,wDAAgB,OAAO,KAAK,CAAE,QAAO,OAAO,MAAM;;AAItD,SAAO;;;AAQX,SAAgB,WACd,GAAG,OACH;AACA,QAAO,SAAU,UAA6B,EAAE,EAAE;AAChD,MAAI,CAAC,MAAM,OAAQ,SAAQ,MAAS;AAEpC,MAAI,MAAM,WAAW,EACnB,QAAO,SAAU,GAAM;GACrB,MAAM,IAAI,MAAM,MAAM,EAAE;AAGxB,4DAFqB,EAAE,GAAG,EAAE,EAAE,GAAG,WAAW,GAAG,EAAE,CAAC,QAAQ;;AAK9D,SAAO,MAAM,OAAO,SAAU,GAAG,GAAG;AAClC,UAAO,SAAU,IAAO,EAAE,EAAO;IAC/B,MAAM,sDAAe,EAAE,GAAG,EAAE,EAAE,GAAG,WAAW,GAAG,EAAE,CAAC,QAAQ;AAG1D,6DAFqB,EAAE,GAAG,EAAE,EAAE,GAAG,WAAW,GAAG,EAAE,CAAC,QAAQ;;IAI5D;;;AAIN,SAAgB,aAId,GAAM,GAAM,WAAgB,EAAE,EAAE;AAChC,0FACa,GAAG,SAAwB,oDAC3B,GAAG,SAAwB,CACvC;;AAGH,SAAgB,cACd,OACA,MACA;AACA,oFAAuC,OAAO,KAAK,EAAE,CAAC,OAAO,KAAK,CAAC;;AAGrE,SAAgB,aAAa,OAAa,MAAoC;CAC5E,IAAID,SAAe,EAAE;AAErB,QAAO,QAAQ,MAAM,CAAC,SAAS,CAAC,KAAK,WAAW;AAC9C,MAAI,CAAC,SAAS,IAAI,IAAI,CAAE;AAExB,MAAI,KAAK,SAAS,IAAI,CACpB,uDAAe,QAAQ,GAAG,MAAM,OAAO,CAAC;2DACtB,MAAM,EAAE;AAC1B,WAAQ,aAAa,OAAO,KAAK;AAEjC,4DAAkB,MAAM,CAAE;AAE1B,yDAAe,QAAQ,GAAG,MAAM,OAAO,CAAC;;GAE1C;AAEF,QAAO;;AAGT,SAAgB,gBACd,OACA,MACA;AACA,iCAAqB,aAAa,OAAO,KAAK,EAAE,CAAC,OAAO,KAAK,CAAC"}
1	+ {"version":3,"file":"props.cjs","names":["conditionProperties","styleProperties","result: Dict","mergeRefs"],"sources":["../../../../src/core/components/props.ts"],"sourcesContent":["import type { Dict, Merge } from \"../../utils\"\nimport { useMemo } from \"react\"\nimport isEqual from \"react-fast-compare\"\nimport {\n cx,\n handlerAll,\n isArray,\n isEmptyObject,\n isFunction,\n isObject,\n isUndefined,\n merge,\n mergeRefs,\n omitObject,\n splitObject,\n} from \"../../utils\"\nimport { conditionProperties, styleProperties } from \"../css\"\n\ntype Optionalize<Y> = [Extract<Y, undefined>] extends [never]\n ? Y\n : Partial<Exclude<Y, undefined>>\n\ntype MergeAll<Y extends (Dict \| undefined)[]> = Y extends [infer M]\n ? Optionalize<M>\n : Y extends [infer D, ...infer H]\n ? H extends (Dict \| undefined)[]\n ? Merge<Optionalize<D>, MergeAll<H>>\n : Optionalize<D>\n : never\n\nfunction isEvent(key: string) {\n return /^on[A-Z]/.test(key)\n}\n\nexport const cssProps = new Set<string>([\n ...conditionProperties,\n ...styleProperties,\n])\n\nexport type ShouldForwardProp = (prop: string) => boolean\n\nexport function createShouldForwardProp(\n forwardProps: string[] = [],\n): ShouldForwardProp {\n return function (prop: string): boolean {\n if (forwardProps.includes(prop)) return true\n\n if (prop.startsWith(\"--\")) return false\n\n return !cssProps.has(prop)\n }\n}\n\ninterface MergePropsOptions {\n mergeClassName?: boolean\n mergeCSS?: boolean\n mergeEvent?: boolean\n mergeRef?: boolean\n mergeStyle?: boolean\n}\n\nexport function mergeProps<Y extends Dict>(\n ...args: Y[]\n): (options?: MergePropsOptions) => Y\nexport function mergeProps<Y extends (Dict \| undefined)[]>(\n ...args: Y\n): (options?: MergePropsOptions) => MergeAll<Y>\nexport function mergeProps(...args: (Dict \| undefined)[]) {\n return function ({\n mergeClassName = true,\n mergeCSS = true,\n mergeEvent = true,\n mergeRef = true,\n mergeStyle = true,\n }: MergePropsOptions = {}) {\n let result: Dict = {}\n\n for (const props of args) {\n if (isUndefined(props)) continue\n\n for (const key in result) {\n if (mergeRef && key === \"ref\") {\n result[key] = mergeRefs(result[key], props[key])\n\n continue\n }\n\n if (\n mergeEvent &&\n isEvent(key) &&\n isFunction(result[key]) &&\n isFunction(props[key])\n ) {\n result[key] = handlerAll(result[key], props[key])\n\n continue\n }\n\n if (mergeClassName && (key === \"className\" \|\| key === \"class\")) {\n result[key] = cx(result[key], props[key])\n\n continue\n }\n\n if (mergeStyle && key === \"style\") {\n result[key] = merge(result[key] ?? {}, props[key] ?? {})\n\n continue\n }\n\n if (mergeCSS && key === \"css\") {\n if (isArray(result[key])) {\n result[key].push(props[key])\n } else {\n result[key] ??= []\n\n result[key] = [result[key], props[key]]\n }\n\n continue\n }\n\n result[key] = !isUndefined(props[key]) ? props[key] : result[key]\n }\n\n for (const key in props) {\n if (isUndefined(result[key])) result[key] = props[key]\n }\n }\n\n return result as any\n }\n}\n\ntype CallbackProps<Y extends Dict = Dict> = (props: Y) => Y\n\ntype PropsOrCallback<Y extends Dict = Dict> = CallbackProps<Y> \| Y\n\nexport function chainProps<Y extends Dict = Dict>(\n ...props: PropsOrCallback<Y>[]\n) {\n return function (options: MergePropsOptions = {}) {\n if (!props.length) return (a: Y) => a\n\n if (props.length === 1)\n return function (b: Y) {\n const a = props[0] ?? {}\n const c = isFunction(a) ? a(b) : mergeProps(a, b)(options)\n\n return c\n } as CallbackProps<Y>\n\n return props.reduce(function (a, b) {\n return function (c: Y = {} as Y) {\n const d = isFunction(a) ? a(c) : mergeProps(a, c)(options)\n const f = isFunction(b) ? b(d) : mergeProps(b, d)(options)\n\n return f\n }\n }) as CallbackProps<Y>\n }\n}\n\nexport function isEqualProps<\n Y extends Dict,\n M extends Dict,\n D extends keyof M \| keyof Y,\n>(a: Y, b: M, omitKeys: D[] = []) {\n return isEqual(\n omitObject(a, omitKeys as (keyof Y)[]),\n omitObject(b, omitKeys as (keyof M)[]),\n )\n}\n\nexport function useSplitProps<Y extends Dict, M extends keyof Y>(\n props: Y,\n keys: M[] \| readonly M[],\n) {\n return useMemo(() => splitObject<Y, M>(props, keys), [props, keys])\n}\n\nexport function extractProps(props: Dict, keys: readonly string[] \| string[]) {\n let result: Dict = {}\n\n Object.entries(props).forEach(([key, value]) => {\n if (!cssProps.has(key)) return\n\n if (keys.includes(key)) {\n result = merge(result, { [key]: value })\n } else if (isObject(value)) {\n value = extractProps(value, keys)\n\n if (isEmptyObject(value)) return\n\n result = merge(result, { [key]: value })\n }\n })\n\n return result\n}\n\nexport function useExtractProps(\n props: Dict,\n keys: readonly string[] \| string[],\n) {\n return useMemo(() => extractProps(props, keys), [props, keys])\n}\n"],"mappings":"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"}

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

@@ -144,6 +144,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),
 	_groupCollapsed: toGroup(attributes._collapsed),
@@ -183,6 +184,7 @@ const groupAttributeSelectors = Object.values(groupAttributes);
 const peerAttributes = {
 	_peer: toPeer(),
 	_peerAccept: toPeer(attributes._accept),
+	_peerAnimated: toPeer(attributes._animated),
 	_peerBlank: toPeer(pseudoClasses._blank),
 	_peerChecked: toPeer(pseudoClasses._checked),
 	_peerCollapsed: toPeer(attributes._collapsed),

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