npm - @yamada-ui/react - Versions diffs - 2.0.0-dev-20250626073729 → 2.0.0-dev-20250626191018 - Mend

@yamada-ui/react 2.0.0-dev-20250626073729 → 2.0.0-dev-20250626191018

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

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

@@ -4,7 +4,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_context = require('../../utils/context.cjs');
 const require_utils_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
 const require_hooks_use_controllable_state_index = require('../../hooks/use-controllable-state/index.cjs');
 const require_providers_i18n_provider_i18n_provider = require('../../providers/i18n-provider/i18n-provider.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
@@ -67,13 +68,13 @@ const usePagination = ({ boundaries = 1, defaultPage = 1, disabled = false, page
 		role: "navigation"
 	}), [rest, t]);
 	const getItemProps = (0, react.useCallback)(({ page: page$1,...props } = {}) => {
-		if ((0, require_utils_index.utils_exports.isNumber)(page$1)) return {
+		if (require_utils_common_assertion.isNumber(page$1)) return {
 			type: "button",
 			"aria-current": currentPage === page$1 ? "page" : void 0,
 			"aria-label": t("Go to page", { value: page$1 }),
 			disabled,
 			...props,
-			onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, () => onChange(page$1))
+			onClick: require_utils_common_function.handlerAll(props.onClick, () => onChange(page$1))
 		};
 		else return {
 			...props,
@@ -90,7 +91,7 @@ const usePagination = ({ boundaries = 1, defaultPage = 1, disabled = false, page
 		"aria-label": t("Go to first page"),
 		disabled: disabled || currentPage === 1,
 		...props,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, onChangeStart)
+		onClick: require_utils_common_function.handlerAll(props.onClick, onChangeStart)
 	}), [
 		onChangeStart,
 		t,
@@ -102,7 +103,7 @@ const usePagination = ({ boundaries = 1, defaultPage = 1, disabled = false, page
 		"aria-label": t("Go to last page"),
 		disabled: disabled || currentPage === total,
 		...props,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, onChangeEnd)
+		onClick: require_utils_common_function.handlerAll(props.onClick, onChangeEnd)
 	}), [
 		onChangeEnd,
 		t,
@@ -115,7 +116,7 @@ const usePagination = ({ boundaries = 1, defaultPage = 1, disabled = false, page
 		"aria-label": t("Go to previous page"),
 		disabled: disabled || currentPage === 1,
 		...props,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, onChangePrev)
+		onClick: require_utils_common_function.handlerAll(props.onClick, onChangePrev)
 	}), [
 		onChangePrev,
 		t,
@@ -127,7 +128,7 @@ const usePagination = ({ boundaries = 1, defaultPage = 1, disabled = false, page
 		"aria-label": t("Go to next page"),
 		disabled: disabled || currentPage === total,
 		...props,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, onChangeNext)
+		onClick: require_utils_common_function.handlerAll(props.onClick, onChangeNext)
 	}), [
 		onChangeNext,
 		t,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"use-pagination.cjs","names":["page: number","page","getRootProps: PropGetter","getItemProps: PropGetter<\"button\", { page?: Page }>","getStartTriggerProps: PropGetter<\"button\">","getEndTriggerProps: PropGetter<\"button\">","getPrevTriggerProps: PropGetter<\"button\">","getNextTriggerProps: PropGetter<\"button\">","start: number","end: number"],"sources":["../../../../src/components/pagination/use-pagination.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { createContext, handlerAll, isNumber, mergeRefs } from \"../../utils\"\n\nexport type Page = \"ellipsis\" \| number\n\ninterface PaginationContext extends Omit<UsePaginationReturn, \"getRootProps\"> {}\n\nexport const [PaginationContext, usePaginationContext] =\n createContext<PaginationContext>({\n name: \"PaginationContext\",\n })\n\nexport interface UsePaginationProps\n extends Omit<HTMLProps, \"onChange\" \| \"page\"> {\n /*\n The total number of pages in pagination.\n /\n total: number\n /\n Number of elements visible on the left/right edges.\n \n @default 1\n /\n boundaries?: number\n /\n The initial page of the pagination.\n * Should be less than `total` and greater than `1`.\n \n @default 1\n /\n defaultPage?: number\n /\n If `true`, the pagination all item will be disabled.\n \n @default false\n /\n disabled?: boolean\n /\n The page of the pagination.\n * Should be less than `total` and greater than `1`.\n /\n page?: number\n /* Number of siblings displayed on the left/right side of selected page.\n \n @default 1\n /\n siblings?: number\n /\n The callback invoked when the page changes.\n /\n onChange?: (page: number) => void\n}\n\nexport const usePagination = ({\n boundaries = 1,\n defaultPage = 1,\n disabled = false,\n page,\n siblings = 1,\n total,\n onChange: onChangeProp,\n ...rest\n}: UsePaginationProps) => {\n const [currentPage, setCurrentPage] = useControllableState({\n defaultValue: defaultPage,\n value: page,\n onChange: onChangeProp,\n })\n const { t } = useI18n(\"pagination\")\n const range = useMemo((): Page[] => {\n const minimumTotal = siblings 2 + 3 + boundaries * 2\n\n if (minimumTotal >= total) return computedRange(1, total)\n\n const prevSiblings = Math.max(currentPage - siblings, boundaries)\n const nextSiblings = Math.min(currentPage + siblings, total - boundaries)\n const prevDots = prevSiblings > boundaries + 2\n const nextDots = nextSiblings < total - (boundaries + 1)\n\n if (!prevDots && nextDots) {\n const prevPages = siblings * 2 + boundaries + 2\n\n return [\n ...computedRange(1, prevPages),\n \"ellipsis\",\n ...computedRange(total - (boundaries - 1), total),\n ]\n }\n\n if (prevDots && !nextDots) {\n const nextPages = boundaries + 1 + 2 * siblings\n\n return [\n ...computedRange(1, boundaries),\n \"ellipsis\",\n ...computedRange(total - nextPages, total),\n ]\n }\n\n return [\n ...computedRange(1, boundaries),\n \"ellipsis\",\n ...computedRange(prevSiblings, nextSiblings),\n \"ellipsis\",\n ...computedRange(total - boundaries + 1, total),\n ]\n }, [boundaries, siblings, currentPage, total])\n\n const onChange = useCallback(\n (page: number) => setCurrentPage(Math.max(1, Math.min(total, page))),\n [setCurrentPage, total],\n )\n\n const onChangeStart = useCallback(() => setCurrentPage(1), [setCurrentPage])\n\n const onChangeEnd = useCallback(\n () => setCurrentPage(total),\n [setCurrentPage, total],\n )\n\n const onChangePrev = useCallback(\n () => setCurrentPage((prev) => Math.max(1, prev - 1)),\n [setCurrentPage],\n )\n\n const onChangeNext = useCallback(\n () => setCurrentPage((prev) => Math.min(total, prev + 1)),\n [setCurrentPage, total],\n )\n\n const getRootProps: PropGetter = useCallback(\n ({ ref, ...props } = {}) => ({\n ...rest,\n ...props,\n ref: mergeRefs(ref, rest.ref),\n \"aria-label\": t(\"Pagination\"),\n role: \"navigation\",\n }),\n [rest, t],\n )\n\n const getItemProps: PropGetter<\"button\", { page?: Page }> = useCallback(\n ({ page, ...props } = {}) => {\n if (isNumber(page)) {\n return {\n type: \"button\",\n \"aria-current\": currentPage === page ? \"page\" : undefined,\n \"aria-label\": t(\"Go to page\", { value: page }),\n disabled,\n ...props,\n onClick: handlerAll(props.onClick, () => onChange(page)),\n }\n } else {\n return { ...props, \"data-ellipsis\": \"\" }\n }\n },\n [currentPage, t, onChange, disabled],\n )\n\n const getStartTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n type: \"button\",\n \"aria-label\": t(\"Go to first page\"),\n disabled: disabled \|\| currentPage === 1,\n ...props,\n onClick: handlerAll(props.onClick, onChangeStart),\n }),\n [onChangeStart, t, disabled, currentPage],\n )\n\n const getEndTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n type: \"button\",\n \"aria-label\": t(\"Go to last page\"),\n disabled: disabled \|\| currentPage === total,\n ...props,\n onClick: handlerAll(props.onClick, onChangeEnd),\n }),\n [onChangeEnd, t, disabled, currentPage, total],\n )\n\n const getPrevTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n type: \"button\",\n \"aria-label\": t(\"Go to previous page\"),\n disabled: disabled \|\| currentPage === 1,\n ...props,\n onClick: handlerAll(props.onClick, onChangePrev),\n }),\n [onChangePrev, t, disabled, currentPage],\n )\n\n const getNextTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n type: \"button\",\n \"aria-label\": t(\"Go to next page\"),\n disabled: disabled \|\| currentPage === total,\n ...props,\n onClick: handlerAll(props.onClick, onChangeNext),\n }),\n [onChangeNext, t, disabled, currentPage, total],\n )\n\n return {\n currentPage,\n disabled,\n range,\n total,\n getEndTriggerProps,\n getItemProps,\n getNextTriggerProps,\n getPrevTriggerProps,\n getRootProps,\n getStartTriggerProps,\n onChange,\n onChangeEnd,\n onChangeNext,\n onChangePrev,\n onChangeStart,\n }\n}\n\nexport type UsePaginationReturn = ReturnType<typeof usePagination>\n\nconst computedRange = (start: number, end: number) =>\n Array.from({ length: end - start + 1 }, (_, index) => index + start)\n"],"mappings":"~~;;;;;;;;;;;;~~AAYA,MAAa,CAAC,mBAAmB,qBAAqB,GACpD,oCAAiC,EAC/B,MAAM,oBACP,EAAC;AA2CJ,MAAa,gBAAgB,CAAC,EAC5B,aAAa,GACb,cAAc,GACd,WAAW,OACX,MACA,WAAW,GACX,OACA,UAAU,aACV,GAAG,MACgB,KAAK;CACxB,MAAM,CAAC,aAAa,eAAe,GAAG,gEAAqB;EACzD,cAAc;EACd,OAAO;EACP,UAAU;CACX,EAAC;CACF,MAAM,EAAE,GAAG,GAAG,sDAAQ,aAAa;CACnC,MAAM,QAAQ,mBAAQ,MAAc;EAClC,MAAM,eAAe,WAAW,IAAI,IAAI,aAAa;AAErD,MAAI,gBAAgB,MAAO,QAAO,cAAc,GAAG,MAAM;EAEzD,MAAM,eAAe,KAAK,IAAI,cAAc,UAAU,WAAW;EACjE,MAAM,eAAe,KAAK,IAAI,cAAc,UAAU,QAAQ,WAAW;EACzE,MAAM,WAAW,eAAe,aAAa;EAC7C,MAAM,WAAW,eAAe,SAAS,aAAa;AAEtD,OAAK,YAAY,UAAU;GACzB,MAAM,YAAY,WAAW,IAAI,aAAa;AAE9C,UAAO;IACL,GAAG,cAAc,GAAG,UAAU;IAC9B;IACA,GAAG,cAAc,SAAS,aAAa,IAAI,MAAM;GAClD;EACF;AAED,MAAI,aAAa,UAAU;GACzB,MAAM,YAAY,aAAa,IAAI,IAAI;AAEvC,UAAO;IACL,GAAG,cAAc,GAAG,WAAW;IAC/B;IACA,GAAG,cAAc,QAAQ,WAAW,MAAM;GAC3C;EACF;AAED,SAAO;GACL,GAAG,cAAc,GAAG,WAAW;GAC/B;GACA,GAAG,cAAc,cAAc,aAAa;GAC5C;GACA,GAAG,cAAc,QAAQ,aAAa,GAAG,MAAM;EAChD;CACF,GAAE;EAAC;EAAY;EAAU;EAAa;CAAM,EAAC;CAE9C,MAAM,WAAW,uBACf,CAACA,WAAiB,eAAe,KAAK,IAAI,GAAG,KAAK,IAAI,OAAOC,OAAK,CAAC,CAAC,EACpE,CAAC,gBAAgB,KAAM,EACxB;CAED,MAAM,gBAAgB,uBAAY,MAAM,eAAe,EAAE,EAAE,CAAC,cAAe,EAAC;CAE5E,MAAM,cAAc,uBAClB,MAAM,eAAe,MAAM,EAC3B,CAAC,gBAAgB,KAAM,EACxB;CAED,MAAM,eAAe,uBACnB,MAAM,eAAe,CAAC,SAAS,KAAK,IAAI,GAAG,OAAO,EAAE,CAAC,EACrD,CAAC,cAAe,EACjB;CAED,MAAM,eAAe,uBACnB,MAAM,eAAe,CAAC,SAAS,KAAK,IAAI,OAAO,OAAO,EAAE,CAAC,EACzD,CAAC,gBAAgB,KAAM,EACxB;CAED,MAAMC,eAA2B,uBAC/B,CAAC,EAAE,IAAK,GAAG,OAAO,GAAG,CAAE,OAAM;EAC3B,GAAG;EACH,GAAG;EACH,KAAK,4BAAU,KAAK,KAAK,IAAI;EAC7B,cAAc,EAAE,aAAa;EAC7B,MAAM;CACP,IACD,CAAC,MAAM,CAAE,EACV;CAED,MAAMC,eAAsD,uBAC1D,CAAC,EAAE,aAAM,GAAG,OAAO,GAAG,CAAE,MAAK;AAC3B,MAAI,~~gDAASF~~,OAAK,CAChB,QAAO;GACL,MAAM;GACN,gBAAgB,gBAAgBA,SAAO;GACvC,cAAc,EAAE,cAAc,EAAE,OAAOA,OAAM,EAAC;GAC9C;GACA,GAAG;GACH,SAAS,~~kDAAW~~,MAAM,SAAS,MAAM,SAASA,OAAK,CAAC;EACzD;MAED,QAAO;GAAE,GAAG;GAAO,iBAAiB;EAAI;CAE3C,GACD;EAAC;EAAa;EAAG;EAAU;CAAS,EACrC;CAED,MAAMG,uBAA6C,uBACjD,CAAC,QAAQ,CAAE,OAAM;EACf,MAAM;EACN,cAAc,EAAE,mBAAmB;EACnC,UAAU,YAAY,gBAAgB;EACtC,GAAG;EACH,SAAS,~~kDAAW~~,MAAM,SAAS,cAAc;CAClD,IACD;EAAC;EAAe;EAAG;EAAU;CAAY,EAC1C;CAED,MAAMC,qBAA2C,uBAC/C,CAAC,QAAQ,CAAE,OAAM;EACf,MAAM;EACN,cAAc,EAAE,kBAAkB;EAClC,UAAU,YAAY,gBAAgB;EACtC,GAAG;EACH,SAAS,~~kDAAW~~,MAAM,SAAS,YAAY;CAChD,IACD;EAAC;EAAa;EAAG;EAAU;EAAa;CAAM,EAC/C;CAED,MAAMC,sBAA4C,uBAChD,CAAC,QAAQ,CAAE,OAAM;EACf,MAAM;EACN,cAAc,EAAE,sBAAsB;EACtC,UAAU,YAAY,gBAAgB;EACtC,GAAG;EACH,SAAS,~~kDAAW~~,MAAM,SAAS,aAAa;CACjD,IACD;EAAC;EAAc;EAAG;EAAU;CAAY,EACzC;CAED,MAAMC,sBAA4C,uBAChD,CAAC,QAAQ,CAAE,OAAM;EACf,MAAM;EACN,cAAc,EAAE,kBAAkB;EAClC,UAAU,YAAY,gBAAgB;EACtC,GAAG;EACH,SAAS,~~kDAAW~~,MAAM,SAAS,aAAa;CACjD,IACD;EAAC;EAAc;EAAG;EAAU;EAAa;CAAM,EAChD;AAED,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD;AACF;AAID,MAAM,gBAAgB,CAACC,OAAeC,QACpC,MAAM,KAAK,EAAE,QAAQ,MAAM,QAAQ,EAAG,GAAE,CAAC,GAAG,UAAU,QAAQ,MAAM"}
1	+ {"version":3,"file":"use-pagination.cjs","names":["page: number","page","getRootProps: PropGetter","getItemProps: PropGetter<\"button\", { page?: Page }>","getStartTriggerProps: PropGetter<\"button\">","getEndTriggerProps: PropGetter<\"button\">","getPrevTriggerProps: PropGetter<\"button\">","getNextTriggerProps: PropGetter<\"button\">","start: number","end: number"],"sources":["../../../../src/components/pagination/use-pagination.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { createContext, handlerAll, isNumber, mergeRefs } from \"../../utils\"\n\nexport type Page = \"ellipsis\" \| number\n\ninterface PaginationContext extends Omit<UsePaginationReturn, \"getRootProps\"> {}\n\nexport const [PaginationContext, usePaginationContext] =\n createContext<PaginationContext>({\n name: \"PaginationContext\",\n })\n\nexport interface UsePaginationProps\n extends Omit<HTMLProps, \"onChange\" \| \"page\"> {\n /*\n The total number of pages in pagination.\n /\n total: number\n /\n Number of elements visible on the left/right edges.\n \n @default 1\n /\n boundaries?: number\n /\n The initial page of the pagination.\n * Should be less than `total` and greater than `1`.\n \n @default 1\n /\n defaultPage?: number\n /\n If `true`, the pagination all item will be disabled.\n \n @default false\n /\n disabled?: boolean\n /\n The page of the pagination.\n * Should be less than `total` and greater than `1`.\n /\n page?: number\n /* Number of siblings displayed on the left/right side of selected page.\n \n @default 1\n /\n siblings?: number\n /\n The callback invoked when the page changes.\n /\n onChange?: (page: number) => void\n}\n\nexport const usePagination = ({\n boundaries = 1,\n defaultPage = 1,\n disabled = false,\n page,\n siblings = 1,\n total,\n onChange: onChangeProp,\n ...rest\n}: UsePaginationProps) => {\n const [currentPage, setCurrentPage] = useControllableState({\n defaultValue: defaultPage,\n value: page,\n onChange: onChangeProp,\n })\n const { t } = useI18n(\"pagination\")\n const range = useMemo((): Page[] => {\n const minimumTotal = siblings 2 + 3 + boundaries * 2\n\n if (minimumTotal >= total) return computedRange(1, total)\n\n const prevSiblings = Math.max(currentPage - siblings, boundaries)\n const nextSiblings = Math.min(currentPage + siblings, total - boundaries)\n const prevDots = prevSiblings > boundaries + 2\n const nextDots = nextSiblings < total - (boundaries + 1)\n\n if (!prevDots && nextDots) {\n const prevPages = siblings * 2 + boundaries + 2\n\n return [\n ...computedRange(1, prevPages),\n \"ellipsis\",\n ...computedRange(total - (boundaries - 1), total),\n ]\n }\n\n if (prevDots && !nextDots) {\n const nextPages = boundaries + 1 + 2 * siblings\n\n return [\n ...computedRange(1, boundaries),\n \"ellipsis\",\n ...computedRange(total - nextPages, total),\n ]\n }\n\n return [\n ...computedRange(1, boundaries),\n \"ellipsis\",\n ...computedRange(prevSiblings, nextSiblings),\n \"ellipsis\",\n ...computedRange(total - boundaries + 1, total),\n ]\n }, [boundaries, siblings, currentPage, total])\n\n const onChange = useCallback(\n (page: number) => setCurrentPage(Math.max(1, Math.min(total, page))),\n [setCurrentPage, total],\n )\n\n const onChangeStart = useCallback(() => setCurrentPage(1), [setCurrentPage])\n\n const onChangeEnd = useCallback(\n () => setCurrentPage(total),\n [setCurrentPage, total],\n )\n\n const onChangePrev = useCallback(\n () => setCurrentPage((prev) => Math.max(1, prev - 1)),\n [setCurrentPage],\n )\n\n const onChangeNext = useCallback(\n () => setCurrentPage((prev) => Math.min(total, prev + 1)),\n [setCurrentPage, total],\n )\n\n const getRootProps: PropGetter = useCallback(\n ({ ref, ...props } = {}) => ({\n ...rest,\n ...props,\n ref: mergeRefs(ref, rest.ref),\n \"aria-label\": t(\"Pagination\"),\n role: \"navigation\",\n }),\n [rest, t],\n )\n\n const getItemProps: PropGetter<\"button\", { page?: Page }> = useCallback(\n ({ page, ...props } = {}) => {\n if (isNumber(page)) {\n return {\n type: \"button\",\n \"aria-current\": currentPage === page ? \"page\" : undefined,\n \"aria-label\": t(\"Go to page\", { value: page }),\n disabled,\n ...props,\n onClick: handlerAll(props.onClick, () => onChange(page)),\n }\n } else {\n return { ...props, \"data-ellipsis\": \"\" }\n }\n },\n [currentPage, t, onChange, disabled],\n )\n\n const getStartTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n type: \"button\",\n \"aria-label\": t(\"Go to first page\"),\n disabled: disabled \|\| currentPage === 1,\n ...props,\n onClick: handlerAll(props.onClick, onChangeStart),\n }),\n [onChangeStart, t, disabled, currentPage],\n )\n\n const getEndTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n type: \"button\",\n \"aria-label\": t(\"Go to last page\"),\n disabled: disabled \|\| currentPage === total,\n ...props,\n onClick: handlerAll(props.onClick, onChangeEnd),\n }),\n [onChangeEnd, t, disabled, currentPage, total],\n )\n\n const getPrevTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n type: \"button\",\n \"aria-label\": t(\"Go to previous page\"),\n disabled: disabled \|\| currentPage === 1,\n ...props,\n onClick: handlerAll(props.onClick, onChangePrev),\n }),\n [onChangePrev, t, disabled, currentPage],\n )\n\n const getNextTriggerProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n type: \"button\",\n \"aria-label\": t(\"Go to next page\"),\n disabled: disabled \|\| currentPage === total,\n ...props,\n onClick: handlerAll(props.onClick, onChangeNext),\n }),\n [onChangeNext, t, disabled, currentPage, total],\n )\n\n return {\n currentPage,\n disabled,\n range,\n total,\n getEndTriggerProps,\n getItemProps,\n getNextTriggerProps,\n getPrevTriggerProps,\n getRootProps,\n getStartTriggerProps,\n onChange,\n onChangeEnd,\n onChangeNext,\n onChangePrev,\n onChangeStart,\n }\n}\n\nexport type UsePaginationReturn = ReturnType<typeof usePagination>\n\nconst computedRange = (start: number, end: number) =>\n Array.from({ length: end - start + 1 }, (_, index) => index + start)\n"],"mappings":"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"}

package/dist/cjs/components/password-input/use-password-input.cjs CHANGED Viewed

@@ -3,7 +3,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
 const require_hooks_use_controllable_state_index = require('../../hooks/use-controllable-state/index.cjs');
 const require_providers_i18n_provider_i18n_provider = require('../../providers/i18n-provider/i18n-provider.cjs');
 const require_components_field_use_field_props = require('../field/use-field-props.cjs');
@@ -31,8 +31,8 @@ const usePasswordInput = (props = {}) => {
 		...rest,
 		...props$1,
 		ref: require_utils_ref.mergeRefs(ref, rest.ref),
-		onBlur: (0, require_utils_index.utils_exports.handlerAll)(eventProps.onBlur, props$1.onBlur),
-		onFocus: (0, require_utils_index.utils_exports.handlerAll)(eventProps.onFocus, props$1.onFocus)
+		onBlur: require_utils_common_function.handlerAll(eventProps.onBlur, props$1.onBlur),
+		onFocus: require_utils_common_function.handlerAll(eventProps.onFocus, props$1.onFocus)
 	}), [
 		visible,
 		rest,
@@ -47,7 +47,7 @@ const usePasswordInput = (props = {}) => {
 		disabled,
 		...dataProps,
 		...props$1,
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props$1.onClick, onChangeVisibility)
+		onClick: require_utils_common_function.handlerAll(props$1.onClick, onChangeVisibility)
 	}), [
 		onChangeVisibility,
 		dataProps,

package/dist/cjs/components/password-input/use-password-input.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-password-input.cjs","names":["props: UsePasswordInputProps","ev: MouseEvent<HTMLButtonElement>","getInputProps: PropGetter<\"input\">","props","getButtonProps: PropGetter<\"button\">"],"sources":["../../../../src/components/password-input/use-password-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type { MouseEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UsePasswordInputProps extends HTMLProps<\"input\">, FieldProps {\n /*\n Determines whether the password input is visible by default.\n \n @default false\n /\n defaultVisible?: boolean\n /\n Determines the visibility of the password input.\n \n @default false\n /\n visible?: boolean\n /\n Callback function that is triggered when the visibility of the password input changes.\n */\n onVisibleChange?: (visible: boolean) => void\n}\n\nexport const usePasswordInput = (props: UsePasswordInputProps = {}) => {\n const {\n props: {\n defaultVisible,\n disabled,\n visible: visibleProp,\n onVisibleChange,\n ...rest\n },\n ariaProps,\n dataProps,\n eventProps,\n } = useFieldProps(props)\n const [visible, setVisible] = useControllableState({\n defaultValue: defaultVisible,\n value: visibleProp,\n onChange: onVisibleChange,\n })\n const { t } = useI18n(\"passwordInput\")\n\n const onChangeVisibility = useCallback(\n (ev: MouseEvent<HTMLButtonElement>) => {\n if (disabled \|\| ev.button !== 0) return\n\n ev.preventDefault()\n\n setVisible((prev) => !prev)\n },\n [disabled, setVisible],\n )\n\n const getInputProps: PropGetter<\"input\"> = useCallback(\n ({ ref, ...props } = {}) => ({\n type: visible ? \"text\" : \"password\",\n disabled,\n ...ariaProps,\n ...dataProps,\n ...rest,\n ...props,\n ref: mergeRefs(ref, rest.ref),\n onBlur: handlerAll(eventProps.onBlur, props.onBlur),\n onFocus: handlerAll(eventProps.onFocus, props.onFocus),\n }),\n [visible, rest, disabled, dataProps, eventProps, ariaProps],\n )\n\n const getButtonProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n type: \"button\",\n \"aria-label\": t(\"Toggle password visibility\"),\n disabled,\n ...dataProps,\n ...props,\n onClick: handlerAll(props.onClick, onChangeVisibility),\n }),\n [onChangeVisibility, dataProps, disabled, t],\n )\n\n return {\n setVisible,\n visible,\n getButtonProps,\n getInputProps,\n }\n}\n\nexport type UsePasswordInputReturn = ReturnType<typeof usePasswordInput>\n"],"mappings":";;;;;;;;;;;;AA8BA,MAAa,mBAAmB,CAACA,QAA+B,CAAE,MAAK;CACrE,MAAM,EACJ,OAAO,EACL,gBACA,UACA,SAAS,aACT,gBACA,GAAG,MACJ,EACD,WACA,WACA,YACD,GAAG,uDAAc,MAAM;CACxB,MAAM,CAAC,SAAS,WAAW,GAAG,gEAAqB;EACjD,cAAc;EACd,OAAO;EACP,UAAU;CACX,EAAC;CACF,MAAM,EAAE,GAAG,GAAG,sDAAQ,gBAAgB;CAEtC,MAAM,qBAAqB,uBACzB,CAACC,OAAsC;AACrC,MAAI,YAAY,GAAG,WAAW,EAAG;AAEjC,KAAG,gBAAgB;AAEnB,aAAW,CAAC,UAAU,KAAK;CAC5B,GACD,CAAC,UAAU,UAAW,EACvB;CAED,MAAMC,gBAAqC,uBACzC,CAAC,EAAE,IAAK,GAAGC,SAAO,GAAG,CAAE,OAAM;EAC3B,MAAM,UAAU,SAAS;EACzB;EACA,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAGA;EACH,KAAK,4BAAU,KAAK,KAAK,IAAI;EAC7B,QAAQ,~~kDAAW~~,WAAW,QAAQA,QAAM,OAAO;EACnD,SAAS,~~kDAAW~~,WAAW,SAASA,QAAM,QAAQ;CACvD,IACD;EAAC;EAAS;EAAM;EAAU;EAAW;EAAY;CAAU,EAC5D;CAED,MAAMC,iBAAuC,uBAC3C,CAACD,UAAQ,CAAE,OAAM;EACf,MAAM;EACN,cAAc,EAAE,6BAA6B;EAC7C;EACA,GAAG;EACH,GAAGA;EACH,SAAS,~~kDAAWA~~,QAAM,SAAS,mBAAmB;CACvD,IACD;EAAC;EAAoB;EAAW;EAAU;CAAE,EAC7C;AAED,QAAO;EACL;EACA;EACA;EACA;CACD;AACF"}
1	+ {"version":3,"file":"use-password-input.cjs","names":["props: UsePasswordInputProps","ev: MouseEvent<HTMLButtonElement>","getInputProps: PropGetter<\"input\">","props","getButtonProps: PropGetter<\"button\">"],"sources":["../../../../src/components/password-input/use-password-input.tsx"],"sourcesContent":["\"use client\"\n\nimport type { MouseEvent } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UsePasswordInputProps extends HTMLProps<\"input\">, FieldProps {\n /*\n Determines whether the password input is visible by default.\n \n @default false\n /\n defaultVisible?: boolean\n /\n Determines the visibility of the password input.\n \n @default false\n /\n visible?: boolean\n /\n Callback function that is triggered when the visibility of the password input changes.\n */\n onVisibleChange?: (visible: boolean) => void\n}\n\nexport const usePasswordInput = (props: UsePasswordInputProps = {}) => {\n const {\n props: {\n defaultVisible,\n disabled,\n visible: visibleProp,\n onVisibleChange,\n ...rest\n },\n ariaProps,\n dataProps,\n eventProps,\n } = useFieldProps(props)\n const [visible, setVisible] = useControllableState({\n defaultValue: defaultVisible,\n value: visibleProp,\n onChange: onVisibleChange,\n })\n const { t } = useI18n(\"passwordInput\")\n\n const onChangeVisibility = useCallback(\n (ev: MouseEvent<HTMLButtonElement>) => {\n if (disabled \|\| ev.button !== 0) return\n\n ev.preventDefault()\n\n setVisible((prev) => !prev)\n },\n [disabled, setVisible],\n )\n\n const getInputProps: PropGetter<\"input\"> = useCallback(\n ({ ref, ...props } = {}) => ({\n type: visible ? \"text\" : \"password\",\n disabled,\n ...ariaProps,\n ...dataProps,\n ...rest,\n ...props,\n ref: mergeRefs(ref, rest.ref),\n onBlur: handlerAll(eventProps.onBlur, props.onBlur),\n onFocus: handlerAll(eventProps.onFocus, props.onFocus),\n }),\n [visible, rest, disabled, dataProps, eventProps, ariaProps],\n )\n\n const getButtonProps: PropGetter<\"button\"> = useCallback(\n (props = {}) => ({\n type: \"button\",\n \"aria-label\": t(\"Toggle password visibility\"),\n disabled,\n ...dataProps,\n ...props,\n onClick: handlerAll(props.onClick, onChangeVisibility),\n }),\n [onChangeVisibility, dataProps, disabled, t],\n )\n\n return {\n setVisible,\n visible,\n getButtonProps,\n getInputProps,\n }\n}\n\nexport type UsePasswordInputReturn = ReturnType<typeof usePasswordInput>\n"],"mappings":";;;;;;;;;;;;AA8BA,MAAa,mBAAmB,CAACA,QAA+B,CAAE,MAAK;CACrE,MAAM,EACJ,OAAO,EACL,gBACA,UACA,SAAS,aACT,gBACA,GAAG,MACJ,EACD,WACA,WACA,YACD,GAAG,uDAAc,MAAM;CACxB,MAAM,CAAC,SAAS,WAAW,GAAG,gEAAqB;EACjD,cAAc;EACd,OAAO;EACP,UAAU;CACX,EAAC;CACF,MAAM,EAAE,GAAG,GAAG,sDAAQ,gBAAgB;CAEtC,MAAM,qBAAqB,uBACzB,CAACC,OAAsC;AACrC,MAAI,YAAY,GAAG,WAAW,EAAG;AAEjC,KAAG,gBAAgB;AAEnB,aAAW,CAAC,UAAU,KAAK;CAC5B,GACD,CAAC,UAAU,UAAW,EACvB;CAED,MAAMC,gBAAqC,uBACzC,CAAC,EAAE,IAAK,GAAGC,SAAO,GAAG,CAAE,OAAM;EAC3B,MAAM,UAAU,SAAS;EACzB;EACA,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAGA;EACH,KAAK,4BAAU,KAAK,KAAK,IAAI;EAC7B,QAAQ,yCAAW,WAAW,QAAQA,QAAM,OAAO;EACnD,SAAS,yCAAW,WAAW,SAASA,QAAM,QAAQ;CACvD,IACD;EAAC;EAAS;EAAM;EAAU;EAAW;EAAY;CAAU,EAC5D;CAED,MAAMC,iBAAuC,uBAC3C,CAACD,UAAQ,CAAE,OAAM;EACf,MAAM;EACN,cAAc,EAAE,6BAA6B;EAC7C;EACA,GAAG;EACH,GAAGA;EACH,SAAS,yCAAWA,QAAM,SAAS,mBAAmB;CACvD,IACD;EAAC;EAAoB;EAAW;EAAU;CAAE,EAC7C;AAED,QAAO;EACL;EACA;EACA;EACA;CACD;AACF"}

package/dist/cjs/components/password-input/use-strength-meter.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const require_providers_i18n_provider_i18n_provider = require('../../providers/i18n-provider/i18n-provider.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
@@ -24,7 +24,7 @@ const useStrengthMeter = ({ max = 4, value,...rest }) => {
 		t
 	]);
 	const getIndicatorProps = (0, react.useCallback)(({ index,...props }) => ({
-		"data-selected": (0, require_utils_index.utils_exports.dataAttr)(index < value),
+		"data-selected": require_utils_common_dom.dataAttr(index < value),
 		...props
 	}), [value]);
 	return {

package/dist/cjs/components/password-input/use-strength-meter.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-strength-meter.cjs","names":["getRootProps: PropGetter","getIndicatorProps: RequiredPropGetter<\"div\", { index: number }>"],"sources":["../../../../src/components/password-input/use-strength-meter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter, RequiredPropGetter } from \"../../core\"\nimport { useCallback } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr } from \"../../utils\"\n\nexport interface UseStrengthMeterProps extends HTMLProps {\n /*\n The value of the password strength meter.\n /\n value: number\n /\n The maximum value of the password strength meter.\n \n @default 4\n */\n max?: number\n}\n\nexport const useStrengthMeter = ({\n max = 4,\n value,\n ...rest\n}: UseStrengthMeterProps) => {\n const { t } = useI18n(\"passwordInput\")\n\n const getRootProps: PropGetter = useCallback(\n (props) => ({\n \"aria-label\": t(\"Password strength meter\"),\n \"aria-valuemax\": max,\n \"aria-valuemin\": 0,\n \"aria-valuenow\": value,\n role: \"meter\",\n ...rest,\n ...props,\n }),\n [max, rest, value, t],\n )\n\n const getIndicatorProps: RequiredPropGetter<\"div\", { index: number }> =\n useCallback(\n ({ index, ...props }) => ({\n \"data-selected\": dataAttr(index < value),\n ...props,\n }),\n [value],\n )\n\n return { getIndicatorProps, getRootProps }\n}\n\nexport type UseStrengthMeterReturn = ReturnType<typeof useStrengthMeter>\n"],"mappings":";;;;;;;;;AAoBA,MAAa,mBAAmB,CAAC,EAC/B,MAAM,GACN,MACA,GAAG,MACmB,KAAK;CAC3B,MAAM,EAAE,GAAG,GAAG,sDAAQ,gBAAgB;CAEtC,MAAMA,eAA2B,uBAC/B,CAAC,WAAW;EACV,cAAc,EAAE,0BAA0B;EAC1C,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,MAAM;EACN,GAAG;EACH,GAAG;CACJ,IACD;EAAC;EAAK;EAAM;EAAO;CAAE,EACtB;CAED,MAAMC,oBACJ,uBACE,CAAC,EAAE,MAAO,GAAG,OAAO,MAAM;EACxB,iBAAiB,~~gDAAS~~,QAAQ,MAAM;EACxC,GAAG;CACJ,IACD,CAAC,KAAM,EACR;AAEH,QAAO;EAAE;EAAmB;CAAc;AAC3C"}
1	+ {"version":3,"file":"use-strength-meter.cjs","names":["getRootProps: PropGetter","getIndicatorProps: RequiredPropGetter<\"div\", { index: number }>"],"sources":["../../../../src/components/password-input/use-strength-meter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter, RequiredPropGetter } from \"../../core\"\nimport { useCallback } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { dataAttr } from \"../../utils\"\n\nexport interface UseStrengthMeterProps extends HTMLProps {\n /*\n The value of the password strength meter.\n /\n value: number\n /\n The maximum value of the password strength meter.\n \n @default 4\n */\n max?: number\n}\n\nexport const useStrengthMeter = ({\n max = 4,\n value,\n ...rest\n}: UseStrengthMeterProps) => {\n const { t } = useI18n(\"passwordInput\")\n\n const getRootProps: PropGetter = useCallback(\n (props) => ({\n \"aria-label\": t(\"Password strength meter\"),\n \"aria-valuemax\": max,\n \"aria-valuemin\": 0,\n \"aria-valuenow\": value,\n role: \"meter\",\n ...rest,\n ...props,\n }),\n [max, rest, value, t],\n )\n\n const getIndicatorProps: RequiredPropGetter<\"div\", { index: number }> =\n useCallback(\n ({ index, ...props }) => ({\n \"data-selected\": dataAttr(index < value),\n ...props,\n }),\n [value],\n )\n\n return { getIndicatorProps, getRootProps }\n}\n\nexport type UseStrengthMeterReturn = ReturnType<typeof useStrengthMeter>\n"],"mappings":";;;;;;;;;AAoBA,MAAa,mBAAmB,CAAC,EAC/B,MAAM,GACN,MACA,GAAG,MACmB,KAAK;CAC3B,MAAM,EAAE,GAAG,GAAG,sDAAQ,gBAAgB;CAEtC,MAAMA,eAA2B,uBAC/B,CAAC,WAAW;EACV,cAAc,EAAE,0BAA0B;EAC1C,iBAAiB;EACjB,iBAAiB;EACjB,iBAAiB;EACjB,MAAM;EACN,GAAG;EACH,GAAG;CACJ,IACD;EAAC;EAAK;EAAM;EAAO;CAAE,EACtB;CAED,MAAMC,oBACJ,uBACE,CAAC,EAAE,MAAO,GAAG,OAAO,MAAM;EACxB,iBAAiB,kCAAS,QAAQ,MAAM;EACxC,GAAG;CACJ,IACD,CAAC,KAAM,EACR;AAEH,QAAO;EAAE;EAAmB;CAAc;AAC3C"}

package/dist/cjs/components/picture/picture.cjs CHANGED Viewed

@@ -1,5 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const require_core_system_system_provider = require('../../core/system/system-provider.cjs');
 const require_core_system_theme_provider = require('../../core/system/theme-provider.cjs');
 const require_core_system_factory = require('../../core/system/factory.cjs');
@@ -30,15 +31,15 @@ const Picture = ({ children, enableSorting = true, sources: sourcesProp = [], pi
 	const searchValue = identifier === "@media screen" ? "@media screen and " : `${identifier} `;
 	const compareSources = (0, react.useCallback)((a, b) => {
 		const k = direction === "down" ? "maxW" : "minW";
-		if ((0, require_utils_index.utils_exports.isUndefined)(a[k]) && !(0, require_utils_index.utils_exports.isUndefined)(b[k])) return -1;
-		if (!(0, require_utils_index.utils_exports.isUndefined)(a[k]) && (0, require_utils_index.utils_exports.isUndefined)(b[k])) return 1;
+		if (require_utils_common_assertion.isUndefined(a[k]) && !require_utils_common_assertion.isUndefined(b[k])) return -1;
+		if (!require_utils_common_assertion.isUndefined(a[k]) && require_utils_common_assertion.isUndefined(b[k])) return 1;
 		return direction === "down" ? Number(a.maxW) - Number(b.maxW) : Number(b.minW) - Number(a.minW);
 	}, [direction]);
 	const sources = (0, react.useMemo)(() => {
 		const computedSources = sourcesProp.map(({ maxW, media, minW,...rest$1 }) => {
 			if (!media) {
-				if (minW) minW = (0, require_utils_index.utils_exports.getPx)(require_hooks_use_token_index.getToken("sizes", minW)(theme) ?? minW);
-				if (maxW) maxW = (0, require_utils_index.utils_exports.getPx)(require_hooks_use_token_index.getToken("sizes", maxW)(theme) ?? maxW);
+				if (minW) minW = require_utils_common_dom.getPx(require_hooks_use_token_index.getToken("sizes", minW)(theme) ?? minW);
+				if (maxW) maxW = require_utils_common_dom.getPx(require_hooks_use_token_index.getToken("sizes", maxW)(theme) ?? maxW);
 				media = createQuery(minW, maxW);
 				return {
 					...rest$1,

package/dist/cjs/components/picture/picture.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"picture.cjs","names":["minW: number \| string \| undefined","maxW: number \| string \| undefined","Picture: FC<PictureProps>","a: PictureSource","b: PictureSource","rest","styled","Image","Source: FC<SourceProps>"],"sources":["../../../../src/components/picture/picture.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type { HTMLStyledProps, ThemeTokens } from \"../../core\"\nimport type { AnyString } from \"../../utils\"\nimport type { ImageProps } from \"../image\"\nimport { useCallback, useMemo } from \"react\"\nimport { styled, useSystem, useTheme } from \"../../core\"\nimport { getToken } from \"../../hooks/use-token\"\nimport { getPx, isUndefined } from \"../../utils\"\nimport { Image } from \"../image\"\n\nconst createQuery = (\n minW: number \| string \| undefined,\n maxW: number \| string \| undefined,\n) => {\n let media = \"\"\n\n if (minW) {\n media = `(min-width: ${minW}px)`\n\n if (maxW) media += ` and (max-width: ${maxW}px)`\n } else {\n media = `(max-width: ${maxW}px)`\n }\n\n return media\n}\n\nexport interface PictureSource extends SourceProps {\n /*\n The source set for the source element.\n /\n srcSet?: string\n /\n The maximum width for the source.\n \n If media is set, media takes precedence.\n /\n maxW?: AnyString \| number \| ThemeTokens[\"sizes\"]\n /\n The minimum width for the source.\n \n If media is set, media takes precedence.\n /\n minW?: AnyString \| number \| ThemeTokens[\"sizes\"]\n}\n\nexport interface PictureProps extends ImageProps {\n /\n If `true`, the sources will be sorted by the `minW` and `maxW` properties.\n \n @default true\n /\n enableSorting?: boolean\n /\n The sources for the picture element.\n /\n sources?: PictureSource[]\n /\n The props for the picture element.\n /\n pictureProps?: HTMLStyledProps<\"picture\">\n}\n\n/\n `Picture` is a component that uses the `picture` element to provide alternative images for different display or device scenarios.\n \n @see https://yamada-ui.com/components/picture\n /\nexport const Picture: FC<PictureProps> = ({\n children,\n enableSorting = true,\n sources: sourcesProp = [],\n pictureProps,\n ...rest\n}) => {\n const { breakpoints, config } = useSystem()\n const { theme } = useTheme()\n const { queriesObj } = breakpoints\n const { direction = \"down\", identifier = \"@media screen\" } =\n config.breakpoint ?? {}\n const searchValue =\n identifier === \"@media screen\" ? \"@media screen and \" : `${identifier} `\n\n const compareSources = useCallback(\n (a: PictureSource, b: PictureSource) => {\n const k = direction === \"down\" ? \"maxW\" : \"minW\"\n\n if (isUndefined(a[k]) && !isUndefined(b[k])) return -1\n\n if (!isUndefined(a[k]) && isUndefined(b[k])) return 1\n\n return direction === \"down\"\n ? Number(a.maxW) - Number(b.maxW)\n : Number(b.minW) - Number(a.minW)\n },\n [direction],\n )\n\n const sources = useMemo(() => {\n const computedSources = sourcesProp.map(\n ({ maxW, media, minW, ...rest }) => {\n if (!media) {\n if (minW)\n minW = getPx(\n getToken(\"sizes\", minW as ThemeTokens[\"sizes\"])(theme) ?? minW,\n )\n if (maxW)\n maxW = getPx(\n getToken(\"sizes\", maxW as ThemeTokens[\"sizes\"])(theme) ?? maxW,\n )\n\n media = createQuery(minW, maxW)\n\n return { ...rest, maxW, media, minW }\n } else {\n const { maxW, minW, query } = queriesObj[media] ?? {}\n\n if (query) media = query.replace(searchValue, \"\")\n\n return { ...rest, maxW, media, minW }\n }\n },\n )\n\n if (enableSorting) {\n return computedSources.sort(compareSources)\n } else {\n return computedSources\n }\n }, [\n queriesObj,\n searchValue,\n sourcesProp,\n compareSources,\n enableSorting,\n theme,\n ])\n\n const sourceElements = useMemo(\n () =>\n sources.map(({ maxW: _maxW, minW: _minW, ...rest }, index) => (\n <styled.source key={index} {...rest} />\n )),\n [sources],\n )\n\n return (\n <styled.picture {...pictureProps}>\n {children ?? (\n <>\n {sourceElements}\n\n <Image {...rest} />\n </>\n )}\n </styled.picture>\n )\n}\n\nexport interface SourceProps extends HTMLStyledProps<\"source\"> {\n /\n The media query for the source.\n */\n media?: AnyString \| ThemeTokens[\"breakpoints\"]\n}\n\nexport const Source: FC<SourceProps> = ({ media, ...rest }) => {\n const { breakpoints, config } = useSystem()\n const { queriesObj } = breakpoints\n const { identifier = \"@media screen\" } = config.breakpoint ?? {}\n const searchValue =\n identifier === \"@media screen\" ? \"@media screen and \" : `${identifier} `\n\n const { query } = media ? (queriesObj[media] ?? {}) : {}\n\n if (query) media = query.replace(searchValue, \"\")\n\n return <styled.source media={media} {...rest} />\n}\n"],"mappings":"~~;;;;;;;;;;;~~AAUA,MAAM,cAAc,CAClBA,MACAC,SACG;CACH,IAAI,QAAQ;AAEZ,KAAI,MAAM;AACR,WAAS,cAAc,KAAK;AAE5B,MAAI,KAAM,WAAU,mBAAmB,KAAK;CAC7C,MACC,UAAS,cAAc,KAAK;AAG9B,QAAO;AACR;;;;;;AA2CD,MAAaC,UAA4B,CAAC,EACxC,UACA,gBAAgB,MAChB,SAAS,cAAc,CAAE,GACzB,aACA,GAAG,MACJ,KAAK;CACJ,MAAM,EAAE,aAAa,QAAQ,GAAG,+CAAW;CAC3C,MAAM,EAAE,OAAO,GAAG,6CAAU;CAC5B,MAAM,EAAE,YAAY,GAAG;CACvB,MAAM,EAAE,YAAY,QAAQ,aAAa,iBAAiB,GACxD,OAAO,cAAc,CAAE;CACzB,MAAM,cACJ,eAAe,kBAAkB,0BAA0B,WAAW;CAExE,MAAM,iBAAiB,uBACrB,CAACC,GAAkBC,MAAqB;EACtC,MAAM,IAAI,cAAc,SAAS,SAAS;AAE1C,MAAI,~~mDAAY~~,EAAE,GAAG,KAAK,~~mDAAY~~,EAAE,GAAG,CAAE,QAAO;AAEpD,OAAK,~~mDAAY~~,EAAE,GAAG,IAAI,~~mDAAY~~,EAAE,GAAG,CAAE,QAAO;AAEpD,SAAO,cAAc,SACjB,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,KAAK,GAC/B,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,KAAK;CACpC,GACD,CAAC,SAAU,EACZ;CAED,MAAM,UAAU,mBAAQ,MAAM;EAC5B,MAAM,kBAAkB,YAAY,IAClC,CAAC,EAAE,MAAM,OAAO,KAAM,GAAGC,QAAM,KAAK;AAClC,QAAK,OAAO;AACV,QAAI,KACF,QAAO,~~6CACL,~~uCAAS,SAAS,KAA6B,CAAC,MAAM,IAAI,KAC3D;AACH,QAAI,KACF,QAAO,~~6CACL,~~uCAAS,SAAS,KAA6B,CAAC,MAAM,IAAI,KAC3D;AAEH,YAAQ,YAAY,MAAM,KAAK;AAE/B,WAAO;KAAE,GAAGA;KAAM;KAAM;KAAO;IAAM;GACtC,OAAM;IACL,MAAM,EAAE,cAAM,cAAM,OAAO,GAAG,WAAW,UAAU,CAAE;AAErD,QAAI,MAAO,SAAQ,MAAM,QAAQ,aAAa,GAAG;AAEjD,WAAO;KAAE,GAAGA;KAAM;KAAM;KAAO;IAAM;GACtC;EACF,EACF;AAED,MAAI,cACF,QAAO,gBAAgB,KAAK,eAAe;MAE3C,QAAO;CAEV,GAAE;EACD;EACA;EACA;EACA;EACA;EACA;CACD,EAAC;CAEF,MAAM,iBAAiB,mBACrB,MACE,QAAQ,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,MAAO,GAAGA,QAAM,EAAE,0BAClD,2BAACC,mCAAO,UAAmB,GAAID,UAAX,MAAmB,CACvC,EACJ,CAAC,OAAQ,EACV;AAED,wBACE,2BAACC,mCAAO;EAAQ,GAAI;YACjB,4BACC,qEACG,gCAED,2BAACC,wCAAM,GAAI,OAAQ,IAClB;GAEU;AAEpB;AASD,MAAaC,SAA0B,CAAC,EAAE,MAAO,GAAG,MAAM,KAAK;CAC7D,MAAM,EAAE,aAAa,QAAQ,GAAG,+CAAW;CAC3C,MAAM,EAAE,YAAY,GAAG;CACvB,MAAM,EAAE,aAAa,iBAAiB,GAAG,OAAO,cAAc,CAAE;CAChE,MAAM,cACJ,eAAe,kBAAkB,0BAA0B,WAAW;CAExE,MAAM,EAAE,OAAO,GAAG,QAAS,WAAW,UAAU,CAAE,IAAI,CAAE;AAExD,KAAI,MAAO,SAAQ,MAAM,QAAQ,aAAa,GAAG;AAEjD,wBAAO,2BAACF,mCAAO;EAAc;EAAO,GAAI;GAAQ;AACjD"}
1	+ {"version":3,"file":"picture.cjs","names":["minW: number \| string \| undefined","maxW: number \| string \| undefined","Picture: FC<PictureProps>","a: PictureSource","b: PictureSource","rest","styled","Image","Source: FC<SourceProps>"],"sources":["../../../../src/components/picture/picture.tsx"],"sourcesContent":["import type { FC } from \"react\"\nimport type { HTMLStyledProps, ThemeTokens } from \"../../core\"\nimport type { AnyString } from \"../../utils\"\nimport type { ImageProps } from \"../image\"\nimport { useCallback, useMemo } from \"react\"\nimport { styled, useSystem, useTheme } from \"../../core\"\nimport { getToken } from \"../../hooks/use-token\"\nimport { getPx, isUndefined } from \"../../utils\"\nimport { Image } from \"../image\"\n\nconst createQuery = (\n minW: number \| string \| undefined,\n maxW: number \| string \| undefined,\n) => {\n let media = \"\"\n\n if (minW) {\n media = `(min-width: ${minW}px)`\n\n if (maxW) media += ` and (max-width: ${maxW}px)`\n } else {\n media = `(max-width: ${maxW}px)`\n }\n\n return media\n}\n\nexport interface PictureSource extends SourceProps {\n /*\n The source set for the source element.\n /\n srcSet?: string\n /\n The maximum width for the source.\n \n If media is set, media takes precedence.\n /\n maxW?: AnyString \| number \| ThemeTokens[\"sizes\"]\n /\n The minimum width for the source.\n \n If media is set, media takes precedence.\n /\n minW?: AnyString \| number \| ThemeTokens[\"sizes\"]\n}\n\nexport interface PictureProps extends ImageProps {\n /\n If `true`, the sources will be sorted by the `minW` and `maxW` properties.\n \n @default true\n /\n enableSorting?: boolean\n /\n The sources for the picture element.\n /\n sources?: PictureSource[]\n /\n The props for the picture element.\n /\n pictureProps?: HTMLStyledProps<\"picture\">\n}\n\n/\n `Picture` is a component that uses the `picture` element to provide alternative images for different display or device scenarios.\n \n @see https://yamada-ui.com/components/picture\n /\nexport const Picture: FC<PictureProps> = ({\n children,\n enableSorting = true,\n sources: sourcesProp = [],\n pictureProps,\n ...rest\n}) => {\n const { breakpoints, config } = useSystem()\n const { theme } = useTheme()\n const { queriesObj } = breakpoints\n const { direction = \"down\", identifier = \"@media screen\" } =\n config.breakpoint ?? {}\n const searchValue =\n identifier === \"@media screen\" ? \"@media screen and \" : `${identifier} `\n\n const compareSources = useCallback(\n (a: PictureSource, b: PictureSource) => {\n const k = direction === \"down\" ? \"maxW\" : \"minW\"\n\n if (isUndefined(a[k]) && !isUndefined(b[k])) return -1\n\n if (!isUndefined(a[k]) && isUndefined(b[k])) return 1\n\n return direction === \"down\"\n ? Number(a.maxW) - Number(b.maxW)\n : Number(b.minW) - Number(a.minW)\n },\n [direction],\n )\n\n const sources = useMemo(() => {\n const computedSources = sourcesProp.map(\n ({ maxW, media, minW, ...rest }) => {\n if (!media) {\n if (minW)\n minW = getPx(\n getToken(\"sizes\", minW as ThemeTokens[\"sizes\"])(theme) ?? minW,\n )\n if (maxW)\n maxW = getPx(\n getToken(\"sizes\", maxW as ThemeTokens[\"sizes\"])(theme) ?? maxW,\n )\n\n media = createQuery(minW, maxW)\n\n return { ...rest, maxW, media, minW }\n } else {\n const { maxW, minW, query } = queriesObj[media] ?? {}\n\n if (query) media = query.replace(searchValue, \"\")\n\n return { ...rest, maxW, media, minW }\n }\n },\n )\n\n if (enableSorting) {\n return computedSources.sort(compareSources)\n } else {\n return computedSources\n }\n }, [\n queriesObj,\n searchValue,\n sourcesProp,\n compareSources,\n enableSorting,\n theme,\n ])\n\n const sourceElements = useMemo(\n () =>\n sources.map(({ maxW: _maxW, minW: _minW, ...rest }, index) => (\n <styled.source key={index} {...rest} />\n )),\n [sources],\n )\n\n return (\n <styled.picture {...pictureProps}>\n {children ?? (\n <>\n {sourceElements}\n\n <Image {...rest} />\n </>\n )}\n </styled.picture>\n )\n}\n\nexport interface SourceProps extends HTMLStyledProps<\"source\"> {\n /\n The media query for the source.\n */\n media?: AnyString \| ThemeTokens[\"breakpoints\"]\n}\n\nexport const Source: FC<SourceProps> = ({ media, ...rest }) => {\n const { breakpoints, config } = useSystem()\n const { queriesObj } = breakpoints\n const { identifier = \"@media screen\" } = config.breakpoint ?? {}\n const searchValue =\n identifier === \"@media screen\" ? \"@media screen and \" : `${identifier} `\n\n const { query } = media ? (queriesObj[media] ?? {}) : {}\n\n if (query) media = query.replace(searchValue, \"\")\n\n return <styled.source media={media} {...rest} />\n}\n"],"mappings":";;;;;;;;;;;;AAUA,MAAM,cAAc,CAClBA,MACAC,SACG;CACH,IAAI,QAAQ;AAEZ,KAAI,MAAM;AACR,WAAS,cAAc,KAAK;AAE5B,MAAI,KAAM,WAAU,mBAAmB,KAAK;CAC7C,MACC,UAAS,cAAc,KAAK;AAG9B,QAAO;AACR;;;;;;AA2CD,MAAaC,UAA4B,CAAC,EACxC,UACA,gBAAgB,MAChB,SAAS,cAAc,CAAE,GACzB,aACA,GAAG,MACJ,KAAK;CACJ,MAAM,EAAE,aAAa,QAAQ,GAAG,+CAAW;CAC3C,MAAM,EAAE,OAAO,GAAG,6CAAU;CAC5B,MAAM,EAAE,YAAY,GAAG;CACvB,MAAM,EAAE,YAAY,QAAQ,aAAa,iBAAiB,GACxD,OAAO,cAAc,CAAE;CACzB,MAAM,cACJ,eAAe,kBAAkB,0BAA0B,WAAW;CAExE,MAAM,iBAAiB,uBACrB,CAACC,GAAkBC,MAAqB;EACtC,MAAM,IAAI,cAAc,SAAS,SAAS;AAE1C,MAAI,2CAAY,EAAE,GAAG,KAAK,2CAAY,EAAE,GAAG,CAAE,QAAO;AAEpD,OAAK,2CAAY,EAAE,GAAG,IAAI,2CAAY,EAAE,GAAG,CAAE,QAAO;AAEpD,SAAO,cAAc,SACjB,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,KAAK,GAC/B,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,KAAK;CACpC,GACD,CAAC,SAAU,EACZ;CAED,MAAM,UAAU,mBAAQ,MAAM;EAC5B,MAAM,kBAAkB,YAAY,IAClC,CAAC,EAAE,MAAM,OAAO,KAAM,GAAGC,QAAM,KAAK;AAClC,QAAK,OAAO;AACV,QAAI,KACF,QAAO,+BACL,uCAAS,SAAS,KAA6B,CAAC,MAAM,IAAI,KAC3D;AACH,QAAI,KACF,QAAO,+BACL,uCAAS,SAAS,KAA6B,CAAC,MAAM,IAAI,KAC3D;AAEH,YAAQ,YAAY,MAAM,KAAK;AAE/B,WAAO;KAAE,GAAGA;KAAM;KAAM;KAAO;IAAM;GACtC,OAAM;IACL,MAAM,EAAE,cAAM,cAAM,OAAO,GAAG,WAAW,UAAU,CAAE;AAErD,QAAI,MAAO,SAAQ,MAAM,QAAQ,aAAa,GAAG;AAEjD,WAAO;KAAE,GAAGA;KAAM;KAAM;KAAO;IAAM;GACtC;EACF,EACF;AAED,MAAI,cACF,QAAO,gBAAgB,KAAK,eAAe;MAE3C,QAAO;CAEV,GAAE;EACD;EACA;EACA;EACA;EACA;EACA;CACD,EAAC;CAEF,MAAM,iBAAiB,mBACrB,MACE,QAAQ,IAAI,CAAC,EAAE,MAAM,OAAO,MAAM,MAAO,GAAGA,QAAM,EAAE,0BAClD,2BAACC,mCAAO,UAAmB,GAAID,UAAX,MAAmB,CACvC,EACJ,CAAC,OAAQ,EACV;AAED,wBACE,2BAACC,mCAAO;EAAQ,GAAI;YACjB,4BACC,qEACG,gCAED,2BAACC,wCAAM,GAAI,OAAQ,IAClB;GAEU;AAEpB;AASD,MAAaC,SAA0B,CAAC,EAAE,MAAO,GAAG,MAAM,KAAK;CAC7D,MAAM,EAAE,aAAa,QAAQ,GAAG,+CAAW;CAC3C,MAAM,EAAE,YAAY,GAAG;CACvB,MAAM,EAAE,aAAa,iBAAiB,GAAG,OAAO,cAAc,CAAE;CAChE,MAAM,cACJ,eAAe,kBAAkB,0BAA0B,WAAW;CAExE,MAAM,EAAE,OAAO,GAAG,QAAS,WAAW,UAAU,CAAE,IAAI,CAAE;AAExD,KAAI,MAAO,SAAQ,MAAM,QAAQ,aAAa,GAAG;AAEjD,wBAAO,2BAACF,mCAAO;EAAc;EAAO,GAAI;GAAQ;AACjD"}

package/dist/cjs/components/pin-input/use-pin-input.cjs CHANGED Viewed

@@ -3,7 +3,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_dom = require('../../utils/dom.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
+const require_utils_common_object = require('../../utils/common/object.cjs');
 const require_hooks_use_controllable_state_index = require('../../hooks/use-controllable-state/index.cjs');
 const require_hooks_use_descendant_index = require('../../hooks/use-descendant/index.cjs');
 const require_components_field_use_field_props = require('../field/use-field-props.cjs');
@@ -151,12 +152,12 @@ const usePinInput = (props = {}) => {
 		placeholder: focusedIndex === index && !readOnly && !props$1.readOnly ? "" : placeholder,
 		readOnly,
 		value: values[index] || "",
-		...(0, require_utils_index.utils_exports.filterUndefined)(props$1),
+		...require_utils_common_object.filterUndefined(props$1),
 		id: `${id}${index ? `-${index}` : ""}`,
-		onBlur: (0, require_utils_index.utils_exports.handlerAll)(eventProps.onBlur, props$1.onBlur, onBlur),
-		onChange: (0, require_utils_index.utils_exports.handlerAll)(props$1.onChange, onChange(index)),
-		onFocus: (0, require_utils_index.utils_exports.handlerAll)(eventProps.onFocus, props$1.onFocus, onFocus(index)),
-		onKeyDown: (0, require_utils_index.utils_exports.handlerAll)(props$1.onKeyDown, onKeyDown(index))
+		onBlur: require_utils_common_function.handlerAll(eventProps.onBlur, props$1.onBlur, onBlur),
+		onChange: require_utils_common_function.handlerAll(props$1.onChange, onChange(index)),
+		onFocus: require_utils_common_function.handlerAll(eventProps.onFocus, props$1.onFocus, onFocus(index)),
+		onKeyDown: require_utils_common_function.handlerAll(props$1.onKeyDown, onKeyDown(index))
 	}), [
 		ariaProps,
 		dataProps,

package/dist/cjs/components/pin-input/use-pin-input.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-pin-input.cjs","names":["value?: string","value: string","type: UsePinInputProps[\"type\"]","props: UsePinInputProps","values","index: number","direction: \"next\" \| \"prev\"","value","value: string \| undefined","eventValue: string","nextValue","index","ev: KeyboardEvent<HTMLInputElement>","ev","getRootProps: PropGetter","props","getInputProps: RequiredPropGetter<\"input\", { index: number }>"],"sources":["../../../../src/components/pin-input/use-pin-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter, RequiredPropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useEffect, useId, useState } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendant } from \"../../hooks/use-descendant\"\nimport { filterUndefined, handlerAll, runKeyAction } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport const {\n DescendantsContext: PinInputDescendantsContext,\n useDescendant: usePinInputDescendant,\n useDescendants: usePinInputDescendants,\n} = createDescendant<HTMLInputElement>()\n\nconst toArray = (value?: string) => value?.split(\"\")\n\nconst validate = (value: string, type: UsePinInputProps[\"type\"]) => {\n const NUMERIC_REGEX = /^[0-9]+$/\n const ALPHA_NUMERIC_REGEX = /^[a-zA-Z0-9]+$/i\n\n const regex = type === \"alphanumeric\" ? ALPHA_NUMERIC_REGEX : NUMERIC_REGEX\n\n return regex.test(value)\n}\n\nexport interface UsePinInputProps\n extends Omit<HTMLProps, \"defaultValue\" \| \"mask\" \| \"onChange\" \| \"value\">,\n FieldProps {\n /*\n The top-level id string that will be applied to the input fields.\n * The index of the input will be appended to this top-level id.\n /\n id?: string\n /\n The type of values the pin-input should allow.\n \n @default 'number'\n /\n type?: \"alphanumeric\" \| \"number\"\n /\n If `true`, the pin input receives focus on mount.\n \n @default false\n /\n autoFocus?: boolean\n /\n The initial value of the pin input.\n /\n defaultValue?: string\n /\n The number of inputs to display.\n \n @default 4\n /\n items?: number\n /\n If `true`, focus will move automatically to the next input once filled.\n \n @default true\n /\n manageFocus?: boolean\n /\n If `true`, the input's value will be masked just like `type=password`.\n /\n mask?: boolean\n /\n If `true`, the pin input component signals to its fields that they should.\n /\n otp?: boolean\n /\n The placeholder for the pin input.\n \n @default '○'\n /\n placeholder?: string\n /\n The value of the pin input.\n /\n value?: string\n /\n Function called on input change.\n /\n onChange?: (value: string) => void\n /\n Function called when all inputs have valid values.\n */\n onComplete?: (value: string) => void\n}\n\nexport const usePinInput = (props: UsePinInputProps = {}) => {\n const uuid = useId()\n const {\n props: {\n id = uuid,\n type = \"number\",\n autoFocus,\n defaultValue,\n disabled,\n manageFocus = true,\n mask,\n otp = false,\n placeholder = \"○\",\n readOnly,\n value,\n onChange: onChangeProp,\n onComplete,\n ...rest\n },\n ariaProps,\n dataProps,\n eventProps,\n } = useFieldProps(props)\n const descendants = usePinInputDescendants()\n const [moveFocus, setMoveFocus] = useState<boolean>(true)\n const [focusedIndex, setFocusedIndex] = useState<number>(-1)\n const [values, setValues] = useControllableState<string[]>({\n defaultValue: toArray(defaultValue) \|\| [],\n value: toArray(value),\n onChange: (values) => onChangeProp?.(values.join(\"\")),\n })\n\n const focusNext = useCallback(\n (index: number) => {\n if (!moveFocus \|\| !manageFocus) return\n\n const next = descendants.nextValue(index, undefined, false)\n\n if (!next) return\n\n requestAnimationFrame(() => next.node.focus())\n },\n [descendants, moveFocus, manageFocus],\n )\n\n const focusInputField = useCallback(\n (direction: \"next\" \| \"prev\", index: number) => {\n const input =\n direction === \"next\"\n ? descendants.nextValue(index, undefined, false)\n : descendants.prevValue(index, undefined, false)\n\n if (!input) return\n\n const valueLength = input.node.value.length\n\n requestAnimationFrame(() => {\n input.node.focus()\n input.node.setSelectionRange(0, valueLength)\n })\n },\n [descendants],\n )\n\n const setValue = useCallback(\n (value: string, index: number, focus = true) => {\n let nextValues = [...values]\n\n nextValues[index] = value\n\n setValues(nextValues)\n\n nextValues = nextValues.filter(Boolean)\n\n const complete = value !== \"\" && nextValues.length === descendants.count()\n\n if (complete) {\n onComplete?.(nextValues.join(\"\"))\n descendants.value(index)?.node.blur()\n } else if (focus) {\n focusNext(index)\n }\n },\n [values, setValues, descendants, onComplete, focusNext],\n )\n\n const getNextValue = useCallback(\n (value: string \| undefined, eventValue: string) => {\n let nextValue = eventValue\n\n if (!value?.length) return nextValue\n\n if (value.startsWith(eventValue.charAt(0))) {\n nextValue = eventValue.charAt(1)\n } else if (value.startsWith(eventValue.charAt(1))) {\n nextValue = eventValue.charAt(0)\n }\n\n return nextValue\n },\n [],\n )\n\n const onChange = useCallback(\n (index: number) =>\n ({ target }: ChangeEvent<HTMLInputElement>) => {\n const eventValue = target.value\n const currentValue = values[index]\n const nextValue = getNextValue(currentValue, eventValue)\n\n if (nextValue === \"\") {\n setValue(\"\", index)\n\n return\n }\n\n if (eventValue.length > 2) {\n if (!validate(eventValue, type)) return\n\n const nextValue = eventValue\n .split(\"\")\n .filter((_, index) => index < descendants.count())\n\n setValues(nextValue)\n\n if (nextValue.length === descendants.count()) {\n onComplete?.(nextValue.join(\"\"))\n descendants.value(index)?.node.blur()\n }\n } else {\n if (validate(nextValue, type)) setValue(nextValue, index)\n\n setMoveFocus(true)\n }\n },\n [descendants, getNextValue, onComplete, setValue, setValues, type, values],\n )\n\n const onKeyDown = useCallback(\n (index: number) => (ev: KeyboardEvent<HTMLInputElement>) => {\n if (!manageFocus) return\n\n runKeyAction(\n ev,\n {\n ArrowLeft: (ev) => {\n ev.preventDefault()\n focusInputField(\"prev\", index)\n },\n ArrowRight: (ev) => {\n ev.preventDefault()\n focusInputField(\"next\", index)\n },\n Backspace: (ev) => {\n if ((ev.target as HTMLInputElement).value === \"\") {\n const prevInput = descendants.prevValue(index, undefined, false)\n\n if (!prevInput) return\n\n setValue(\"\", index - 1, false)\n prevInput.node.focus()\n setMoveFocus(true)\n } else {\n setMoveFocus(false)\n }\n },\n },\n { preventDefault: false },\n )\n },\n [descendants, focusInputField, manageFocus, setValue],\n )\n\n const onFocus = useCallback(\n (index: number) => () => setFocusedIndex(index),\n [],\n )\n\n const onBlur = useCallback(() => setFocusedIndex(-1), [])\n\n useEffect(() => {\n if (!autoFocus) return\n\n const firstValue = descendants.firstValue()\n\n if (!firstValue) return\n\n requestAnimationFrame(() => firstValue.node.focus())\n }, [autoFocus, descendants])\n\n const getRootProps: PropGetter = useCallback(\n (props) => ({\n role: \"group\",\n ...rest,\n ...props,\n }),\n [rest],\n )\n\n const getInputProps: RequiredPropGetter<\"input\", { index: number }> =\n useCallback(\n ({ index, ...props }) => ({\n ...ariaProps,\n ...dataProps,\n type: mask ? \"password\" : type === \"number\" ? \"tel\" : \"text\",\n autoComplete: otp ? \"one-time-code\" : \"off\",\n disabled,\n inputMode: type === \"number\" ? \"numeric\" : \"text\",\n placeholder:\n focusedIndex === index && !readOnly && !props.readOnly\n ? \"\"\n : placeholder,\n readOnly,\n value: values[index] \|\| \"\",\n ...filterUndefined(props),\n id: `${id}${index ? `-${index}` : \"\"}`,\n onBlur: handlerAll(eventProps.onBlur, props.onBlur, onBlur),\n onChange: handlerAll(props.onChange, onChange(index)),\n onFocus: handlerAll(eventProps.onFocus, props.onFocus, onFocus(index)),\n onKeyDown: handlerAll(props.onKeyDown, onKeyDown(index)),\n }),\n [\n ariaProps,\n dataProps,\n eventProps,\n mask,\n type,\n disabled,\n readOnly,\n id,\n otp,\n focusedIndex,\n placeholder,\n values,\n onBlur,\n onChange,\n onFocus,\n onKeyDown,\n ],\n )\n\n return {\n descendants,\n getInputProps,\n getRootProps,\n }\n}\n\nexport type UsePinInputReturn = ReturnType<typeof usePinInput>\n"],"mappings":"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"}
1	+ {"version":3,"file":"use-pin-input.cjs","names":["value?: string","value: string","type: UsePinInputProps[\"type\"]","props: UsePinInputProps","values","index: number","direction: \"next\" \| \"prev\"","value","value: string \| undefined","eventValue: string","nextValue","index","ev: KeyboardEvent<HTMLInputElement>","ev","getRootProps: PropGetter","props","getInputProps: RequiredPropGetter<\"input\", { index: number }>"],"sources":["../../../../src/components/pin-input/use-pin-input.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent, KeyboardEvent } from \"react\"\nimport type { HTMLProps, PropGetter, RequiredPropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useEffect, useId, useState } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendant } from \"../../hooks/use-descendant\"\nimport { filterUndefined, handlerAll, runKeyAction } from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport const {\n DescendantsContext: PinInputDescendantsContext,\n useDescendant: usePinInputDescendant,\n useDescendants: usePinInputDescendants,\n} = createDescendant<HTMLInputElement>()\n\nconst toArray = (value?: string) => value?.split(\"\")\n\nconst validate = (value: string, type: UsePinInputProps[\"type\"]) => {\n const NUMERIC_REGEX = /^[0-9]+$/\n const ALPHA_NUMERIC_REGEX = /^[a-zA-Z0-9]+$/i\n\n const regex = type === \"alphanumeric\" ? ALPHA_NUMERIC_REGEX : NUMERIC_REGEX\n\n return regex.test(value)\n}\n\nexport interface UsePinInputProps\n extends Omit<HTMLProps, \"defaultValue\" \| \"mask\" \| \"onChange\" \| \"value\">,\n FieldProps {\n /*\n The top-level id string that will be applied to the input fields.\n * The index of the input will be appended to this top-level id.\n /\n id?: string\n /\n The type of values the pin-input should allow.\n \n @default 'number'\n /\n type?: \"alphanumeric\" \| \"number\"\n /\n If `true`, the pin input receives focus on mount.\n \n @default false\n /\n autoFocus?: boolean\n /\n The initial value of the pin input.\n /\n defaultValue?: string\n /\n The number of inputs to display.\n \n @default 4\n /\n items?: number\n /\n If `true`, focus will move automatically to the next input once filled.\n \n @default true\n /\n manageFocus?: boolean\n /\n If `true`, the input's value will be masked just like `type=password`.\n /\n mask?: boolean\n /\n If `true`, the pin input component signals to its fields that they should.\n /\n otp?: boolean\n /\n The placeholder for the pin input.\n \n @default '○'\n /\n placeholder?: string\n /\n The value of the pin input.\n /\n value?: string\n /\n Function called on input change.\n /\n onChange?: (value: string) => void\n /\n Function called when all inputs have valid values.\n */\n onComplete?: (value: string) => void\n}\n\nexport const usePinInput = (props: UsePinInputProps = {}) => {\n const uuid = useId()\n const {\n props: {\n id = uuid,\n type = \"number\",\n autoFocus,\n defaultValue,\n disabled,\n manageFocus = true,\n mask,\n otp = false,\n placeholder = \"○\",\n readOnly,\n value,\n onChange: onChangeProp,\n onComplete,\n ...rest\n },\n ariaProps,\n dataProps,\n eventProps,\n } = useFieldProps(props)\n const descendants = usePinInputDescendants()\n const [moveFocus, setMoveFocus] = useState<boolean>(true)\n const [focusedIndex, setFocusedIndex] = useState<number>(-1)\n const [values, setValues] = useControllableState<string[]>({\n defaultValue: toArray(defaultValue) \|\| [],\n value: toArray(value),\n onChange: (values) => onChangeProp?.(values.join(\"\")),\n })\n\n const focusNext = useCallback(\n (index: number) => {\n if (!moveFocus \|\| !manageFocus) return\n\n const next = descendants.nextValue(index, undefined, false)\n\n if (!next) return\n\n requestAnimationFrame(() => next.node.focus())\n },\n [descendants, moveFocus, manageFocus],\n )\n\n const focusInputField = useCallback(\n (direction: \"next\" \| \"prev\", index: number) => {\n const input =\n direction === \"next\"\n ? descendants.nextValue(index, undefined, false)\n : descendants.prevValue(index, undefined, false)\n\n if (!input) return\n\n const valueLength = input.node.value.length\n\n requestAnimationFrame(() => {\n input.node.focus()\n input.node.setSelectionRange(0, valueLength)\n })\n },\n [descendants],\n )\n\n const setValue = useCallback(\n (value: string, index: number, focus = true) => {\n let nextValues = [...values]\n\n nextValues[index] = value\n\n setValues(nextValues)\n\n nextValues = nextValues.filter(Boolean)\n\n const complete = value !== \"\" && nextValues.length === descendants.count()\n\n if (complete) {\n onComplete?.(nextValues.join(\"\"))\n descendants.value(index)?.node.blur()\n } else if (focus) {\n focusNext(index)\n }\n },\n [values, setValues, descendants, onComplete, focusNext],\n )\n\n const getNextValue = useCallback(\n (value: string \| undefined, eventValue: string) => {\n let nextValue = eventValue\n\n if (!value?.length) return nextValue\n\n if (value.startsWith(eventValue.charAt(0))) {\n nextValue = eventValue.charAt(1)\n } else if (value.startsWith(eventValue.charAt(1))) {\n nextValue = eventValue.charAt(0)\n }\n\n return nextValue\n },\n [],\n )\n\n const onChange = useCallback(\n (index: number) =>\n ({ target }: ChangeEvent<HTMLInputElement>) => {\n const eventValue = target.value\n const currentValue = values[index]\n const nextValue = getNextValue(currentValue, eventValue)\n\n if (nextValue === \"\") {\n setValue(\"\", index)\n\n return\n }\n\n if (eventValue.length > 2) {\n if (!validate(eventValue, type)) return\n\n const nextValue = eventValue\n .split(\"\")\n .filter((_, index) => index < descendants.count())\n\n setValues(nextValue)\n\n if (nextValue.length === descendants.count()) {\n onComplete?.(nextValue.join(\"\"))\n descendants.value(index)?.node.blur()\n }\n } else {\n if (validate(nextValue, type)) setValue(nextValue, index)\n\n setMoveFocus(true)\n }\n },\n [descendants, getNextValue, onComplete, setValue, setValues, type, values],\n )\n\n const onKeyDown = useCallback(\n (index: number) => (ev: KeyboardEvent<HTMLInputElement>) => {\n if (!manageFocus) return\n\n runKeyAction(\n ev,\n {\n ArrowLeft: (ev) => {\n ev.preventDefault()\n focusInputField(\"prev\", index)\n },\n ArrowRight: (ev) => {\n ev.preventDefault()\n focusInputField(\"next\", index)\n },\n Backspace: (ev) => {\n if ((ev.target as HTMLInputElement).value === \"\") {\n const prevInput = descendants.prevValue(index, undefined, false)\n\n if (!prevInput) return\n\n setValue(\"\", index - 1, false)\n prevInput.node.focus()\n setMoveFocus(true)\n } else {\n setMoveFocus(false)\n }\n },\n },\n { preventDefault: false },\n )\n },\n [descendants, focusInputField, manageFocus, setValue],\n )\n\n const onFocus = useCallback(\n (index: number) => () => setFocusedIndex(index),\n [],\n )\n\n const onBlur = useCallback(() => setFocusedIndex(-1), [])\n\n useEffect(() => {\n if (!autoFocus) return\n\n const firstValue = descendants.firstValue()\n\n if (!firstValue) return\n\n requestAnimationFrame(() => firstValue.node.focus())\n }, [autoFocus, descendants])\n\n const getRootProps: PropGetter = useCallback(\n (props) => ({\n role: \"group\",\n ...rest,\n ...props,\n }),\n [rest],\n )\n\n const getInputProps: RequiredPropGetter<\"input\", { index: number }> =\n useCallback(\n ({ index, ...props }) => ({\n ...ariaProps,\n ...dataProps,\n type: mask ? \"password\" : type === \"number\" ? \"tel\" : \"text\",\n autoComplete: otp ? \"one-time-code\" : \"off\",\n disabled,\n inputMode: type === \"number\" ? \"numeric\" : \"text\",\n placeholder:\n focusedIndex === index && !readOnly && !props.readOnly\n ? \"\"\n : placeholder,\n readOnly,\n value: values[index] \|\| \"\",\n ...filterUndefined(props),\n id: `${id}${index ? `-${index}` : \"\"}`,\n onBlur: handlerAll(eventProps.onBlur, props.onBlur, onBlur),\n onChange: handlerAll(props.onChange, onChange(index)),\n onFocus: handlerAll(eventProps.onFocus, props.onFocus, onFocus(index)),\n onKeyDown: handlerAll(props.onKeyDown, onKeyDown(index)),\n }),\n [\n ariaProps,\n dataProps,\n eventProps,\n mask,\n type,\n disabled,\n readOnly,\n id,\n otp,\n focusedIndex,\n placeholder,\n values,\n onBlur,\n onChange,\n onFocus,\n onKeyDown,\n ],\n )\n\n return {\n descendants,\n getInputProps,\n getRootProps,\n }\n}\n\nexport type UsePinInputReturn = ReturnType<typeof usePinInput>\n"],"mappings":"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"}

package/dist/cjs/components/popover/popover.cjs CHANGED Viewed

@@ -2,7 +2,8 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_components_motion_factory = require('../motion/factory.cjs');
 const require_components_portal_portal = require('../portal/portal.cjs');
@@ -108,7 +109,7 @@ const PopoverRoot = (props) => {
 		value: styleContext,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverContext, {
 			value: popoverContext,
-			children: (0, require_utils_index.utils_exports.runIfFn)(children, {
+			children: require_utils_common_function.runIfFn(children, {
 				open,
 				onClose,
 				onForceClose
@@ -134,7 +135,7 @@ const PopoverContent = withContext(({ portalProps,...rest }) => {
 		...portalProps,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverPositioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_motion_factory.motion.div, {
 			...getPopupAnimationProps(animationScheme, duration),
-			...(0, require_utils_index.utils_exports.cast)(getContentProps((0, require_utils_index.utils_exports.cast)(rest)))
+			...require_utils_common_assertion.cast(getContentProps(require_utils_common_assertion.cast(rest)))
 		}) })
 	}) : null });
 }, "content")();

package/dist/cjs/components/popover/popover.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popover.cjs","names":["animationScheme: PopupAnimationProps[\"animationScheme\"]","duration?: PopupAnimationProps[\"duration\"]","fadeScaleVariants","slideFadeVariants","popoverStyle","PopoverRoot: FC<PopoverRootProps>","AnimatePresence","Portal","motion"],"sources":["../../../../src/components/popover/popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type {\n HTMLProps,\n HTMLStyledProps,\n SimplePlacement,\n ThemeProps,\n} from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { HTMLMotionProps, MotionTransitionProps } from \"../motion\"\nimport type { PortalProps } from \"../portal\"\nimport type { PopoverStyle } from \"./popover.style\"\nimport type { UsePopoverProps, UsePopoverReturn } from \"./use-popover\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent } from \"../../core\"\nimport { cast, runIfFn } from \"../../utils\"\nimport { fadeScaleVariants } from \"../fade\"\nimport { motion } from \"../motion\"\nimport { Portal } from \"../portal\"\nimport { slideFadeVariants } from \"../slide\"\nimport { popoverStyle } from \"./popover.style\"\nimport { usePopover } from \"./use-popover\"\n\nexport interface PopupAnimationProps {\n /*\n The animation of the element.\n \n @default 'scale'\n /\n animationScheme?: \"none\" \| \"scale\" \| SimplePlacement\n /\n The animation duration.\n \n @default 0.2\n /\n duration?: MotionTransitionProps[\"duration\"]\n}\n\nexport const getPopupAnimationProps = (\n animationScheme: PopupAnimationProps[\"animationScheme\"] = \"scale\",\n duration?: PopupAnimationProps[\"duration\"],\n) => {\n const sharedProps = { animate: \"enter\", exit: \"exit\", initial: \"exit\" }\n\n switch (animationScheme) {\n case \"scale\":\n return {\n ...sharedProps,\n custom: { duration, reverse: true, scale: 0.95 },\n variants: fadeScaleVariants,\n }\n case \"block-start\":\n return {\n ...sharedProps,\n custom: { duration, offsetY: -16, reverse: true },\n variants: slideFadeVariants,\n }\n case \"inline-end\":\n return {\n ...sharedProps,\n custom: { duration, offsetX: 16, reverse: true },\n variants: slideFadeVariants,\n }\n case \"inline-start\":\n return {\n ...sharedProps,\n custom: { duration, offsetX: -16, reverse: true },\n variants: slideFadeVariants,\n }\n case \"block-end\":\n return {\n ...sharedProps,\n custom: { duration, offsetY: 16, reverse: true },\n variants: slideFadeVariants,\n }\n default:\n return {}\n }\n}\n\nexport interface PopoverContext\n extends Pick<\n UsePopoverReturn,\n \| \"getAnchorProps\"\n \| \"getBodyProps\"\n \| \"getContentProps\"\n \| \"getFooterProps\"\n \| \"getHeaderProps\"\n \| \"getPositionerProps\"\n \| \"getTriggerProps\"\n \| \"open\"\n >,\n PopupAnimationProps,\n Pick<PopoverRootProps, \"withCloseButton\"> {}\n\nexport interface PopoverRootProps\n extends UsePopoverProps,\n PopupAnimationProps,\n ThemeProps<PopoverStyle> {\n /\n The children of the popover.\n /\n children?: ReactNodeOrFunction<{\n open: boolean\n onClose: () => void\n onForceClose: () => void\n }>\n /\n The animation duration.\n \n @default 0.2\n /\n duration?: PopupAnimationProps[\"duration\"]\n /\n If `true`, display the popover close button.\n \n @default true\n /\n withCloseButton?: boolean\n}\n\nexport const {\n ComponentContext: PopoverContext,\n PropsContext: PopoverPropsContext,\n StyleContext,\n useComponentContext: usePopoverContext,\n usePropsContext: usePopoverPropsContext,\n withContext,\n useRootComponentProps,\n} = createSlotComponent<PopoverRootProps, PopoverStyle, PopoverContext>(\n \"popover\",\n popoverStyle,\n)\n\n/\n `Popover` is a component that floats around an element to display information.\n \n @see https://yamada-ui.com/components/popover\n /\nexport const PopoverRoot: FC<PopoverRootProps> = (props) => {\n const [\n styleContext,\n {\n animationScheme = \"scale\",\n children,\n duration = 0.1,\n withCloseButton = true,\n ...rest\n },\n ] = useRootComponentProps(props)\n const {\n open,\n getAnchorProps,\n getBodyProps,\n getContentProps,\n getFooterProps,\n getHeaderProps,\n getPositionerProps,\n getTriggerProps,\n onClose: onForceClose,\n onDelayClose: onClose,\n } = usePopover(rest)\n const popoverContext = useMemo(\n () => ({\n animationScheme,\n duration,\n open,\n withCloseButton,\n getAnchorProps,\n getBodyProps,\n getContentProps,\n getFooterProps,\n getHeaderProps,\n getPositionerProps,\n getTriggerProps,\n }),\n [\n withCloseButton,\n open,\n animationScheme,\n duration,\n getAnchorProps,\n getBodyProps,\n getContentProps,\n getFooterProps,\n getHeaderProps,\n getPositionerProps,\n getTriggerProps,\n ],\n )\n\n return (\n <StyleContext value={styleContext}>\n <PopoverContext value={popoverContext}>\n {runIfFn(children, { open, onClose, onForceClose })}\n </PopoverContext>\n </StyleContext>\n )\n}\n\nexport interface PopoverTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PopoverTrigger = withContext<\"button\", PopoverTriggerProps>(\n \"button\",\n \"trigger\",\n)({ asChild: true }, (props) => {\n const { getTriggerProps } = usePopoverContext()\n\n return getTriggerProps(props)\n})\n\nexport interface PopoverAnchorProps extends HTMLStyledProps {}\n\nexport const PopoverAnchor = withContext<\"div\", PopoverAnchorProps>(\n \"div\",\n \"anchor\",\n)({ asChild: true }, (props) => {\n const { getAnchorProps } = usePopoverContext()\n\n return getAnchorProps(props)\n})\n\ninterface PopoverPositionerProps extends HTMLStyledProps {}\n\nconst PopoverPositioner = withContext<\"div\", PopoverPositionerProps>(\n \"div\",\n \"positioner\",\n)(undefined, (props) => {\n const { getPositionerProps } = usePopoverContext()\n\n return getPositionerProps(props)\n})\n\nexport interface PopoverContentProps\n extends Omit<HTMLMotionProps, \"children\">,\n PropsWithChildren {\n /\n Props for portal component.\n */\n portalProps?: Omit<PortalProps, \"children\">\n}\n\nexport const PopoverContent = withContext<\"div\", PopoverContentProps>(\n ({ portalProps, ...rest }) => {\n const { animationScheme, duration, open, getContentProps } =\n usePopoverContext()\n\n return (\n <AnimatePresence>\n {open ? (\n <Portal {...portalProps}>\n <PopoverPositioner>\n <motion.div\n {...getPopupAnimationProps(animationScheme, duration)}\n {...cast<HTMLMotionProps>(\n getContentProps(cast<HTMLProps>(rest)),\n )}\n />\n </PopoverPositioner>\n </Portal>\n ) : null}\n </AnimatePresence>\n )\n },\n \"content\",\n)()\n\nexport interface PopoverHeaderProps extends HTMLStyledProps {}\n\nexport const PopoverHeader = withContext<\"div\", PopoverHeaderProps>(\n \"div\",\n \"header\",\n)(undefined, (props) => {\n const { getHeaderProps } = usePopoverContext()\n\n return getHeaderProps(props)\n})\n\nexport interface PopoverBodyProps extends HTMLStyledProps {}\n\nexport const PopoverBody = withContext<\"div\", PopoverBodyProps>(\"div\", \"body\")(\n undefined,\n (props) => {\n const { getBodyProps } = usePopoverContext()\n\n return getBodyProps(props)\n },\n)\n\nexport interface PopoverFooterProps extends HTMLStyledProps {}\n\nexport const PopoverFooter = withContext<\"div\", PopoverFooterProps>(\n \"div\",\n \"footer\",\n)(undefined, (props) => {\n const { getFooterProps } = usePopoverContext()\n\n return getFooterProps(props)\n})\n"],"mappings":"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"}
1	+ {"version":3,"file":"popover.cjs","names":["animationScheme: PopupAnimationProps[\"animationScheme\"]","duration?: PopupAnimationProps[\"duration\"]","fadeScaleVariants","slideFadeVariants","popoverStyle","PopoverRoot: FC<PopoverRootProps>","AnimatePresence","Portal","motion"],"sources":["../../../../src/components/popover/popover.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren } from \"react\"\nimport type {\n HTMLProps,\n HTMLStyledProps,\n SimplePlacement,\n ThemeProps,\n} from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { HTMLMotionProps, MotionTransitionProps } from \"../motion\"\nimport type { PortalProps } from \"../portal\"\nimport type { PopoverStyle } from \"./popover.style\"\nimport type { UsePopoverProps, UsePopoverReturn } from \"./use-popover\"\nimport { AnimatePresence } from \"motion/react\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent } from \"../../core\"\nimport { cast, runIfFn } from \"../../utils\"\nimport { fadeScaleVariants } from \"../fade\"\nimport { motion } from \"../motion\"\nimport { Portal } from \"../portal\"\nimport { slideFadeVariants } from \"../slide\"\nimport { popoverStyle } from \"./popover.style\"\nimport { usePopover } from \"./use-popover\"\n\nexport interface PopupAnimationProps {\n /*\n The animation of the element.\n \n @default 'scale'\n /\n animationScheme?: \"none\" \| \"scale\" \| SimplePlacement\n /\n The animation duration.\n \n @default 0.2\n /\n duration?: MotionTransitionProps[\"duration\"]\n}\n\nexport const getPopupAnimationProps = (\n animationScheme: PopupAnimationProps[\"animationScheme\"] = \"scale\",\n duration?: PopupAnimationProps[\"duration\"],\n) => {\n const sharedProps = { animate: \"enter\", exit: \"exit\", initial: \"exit\" }\n\n switch (animationScheme) {\n case \"scale\":\n return {\n ...sharedProps,\n custom: { duration, reverse: true, scale: 0.95 },\n variants: fadeScaleVariants,\n }\n case \"block-start\":\n return {\n ...sharedProps,\n custom: { duration, offsetY: -16, reverse: true },\n variants: slideFadeVariants,\n }\n case \"inline-end\":\n return {\n ...sharedProps,\n custom: { duration, offsetX: 16, reverse: true },\n variants: slideFadeVariants,\n }\n case \"inline-start\":\n return {\n ...sharedProps,\n custom: { duration, offsetX: -16, reverse: true },\n variants: slideFadeVariants,\n }\n case \"block-end\":\n return {\n ...sharedProps,\n custom: { duration, offsetY: 16, reverse: true },\n variants: slideFadeVariants,\n }\n default:\n return {}\n }\n}\n\nexport interface PopoverContext\n extends Pick<\n UsePopoverReturn,\n \| \"getAnchorProps\"\n \| \"getBodyProps\"\n \| \"getContentProps\"\n \| \"getFooterProps\"\n \| \"getHeaderProps\"\n \| \"getPositionerProps\"\n \| \"getTriggerProps\"\n \| \"open\"\n >,\n PopupAnimationProps,\n Pick<PopoverRootProps, \"withCloseButton\"> {}\n\nexport interface PopoverRootProps\n extends UsePopoverProps,\n PopupAnimationProps,\n ThemeProps<PopoverStyle> {\n /\n The children of the popover.\n /\n children?: ReactNodeOrFunction<{\n open: boolean\n onClose: () => void\n onForceClose: () => void\n }>\n /\n The animation duration.\n \n @default 0.2\n /\n duration?: PopupAnimationProps[\"duration\"]\n /\n If `true`, display the popover close button.\n \n @default true\n /\n withCloseButton?: boolean\n}\n\nexport const {\n ComponentContext: PopoverContext,\n PropsContext: PopoverPropsContext,\n StyleContext,\n useComponentContext: usePopoverContext,\n usePropsContext: usePopoverPropsContext,\n withContext,\n useRootComponentProps,\n} = createSlotComponent<PopoverRootProps, PopoverStyle, PopoverContext>(\n \"popover\",\n popoverStyle,\n)\n\n/\n `Popover` is a component that floats around an element to display information.\n \n @see https://yamada-ui.com/components/popover\n /\nexport const PopoverRoot: FC<PopoverRootProps> = (props) => {\n const [\n styleContext,\n {\n animationScheme = \"scale\",\n children,\n duration = 0.1,\n withCloseButton = true,\n ...rest\n },\n ] = useRootComponentProps(props)\n const {\n open,\n getAnchorProps,\n getBodyProps,\n getContentProps,\n getFooterProps,\n getHeaderProps,\n getPositionerProps,\n getTriggerProps,\n onClose: onForceClose,\n onDelayClose: onClose,\n } = usePopover(rest)\n const popoverContext = useMemo(\n () => ({\n animationScheme,\n duration,\n open,\n withCloseButton,\n getAnchorProps,\n getBodyProps,\n getContentProps,\n getFooterProps,\n getHeaderProps,\n getPositionerProps,\n getTriggerProps,\n }),\n [\n withCloseButton,\n open,\n animationScheme,\n duration,\n getAnchorProps,\n getBodyProps,\n getContentProps,\n getFooterProps,\n getHeaderProps,\n getPositionerProps,\n getTriggerProps,\n ],\n )\n\n return (\n <StyleContext value={styleContext}>\n <PopoverContext value={popoverContext}>\n {runIfFn(children, { open, onClose, onForceClose })}\n </PopoverContext>\n </StyleContext>\n )\n}\n\nexport interface PopoverTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nexport const PopoverTrigger = withContext<\"button\", PopoverTriggerProps>(\n \"button\",\n \"trigger\",\n)({ asChild: true }, (props) => {\n const { getTriggerProps } = usePopoverContext()\n\n return getTriggerProps(props)\n})\n\nexport interface PopoverAnchorProps extends HTMLStyledProps {}\n\nexport const PopoverAnchor = withContext<\"div\", PopoverAnchorProps>(\n \"div\",\n \"anchor\",\n)({ asChild: true }, (props) => {\n const { getAnchorProps } = usePopoverContext()\n\n return getAnchorProps(props)\n})\n\ninterface PopoverPositionerProps extends HTMLStyledProps {}\n\nconst PopoverPositioner = withContext<\"div\", PopoverPositionerProps>(\n \"div\",\n \"positioner\",\n)(undefined, (props) => {\n const { getPositionerProps } = usePopoverContext()\n\n return getPositionerProps(props)\n})\n\nexport interface PopoverContentProps\n extends Omit<HTMLMotionProps, \"children\">,\n PropsWithChildren {\n /\n Props for portal component.\n */\n portalProps?: Omit<PortalProps, \"children\">\n}\n\nexport const PopoverContent = withContext<\"div\", PopoverContentProps>(\n ({ portalProps, ...rest }) => {\n const { animationScheme, duration, open, getContentProps } =\n usePopoverContext()\n\n return (\n <AnimatePresence>\n {open ? (\n <Portal {...portalProps}>\n <PopoverPositioner>\n <motion.div\n {...getPopupAnimationProps(animationScheme, duration)}\n {...cast<HTMLMotionProps>(\n getContentProps(cast<HTMLProps>(rest)),\n )}\n />\n </PopoverPositioner>\n </Portal>\n ) : null}\n </AnimatePresence>\n )\n },\n \"content\",\n)()\n\nexport interface PopoverHeaderProps extends HTMLStyledProps {}\n\nexport const PopoverHeader = withContext<\"div\", PopoverHeaderProps>(\n \"div\",\n \"header\",\n)(undefined, (props) => {\n const { getHeaderProps } = usePopoverContext()\n\n return getHeaderProps(props)\n})\n\nexport interface PopoverBodyProps extends HTMLStyledProps {}\n\nexport const PopoverBody = withContext<\"div\", PopoverBodyProps>(\"div\", \"body\")(\n undefined,\n (props) => {\n const { getBodyProps } = usePopoverContext()\n\n return getBodyProps(props)\n },\n)\n\nexport interface PopoverFooterProps extends HTMLStyledProps {}\n\nexport const PopoverFooter = withContext<\"div\", PopoverFooterProps>(\n \"div\",\n \"footer\",\n)(undefined, (props) => {\n const { getFooterProps } = usePopoverContext()\n\n return getFooterProps(props)\n})\n"],"mappings":"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"}

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

@@ -5,7 +5,10 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_dom = require('../../utils/dom.cjs');
 const require_utils_effect = require('../../utils/effect.cjs');
 const require_utils_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_function = require('../../utils/common/function.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
+const require_utils_common_event = require('../../utils/common/event.cjs');
+const require_utils_common_string = require('../../utils/common/string.cjs');
 const require_core_system_environment_provider = require('../../core/system/environment-provider.cjs');
 const require_hooks_use_disclosure_use_disclosure = require('../../hooks/use-disclosure/use-disclosure.cjs');
 const require_hooks_use_event_listener_index = require('../../hooks/use-event-listener/index.cjs');
@@ -57,7 +60,7 @@ const usePopover = ({ autoFocus = true, autoUpdate, blockScrollOnMount = false,
 	const onDelayOpen = (0, react.useCallback)(() => {
 		if (!disabled && !openTimeout.current) {
 			if (open) onForceClose();
-			openTimeout.current = (0, require_utils_index.utils_exports.getWindow)(refs.reference.current).setTimeout(() => {
+			openTimeout.current = require_utils_common_dom.getWindow(refs.reference.current).setTimeout(() => {
 				onOpen();
 				openTimeout.current = void 0;
 			}, openDelay);
@@ -75,7 +78,7 @@ const usePopover = ({ autoFocus = true, autoUpdate, blockScrollOnMount = false,
 			clearTimeout(openTimeout.current);
 			openTimeout.current = void 0;
 		}
-		closeTimeout.current = (0, require_utils_index.utils_exports.getWindow)(refs.reference.current).setTimeout(onForceClose, closeDelay);
+		closeTimeout.current = require_utils_common_dom.getWindow(refs.reference.current).setTimeout(onForceClose, closeDelay);
 	}, [
 		closeDelay,
 		onForceClose,
@@ -90,8 +93,8 @@ const usePopover = ({ autoFocus = true, autoUpdate, blockScrollOnMount = false,
 	const onBlur = (0, react.useCallback)((ev) => {
 		const relatedTarget = require_utils_dom.getEventRelatedTarget(ev);
 		const popup = relatedTarget?.hasAttribute("data-popup");
-		if ((0, require_utils_index.utils_exports.contains)(contentRef.current, relatedTarget)) return;
-		if ((0, require_utils_index.utils_exports.contains)(contentRef.current, ev.target) && popup) return;
+		if (require_utils_common_dom.contains(contentRef.current, relatedTarget)) return;
+		if (require_utils_common_dom.contains(contentRef.current, ev.target) && popup) return;
 		if (closeOnBlur) onDelayClose();
 	}, [closeOnBlur, onDelayClose]);
 	require_hooks_use_event_listener_index.useEventListener(getDocument(), "scroll", () => {
@@ -111,11 +114,11 @@ const usePopover = ({ autoFocus = true, autoUpdate, blockScrollOnMount = false,
 	});
 	(0, react.useEffect)(() => {
 		if (!open || !modal) return;
-		return (0, require_utils_index.utils_exports.focusTrap)(contentRef.current);
+		return require_utils_common_event.focusTrap(contentRef.current);
 	}, [open, modal]);
 	(0, react.useEffect)(() => {
 		if (!open || !modal || !blockScrollOnMount) return;
-		return (0, require_utils_index.utils_exports.scrollLock)(contentRef.current);
+		return require_utils_common_dom.scrollLock(contentRef.current);
 	}, [
 		open,
 		modal,
@@ -123,7 +126,7 @@ const usePopover = ({ autoFocus = true, autoUpdate, blockScrollOnMount = false,
 	]);
 	(0, react.useEffect)(() => {
 		if (!open || modal) return;
-		return (0, require_utils_index.utils_exports.focusTransfer)(contentRef.current, triggerRef.current);
+		return require_utils_common_event.focusTransfer(contentRef.current, triggerRef.current);
 	}, [open, modal]);
 	require_utils_effect.useUnmountEffect(() => {
 		clearTimeout(openTimeout.current);
@@ -138,7 +141,7 @@ const usePopover = ({ autoFocus = true, autoUpdate, blockScrollOnMount = false,
 		ref: require_utils_ref.mergeRefs(ref, triggerRef, (node) => {
 			if (anchorRef.current == null) refs.setReference(node);
 		}),
-		onClick: (0, require_utils_index.utils_exports.handlerAll)(props.onClick, !open ? onDelayOpen : onDelayClose)
+		onClick: require_utils_common_function.handlerAll(props.onClick, !open ? onDelayOpen : onDelayClose)
 	}), [
 		contentId,
 		onDelayClose,
@@ -158,19 +161,19 @@ const usePopover = ({ autoFocus = true, autoUpdate, blockScrollOnMount = false,
 		const hasBody = !!getDocument()?.getElementById(bodyId);
 		return {
 			id: contentId,
-			"aria-describedby": (0, require_utils_index.utils_exports.cx)(ariaDescribedby, hasBody ? bodyId : void 0),
+			"aria-describedby": require_utils_common_string.cx(ariaDescribedby, hasBody ? bodyId : void 0),
 			"aria-hidden": !open,
-			"aria-labelledby": (0, require_utils_index.utils_exports.cx)(ariaLabelledby, hasHeader ? headerId : void 0),
+			"aria-labelledby": require_utils_common_string.cx(ariaLabelledby, hasHeader ? headerId : void 0),
 			"aria-modal": modal ? "true" : void 0,
-			"data-close": (0, require_utils_index.utils_exports.dataAttr)(!open),
-			"data-open": (0, require_utils_index.utils_exports.dataAttr)(open),
-			"data-popup": (0, require_utils_index.utils_exports.dataAttr)(true),
+			"data-close": require_utils_common_dom.dataAttr(!open),
+			"data-open": require_utils_common_dom.dataAttr(open),
+			"data-popup": require_utils_common_dom.dataAttr(true),
 			role: "dialog",
 			tabIndex: -1,
 			...props,
 			ref: require_utils_ref.mergeRefs(ref, contentRef),
-			onBlur: (0, require_utils_index.utils_exports.handlerAll)(props.onBlur, onBlur),
-			onKeyDown: (0, require_utils_index.utils_exports.handlerAll)(props.onKeyDown, onKeyDown)
+			onBlur: require_utils_common_function.handlerAll(props.onBlur, onBlur),
+			onKeyDown: require_utils_common_function.handlerAll(props.onKeyDown, onKeyDown)
 		};
 	}, [
 		getDocument,