npm - @yamada-ui/react - Versions diffs - 2.1.4 → 2.1.5-dev-20260328125620 - Mend

@yamada-ui/react 2.1.4 → 2.1.5-dev-20260328125620

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 (190) hide show

package/dist/cjs/components/modal/use-modal.cjs CHANGED Viewed

@@ -1,4 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_dom = require('../../utils/dom.cjs');
 const require_utils_index = require('../../utils/index.cjs');
 const require_i18n_provider = require('../../providers/i18n-provider/i18n-provider.cjs');
 require('../../providers/i18n-provider/index.cjs');
@@ -12,12 +13,9 @@ const useModal = ({ closeOnEsc = true, closeOnOverlay = true, defaultOpen, open:
 		defaultOpen,
 		open: openProp,
 		onClose: onCloseProp,
-		onOpen: onOpenProp,
-		...rest
+		onOpen: onOpenProp
 	});
-	const contentId = (0, react.useId)();
-	const titleId = (0, react.useId)();
-	const bodyId = (0, react.useId)();
+	const [contentId, titleId, bodyId] = require_dom.useIds();
 	const { t } = require_i18n_provider.useI18n("modal");
 	const onKeyDown = (0, react.useCallback)((ev) => {
 		if (ev.key !== "Escape") return;

package/dist/cjs/components/modal/use-modal.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-modal.cjs","names":["useDisclosure","useI18n","getRootProps: PropGetter","getOverlayProps: PropGetter","getOpenTriggerProps: PropGetter<\"button\">","getCloseTriggerProps: PropGetter<\"button\">","getCloseButtonProps: PropGetter<\"button\">","getContentProps: PropGetter<\"section\">","getHeaderProps: PropGetter<\"header\">","getTitleProps: PropGetter<\"h2\">"],"sources":["../../../../src/components/modal/use-modal.ts"],"sourcesContent":["import type { KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport { useCallback, ~~useId~~ } from \"react\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { cx, handlerAll } from \"../../utils\"\n\nexport interface UseModalProps\n extends HTMLProps, Omit<UseDisclosureProps, \"timing\"> {\n /*\n If `true`, the modal will close when the `Esc` key is pressed.\n \n @default true\n /\n closeOnEsc?: boolean\n /\n If `true`, the modal will close when the overlay is clicked.\n \n @default true\n /\n closeOnOverlay?: boolean\n /\n Callback invoked when the escape key is pressed and focus is within modal.\n */\n onEsc?: () => void\n}\n\nexport const useModal = ({\n closeOnEsc = true,\n closeOnOverlay = true,\n defaultOpen,\n open: openProp,\n onClose: onCloseProp,\n onEsc,\n onOpen: onOpenProp,\n ...rest\n}: UseModalProps = {}) => {\n const { open, onClose, onOpen } = useDisclosure({\n defaultOpen,\n open: openProp,\n onClose: onCloseProp,\n onOpen: onOpenProp,\n ~~...rest,\n~~ })\n const contentId ~~= useId()\n const~~ titleId ~~= useId()\n const~~ bodyId = ~~useId~~()\n const { t } = useI18n(\"modal\")\n\n const onKeyDown = useCallback(\n (ev: KeyboardEvent) => {\n if (ev.key !== \"Escape\") return\n\n ev.stopPropagation()\n\n if (closeOnEsc) onClose()\n\n onEsc?.()\n },\n [closeOnEsc, onClose, onEsc],\n )\n\n const getRootProps: PropGetter = useCallback(\n (props) => ({\n ...rest,\n ...props,\n }),\n [rest],\n )\n\n const getOverlayProps: PropGetter = useCallback(\n (props = {}) => ({\n \"aria-hidden\": \"true\",\n ...props,\n onClick: handlerAll(props.onClick, (ev) => {\n ev.stopPropagation()\n\n if (closeOnOverlay) onClose()\n }),\n }),\n [closeOnOverlay, onClose],\n )\n\n const getOpenTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-controls\": open ? contentId : undefined,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"dialog\",\n \"aria-label\": t(\"Open modal\"),\n ...props,\n onClick: handlerAll(props.onClick, onOpen),\n }),\n [contentId, onOpen, open, t],\n )\n\n const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-label\": t(\"Close modal\"),\n ...props,\n onClick: handlerAll(props.onClick, onClose),\n }),\n [onClose, t],\n )\n\n const getCloseButtonProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-label\": t(\"Close modal\"),\n ...props,\n onClick: handlerAll(props.onClick, onClose),\n }),\n [onClose, t],\n )\n\n const getContentProps: PropGetter<\"section\"> = useCallback(\n ({\n \"aria-describedby\": ariaDescribedby,\n \"aria-labelledby\": ariaLabelledby,\n ...props\n } = {}) => ({\n id: contentId,\n \"aria-describedby\": cx(ariaDescribedby, bodyId),\n \"aria-labelledby\": cx(ariaLabelledby, titleId),\n \"aria-modal\": \"true\",\n role: \"dialog\",\n ...props,\n onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n }),\n [bodyId, contentId, onKeyDown, titleId],\n )\n\n const getHeaderProps: PropGetter<\"header\"> = useCallback(\n (props) => ({\n ...props,\n }),\n [],\n )\n\n const getTitleProps: PropGetter<\"h2\"> = useCallback(\n (props) => ({\n id: titleId,\n ...props,\n }),\n [titleId],\n )\n\n const getBodyProps: PropGetter = useCallback(\n (props) => ({\n id: bodyId,\n ...props,\n }),\n [bodyId],\n )\n\n const getFooterProps: PropGetter<\"footer\"> = useCallback(\n (props) => ({\n ...props,\n }),\n [],\n )\n\n return {\n open,\n getBodyProps,\n getCloseButtonProps,\n getCloseTriggerProps,\n getContentProps,\n getFooterProps,\n getHeaderProps,\n getOpenTriggerProps,\n getOverlayProps,\n getRootProps,\n getTitleProps,\n onClose,\n onOpen,\n }\n}\n\nexport type UseModalReturn = ReturnType<typeof useModal>\n"],"mappings":"~~;;;;;;;;;~~AA4BA,MAAa,YAAY,EACvB,aAAa,MACb,iBAAiB,MACjB,aACA,MAAM,UACN,SAAS,aACT,OACA,QAAQ,YACR,GAAG,SACc,EAAE,KAAK;CACxB,MAAM,EAAE,MAAM,SAAS,WAAWA,qCAAc;EAC9C;EACA,MAAM;EACN,SAAS;EACT,QAAQ;~~EACR~~,~~GAAG;EACJ,~~CAAC;CACF,MAAM,~~8BAAmB;CACzB~~,~~MAAM~~,~~4BAAiB;CACvB~~,~~MAAM~~,~~2BAAgB~~;~~CACtB~~,MAAM,EAAE,MAAMC,8BAAQ,QAAQ;CAE9B,MAAM,oCACH,OAAsB;AACrB,MAAI,GAAG,QAAQ,SAAU;AAEzB,KAAG,iBAAiB;AAEpB,MAAI,WAAY,UAAS;AAEzB,WAAS;IAEX;EAAC;EAAY;EAAS;EAAM,CAC7B;CAED,MAAMC,uCACH,WAAW;EACV,GAAG;EACH,GAAG;EACJ,GACD,CAAC,KAAK,CACP;CAED,MAAMC,0CACH,QAAQ,EAAE,MAAM;EACf,eAAe;EACf,GAAG;EACH,2DAAoB,MAAM,UAAU,OAAO;AACzC,MAAG,iBAAiB;AAEpB,OAAI,eAAgB,UAAS;IAC7B;EACH,GACD,CAAC,gBAAgB,QAAQ,CAC1B;CAED,MAAMC,8CACH,QAAQ,EAAE,MAAM;EACf,iBAAiB,OAAO,YAAY;EACpC,iBAAiB;EACjB,iBAAiB;EACjB,cAAc,EAAE,aAAa;EAC7B,GAAG;EACH,2DAAoB,MAAM,SAAS,OAAO;EAC3C,GACD;EAAC;EAAW;EAAQ;EAAM;EAAE,CAC7B;CAED,MAAMC,+CACH,QAAQ,EAAE,MAAM;EACf,cAAc,EAAE,cAAc;EAC9B,GAAG;EACH,2DAAoB,MAAM,SAAS,QAAQ;EAC5C,GACD,CAAC,SAAS,EAAE,CACb;CAED,MAAMC,8CACH,QAAQ,EAAE,MAAM;EACf,cAAc,EAAE,cAAc;EAC9B,GAAG;EACH,2DAAoB,MAAM,SAAS,QAAQ;EAC5C,GACD,CAAC,SAAS,EAAE,CACb;CAED,MAAMC,0CACH,EACC,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,EAAE,MAAM;EACV,IAAI;EACJ,8DAAuB,iBAAiB,OAAO;EAC/C,6DAAsB,gBAAgB,QAAQ;EAC9C,cAAc;EACd,MAAM;EACN,GAAG;EACH,6DAAsB,MAAM,WAAW,UAAU;EAClD,GACD;EAAC;EAAQ;EAAW;EAAW;EAAQ,CACxC;CAED,MAAMC,yCACH,WAAW,EACV,GAAG,OACJ,GACD,EAAE,CACH;CAED,MAAMC,wCACH,WAAW;EACV,IAAI;EACJ,GAAG;EACJ,GACD,CAAC,QAAQ,CACV;AAiBD,QAAO;EACL;EACA,sCAhBC,WAAW;GACV,IAAI;GACJ,GAAG;GACJ,GACD,CAAC,OAAO,CACT;EAYC;EACA;EACA;EACA,wCAZC,WAAW,EACV,GAAG,OACJ,GACD,EAAE,CACH;EASC;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}
1	+ {"version":3,"file":"use-modal.cjs","names":["useDisclosure","useIds","useI18n","getRootProps: PropGetter","getOverlayProps: PropGetter","getOpenTriggerProps: PropGetter<\"button\">","getCloseTriggerProps: PropGetter<\"button\">","getCloseButtonProps: PropGetter<\"button\">","getContentProps: PropGetter<\"section\">","getHeaderProps: PropGetter<\"header\">","getTitleProps: PropGetter<\"h2\">"],"sources":["../../../../src/components/modal/use-modal.ts"],"sourcesContent":["import type { KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport { useCallback } from \"react\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { cx, handlerAll, useIds } from \"../../utils\"\n\nexport interface UseModalProps\n extends HTMLProps, Omit<UseDisclosureProps, \"timing\"> {\n /*\n If `true`, the modal will close when the `Esc` key is pressed.\n \n @default true\n /\n closeOnEsc?: boolean\n /\n If `true`, the modal will close when the overlay is clicked.\n \n @default true\n /\n closeOnOverlay?: boolean\n /\n Callback invoked when the escape key is pressed and focus is within modal.\n */\n onEsc?: () => void\n}\n\nexport const useModal = ({\n closeOnEsc = true,\n closeOnOverlay = true,\n defaultOpen,\n open: openProp,\n onClose: onCloseProp,\n onEsc,\n onOpen: onOpenProp,\n ...rest\n}: UseModalProps = {}) => {\n const { open, onClose, onOpen } = useDisclosure({\n defaultOpen,\n open: openProp,\n onClose: onCloseProp,\n onOpen: onOpenProp,\n })\n const [contentId, titleId, bodyId] = useIds()\n const { t } = useI18n(\"modal\")\n\n const onKeyDown = useCallback(\n (ev: KeyboardEvent) => {\n if (ev.key !== \"Escape\") return\n\n ev.stopPropagation()\n\n if (closeOnEsc) onClose()\n\n onEsc?.()\n },\n [closeOnEsc, onClose, onEsc],\n )\n\n const getRootProps: PropGetter = useCallback(\n (props) => ({\n ...rest,\n ...props,\n }),\n [rest],\n )\n\n const getOverlayProps: PropGetter = useCallback(\n (props = {}) => ({\n \"aria-hidden\": \"true\",\n ...props,\n onClick: handlerAll(props.onClick, (ev) => {\n ev.stopPropagation()\n\n if (closeOnOverlay) onClose()\n }),\n }),\n [closeOnOverlay, onClose],\n )\n\n const getOpenTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-controls\": open ? contentId : undefined,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"dialog\",\n \"aria-label\": t(\"Open modal\"),\n ...props,\n onClick: handlerAll(props.onClick, onOpen),\n }),\n [contentId, onOpen, open, t],\n )\n\n const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-label\": t(\"Close modal\"),\n ...props,\n onClick: handlerAll(props.onClick, onClose),\n }),\n [onClose, t],\n )\n\n const getCloseButtonProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-label\": t(\"Close modal\"),\n ...props,\n onClick: handlerAll(props.onClick, onClose),\n }),\n [onClose, t],\n )\n\n const getContentProps: PropGetter<\"section\"> = useCallback(\n ({\n \"aria-describedby\": ariaDescribedby,\n \"aria-labelledby\": ariaLabelledby,\n ...props\n } = {}) => ({\n id: contentId,\n \"aria-describedby\": cx(ariaDescribedby, bodyId),\n \"aria-labelledby\": cx(ariaLabelledby, titleId),\n \"aria-modal\": \"true\",\n role: \"dialog\",\n ...props,\n onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n }),\n [bodyId, contentId, onKeyDown, titleId],\n )\n\n const getHeaderProps: PropGetter<\"header\"> = useCallback(\n (props) => ({\n ...props,\n }),\n [],\n )\n\n const getTitleProps: PropGetter<\"h2\"> = useCallback(\n (props) => ({\n id: titleId,\n ...props,\n }),\n [titleId],\n )\n\n const getBodyProps: PropGetter = useCallback(\n (props) => ({\n id: bodyId,\n ...props,\n }),\n [bodyId],\n )\n\n const getFooterProps: PropGetter<\"footer\"> = useCallback(\n (props) => ({\n ...props,\n }),\n [],\n )\n\n return {\n open,\n getBodyProps,\n getCloseButtonProps,\n getCloseTriggerProps,\n getContentProps,\n getFooterProps,\n getHeaderProps,\n getOpenTriggerProps,\n getOverlayProps,\n getRootProps,\n getTitleProps,\n onClose,\n onOpen,\n }\n}\n\nexport type UseModalReturn = ReturnType<typeof useModal>\n"],"mappings":";;;;;;;;;;AA4BA,MAAa,YAAY,EACvB,aAAa,MACb,iBAAiB,MACjB,aACA,MAAM,UACN,SAAS,aACT,OACA,QAAQ,YACR,GAAG,SACc,EAAE,KAAK;CACxB,MAAM,EAAE,MAAM,SAAS,WAAWA,qCAAc;EAC9C;EACA,MAAM;EACN,SAAS;EACT,QAAQ;EACT,CAAC;CACF,MAAM,CAAC,WAAW,SAAS,UAAUC,oBAAQ;CAC7C,MAAM,EAAE,MAAMC,8BAAQ,QAAQ;CAE9B,MAAM,oCACH,OAAsB;AACrB,MAAI,GAAG,QAAQ,SAAU;AAEzB,KAAG,iBAAiB;AAEpB,MAAI,WAAY,UAAS;AAEzB,WAAS;IAEX;EAAC;EAAY;EAAS;EAAM,CAC7B;CAED,MAAMC,uCACH,WAAW;EACV,GAAG;EACH,GAAG;EACJ,GACD,CAAC,KAAK,CACP;CAED,MAAMC,0CACH,QAAQ,EAAE,MAAM;EACf,eAAe;EACf,GAAG;EACH,2DAAoB,MAAM,UAAU,OAAO;AACzC,MAAG,iBAAiB;AAEpB,OAAI,eAAgB,UAAS;IAC7B;EACH,GACD,CAAC,gBAAgB,QAAQ,CAC1B;CAED,MAAMC,8CACH,QAAQ,EAAE,MAAM;EACf,iBAAiB,OAAO,YAAY;EACpC,iBAAiB;EACjB,iBAAiB;EACjB,cAAc,EAAE,aAAa;EAC7B,GAAG;EACH,2DAAoB,MAAM,SAAS,OAAO;EAC3C,GACD;EAAC;EAAW;EAAQ;EAAM;EAAE,CAC7B;CAED,MAAMC,+CACH,QAAQ,EAAE,MAAM;EACf,cAAc,EAAE,cAAc;EAC9B,GAAG;EACH,2DAAoB,MAAM,SAAS,QAAQ;EAC5C,GACD,CAAC,SAAS,EAAE,CACb;CAED,MAAMC,8CACH,QAAQ,EAAE,MAAM;EACf,cAAc,EAAE,cAAc;EAC9B,GAAG;EACH,2DAAoB,MAAM,SAAS,QAAQ;EAC5C,GACD,CAAC,SAAS,EAAE,CACb;CAED,MAAMC,0CACH,EACC,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,EAAE,MAAM;EACV,IAAI;EACJ,8DAAuB,iBAAiB,OAAO;EAC/C,6DAAsB,gBAAgB,QAAQ;EAC9C,cAAc;EACd,MAAM;EACN,GAAG;EACH,6DAAsB,MAAM,WAAW,UAAU;EAClD,GACD;EAAC;EAAQ;EAAW;EAAW;EAAQ,CACxC;CAED,MAAMC,yCACH,WAAW,EACV,GAAG,OACJ,GACD,EAAE,CACH;CAED,MAAMC,wCACH,WAAW;EACV,IAAI;EACJ,GAAG;EACJ,GACD,CAAC,QAAQ,CACV;AAiBD,QAAO;EACL;EACA,sCAhBC,WAAW;GACV,IAAI;GACJ,GAAG;GACJ,GACD,CAAC,OAAO,CACT;EAYC;EACA;EACA;EACA,wCAZC,WAAW,EACV,GAAG,OACJ,GACD,EAAE,CACH;EASC;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/cjs/components/native-accordion/native-accordion.style.cjs CHANGED Viewed

@@ -41,7 +41,10 @@ const nativeAccordionStyle = require_config.defineComponentSlotStyle({
 			gridTemplateRows: "0fr",
 			transitionDuration: "slow",
 			transitionProperty: "grid-template-rows",
-			_groupOpen: { gridTemplateRows: "1fr" }
+			_groupOpen: {
+				gridTemplateRows: "1fr",
+				_startingStyle: { gridTemplateRows: "0fr" }
+			}
 		}
 	} } },
 	variants: {

package/dist/cjs/components/native-accordion/native-accordion.style.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"native-accordion.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/native-accordion/native-accordion.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativeAccordionStyle = defineComponentSlotStyle({\n base: {\n button: {\n alignItems: \"center\",\n cursor: \"pointer\",\n display: \"inline-flex\",\n focusVisibleRing: \"inside\",\n listStyle: \"none\",\n px: \"4\",\n py: \"3\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n w: \"full\",\n _disabled: { layerStyle: \"disabled\" },\n },\n icon: {\n color: \"fg.subtle\",\n fontSize: \"xl\",\n ml: \"auto\",\n transformOrigin: \"center\",\n transitionDuration: \"moderate\",\n transitionProperty: \"transform\",\n _groupOpen: { transform: \"rotate(180deg)\" },\n },\n item: { overflowAnchor: \"none\" },\n panel: { px: \"4\", _groupOpen: { pb: \"3\" } },\n root: { w: \"full\" },\n },\n\n props: {\n /*\n If `true`, animate the accordion items when they are expanded or collapsed.\n \n @default true\n */\n animate: {\n true: {\n item: {\n _detailsContent: {\n transition: \"content-visibility 0.4s allow-discrete\",\n },\n },\n panel: {\n \"& > div\": { overflow: \"hidden\" },\n display: \"grid\",\n gridTemplateRows: \"0fr\",\n transitionDuration: \"slow\",\n transitionProperty: \"grid-template-rows\",\n _groupOpen: { gridTemplateRows: \"1fr\" },\n },\n },\n },\n },\n\n variants: {\n panel: {\n button: { rounded: \"l2\" },\n item: { layerStyle: \"panel\", rounded: \"l2\", _notFirst: { mt: \"md\" } },\n },\n plain: {\n item: { borderTopWidth: \"1px\", _last: { borderBottomWidth: \"1px\" } },\n },\n },\n\n defaultProps: {\n variant: \"plain\",\n animate: true,\n },\n})\n\nexport type NativeAccordionStyle = typeof nativeAccordionStyle\n"],"mappings":";;;;AAEA,MAAa,uBAAuBA,wCAAyB;CAC3D,MAAM;EACJ,QAAQ;GACN,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,kBAAkB;GAClB,WAAW;GACX,IAAI;GACJ,IAAI;GACJ,oBAAoB;GACpB,oBAAoB;GACpB,GAAG;GACH,WAAW,EAAE,YAAY,YAAY;GACtC;EACD,MAAM;GACJ,OAAO;GACP,UAAU;GACV,IAAI;GACJ,iBAAiB;GACjB,oBAAoB;GACpB,oBAAoB;GACpB,YAAY,EAAE,WAAW,kBAAkB;GAC5C;EACD,MAAM,EAAE,gBAAgB,QAAQ;EAChC,OAAO;GAAE,IAAI;GAAK,YAAY,EAAE,IAAI,KAAK;GAAE;EAC3C,MAAM,EAAE,GAAG,QAAQ;EACpB;CAED,OAAO,EAML,SAAS,EACP,MAAM;EACJ,MAAM,EACJ,iBAAiB,EACf,YAAY,0CACb,EACF;EACD,OAAO;GACL,WAAW,EAAE,UAAU,UAAU;GACjC,SAAS;GACT,kBAAkB;GAClB,oBAAoB;GACpB,oBAAoB;GACpB,YAAY,EAAE,kBAAkB,OAAO;~~GACxC~~;EACF,EACF,EACF;CAED,UAAU;EACR,OAAO;GACL,QAAQ,EAAE,SAAS,MAAM;GACzB,MAAM;IAAE,YAAY;IAAS,SAAS;IAAM,WAAW,EAAE,IAAI,MAAM;IAAE;GACtE;EACD,OAAO,EACL,MAAM;GAAE,gBAAgB;GAAO,OAAO,EAAE,mBAAmB,OAAO;GAAE,EACrE;EACF;CAED,cAAc;EACZ,SAAS;EACT,SAAS;EACV;CACF,CAAC"}
1	+ {"version":3,"file":"native-accordion.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/native-accordion/native-accordion.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativeAccordionStyle = defineComponentSlotStyle({\n base: {\n button: {\n alignItems: \"center\",\n cursor: \"pointer\",\n display: \"inline-flex\",\n focusVisibleRing: \"inside\",\n listStyle: \"none\",\n px: \"4\",\n py: \"3\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n w: \"full\",\n _disabled: { layerStyle: \"disabled\" },\n },\n icon: {\n color: \"fg.subtle\",\n fontSize: \"xl\",\n ml: \"auto\",\n transformOrigin: \"center\",\n transitionDuration: \"moderate\",\n transitionProperty: \"transform\",\n _groupOpen: { transform: \"rotate(180deg)\" },\n },\n item: { overflowAnchor: \"none\" },\n panel: { px: \"4\", _groupOpen: { pb: \"3\" } },\n root: { w: \"full\" },\n },\n\n props: {\n /*\n If `true`, animate the accordion items when they are expanded or collapsed.\n \n @default true\n */\n animate: {\n true: {\n item: {\n _detailsContent: {\n transition: \"content-visibility 0.4s allow-discrete\",\n },\n },\n panel: {\n \"& > div\": { overflow: \"hidden\" },\n display: \"grid\",\n gridTemplateRows: \"0fr\",\n transitionDuration: \"slow\",\n transitionProperty: \"grid-template-rows\",\n _groupOpen: {\n gridTemplateRows: \"1fr\",\n _startingStyle: { gridTemplateRows: \"0fr\" },\n },\n },\n },\n },\n },\n\n variants: {\n panel: {\n button: { rounded: \"l2\" },\n item: { layerStyle: \"panel\", rounded: \"l2\", _notFirst: { mt: \"md\" } },\n },\n plain: {\n item: { borderTopWidth: \"1px\", _last: { borderBottomWidth: \"1px\" } },\n },\n },\n\n defaultProps: {\n variant: \"plain\",\n animate: true,\n },\n})\n\nexport type NativeAccordionStyle = typeof nativeAccordionStyle\n"],"mappings":";;;;AAEA,MAAa,uBAAuBA,wCAAyB;CAC3D,MAAM;EACJ,QAAQ;GACN,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,kBAAkB;GAClB,WAAW;GACX,IAAI;GACJ,IAAI;GACJ,oBAAoB;GACpB,oBAAoB;GACpB,GAAG;GACH,WAAW,EAAE,YAAY,YAAY;GACtC;EACD,MAAM;GACJ,OAAO;GACP,UAAU;GACV,IAAI;GACJ,iBAAiB;GACjB,oBAAoB;GACpB,oBAAoB;GACpB,YAAY,EAAE,WAAW,kBAAkB;GAC5C;EACD,MAAM,EAAE,gBAAgB,QAAQ;EAChC,OAAO;GAAE,IAAI;GAAK,YAAY,EAAE,IAAI,KAAK;GAAE;EAC3C,MAAM,EAAE,GAAG,QAAQ;EACpB;CAED,OAAO,EAML,SAAS,EACP,MAAM;EACJ,MAAM,EACJ,iBAAiB,EACf,YAAY,0CACb,EACF;EACD,OAAO;GACL,WAAW,EAAE,UAAU,UAAU;GACjC,SAAS;GACT,kBAAkB;GAClB,oBAAoB;GACpB,oBAAoB;GACpB,YAAY;IACV,kBAAkB;IAClB,gBAAgB,EAAE,kBAAkB,OAAO;IAC5C;GACF;EACF,EACF,EACF;CAED,UAAU;EACR,OAAO;GACL,QAAQ,EAAE,SAAS,MAAM;GACzB,MAAM;IAAE,YAAY;IAAS,SAAS;IAAM,WAAW,EAAE,IAAI,MAAM;IAAE;GACtE;EACD,OAAO,EACL,MAAM;GAAE,gBAAgB;GAAO,OAAO,EAAE,mBAAmB,OAAO;GAAE,EACrE;EACF;CAED,cAAc;EACZ,SAAS;EACT,SAAS;EACV;CACF,CAAC"}

package/dist/esm/components/modal/use-modal.js CHANGED Viewed

@@ -1,9 +1,10 @@
+import { useIds } from "../../utils/dom.js";
 import { utils_exports } from "../../utils/index.js";
 import { useI18n } from "../../providers/i18n-provider/i18n-provider.js";
 import "../../providers/i18n-provider/index.js";
 import { useDisclosure } from "../../hooks/use-disclosure/use-disclosure.js";
 import "../../hooks/use-disclosure/index.js";
-import { useCallback, useId } from "react";
+import { useCallback } from "react";
 //#region src/components/modal/use-modal.ts
 const useModal = ({ closeOnEsc = true, closeOnOverlay = true, defaultOpen, open: openProp, onClose: onCloseProp, onEsc, onOpen: onOpenProp, ...rest } = {}) => {
@@ -11,12 +12,9 @@ const useModal = ({ closeOnEsc = true, closeOnOverlay = true, defaultOpen, open:
 		defaultOpen,
 		open: openProp,
 		onClose: onCloseProp,
-		onOpen: onOpenProp,
-		...rest
+		onOpen: onOpenProp
 	});
-	const contentId = useId();
-	const titleId = useId();
-	const bodyId = useId();
+	const [contentId, titleId, bodyId] = useIds();
 	const { t } = useI18n("modal");
 	const onKeyDown = useCallback((ev) => {
 		if (ev.key !== "Escape") return;

package/dist/esm/components/modal/use-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-modal.js","names":["getRootProps: PropGetter","getOverlayProps: PropGetter","getOpenTriggerProps: PropGetter<\"button\">","getCloseTriggerProps: PropGetter<\"button\">","getCloseButtonProps: PropGetter<\"button\">","getContentProps: PropGetter<\"section\">","getHeaderProps: PropGetter<\"header\">","getTitleProps: PropGetter<\"h2\">"],"sources":["../../../../src/components/modal/use-modal.ts"],"sourcesContent":["import type { KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport { useCallback, ~~useId~~ } from \"react\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { cx, handlerAll } from \"../../utils\"\n\nexport interface UseModalProps\n extends HTMLProps, Omit<UseDisclosureProps, \"timing\"> {\n /*\n If `true`, the modal will close when the `Esc` key is pressed.\n \n @default true\n /\n closeOnEsc?: boolean\n /\n If `true`, the modal will close when the overlay is clicked.\n \n @default true\n /\n closeOnOverlay?: boolean\n /\n Callback invoked when the escape key is pressed and focus is within modal.\n */\n onEsc?: () => void\n}\n\nexport const useModal = ({\n closeOnEsc = true,\n closeOnOverlay = true,\n defaultOpen,\n open: openProp,\n onClose: onCloseProp,\n onEsc,\n onOpen: onOpenProp,\n ...rest\n}: UseModalProps = {}) => {\n const { open, onClose, onOpen } = useDisclosure({\n defaultOpen,\n open: openProp,\n onClose: onCloseProp,\n onOpen: onOpenProp,\n ~~...rest,\n~~ })\n const contentId ~~= useId()\n const~~ titleId ~~= useId()\n const~~ bodyId = ~~useId~~()\n const { t } = useI18n(\"modal\")\n\n const onKeyDown = useCallback(\n (ev: KeyboardEvent) => {\n if (ev.key !== \"Escape\") return\n\n ev.stopPropagation()\n\n if (closeOnEsc) onClose()\n\n onEsc?.()\n },\n [closeOnEsc, onClose, onEsc],\n )\n\n const getRootProps: PropGetter = useCallback(\n (props) => ({\n ...rest,\n ...props,\n }),\n [rest],\n )\n\n const getOverlayProps: PropGetter = useCallback(\n (props = {}) => ({\n \"aria-hidden\": \"true\",\n ...props,\n onClick: handlerAll(props.onClick, (ev) => {\n ev.stopPropagation()\n\n if (closeOnOverlay) onClose()\n }),\n }),\n [closeOnOverlay, onClose],\n )\n\n const getOpenTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-controls\": open ? contentId : undefined,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"dialog\",\n \"aria-label\": t(\"Open modal\"),\n ...props,\n onClick: handlerAll(props.onClick, onOpen),\n }),\n [contentId, onOpen, open, t],\n )\n\n const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-label\": t(\"Close modal\"),\n ...props,\n onClick: handlerAll(props.onClick, onClose),\n }),\n [onClose, t],\n )\n\n const getCloseButtonProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-label\": t(\"Close modal\"),\n ...props,\n onClick: handlerAll(props.onClick, onClose),\n }),\n [onClose, t],\n )\n\n const getContentProps: PropGetter<\"section\"> = useCallback(\n ({\n \"aria-describedby\": ariaDescribedby,\n \"aria-labelledby\": ariaLabelledby,\n ...props\n } = {}) => ({\n id: contentId,\n \"aria-describedby\": cx(ariaDescribedby, bodyId),\n \"aria-labelledby\": cx(ariaLabelledby, titleId),\n \"aria-modal\": \"true\",\n role: \"dialog\",\n ...props,\n onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n }),\n [bodyId, contentId, onKeyDown, titleId],\n )\n\n const getHeaderProps: PropGetter<\"header\"> = useCallback(\n (props) => ({\n ...props,\n }),\n [],\n )\n\n const getTitleProps: PropGetter<\"h2\"> = useCallback(\n (props) => ({\n id: titleId,\n ...props,\n }),\n [titleId],\n )\n\n const getBodyProps: PropGetter = useCallback(\n (props) => ({\n id: bodyId,\n ...props,\n }),\n [bodyId],\n )\n\n const getFooterProps: PropGetter<\"footer\"> = useCallback(\n (props) => ({\n ...props,\n }),\n [],\n )\n\n return {\n open,\n getBodyProps,\n getCloseButtonProps,\n getCloseTriggerProps,\n getContentProps,\n getFooterProps,\n getHeaderProps,\n getOpenTriggerProps,\n getOverlayProps,\n getRootProps,\n getTitleProps,\n onClose,\n onOpen,\n }\n}\n\nexport type UseModalReturn = ReturnType<typeof useModal>\n"],"mappings":"~~;;;;;;;;~~AA4BA,MAAa,YAAY,EACvB,aAAa,MACb,iBAAiB,MACjB,aACA,MAAM,UACN,SAAS,aACT,OACA,QAAQ,YACR,GAAG,SACc,EAAE,KAAK;CACxB,MAAM,EAAE,MAAM,SAAS,WAAW,cAAc;EAC9C;EACA,MAAM;EACN,SAAS;EACT,QAAQ;~~EACR~~,~~GAAG;EACJ,~~CAAC;CACF,MAAM,~~YAAY~~,~~OAAO;CACzB~~,~~MAAM~~,UAAU,~~OAAO~~;~~CACvB~~,MAAM,~~SAAS,OAAO;CACtB,MAAM,~~EAAE,MAAM,QAAQ,QAAQ;CAE9B,MAAM,YAAY,aACf,OAAsB;AACrB,MAAI,GAAG,QAAQ,SAAU;AAEzB,KAAG,iBAAiB;AAEpB,MAAI,WAAY,UAAS;AAEzB,WAAS;IAEX;EAAC;EAAY;EAAS;EAAM,CAC7B;CAED,MAAMA,eAA2B,aAC9B,WAAW;EACV,GAAG;EACH,GAAG;EACJ,GACD,CAAC,KAAK,CACP;CAED,MAAMC,kBAA8B,aACjC,QAAQ,EAAE,MAAM;EACf,eAAe;EACf,GAAG;EACH,uCAAoB,MAAM,UAAU,OAAO;AACzC,MAAG,iBAAiB;AAEpB,OAAI,eAAgB,UAAS;IAC7B;EACH,GACD,CAAC,gBAAgB,QAAQ,CAC1B;CAED,MAAMC,sBAA4C,aAC/C,QAAQ,EAAE,MAAM;EACf,iBAAiB,OAAO,YAAY;EACpC,iBAAiB;EACjB,iBAAiB;EACjB,cAAc,EAAE,aAAa;EAC7B,GAAG;EACH,uCAAoB,MAAM,SAAS,OAAO;EAC3C,GACD;EAAC;EAAW;EAAQ;EAAM;EAAE,CAC7B;CAED,MAAMC,uBAA6C,aAChD,QAAQ,EAAE,MAAM;EACf,cAAc,EAAE,cAAc;EAC9B,GAAG;EACH,uCAAoB,MAAM,SAAS,QAAQ;EAC5C,GACD,CAAC,SAAS,EAAE,CACb;CAED,MAAMC,sBAA4C,aAC/C,QAAQ,EAAE,MAAM;EACf,cAAc,EAAE,cAAc;EAC9B,GAAG;EACH,uCAAoB,MAAM,SAAS,QAAQ;EAC5C,GACD,CAAC,SAAS,EAAE,CACb;CAED,MAAMC,kBAAyC,aAC5C,EACC,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,EAAE,MAAM;EACV,IAAI;EACJ,0CAAuB,iBAAiB,OAAO;EAC/C,yCAAsB,gBAAgB,QAAQ;EAC9C,cAAc;EACd,MAAM;EACN,GAAG;EACH,yCAAsB,MAAM,WAAW,UAAU;EAClD,GACD;EAAC;EAAQ;EAAW;EAAW;EAAQ,CACxC;CAED,MAAMC,iBAAuC,aAC1C,WAAW,EACV,GAAG,OACJ,GACD,EAAE,CACH;CAED,MAAMC,gBAAkC,aACrC,WAAW;EACV,IAAI;EACJ,GAAG;EACJ,GACD,CAAC,QAAQ,CACV;AAiBD,QAAO;EACL;EACA,cAjB+B,aAC9B,WAAW;GACV,IAAI;GACJ,GAAG;GACJ,GACD,CAAC,OAAO,CACT;EAYC;EACA;EACA;EACA,gBAb2C,aAC1C,WAAW,EACV,GAAG,OACJ,GACD,EAAE,CACH;EASC;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}
1	+ {"version":3,"file":"use-modal.js","names":["getRootProps: PropGetter","getOverlayProps: PropGetter","getOpenTriggerProps: PropGetter<\"button\">","getCloseTriggerProps: PropGetter<\"button\">","getCloseButtonProps: PropGetter<\"button\">","getContentProps: PropGetter<\"section\">","getHeaderProps: PropGetter<\"header\">","getTitleProps: PropGetter<\"h2\">"],"sources":["../../../../src/components/modal/use-modal.ts"],"sourcesContent":["import type { KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport { useCallback } from \"react\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { cx, handlerAll, useIds } from \"../../utils\"\n\nexport interface UseModalProps\n extends HTMLProps, Omit<UseDisclosureProps, \"timing\"> {\n /*\n If `true`, the modal will close when the `Esc` key is pressed.\n \n @default true\n /\n closeOnEsc?: boolean\n /\n If `true`, the modal will close when the overlay is clicked.\n \n @default true\n /\n closeOnOverlay?: boolean\n /\n Callback invoked when the escape key is pressed and focus is within modal.\n */\n onEsc?: () => void\n}\n\nexport const useModal = ({\n closeOnEsc = true,\n closeOnOverlay = true,\n defaultOpen,\n open: openProp,\n onClose: onCloseProp,\n onEsc,\n onOpen: onOpenProp,\n ...rest\n}: UseModalProps = {}) => {\n const { open, onClose, onOpen } = useDisclosure({\n defaultOpen,\n open: openProp,\n onClose: onCloseProp,\n onOpen: onOpenProp,\n })\n const [contentId, titleId, bodyId] = useIds()\n const { t } = useI18n(\"modal\")\n\n const onKeyDown = useCallback(\n (ev: KeyboardEvent) => {\n if (ev.key !== \"Escape\") return\n\n ev.stopPropagation()\n\n if (closeOnEsc) onClose()\n\n onEsc?.()\n },\n [closeOnEsc, onClose, onEsc],\n )\n\n const getRootProps: PropGetter = useCallback(\n (props) => ({\n ...rest,\n ...props,\n }),\n [rest],\n )\n\n const getOverlayProps: PropGetter = useCallback(\n (props = {}) => ({\n \"aria-hidden\": \"true\",\n ...props,\n onClick: handlerAll(props.onClick, (ev) => {\n ev.stopPropagation()\n\n if (closeOnOverlay) onClose()\n }),\n }),\n [closeOnOverlay, onClose],\n )\n\n const getOpenTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-controls\": open ? contentId : undefined,\n \"aria-expanded\": open,\n \"aria-haspopup\": \"dialog\",\n \"aria-label\": t(\"Open modal\"),\n ...props,\n onClick: handlerAll(props.onClick, onOpen),\n }),\n [contentId, onOpen, open, t],\n )\n\n const getCloseTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-label\": t(\"Close modal\"),\n ...props,\n onClick: handlerAll(props.onClick, onClose),\n }),\n [onClose, t],\n )\n\n const getCloseButtonProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n \"aria-label\": t(\"Close modal\"),\n ...props,\n onClick: handlerAll(props.onClick, onClose),\n }),\n [onClose, t],\n )\n\n const getContentProps: PropGetter<\"section\"> = useCallback(\n ({\n \"aria-describedby\": ariaDescribedby,\n \"aria-labelledby\": ariaLabelledby,\n ...props\n } = {}) => ({\n id: contentId,\n \"aria-describedby\": cx(ariaDescribedby, bodyId),\n \"aria-labelledby\": cx(ariaLabelledby, titleId),\n \"aria-modal\": \"true\",\n role: \"dialog\",\n ...props,\n onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n }),\n [bodyId, contentId, onKeyDown, titleId],\n )\n\n const getHeaderProps: PropGetter<\"header\"> = useCallback(\n (props) => ({\n ...props,\n }),\n [],\n )\n\n const getTitleProps: PropGetter<\"h2\"> = useCallback(\n (props) => ({\n id: titleId,\n ...props,\n }),\n [titleId],\n )\n\n const getBodyProps: PropGetter = useCallback(\n (props) => ({\n id: bodyId,\n ...props,\n }),\n [bodyId],\n )\n\n const getFooterProps: PropGetter<\"footer\"> = useCallback(\n (props) => ({\n ...props,\n }),\n [],\n )\n\n return {\n open,\n getBodyProps,\n getCloseButtonProps,\n getCloseTriggerProps,\n getContentProps,\n getFooterProps,\n getHeaderProps,\n getOpenTriggerProps,\n getOverlayProps,\n getRootProps,\n getTitleProps,\n onClose,\n onOpen,\n }\n}\n\nexport type UseModalReturn = ReturnType<typeof useModal>\n"],"mappings":";;;;;;;;;AA4BA,MAAa,YAAY,EACvB,aAAa,MACb,iBAAiB,MACjB,aACA,MAAM,UACN,SAAS,aACT,OACA,QAAQ,YACR,GAAG,SACc,EAAE,KAAK;CACxB,MAAM,EAAE,MAAM,SAAS,WAAW,cAAc;EAC9C;EACA,MAAM;EACN,SAAS;EACT,QAAQ;EACT,CAAC;CACF,MAAM,CAAC,WAAW,SAAS,UAAU,QAAQ;CAC7C,MAAM,EAAE,MAAM,QAAQ,QAAQ;CAE9B,MAAM,YAAY,aACf,OAAsB;AACrB,MAAI,GAAG,QAAQ,SAAU;AAEzB,KAAG,iBAAiB;AAEpB,MAAI,WAAY,UAAS;AAEzB,WAAS;IAEX;EAAC;EAAY;EAAS;EAAM,CAC7B;CAED,MAAMA,eAA2B,aAC9B,WAAW;EACV,GAAG;EACH,GAAG;EACJ,GACD,CAAC,KAAK,CACP;CAED,MAAMC,kBAA8B,aACjC,QAAQ,EAAE,MAAM;EACf,eAAe;EACf,GAAG;EACH,uCAAoB,MAAM,UAAU,OAAO;AACzC,MAAG,iBAAiB;AAEpB,OAAI,eAAgB,UAAS;IAC7B;EACH,GACD,CAAC,gBAAgB,QAAQ,CAC1B;CAED,MAAMC,sBAA4C,aAC/C,QAAQ,EAAE,MAAM;EACf,iBAAiB,OAAO,YAAY;EACpC,iBAAiB;EACjB,iBAAiB;EACjB,cAAc,EAAE,aAAa;EAC7B,GAAG;EACH,uCAAoB,MAAM,SAAS,OAAO;EAC3C,GACD;EAAC;EAAW;EAAQ;EAAM;EAAE,CAC7B;CAED,MAAMC,uBAA6C,aAChD,QAAQ,EAAE,MAAM;EACf,cAAc,EAAE,cAAc;EAC9B,GAAG;EACH,uCAAoB,MAAM,SAAS,QAAQ;EAC5C,GACD,CAAC,SAAS,EAAE,CACb;CAED,MAAMC,sBAA4C,aAC/C,QAAQ,EAAE,MAAM;EACf,cAAc,EAAE,cAAc;EAC9B,GAAG;EACH,uCAAoB,MAAM,SAAS,QAAQ;EAC5C,GACD,CAAC,SAAS,EAAE,CACb;CAED,MAAMC,kBAAyC,aAC5C,EACC,oBAAoB,iBACpB,mBAAmB,gBACnB,GAAG,UACD,EAAE,MAAM;EACV,IAAI;EACJ,0CAAuB,iBAAiB,OAAO;EAC/C,yCAAsB,gBAAgB,QAAQ;EAC9C,cAAc;EACd,MAAM;EACN,GAAG;EACH,yCAAsB,MAAM,WAAW,UAAU;EAClD,GACD;EAAC;EAAQ;EAAW;EAAW;EAAQ,CACxC;CAED,MAAMC,iBAAuC,aAC1C,WAAW,EACV,GAAG,OACJ,GACD,EAAE,CACH;CAED,MAAMC,gBAAkC,aACrC,WAAW;EACV,IAAI;EACJ,GAAG;EACJ,GACD,CAAC,QAAQ,CACV;AAiBD,QAAO;EACL;EACA,cAjB+B,aAC9B,WAAW;GACV,IAAI;GACJ,GAAG;GACJ,GACD,CAAC,OAAO,CACT;EAYC;EACA;EACA;EACA,gBAb2C,aAC1C,WAAW,EACV,GAAG,OACJ,GACD,EAAE,CACH;EASC;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}

package/dist/esm/components/native-accordion/native-accordion.style.js CHANGED Viewed

@@ -41,7 +41,10 @@ const nativeAccordionStyle = defineComponentSlotStyle({
 			gridTemplateRows: "0fr",
 			transitionDuration: "slow",
 			transitionProperty: "grid-template-rows",
-			_groupOpen: { gridTemplateRows: "1fr" }
+			_groupOpen: {
+				gridTemplateRows: "1fr",
+				_startingStyle: { gridTemplateRows: "0fr" }
+			}
 		}
 	} } },
 	variants: {

package/dist/esm/components/native-accordion/native-accordion.style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"native-accordion.style.js","names":[],"sources":["../../../../src/components/native-accordion/native-accordion.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativeAccordionStyle = defineComponentSlotStyle({\n base: {\n button: {\n alignItems: \"center\",\n cursor: \"pointer\",\n display: \"inline-flex\",\n focusVisibleRing: \"inside\",\n listStyle: \"none\",\n px: \"4\",\n py: \"3\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n w: \"full\",\n _disabled: { layerStyle: \"disabled\" },\n },\n icon: {\n color: \"fg.subtle\",\n fontSize: \"xl\",\n ml: \"auto\",\n transformOrigin: \"center\",\n transitionDuration: \"moderate\",\n transitionProperty: \"transform\",\n _groupOpen: { transform: \"rotate(180deg)\" },\n },\n item: { overflowAnchor: \"none\" },\n panel: { px: \"4\", _groupOpen: { pb: \"3\" } },\n root: { w: \"full\" },\n },\n\n props: {\n /*\n If `true`, animate the accordion items when they are expanded or collapsed.\n \n @default true\n */\n animate: {\n true: {\n item: {\n _detailsContent: {\n transition: \"content-visibility 0.4s allow-discrete\",\n },\n },\n panel: {\n \"& > div\": { overflow: \"hidden\" },\n display: \"grid\",\n gridTemplateRows: \"0fr\",\n transitionDuration: \"slow\",\n transitionProperty: \"grid-template-rows\",\n _groupOpen: { gridTemplateRows: \"1fr\" },\n },\n },\n },\n },\n\n variants: {\n panel: {\n button: { rounded: \"l2\" },\n item: { layerStyle: \"panel\", rounded: \"l2\", _notFirst: { mt: \"md\" } },\n },\n plain: {\n item: { borderTopWidth: \"1px\", _last: { borderBottomWidth: \"1px\" } },\n },\n },\n\n defaultProps: {\n variant: \"plain\",\n animate: true,\n },\n})\n\nexport type NativeAccordionStyle = typeof nativeAccordionStyle\n"],"mappings":";;;;AAEA,MAAa,uBAAuB,yBAAyB;CAC3D,MAAM;EACJ,QAAQ;GACN,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,kBAAkB;GAClB,WAAW;GACX,IAAI;GACJ,IAAI;GACJ,oBAAoB;GACpB,oBAAoB;GACpB,GAAG;GACH,WAAW,EAAE,YAAY,YAAY;GACtC;EACD,MAAM;GACJ,OAAO;GACP,UAAU;GACV,IAAI;GACJ,iBAAiB;GACjB,oBAAoB;GACpB,oBAAoB;GACpB,YAAY,EAAE,WAAW,kBAAkB;GAC5C;EACD,MAAM,EAAE,gBAAgB,QAAQ;EAChC,OAAO;GAAE,IAAI;GAAK,YAAY,EAAE,IAAI,KAAK;GAAE;EAC3C,MAAM,EAAE,GAAG,QAAQ;EACpB;CAED,OAAO,EAML,SAAS,EACP,MAAM;EACJ,MAAM,EACJ,iBAAiB,EACf,YAAY,0CACb,EACF;EACD,OAAO;GACL,WAAW,EAAE,UAAU,UAAU;GACjC,SAAS;GACT,kBAAkB;GAClB,oBAAoB;GACpB,oBAAoB;GACpB,YAAY,EAAE,kBAAkB,OAAO;~~GACxC~~;EACF,EACF,EACF;CAED,UAAU;EACR,OAAO;GACL,QAAQ,EAAE,SAAS,MAAM;GACzB,MAAM;IAAE,YAAY;IAAS,SAAS;IAAM,WAAW,EAAE,IAAI,MAAM;IAAE;GACtE;EACD,OAAO,EACL,MAAM;GAAE,gBAAgB;GAAO,OAAO,EAAE,mBAAmB,OAAO;GAAE,EACrE;EACF;CAED,cAAc;EACZ,SAAS;EACT,SAAS;EACV;CACF,CAAC"}
1	+ {"version":3,"file":"native-accordion.style.js","names":[],"sources":["../../../../src/components/native-accordion/native-accordion.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const nativeAccordionStyle = defineComponentSlotStyle({\n base: {\n button: {\n alignItems: \"center\",\n cursor: \"pointer\",\n display: \"inline-flex\",\n focusVisibleRing: \"inside\",\n listStyle: \"none\",\n px: \"4\",\n py: \"3\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n w: \"full\",\n _disabled: { layerStyle: \"disabled\" },\n },\n icon: {\n color: \"fg.subtle\",\n fontSize: \"xl\",\n ml: \"auto\",\n transformOrigin: \"center\",\n transitionDuration: \"moderate\",\n transitionProperty: \"transform\",\n _groupOpen: { transform: \"rotate(180deg)\" },\n },\n item: { overflowAnchor: \"none\" },\n panel: { px: \"4\", _groupOpen: { pb: \"3\" } },\n root: { w: \"full\" },\n },\n\n props: {\n /*\n If `true`, animate the accordion items when they are expanded or collapsed.\n \n @default true\n */\n animate: {\n true: {\n item: {\n _detailsContent: {\n transition: \"content-visibility 0.4s allow-discrete\",\n },\n },\n panel: {\n \"& > div\": { overflow: \"hidden\" },\n display: \"grid\",\n gridTemplateRows: \"0fr\",\n transitionDuration: \"slow\",\n transitionProperty: \"grid-template-rows\",\n _groupOpen: {\n gridTemplateRows: \"1fr\",\n _startingStyle: { gridTemplateRows: \"0fr\" },\n },\n },\n },\n },\n },\n\n variants: {\n panel: {\n button: { rounded: \"l2\" },\n item: { layerStyle: \"panel\", rounded: \"l2\", _notFirst: { mt: \"md\" } },\n },\n plain: {\n item: { borderTopWidth: \"1px\", _last: { borderBottomWidth: \"1px\" } },\n },\n },\n\n defaultProps: {\n variant: \"plain\",\n animate: true,\n },\n})\n\nexport type NativeAccordionStyle = typeof nativeAccordionStyle\n"],"mappings":";;;;AAEA,MAAa,uBAAuB,yBAAyB;CAC3D,MAAM;EACJ,QAAQ;GACN,YAAY;GACZ,QAAQ;GACR,SAAS;GACT,kBAAkB;GAClB,WAAW;GACX,IAAI;GACJ,IAAI;GACJ,oBAAoB;GACpB,oBAAoB;GACpB,GAAG;GACH,WAAW,EAAE,YAAY,YAAY;GACtC;EACD,MAAM;GACJ,OAAO;GACP,UAAU;GACV,IAAI;GACJ,iBAAiB;GACjB,oBAAoB;GACpB,oBAAoB;GACpB,YAAY,EAAE,WAAW,kBAAkB;GAC5C;EACD,MAAM,EAAE,gBAAgB,QAAQ;EAChC,OAAO;GAAE,IAAI;GAAK,YAAY,EAAE,IAAI,KAAK;GAAE;EAC3C,MAAM,EAAE,GAAG,QAAQ;EACpB;CAED,OAAO,EAML,SAAS,EACP,MAAM;EACJ,MAAM,EACJ,iBAAiB,EACf,YAAY,0CACb,EACF;EACD,OAAO;GACL,WAAW,EAAE,UAAU,UAAU;GACjC,SAAS;GACT,kBAAkB;GAClB,oBAAoB;GACpB,oBAAoB;GACpB,YAAY;IACV,kBAAkB;IAClB,gBAAgB,EAAE,kBAAkB,OAAO;IAC5C;GACF;EACF,EACF,EACF;CAED,UAAU;EACR,OAAO;GACL,QAAQ,EAAE,SAAS,MAAM;GACzB,MAAM;IAAE,YAAY;IAAS,SAAS;IAAM,WAAW,EAAE,IAAI,MAAM;IAAE;GACtE;EACD,OAAO,EACL,MAAM;GAAE,gBAAgB;GAAO,OAAO,EAAE,mBAAmB,OAAO;GAAE,EACrE;EACF;CAED,cAAc;EACZ,SAAS;EACT,SAAS;EACV;CACF,CAAC"}

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

@@ -9,7 +9,7 @@ import "../collapse/index.js";
 import "../../index.js";
 import { AccordionStyle } from "./accordion.style.js";
 import { UseAccordionItemProps, UseAccordionProps } from "./use-accordion.js";
-import * as react909 from "react";
+import * as react31 from "react";
 //#region src/components/accordion/accordion.d.ts
 interface AccordionCallBackProps {
@@ -33,7 +33,7 @@ interface AccordionRootProps extends Omit<HTMLStyledProps, "onChange">, ThemePro
    */
   items?: AccordionItem[];
 }
-declare const AccordionPropsContext: react909.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
+declare const AccordionPropsContext: react31.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 react910 from "react";
+import * as react32 from "react";
 //#region src/components/accordion/use-accordion.d.ts
-declare const AccordionDescendantsContext: react910.Context<{
+declare const AccordionDescendantsContext: react32.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: react910.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) => react910.RefCallback<HTMLButtonElement>;
+    } | undefined) => react32.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: react910.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) => react910.RefCallback<HTMLButtonElement>;
+      } | undefined) => react32.RefCallback<HTMLButtonElement>;
       unregister: (node?: HTMLButtonElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
       values: (props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}>[];
     };
-    register: react910.RefCallback<HTMLButtonElement>;
+    register: react32.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: react910.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) => react910.RefCallback<HTMLButtonElement>;
+    } | undefined) => react32.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: react910.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
+declare const AccordionContext: react32.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
 interface AccordionItemContext extends Omit<UseAccordionItemReturn, "getItemProps"> {}
-declare const AccordionItemContext: react910.Context<AccordionItemContext>, useAccordionItemContext: () => AccordionItemContext;
+declare const AccordionItemContext: react32.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) => react910.RefCallback<HTMLButtonElement>;
+    } | undefined) => react32.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: react910.Dispatch<react910.SetStateAction<number>>;
-  setIndex: react910.Dispatch<react910.SetStateAction<number | number[]>>;
+  setFocusedIndex: react32.Dispatch<react32.SetStateAction<number>>;
+  setIndex: react32.Dispatch<react32.SetStateAction<number | number[]>>;
   toggle: boolean | undefined;
   getRootProps: PropGetter<"div", undefined, undefined>;
 };

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

@@ -5,7 +5,7 @@ import { AiryStyle } from "./airy.style.js";
 import { HTMLMotionProps } from "../motion/index.types.js";
 import "../motion/index.js";
 import "../../index.js";
-import * as react908 from "react";
+import * as react53 from "react";
 import { ReactNode } from "react";
 //#region src/components/airy/airy.d.ts
@@ -57,7 +57,7 @@ interface AiryProps extends Omit<HTMLMotionProps<"button">, "onChange">, ThemePr
    */
   onChange?: (value: KeyframeIdent) => void;
 }
-declare const AiryPropsContext: react908.Context<Partial<AiryProps> | undefined>, useAiryPropsContext: () => Partial<AiryProps> | undefined;
+declare const AiryPropsContext: react53.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

@@ -9,7 +9,7 @@ import "../loading/index.js";
 import { StatusScheme } from "../status/status.js";
 import "../status/index.js";
 import "../../index.js";
-import * as react906 from "react";
+import * as react894 from "react";
 //#region src/components/alert/alert.d.ts
 interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
@@ -20,7 +20,7 @@ interface AlertRootProps extends HTMLStyledProps, ThemeProps<AlertStyle> {
    */
   status?: StatusScheme;
 }
-declare const AlertPropsContext: react906.Context<Partial<AlertRootProps> | undefined>, useAlertPropsContext: () => Partial<AlertRootProps> | undefined;
+declare const AlertPropsContext: react894.Context<Partial<AlertRootProps> | undefined>, useAlertPropsContext: () => Partial<AlertRootProps> | undefined;
 /**
  * `Alert` is a component that conveys information to the user.
  *

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

@@ -5,7 +5,7 @@ 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 react907 from "react";
+import * as react28 from "react";
 //#region src/components/alpha-slider/alpha-slider.d.ts
 interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps, "color" | "max" | "step" | "thumbProps" | "trackProps">, AlphaSliderStyle> {
@@ -38,7 +38,7 @@ interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps
    */
   trackProps?: AlphaSliderTrackProps;
 }
-declare const AlphaSliderPropsContext: react907.Context<Partial<AlphaSliderRootProps> | undefined>, useAlphaSliderPropsContext: () => Partial<AlphaSliderRootProps> | undefined;
+declare const AlphaSliderPropsContext: react28.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 react905 from "react";
+import * as react30 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: react905.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
+declare const AspectRatioPropsContext: react30.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

@@ -11,7 +11,7 @@ import { InputGroupRootProps } from "../input/input-group.js";
 import "../input/index.js";
 import { UseAutocompleteOptionProps, UseAutocompleteProps } from "./use-autocomplete.js";
 import "../../index.js";
-import * as react897 from "react";
+import * as react807 from "react";
 import { ReactElement, ReactNode } from "react";
 //#region src/components/autocomplete/autocomplete.d.ts
@@ -67,7 +67,7 @@ interface AutocompleteRootProps<Multiple extends boolean = false> extends Omit<H
    */
   rootProps?: InputGroupRootProps;
 }
-declare const AutocompletePropsContext: react897.Context<Partial<AutocompleteRootProps<false>> | undefined>, useAutocompletePropsContext: () => Partial<AutocompleteRootProps<false>> | undefined;
+declare const AutocompletePropsContext: react807.Context<Partial<AutocompleteRootProps<false>> | undefined>, useAutocompletePropsContext: () => Partial<AutocompleteRootProps<false>> | undefined;
 /**
  * `Autocomplete` is a component used to display suggestions in response to user text input.
  *

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

@@ -3,7 +3,7 @@ import { CSSPropObject, CSSSlotObject } from "../../core/css/index.types.js";
 import "../../index.js";
 //#region src/components/autocomplete/autocomplete.style.d.ts
-declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "field" | "indicator" | "empty" | "valueText", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "field" | "indicator" | "empty" | "valueText">>, {
+declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "field" | "empty" | "indicator" | "valueText", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "field" | "empty" | "indicator" | "valueText">>, {
   xs: {
     empty: {
       gap: "1.5";

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

@@ -8,7 +8,7 @@ import { UsePopoverProps } from "../popover/use-popover.js";
 import "../popover/index.js";
 import { ComboboxDescendant, ComboboxDescendantProps, ComboboxItem, ComboboxItemWithValue, UseComboboxItemProps, UseComboboxProps } from "../../hooks/use-combobox/index.js";
 import "../../index.js";
-import * as react898 from "react";
+import * as react801 from "react";
 import { ChangeEvent, ReactNode } from "react";
 //#region src/components/autocomplete/use-autocomplete.d.ts
@@ -28,7 +28,7 @@ interface AutocompleteFilter {
 }
 type AutocompleteMatcher = typeof index_d_exports.match;
 interface AutocompleteContext extends Pick<UseAutocompleteReturn, "max" | "value"> {}
-declare const AutocompleteContext: react898.Context<AutocompleteContext>, useAutocompleteContext: () => AutocompleteContext;
+declare const AutocompleteContext: react801.Context<AutocompleteContext>, useAutocompleteContext: () => AutocompleteContext;
 interface UseAutocompleteProps<Multiple extends boolean = false> extends Omit<HTMLProps, "defaultValue" | "onChange" | "ref" | "value">, Omit<UseComboboxProps, "defaultValue" | "initialFocusValue" | "onChange" | "ref" | "value">, HTMLRefAttributes<"input">, FieldProps {
   /**
    * If `true`, the autocomplete will allow custom value.
@@ -156,7 +156,7 @@ declare const useAutocomplete: <Multiple extends boolean = false>(props?: UseAut
     lastValue: (props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     nextValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean, props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     prevValue: (indexOrNode: number | HTMLDivElement | Descendant<HTMLDivElement, ComboboxDescendantProps> | null, loop?: boolean, props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
-    register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react898.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react801.RefCallback<HTMLDivElement>;
     unregister: (node?: HTMLDivElement | null | undefined) => void;
     value: (indexOrNode: number | HTMLDivElement | null) => Descendant<HTMLDivElement, ComboboxDescendantProps> | undefined;
     values: (props?: Partial<ComboboxDescendantProps> | undefined) => Descendant<HTMLDivElement, ComboboxDescendantProps>[];
@@ -166,8 +166,8 @@ declare const useAutocomplete: <Multiple extends boolean = false>(props?: UseAut
   items: ComboboxItem[];
   max: number | undefined;
   open: boolean;
-  setInputValue: react898.Dispatch<react898.SetStateAction<string>>;
-  setValue: react898.Dispatch<react898.SetStateAction<Multiple extends true ? string[] : string>>;
+  setInputValue: react801.Dispatch<react801.SetStateAction<string>>;
+  setValue: react801.Dispatch<react801.SetStateAction<Multiple extends true ? string[] : string>>;
   value: Multiple extends true ? string[] : string;
   valueMap: {
     [key: string]: ComboboxItemWithValue;

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

@@ -6,9 +6,9 @@ import "../../core/index.js";
 import { AvatarStyle } from "./avatar.style.js";
 import { UseAvatarProps } from "./use-avatar.js";
 import "../../index.js";
-import * as react894 from "react";
+import * as react888 from "react";
 import { ReactElement } from "react";
-import * as _yamada_ui_utils3 from "@yamada-ui/utils";
+import * as _yamada_ui_utils9 from "@yamada-ui/utils";
 //#region src/components/avatar/avatar.d.ts
 interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvatarProps {
@@ -25,7 +25,7 @@ interface AvatarProps extends HTMLStyledProps, ThemeProps<AvatarStyle>, UseAvata
    */
   imageProps?: AvatarImageProps;
 }
-declare const component: <H extends As | "fragment" = "div", R extends _yamada_ui_utils3.Dict = _yamada_ui_utils3.Dict<any>>(el: H | react894.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+declare const component: <H extends "fragment" | As = "div", R extends _yamada_ui_utils9.Dict = _yamada_ui_utils9.Dict<any>>(el: H | react888.FC<R>, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
     shape: {
       circle: {
         root: {
@@ -148,7 +148,7 @@ declare const component: <H extends As | "fragment" = "div", R extends _yamada_u
     name,
     className,
     ...options
-  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react894.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: react894.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils3.Dict = _yamada_ui_utils3.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+  }?: ComponentOptions) => (initialProps?: InitialProps<R>, ...superProps: SuperProps<R>[]) => H extends "fragment" ? react888.FunctionComponent<R> : Component<Exclude<H, "fragment">, R>, AvatarPropsContext: react888.Context<Partial<AvatarProps> | undefined>, useAvatarPropsContext: () => Partial<AvatarProps> | undefined, useRootComponentProps: <Y extends _yamada_ui_utils9.Dict = _yamada_ui_utils9.Dict<any>, R extends keyof Y = keyof Y>(props: Y, slot?: ComponentSlot<ComponentSlotName<ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
     shape: {
       circle: {
         root: {
@@ -271,7 +271,7 @@ declare const component: <H extends As | "fragment" = "div", R extends _yamada_u
     className,
     withContext,
     transferProps
-  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils3.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+  }?: UseComponentPropsOptions<R>) => [CSSSlotObject, _yamada_ui_utils9.Merge<WithoutThemeProps<Y, ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
     shape: {
       circle: {
         root: {

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

@@ -1,6 +1,6 @@
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react892 from "react";
+import * as react886 from "react";
 //#region src/components/avatar/use-avatar-group.d.ts
 interface UseAvatarGroupProps extends HTMLProps {
@@ -19,7 +19,7 @@ declare const useAvatarGroup: ({
   reverse,
   ...rest
 }?: UseAvatarGroupProps) => {
-  children: react892.ReactElement<any, string | react892.JSXElementConstructor<any>>[];
+  children: react886.ReactElement<any, string | react886.JSXElementConstructor<any>>[];
   excess: number;
   getRootProps: PropGetter<"div", undefined, undefined>;
 };

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

@@ -3,11 +3,11 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { BadgeStyle } from "./badge.style.js";
 import "../../index.js";
-import * as react1046 from "react";
+import * as react885 from "react";
 //#region src/components/badge/badge.d.ts
 interface BadgeProps extends HTMLStyledProps<"span">, ThemeProps<BadgeStyle> {}
-declare const BadgePropsContext: react1046.Context<Partial<BadgeProps> | undefined>, useBadgePropsContext: () => Partial<BadgeProps> | undefined;
+declare const BadgePropsContext: react885.Context<Partial<BadgeProps> | undefined>, useBadgePropsContext: () => Partial<BadgeProps> | undefined;
 /**
  * `Badge` is a component that emphasizes the status of an item to make it immediately recognizable.
  *

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

@@ -2,7 +2,7 @@ import { CSSProps } from "../../core/css/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import "../../index.js";
-import * as react1040 from "react";
+import * as react44 from "react";
 //#region src/components/bleed/bleed.d.ts
 interface BleedProps extends HTMLStyledProps {
@@ -31,7 +31,7 @@ interface BleedProps extends HTMLStyledProps {
    */
   inlineStart?: "full" | CSSProps["marginInlineStart"];
 }
-declare const BleedPropsContext: react1040.Context<Partial<BleedProps> | undefined>, useBleedPropsContext: () => Partial<BleedProps> | undefined;
+declare const BleedPropsContext: react44.Context<Partial<BleedProps> | undefined>, useBleedPropsContext: () => Partial<BleedProps> | undefined;
 /**
  * `Bleed` is a component used to break an element from the boundaries of its container.
  *

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

@@ -3,7 +3,7 @@ import { Component, HTMLStyledProps } from "../../core/components/index.types.js
 import "../../core/index.js";
 import { BlockquoteStyle } from "./blockquote.style.js";
 import "../../index.js";
-import * as react904 from "react";
+import * as react27 from "react";
 import { ReactNode } from "react";
 //#region src/components/blockquote/blockquote.d.ts
@@ -29,7 +29,7 @@ interface BlockquoteRootProps extends Omit<HTMLStyledProps<"figure">, "cite">, T
    */
   contentProps?: HTMLStyledProps<"blockquote">;
 }
-declare const BlockquotePropsContext: react904.Context<Partial<BlockquoteRootProps> | undefined>, useBlockquotePropsContext: () => Partial<BlockquoteRootProps> | undefined;
+declare const BlockquotePropsContext: react27.Context<Partial<BlockquoteRootProps> | undefined>, useBlockquotePropsContext: () => Partial<BlockquoteRootProps> | undefined;
 /**
  * `Blockquote` is a component that represents a blockquote. By default, it renders a `blockquote` element.
  *

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

@@ -4,7 +4,7 @@ import "../../core/index.js";
 import { BreadcrumbStyle } from "./breadcrumb.style.js";
 import { UseBreadcrumbProps } from "./use-breadcrumb.js";
 import "../../index.js";
-import * as react889 from "react";
+import * as react895 from "react";
 import { ReactElement } from "react";
 //#region src/components/breadcrumb/breadcrumb.d.ts
@@ -40,7 +40,7 @@ interface BreadcrumbRootProps extends HTMLStyledProps<"nav">, ThemeProps<Breadcr
    */
   separatorProps?: BreadcrumbSeparatorProps;
 }
-declare const BreadcrumbPropsContext: react889.Context<Partial<BreadcrumbRootProps> | undefined>, useBreadcrumbPropsContext: () => Partial<BreadcrumbRootProps> | undefined;
+declare const BreadcrumbPropsContext: react895.Context<Partial<BreadcrumbRootProps> | undefined>, useBreadcrumbPropsContext: () => Partial<BreadcrumbRootProps> | undefined;
 /**
  * `Breadcrumb` is a component that helps users understand the hierarchy of a website.
  *

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

@@ -1,7 +1,7 @@
 import { ReactNodeOrFunction } from "../../utils/index.types.js";
 import { HTMLProps, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
-import * as react886 from "react";
+import * as react896 from "react";
 import { ReactElement, ReactNode } from "react";
 //#region src/components/breadcrumb/use-breadcrumb.d.ts
@@ -46,7 +46,7 @@ declare const useBreadcrumb: ({
   startBoundaries,
   ...rest
 }?: UseBreadcrumbProps) => {
-  children: (string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react886.ReactPortal | ReactElement<unknown, string | react886.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | ReactElement<any, string | react886.JSXElementConstructor<any>> | null | undefined)[];
+  children: (string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react896.ReactPortal | ReactElement<unknown, string | react896.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | ReactElement<any, string | react896.JSXElementConstructor<any>> | null | undefined)[];
   getEllipsisProps: PropGetter<"svg", undefined, undefined>;
   getLinkProps: PropGetter<"a", {
     currentPage?: boolean;

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

@@ -4,7 +4,7 @@ import "../../core/index.js";
 import "../loading/index.js";
 import { ButtonStyle } from "./button.style.js";
 import "../../index.js";
-import * as react891 from "react";
+import * as react892 from "react";
 import { ReactNode } from "react";
 //#region src/components/button/button.d.ts
@@ -72,7 +72,7 @@ interface ButtonProps extends HTMLStyledProps<"button">, ThemeProps<ButtonStyle>
    */
   loadingProps?: ButtonLoadingProps;
 }
-declare const ButtonPropsContext: react891.Context<Partial<ButtonProps> | undefined>, useButtonPropsContext: () => Partial<ButtonProps> | undefined;
+declare const ButtonPropsContext: react892.Context<Partial<ButtonProps> | undefined>, useButtonPropsContext: () => Partial<ButtonProps> | undefined;
 /**
  * `Button` is an interactive component that allows users to perform actions such as submitting forms and toggling modals.
  *