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

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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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/components/sidebar/index.cjs

@@ -0,0 +1,45 @@
+const require_sidebar_style = require('./sidebar.style.cjs');
+const require_use_sidebar = require('./use-sidebar.cjs');
+const require_sidebar = require('./sidebar.cjs');
+const require_namespace = require('./namespace.cjs');
+
+Object.defineProperty(exports, 'Sidebar', {
+  enumerable: true,
+  get: function () {
+    return require_namespace.namespace_exports;
+  }
+});
+exports.SidebarContent = require_sidebar.SidebarContent;
+exports.SidebarContext = require_use_sidebar.SidebarContext;
+exports.SidebarDescendantsContext = require_use_sidebar.SidebarDescendantsContext;
+exports.SidebarFooter = require_sidebar.SidebarFooter;
+exports.SidebarGroup = require_sidebar.SidebarGroup;
+exports.SidebarGroupContent = require_sidebar.SidebarGroupContent;
+exports.SidebarGroupLabel = require_sidebar.SidebarGroupLabel;
+exports.SidebarHandle = require_sidebar.SidebarHandle;
+exports.SidebarHeader = require_sidebar.SidebarHeader;
+exports.SidebarItem = require_sidebar.SidebarItem;
+exports.SidebarItemContent = require_sidebar.SidebarItemContent;
+exports.SidebarItemContext = require_use_sidebar.SidebarItemContext;
+exports.SidebarItemEndElement = require_sidebar.SidebarItemEndElement;
+exports.SidebarItemIndicator = require_sidebar.SidebarItemIndicator;
+exports.SidebarItemLabel = require_sidebar.SidebarItemLabel;
+exports.SidebarItemLink = require_sidebar.SidebarItemLink;
+exports.SidebarItemStartElement = require_sidebar.SidebarItemStartElement;
+exports.SidebarItemTrigger = require_sidebar.SidebarItemTrigger;
+exports.SidebarMainPanel = require_sidebar.SidebarMainPanel;
+exports.SidebarMenu = require_sidebar.SidebarMenu;
+exports.SidebarMenuButton = require_sidebar.SidebarMenuButton;
+exports.SidebarPropsContext = require_sidebar.SidebarPropsContext;
+exports.SidebarRoot = require_sidebar.SidebarRoot;
+exports.SidebarSidePanel = require_sidebar.SidebarSidePanel;
+exports.SidebarTrigger = require_sidebar.SidebarTrigger;
+exports.sidebarStyle = require_sidebar_style.sidebarStyle;
+exports.useSidebar = require_use_sidebar.useSidebar;
+exports.useSidebarContext = require_use_sidebar.useSidebarContext;
+exports.useSidebarDescendant = require_use_sidebar.useSidebarDescendant;
+exports.useSidebarDescendants = require_use_sidebar.useSidebarDescendants;
+exports.useSidebarGroup = require_use_sidebar.useSidebarGroup;
+exports.useSidebarItem = require_use_sidebar.useSidebarItem;
+exports.useSidebarItemContext = require_use_sidebar.useSidebarItemContext;
+exports.useSidebarPropsContext = require_sidebar.useSidebarPropsContext;

package/dist/cjs/components/sidebar/namespace.cjs

@@ -0,0 +1,46 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_use_sidebar = require('./use-sidebar.cjs');
+const require_sidebar = require('./sidebar.cjs');
+
+//#region src/components/sidebar/namespace.ts
+var namespace_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Content: () => require_sidebar.SidebarContent,
+	Context: () => require_use_sidebar.SidebarContext,
+	DescendantsContext: () => require_use_sidebar.SidebarDescendantsContext,
+	Footer: () => require_sidebar.SidebarFooter,
+	Group: () => require_sidebar.SidebarGroup,
+	GroupContent: () => require_sidebar.SidebarGroupContent,
+	GroupLabel: () => require_sidebar.SidebarGroupLabel,
+	Handle: () => require_sidebar.SidebarHandle,
+	Header: () => require_sidebar.SidebarHeader,
+	Item: () => require_sidebar.SidebarItem,
+	ItemContent: () => require_sidebar.SidebarItemContent,
+	ItemContext: () => require_use_sidebar.SidebarItemContext,
+	ItemEndElement: () => require_sidebar.SidebarItemEndElement,
+	ItemIndicator: () => require_sidebar.SidebarItemIndicator,
+	ItemLabel: () => require_sidebar.SidebarItemLabel,
+	ItemLink: () => require_sidebar.SidebarItemLink,
+	ItemStartElement: () => require_sidebar.SidebarItemStartElement,
+	ItemTrigger: () => require_sidebar.SidebarItemTrigger,
+	MainPanel: () => require_sidebar.SidebarMainPanel,
+	Menu: () => require_sidebar.SidebarMenu,
+	MenuButton: () => require_sidebar.SidebarMenuButton,
+	PropsContext: () => require_sidebar.SidebarPropsContext,
+	Root: () => require_sidebar.SidebarRoot,
+	SidePanel: () => require_sidebar.SidebarSidePanel,
+	Trigger: () => require_sidebar.SidebarTrigger,
+	useContext: () => require_use_sidebar.useSidebarContext,
+	useDescendant: () => require_use_sidebar.useSidebarDescendant,
+	useDescendants: () => require_use_sidebar.useSidebarDescendants,
+	useItemContext: () => require_use_sidebar.useSidebarItemContext,
+	usePropsContext: () => require_sidebar.useSidebarPropsContext
+});
+
+//#endregion
+Object.defineProperty(exports, 'namespace_exports', {
+  enumerable: true,
+  get: function () {
+    return namespace_exports;
+  }
+});
+//# sourceMappingURL=namespace.cjs.map

package/dist/cjs/components/sidebar/namespace.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"namespace.cjs","names":[],"sources":["../../../../src/components/sidebar/namespace.ts"],"sourcesContent":["export type {\n  SidebarContentProps as ContentProps,\n  SidebarFooterProps as FooterProps,\n  SidebarGroupContentProps as GroupContentProps,\n  SidebarGroupLabelProps as GroupLabelProps,\n  SidebarGroupProps as GroupProps,\n  SidebarHandleProps as HandleProps,\n  SidebarHeaderProps as HeaderProps,\n  SidebarItemContentProps as ItemContentProps,\n  SidebarItemEndElementProps as ItemEndElementProps,\n  SidebarItemIndicatorProps as ItemIndicatorProps,\n  SidebarItemLabelProps as ItemLabelProps,\n  SidebarItemLinkProps as ItemLinkProps,\n  SidebarItemProps as ItemProps,\n  SidebarItemStartElementProps as ItemStartElementProps,\n  SidebarItemTriggerProps as ItemTriggerProps,\n  SidebarItem as ItemType,\n  SidebarMainPanelProps as MainPanelProps,\n  SidebarMenuButtonProps as MenuButtonProps,\n  SidebarMenuProps as MenuProps,\n  SidebarRootProps as RootProps,\n  SidebarSidePanelProps as SidePanelProps,\n  SidebarTriggerProps as TriggerProps,\n} from \"./sidebar\"\nexport {\n  SidebarContent as Content,\n  SidebarFooter as Footer,\n  SidebarGroup as Group,\n  SidebarGroupContent as GroupContent,\n  SidebarGroupLabel as GroupLabel,\n  SidebarHandle as Handle,\n  SidebarHeader as Header,\n  SidebarItem as Item,\n  SidebarItemContent as ItemContent,\n  SidebarItemEndElement as ItemEndElement,\n  SidebarItemIndicator as ItemIndicator,\n  SidebarItemLabel as ItemLabel,\n  SidebarItemLink as ItemLink,\n  SidebarItemStartElement as ItemStartElement,\n  SidebarItemTrigger as ItemTrigger,\n  SidebarMainPanel as MainPanel,\n  SidebarMenu as Menu,\n  SidebarMenuButton as MenuButton,\n  SidebarPropsContext as PropsContext,\n  SidebarRoot as Root,\n  SidebarSidePanel as SidePanel,\n  SidebarTrigger as Trigger,\n  useSidebarPropsContext as usePropsContext,\n} from \"./sidebar\"\nexport type { SidebarControl as Control } from \"./use-sidebar\"\nexport {\n  SidebarContext as Context,\n  SidebarDescendantsContext as DescendantsContext,\n  SidebarItemContext as ItemContext,\n  useSidebarContext as useContext,\n  useSidebarDescendant as useDescendant,\n  useSidebarDescendants as useDescendants,\n  useSidebarItemContext as useItemContext,\n} from \"./use-sidebar\"\n"],"mappings":""}