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

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

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 (250) 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/esm/components/input/input.style.js CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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

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

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/
 import "../../index.js";
 //#region src/components/alert/alert.style.d.ts
-declare const alertStyle: ComponentSlotStyle<"title" | "loading" | "icon" | "root" | "description", CSSPropObject<CSSSlotObject<"title" | "loading" | "icon" | "root" | "description">>, CSSModifierObject<CSSSlotObject<"title" | "loading" | "icon" | "root" | "description">>, {
+declare const alertStyle: ComponentSlotStyle<"title" | "loading" | "icon" | "description" | "root", CSSPropObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, CSSModifierObject<CSSSlotObject<"title" | "loading" | "icon" | "description" | "root">>, {
   island: {
     description: {
       color: "fg.muted";

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

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

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

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

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

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