npm - @yamada-ui/react - Versions diffs - 2.2.1-dev-20260428095646 → 2.2.1-dev-20260428102928 - Mend

@yamada-ui/react 2.2.1-dev-20260428095646 → 2.2.1-dev-20260428102928

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

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

@@ -4,6 +4,8 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_context = require('../../utils/context.cjs');
 const require_ref = require('../../utils/ref.cjs');
 const require_utils_index = require('../../utils/index.cjs');
+const require_props = require('../../core/components/props.cjs');
+require('../../core/index.cjs');
 const require_hooks_use_controllable_state_index = require('../../hooks/use-controllable-state/index.cjs');
 const require_i18n_provider = require('../../providers/i18n-provider/i18n-provider.cjs');
 require('../../providers/i18n-provider/index.cjs');
@@ -12,6 +14,7 @@ let react = require("react");
 //#region src/components/pagination/use-pagination.ts
 const [PaginationContext, usePaginationContext] = require_context.createContext({ name: "PaginationContext" });
 const usePagination = ({ boundaries = 1, defaultPage = 1, disabled = false, page, siblings = 1, total, onChange: onChangeProp, ...rest }) => {
+	const { ref: restRef, ...restProps } = rest;
 	const [currentPage, setCurrentPage] = require_hooks_use_controllable_state_index.useControllableState({
 		defaultValue: defaultPage,
 		value: page,
@@ -55,13 +58,14 @@ const usePagination = ({ boundaries = 1, defaultPage = 1, disabled = false, page
 	const onChangeEnd = (0, react.useCallback)(() => setCurrentPage(total), [setCurrentPage, total]);
 	const onChangePrev = (0, react.useCallback)(() => setCurrentPage((prev) => Math.max(1, prev - 1)), [setCurrentPage]);
 	const onChangeNext = (0, react.useCallback)(() => setCurrentPage((prev) => Math.min(total, prev + 1)), [setCurrentPage, total]);
-	const getRootProps = (0, react.useCallback)(({ ref, ...props } = {}) => ({
+	const getRootProps = (0, react.useCallback)(({ ref, ...props } = {}) => require_props.mergeProps({
 		"aria-label": t("Pagination"),
-		role: "navigation",
-		...rest,
-		...props,
-		ref: require_ref.mergeRefs(ref, rest.ref)
-	}), [rest, t]);
+		role: "navigation"
+	}, restProps, props, { ref: require_ref.mergeRefs(ref, restRef) })(), [
+		restProps,
+		restRef,
+		t
+	]);
 	const getItemProps = (0, react.useCallback)(({ page: page$1, ...props } = {}) => {
 		if ((0, require_utils_index.utils_exports.isNumber)(page$1)) return {
 			type: "button",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"use-pagination.cjs","names":["createContext","useControllableState","useI18n","page","getRootProps: PropGetter","mergeRefs","getItemProps: PropGetter<\"button\", { page?: Page }>","getStartTriggerProps: PropGetter<\"button\">","getEndTriggerProps: PropGetter<\"button\">","getPrevTriggerProps: PropGetter<\"button\">"],"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\nconst [PaginationContext, usePaginationContext] =\n createContext<PaginationContext>({\n name: \"PaginationContext\",\n })\n\nexport { PaginationContext, usePaginationContext }\n\nexport interface UsePaginationProps extends Omit<\n HTMLProps,\n \"onChange\" \| \"page\"\n> {\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 \"aria-label\": t(\"Pagination\"),\n role: \"navigation\",\n ~~...rest~~,\n ~~...~~props,\n ref: mergeRefs(ref, ~~rest.ref~~),\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}\", { 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~~,MAAM,CAAC,mBAAmB,wBACxBA,8BAAiC,EAC/B,MAAM,qBACP,CAAC;AA+CJ,MAAa,iBAAiB,EAC5B,aAAa,GACb,cAAc,GACd,WAAW,OACX,MACA,WAAW,GACX,OACA,UAAU,cACV,GAAG,WACqB;CACxB,MAAM,CAAC,aAAa,kBAAkBC,gEAAqB;EACzD,cAAc;EACd,OAAO;EACP,UAAU;EACX,CAAC;CACF,MAAM,EAAE,MAAMC,8BAAQ,aAAa;CACnC,MAAM,iCAA8B;AAGlC,MAFqB,WAAW,IAAI,IAAI,aAAa,KAEjC,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,MAAI,CAAC,YAAY,SAGf,QAAO;GACL,GAAG,cAAc,GAHD,WAAW,IAAI,aAAa,EAGd;GAC9B;GACA,GAAG,cAAc,SAAS,aAAa,IAAI,MAAM;GAClD;AAGH,MAAI,YAAY,CAAC,UAAU;GACzB,MAAM,YAAY,aAAa,IAAI,IAAI;AAEvC,UAAO;IACL,GAAG,cAAc,GAAG,WAAW;IAC/B;IACA,GAAG,cAAc,QAAQ,WAAW,MAAM;IAC3C;;AAGH,SAAO;GACL,GAAG,cAAc,GAAG,WAAW;GAC/B;GACA,GAAG,cAAc,cAAc,aAAa;GAC5C;GACA,GAAG,cAAc,QAAQ,aAAa,GAAG,MAAM;GAChD;IACA;EAAC;EAAY;EAAU;EAAa;EAAM,CAAC;CAE9C,MAAM,mCACH,WAAiB,eAAe,KAAK,IAAI,GAAG,KAAK,IAAI,OAAOC,OAAK,CAAC,CAAC,EACpE,CAAC,gBAAgB,MAAM,CACxB;CAED,MAAM,6CAAkC,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC;CAE5E,MAAM,2CACE,eAAe,MAAM,EAC3B,CAAC,gBAAgB,MAAM,CACxB;CAED,MAAM,4CACE,gBAAgB,SAAS,KAAK,IAAI,GAAG,OAAO,EAAE,CAAC,EACrD,CAAC,eAAe,CACjB;CAED,MAAM,4CACE,gBAAgB,SAAS,KAAK,IAAI,OAAO,OAAO,EAAE,CAAC,EACzD,CAAC,gBAAgB,MAAM,CACxB;CAED,MAAMC,uCACH,EAAE,KAAK,GAAG,UAAU,EAAE,~~MAAM~~;~~EAC3B~~,cAAc,EAAE,aAAa;EAC7B,MAAM;~~EACN~~,~~GAAG;EACH~~,~~GAAG;EACH~~,KAAKC,sBAAU,KAAK,~~KAAK~~,~~IAAI;EAC9B~~,~~GACD~~,~~CAAC~~,~~MAAM,~~EAAE,~~CACV~~;CAED,MAAMC,uCACH,EAAE,cAAM,GAAG,UAAU,EAAE,KAAK;AAC3B,~~sDAAaH~~,OAAK,CAChB,QAAO;GACL,MAAM;GACN,gBAAgB,gBAAgBA,SAAO,SAAS;GAChD,cAAc,EAAE,sBAAsB,EAAE,OAAOA,QAAM,CAAC;GACtD;GACA,GAAG;GACH,2DAAoB,MAAM,eAAe,SAASA,OAAK,CAAC;GACzD;MAED,QAAO;GAAE,GAAG;GAAO,iBAAiB;GAAI;IAG5C;EAAC;EAAa;EAAG;EAAU;EAAS,CACrC;CAED,~~MAAMI~~,+CACH,QAAQ,EAAE,MAAM;EACf,MAAM;EACN,cAAc,EAAE,mBAAmB;EACnC,UAAU,YAAY,gBAAgB;EACtC,GAAG;EACH,2DAAoB,MAAM,SAAS,cAAc;EAClD,GACD;EAAC;EAAe;EAAG;EAAU;EAAY,CAC1C;CAED,MAAMC,6CACH,QAAQ,EAAE,MAAM;EACf,MAAM;EACN,cAAc,EAAE,kBAAkB;EAClC,UAAU,YAAY,gBAAgB;EACtC,GAAG;EACH,2DAAoB,MAAM,SAAS,YAAY;EAChD,GACD;EAAC;EAAa;EAAG;EAAU;EAAa;EAAM,CAC/C;CAED,MAAMC,8CACH,QAAQ,EAAE,MAAM;EACf,MAAM;EACN,cAAc,EAAE,sBAAsB;EACtC,UAAU,YAAY,gBAAgB;EACtC,GAAG;EACH,2DAAoB,MAAM,SAAS,aAAa;EACjD,GACD;EAAC;EAAc;EAAG;EAAU;EAAY,CACzC;AAaD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,6CAjBC,QAAQ,EAAE,MAAM;GACf,MAAM;GACN,cAAc,EAAE,kBAAkB;GAClC,UAAU,YAAY,gBAAgB;GACtC,GAAG;GACH,2DAAoB,MAAM,SAAS,aAAa;GACjD,GACD;GAAC;GAAc;GAAG;GAAU;GAAa;GAAM,CAChD;EAUC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;;AAKH,MAAM,iBAAiB,OAAe,QACpC,MAAM,KAAK,EAAE,QAAQ,MAAM,QAAQ,GAAG,GAAG,GAAG,UAAU,QAAQ,MAAM"}
1	+ {"version":3,"file":"use-pagination.cjs","names":["createContext","useControllableState","useI18n","page","getRootProps: PropGetter","mergeProps","mergeRefs","getItemProps: PropGetter<\"button\", { page?: Page }>","getStartTriggerProps: PropGetter<\"button\">","getEndTriggerProps: PropGetter<\"button\">","getPrevTriggerProps: PropGetter<\"button\">"],"sources":["../../../../src/components/pagination/use-pagination.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { mergeProps } from \"../../core\"\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\nconst [PaginationContext, usePaginationContext] =\n createContext<PaginationContext>({\n name: \"PaginationContext\",\n })\n\nexport { PaginationContext, usePaginationContext }\n\nexport interface UsePaginationProps extends Omit<\n HTMLProps,\n \"onChange\" \| \"page\"\n> {\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 { ref: restRef, ...restProps } = rest\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 mergeProps(\n {\n \"aria-label\": t(\"Pagination\"),\n role: \"navigation\",\n },\n restProps,\n props,\n {\n ref: mergeRefs(ref, restRef),\n },\n )(),\n [restProps, restRef, 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}\", { 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/qr-code/use-qr-code.cjs CHANGED Viewed

@@ -1,4 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_props = require('../../core/components/props.cjs');
+require('../../core/index.cjs');
 let react = require("react");
 let uqr = require("uqr");
@@ -40,10 +42,7 @@ const useQrCode = ({ boostEcc, border, ecc, invert, maskPattern, maxVersion, min
 		encoded.size,
 		pixelSize
 	]);
-	const getRootProps = (0, react.useCallback)((props = {}) => ({
-		...rest,
-		...props
-	}), [rest]);
+	const getRootProps = (0, react.useCallback)((props) => require_props.mergeProps(rest, props)(), [rest]);
 	return {
 		height,
 		paths,

package/dist/cjs/components/qr-code/use-qr-code.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-qr-code.cjs","names":["paths: string[]","result: string[]","getRootProps: PropGetter"],"sources":["../../../../src/components/qr-code/use-qr-code.tsx"],"sourcesContent":["import type { QrCodeGenerateResult } from \"uqr\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { encode } from \"uqr\"\n\nexport interface UseQrCodeProps extends HTMLProps {\n /*\n The value to encode as a QR code.\n /\n value: string\n /\n The error correction level to boost the error correction level to the maximum allowed by the version and size.\n \n @default false\n /\n boostEcc?: boolean\n /\n The border width around the QR code.\n \n @default 1\n /\n border?: number\n /\n The error correction level.\n \n - `L` allows for up to 7% error correction,\n * - `M` allows for up to 15% error correction,\n * - `Q` allows for up to 25% error correction,\n * - `H` allows for up to 30% error correction.\n \n @default 'L'\n /\n ecc?: \"H\" \| \"L\" \| \"M\" \| \"Q\"\n /\n Inverts the black and white of the QR code.\n \n @default false\n /\n invert?: boolean\n /\n The mask pattern to use.\n \n @default -1\n /\n maskPattern?: number\n /\n The maximum version of the QR code (1-40).\n \n @default 40\n /\n maxVersion?: number\n /\n The minimum version of the QR code (1-40).\n \n @default 1\n /\n minVersion?: number\n /\n The pixel size of the QR code.\n \n @default 10\n /\n pixelSize?: number\n /\n Callback function to receive the generated QR Code.\n /\n onEncoded?: (qr: QrCodeGenerateResult) => void\n}\n\nexport const useQrCode = ({\n boostEcc,\n border,\n ecc,\n invert,\n maskPattern,\n maxVersion,\n minVersion,\n pixelSize = 10,\n value,\n onEncoded,\n ...rest\n}: UseQrCodeProps) => {\n const encoded = useMemo(\n () =>\n encode(value, {\n boostEcc,\n border,\n ecc,\n invert,\n maskPattern,\n maxVersion,\n minVersion,\n onEncoded,\n }),\n [\n value,\n border,\n ecc,\n boostEcc,\n maskPattern,\n maxVersion,\n minVersion,\n invert,\n onEncoded,\n ],\n )\n const height = encoded.size pixelSize\n const width = encoded.size * pixelSize\n const viewBox = `0 0 ${width} ${height}`\n const paths: string[] = useMemo(() => {\n const result: string[] = []\n\n for (let row = 0; row < encoded.size; row++) {\n for (let col = 0; col < encoded.size; col++) {\n const x = col * pixelSize\n const y = row * pixelSize\n if (encoded.data[row]?.[col]) {\n result.push(`M${x},${y}h${pixelSize}v${pixelSize}h-${pixelSize}z`)\n }\n }\n }\n return result\n }, [encoded.data, encoded.size, pixelSize])\n\n const getRootProps: PropGetter = useCallback(\n (props ~~= {}~~) => (~~{ ...~~rest, ~~...~~props }),\n [rest],\n )\n\n const getFrameProps: PropGetter<\"svg\"> = useCallback(\n (props = {}) => ({ viewBox: `0 0 ${width} ${height}`, ...props }),\n [height, width],\n )\n\n const getOverlayProps: PropGetter = useCallback(\n (props = {}) => ({ ...props }),\n [],\n )\n\n const getPatternProps: PropGetter<\"path\"> = useCallback(\n (props) => ({ ...props, d: paths.join(\" \") }),\n [paths],\n )\n\n return {\n height,\n paths,\n viewBox,\n width,\n getFrameProps,\n getOverlayProps,\n getPatternProps,\n getRootProps,\n }\n}\n\nexport type UseQrCodeReturn = ReturnType<typeof useQrCode>\n"],"mappings":"~~;;;;;AAqEA~~,MAAa,aAAa,EACxB,UACA,QACA,KACA,QACA,aACA,YACA,YACA,YAAY,IACZ,OACA,WACA,GAAG,WACiB;CACpB,MAAM,mDAEK,OAAO;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EACJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CACD,MAAM,SAAS,QAAQ,OAAO;CAC9B,MAAM,QAAQ,QAAQ,OAAO;CAC7B,MAAM,UAAU,OAAO,MAAM,GAAG;CAChC,MAAMA,iCAAgC;EACpC,MAAMC,SAAmB,EAAE;AAE3B,OAAK,IAAI,MAAM,GAAG,MAAM,QAAQ,MAAM,MACpC,MAAK,IAAI,MAAM,GAAG,MAAM,QAAQ,MAAM,OAAO;GAC3C,MAAM,IAAI,MAAM;GAChB,MAAM,IAAI,MAAM;AAChB,OAAI,QAAQ,KAAK,OAAO,KACtB,QAAO,KAAK,IAAI,EAAE,GAAG,EAAE,GAAG,UAAU,GAAG,UAAU,IAAI,UAAU,GAAG;;AAIxE,SAAO;IACN;EAAC,QAAQ;EAAM,QAAQ;EAAM;EAAU,CAAC;CAE3C,MAAMC,uCACH,~~QAAQ~~,~~EAAE~~,MAAM~~;EAAE~~,~~GAAG;EAAM~~,~~GAAG;EAAO~~,~~GACtC~~,CAAC,KAAK,CACP;AAiBD,QAAO;EACL;EACA;EACA;EACA;EACA,uCAnBC,QAAQ,EAAE,MAAM;GAAE,SAAS,OAAO,MAAM,GAAG;GAAU,GAAG;GAAO,GAChE,CAAC,QAAQ,MAAM,CAChB;EAkBC,yCAfC,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,GAC7B,EAAE,CACH;EAcC,yCAXC,WAAW;GAAE,GAAG;GAAO,GAAG,MAAM,KAAK,IAAI;GAAE,GAC5C,CAAC,MAAM,CACR;EAUC;EACD"}
1	+ {"version":3,"file":"use-qr-code.cjs","names":["paths: string[]","result: string[]","getRootProps: PropGetter","mergeProps"],"sources":["../../../../src/components/qr-code/use-qr-code.tsx"],"sourcesContent":["import type { QrCodeGenerateResult } from \"uqr\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { encode } from \"uqr\"\nimport { mergeProps } from \"../../core\"\n\nexport interface UseQrCodeProps extends HTMLProps {\n /*\n The value to encode as a QR code.\n /\n value: string\n /\n The error correction level to boost the error correction level to the maximum allowed by the version and size.\n \n @default false\n /\n boostEcc?: boolean\n /\n The border width around the QR code.\n \n @default 1\n /\n border?: number\n /\n The error correction level.\n \n - `L` allows for up to 7% error correction,\n * - `M` allows for up to 15% error correction,\n * - `Q` allows for up to 25% error correction,\n * - `H` allows for up to 30% error correction.\n \n @default 'L'\n /\n ecc?: \"H\" \| \"L\" \| \"M\" \| \"Q\"\n /\n Inverts the black and white of the QR code.\n \n @default false\n /\n invert?: boolean\n /\n The mask pattern to use.\n \n @default -1\n /\n maskPattern?: number\n /\n The maximum version of the QR code (1-40).\n \n @default 40\n /\n maxVersion?: number\n /\n The minimum version of the QR code (1-40).\n \n @default 1\n /\n minVersion?: number\n /\n The pixel size of the QR code.\n \n @default 10\n /\n pixelSize?: number\n /\n Callback function to receive the generated QR Code.\n /\n onEncoded?: (qr: QrCodeGenerateResult) => void\n}\n\nexport const useQrCode = ({\n boostEcc,\n border,\n ecc,\n invert,\n maskPattern,\n maxVersion,\n minVersion,\n pixelSize = 10,\n value,\n onEncoded,\n ...rest\n}: UseQrCodeProps) => {\n const encoded = useMemo(\n () =>\n encode(value, {\n boostEcc,\n border,\n ecc,\n invert,\n maskPattern,\n maxVersion,\n minVersion,\n onEncoded,\n }),\n [\n value,\n border,\n ecc,\n boostEcc,\n maskPattern,\n maxVersion,\n minVersion,\n invert,\n onEncoded,\n ],\n )\n const height = encoded.size pixelSize\n const width = encoded.size * pixelSize\n const viewBox = `0 0 ${width} ${height}`\n const paths: string[] = useMemo(() => {\n const result: string[] = []\n\n for (let row = 0; row < encoded.size; row++) {\n for (let col = 0; col < encoded.size; col++) {\n const x = col * pixelSize\n const y = row * pixelSize\n if (encoded.data[row]?.[col]) {\n result.push(`M${x},${y}h${pixelSize}v${pixelSize}h-${pixelSize}z`)\n }\n }\n }\n return result\n }, [encoded.data, encoded.size, pixelSize])\n\n const getRootProps: PropGetter = useCallback(\n (props) => mergeProps(rest, props)(),\n [rest],\n )\n\n const getFrameProps: PropGetter<\"svg\"> = useCallback(\n (props = {}) => ({ viewBox: `0 0 ${width} ${height}`, ...props }),\n [height, width],\n )\n\n const getOverlayProps: PropGetter = useCallback(\n (props = {}) => ({ ...props }),\n [],\n )\n\n const getPatternProps: PropGetter<\"path\"> = useCallback(\n (props) => ({ ...props, d: paths.join(\" \") }),\n [paths],\n )\n\n return {\n height,\n paths,\n viewBox,\n width,\n getFrameProps,\n getOverlayProps,\n getPatternProps,\n getRootProps,\n }\n}\n\nexport type UseQrCodeReturn = ReturnType<typeof useQrCode>\n"],"mappings":";;;;;;;AAsEA,MAAa,aAAa,EACxB,UACA,QACA,KACA,QACA,aACA,YACA,YACA,YAAY,IACZ,OACA,WACA,GAAG,WACiB;CACpB,MAAM,mDAEK,OAAO;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EACJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CACD,MAAM,SAAS,QAAQ,OAAO;CAC9B,MAAM,QAAQ,QAAQ,OAAO;CAC7B,MAAM,UAAU,OAAO,MAAM,GAAG;CAChC,MAAMA,iCAAgC;EACpC,MAAMC,SAAmB,EAAE;AAE3B,OAAK,IAAI,MAAM,GAAG,MAAM,QAAQ,MAAM,MACpC,MAAK,IAAI,MAAM,GAAG,MAAM,QAAQ,MAAM,OAAO;GAC3C,MAAM,IAAI,MAAM;GAChB,MAAM,IAAI,MAAM;AAChB,OAAI,QAAQ,KAAK,OAAO,KACtB,QAAO,KAAK,IAAI,EAAE,GAAG,EAAE,GAAG,UAAU,GAAG,UAAU,IAAI,UAAU,GAAG;;AAIxE,SAAO;IACN;EAAC,QAAQ;EAAM,QAAQ;EAAM;EAAU,CAAC;CAE3C,MAAMC,uCACH,UAAUC,yBAAW,MAAM,MAAM,EAAE,EACpC,CAAC,KAAK,CACP;AAiBD,QAAO;EACL;EACA;EACA;EACA;EACA,uCAnBC,QAAQ,EAAE,MAAM;GAAE,SAAS,OAAO,MAAM,GAAG;GAAU,GAAG;GAAO,GAChE,CAAC,QAAQ,MAAM,CAChB;EAkBC,yCAfC,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,GAC7B,EAAE,CACH;EAcC,yCAXC,WAAW;GAAE,GAAG;GAAO,GAAG,MAAM,KAAK,IAAI;GAAE,GAC5C,CAAC,MAAM,CACR;EAUC;EACD"}

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

@@ -3,6 +3,8 @@
 import { createContext as createContext$1 } from "../../utils/context.js";
 import { mergeRefs } from "../../utils/ref.js";
 import { utils_exports } from "../../utils/index.js";
+import { mergeProps } from "../../core/components/props.js";
+import "../../core/index.js";
 import { useControllableState } from "../../hooks/use-controllable-state/index.js";
 import { useI18n } from "../../providers/i18n-provider/i18n-provider.js";
 import "../../providers/i18n-provider/index.js";
@@ -11,6 +13,7 @@ import { useCallback, useMemo } from "react";
 //#region src/components/pagination/use-pagination.ts
 const [PaginationContext, usePaginationContext] = createContext$1({ name: "PaginationContext" });
 const usePagination = ({ boundaries = 1, defaultPage = 1, disabled = false, page, siblings = 1, total, onChange: onChangeProp, ...rest }) => {
+	const { ref: restRef, ...restProps } = rest;
 	const [currentPage, setCurrentPage] = useControllableState({
 		defaultValue: defaultPage,
 		value: page,
@@ -54,13 +57,14 @@ const usePagination = ({ boundaries = 1, defaultPage = 1, disabled = false, page
 	const onChangeEnd = useCallback(() => setCurrentPage(total), [setCurrentPage, total]);
 	const onChangePrev = useCallback(() => setCurrentPage((prev) => Math.max(1, prev - 1)), [setCurrentPage]);
 	const onChangeNext = useCallback(() => setCurrentPage((prev) => Math.min(total, prev + 1)), [setCurrentPage, total]);
-	const getRootProps = useCallback(({ ref, ...props } = {}) => ({
+	const getRootProps = useCallback(({ ref, ...props } = {}) => mergeProps({
 		"aria-label": t("Pagination"),
-		role: "navigation",
-		...rest,
-		...props,
-		ref: mergeRefs(ref, rest.ref)
-	}), [rest, t]);
+		role: "navigation"
+	}, restProps, props, { ref: mergeRefs(ref, restRef) })(), [
+		restProps,
+		restRef,
+		t
+	]);
 	const getItemProps = useCallback(({ page: page$1, ...props } = {}) => {
 		if ((0, utils_exports.isNumber)(page$1)) return {
 			type: "button",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"use-pagination.js","names":["createContext","page","getRootProps: PropGetter","getItemProps: PropGetter<\"button\", { page?: Page }>","getStartTriggerProps: PropGetter<\"button\">","getEndTriggerProps: PropGetter<\"button\">","getPrevTriggerProps: PropGetter<\"button\">"],"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\nconst [PaginationContext, usePaginationContext] =\n createContext<PaginationContext>({\n name: \"PaginationContext\",\n })\n\nexport { PaginationContext, usePaginationContext }\n\nexport interface UsePaginationProps extends Omit<\n HTMLProps,\n \"onChange\" \| \"page\"\n> {\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 \"aria-label\": t(\"Pagination\"),\n role: \"navigation\",\n ~~...rest~~,\n ~~...~~props,\n ref: mergeRefs(ref, ~~rest.ref~~),\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}\", { 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~~,MAAM,CAAC,mBAAmB,wBACxBA,gBAAiC,EAC/B,MAAM,qBACP,CAAC;AA+CJ,MAAa,iBAAiB,EAC5B,aAAa,GACb,cAAc,GACd,WAAW,OACX,MACA,WAAW,GACX,OACA,UAAU,cACV,GAAG,WACqB;CACxB,MAAM,CAAC,aAAa,kBAAkB,qBAAqB;EACzD,cAAc;EACd,OAAO;EACP,UAAU;EACX,CAAC;CACF,MAAM,EAAE,MAAM,QAAQ,aAAa;CACnC,MAAM,QAAQ,cAAsB;AAGlC,MAFqB,WAAW,IAAI,IAAI,aAAa,KAEjC,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,MAAI,CAAC,YAAY,SAGf,QAAO;GACL,GAAG,cAAc,GAHD,WAAW,IAAI,aAAa,EAGd;GAC9B;GACA,GAAG,cAAc,SAAS,aAAa,IAAI,MAAM;GAClD;AAGH,MAAI,YAAY,CAAC,UAAU;GACzB,MAAM,YAAY,aAAa,IAAI,IAAI;AAEvC,UAAO;IACL,GAAG,cAAc,GAAG,WAAW;IAC/B;IACA,GAAG,cAAc,QAAQ,WAAW,MAAM;IAC3C;;AAGH,SAAO;GACL,GAAG,cAAc,GAAG,WAAW;GAC/B;GACA,GAAG,cAAc,cAAc,aAAa;GAC5C;GACA,GAAG,cAAc,QAAQ,aAAa,GAAG,MAAM;GAChD;IACA;EAAC;EAAY;EAAU;EAAa;EAAM,CAAC;CAE9C,MAAM,WAAW,aACd,WAAiB,eAAe,KAAK,IAAI,GAAG,KAAK,IAAI,OAAOC,OAAK,CAAC,CAAC,EACpE,CAAC,gBAAgB,MAAM,CACxB;CAED,MAAM,gBAAgB,kBAAkB,eAAe,EAAE,EAAE,CAAC,eAAe,CAAC;CAE5E,MAAM,cAAc,kBACZ,eAAe,MAAM,EAC3B,CAAC,gBAAgB,MAAM,CACxB;CAED,MAAM,eAAe,kBACb,gBAAgB,SAAS,KAAK,IAAI,GAAG,OAAO,EAAE,CAAC,EACrD,CAAC,eAAe,CACjB;CAED,MAAM,eAAe,kBACb,gBAAgB,SAAS,KAAK,IAAI,OAAO,OAAO,EAAE,CAAC,EACzD,CAAC,gBAAgB,MAAM,CACxB;CAED,MAAMC,eAA2B,aAC9B,EAAE,KAAK,GAAG,UAAU,EAAE,~~MAAM~~;~~EAC3B~~,cAAc,EAAE,aAAa;EAC7B,MAAM;~~EACN~~,~~GAAG;EACH~~,~~GAAG;EACH~~,KAAK,UAAU,KAAK,~~KAAK~~,~~IAAI;EAC9B~~,~~GACD~~,~~CAAC~~,~~MAAM,~~EAAE,~~CACV~~;CAED,MAAMC,eAAsD,aACzD,EAAE,cAAM,GAAG,UAAU,EAAE,KAAK;AAC3B,kCAAaF,OAAK,CAChB,QAAO;GACL,MAAM;GACN,gBAAgB,gBAAgBA,SAAO,SAAS;GAChD,cAAc,EAAE,sBAAsB,EAAE,OAAOA,QAAM,CAAC;GACtD;GACA,GAAG;GACH,uCAAoB,MAAM,eAAe,SAASA,OAAK,CAAC;GACzD;MAED,QAAO;GAAE,GAAG;GAAO,iBAAiB;GAAI;IAG5C;EAAC;EAAa;EAAG;EAAU;EAAS,CACrC;CAED,MAAMG,uBAA6C,aAChD,QAAQ,EAAE,MAAM;EACf,MAAM;EACN,cAAc,EAAE,mBAAmB;EACnC,UAAU,YAAY,gBAAgB;EACtC,GAAG;EACH,uCAAoB,MAAM,SAAS,cAAc;EAClD,GACD;EAAC;EAAe;EAAG;EAAU;EAAY,CAC1C;CAED,MAAMC,qBAA2C,aAC9C,QAAQ,EAAE,MAAM;EACf,MAAM;EACN,cAAc,EAAE,kBAAkB;EAClC,UAAU,YAAY,gBAAgB;EACtC,GAAG;EACH,uCAAoB,MAAM,SAAS,YAAY;EAChD,GACD;EAAC;EAAa;EAAG;EAAU;EAAa;EAAM,CAC/C;CAED,MAAMC,sBAA4C,aAC/C,QAAQ,EAAE,MAAM;EACf,MAAM;EACN,cAAc,EAAE,sBAAsB;EACtC,UAAU,YAAY,gBAAgB;EACtC,GAAG;EACH,uCAAoB,MAAM,SAAS,aAAa;EACjD,GACD;EAAC;EAAc;EAAG;EAAU;EAAY,CACzC;AAaD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA,qBAlBgD,aAC/C,QAAQ,EAAE,MAAM;GACf,MAAM;GACN,cAAc,EAAE,kBAAkB;GAClC,UAAU,YAAY,gBAAgB;GACtC,GAAG;GACH,uCAAoB,MAAM,SAAS,aAAa;GACjD,GACD;GAAC;GAAc;GAAG;GAAU;GAAa;GAAM,CAChD;EAUC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;;AAKH,MAAM,iBAAiB,OAAe,QACpC,MAAM,KAAK,EAAE,QAAQ,MAAM,QAAQ,GAAG,GAAG,GAAG,UAAU,QAAQ,MAAM"}
1	+ {"version":3,"file":"use-pagination.js","names":["createContext","page","getRootProps: PropGetter","getItemProps: PropGetter<\"button\", { page?: Page }>","getStartTriggerProps: PropGetter<\"button\">","getEndTriggerProps: PropGetter<\"button\">","getPrevTriggerProps: PropGetter<\"button\">"],"sources":["../../../../src/components/pagination/use-pagination.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { mergeProps } from \"../../core\"\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\nconst [PaginationContext, usePaginationContext] =\n createContext<PaginationContext>({\n name: \"PaginationContext\",\n })\n\nexport { PaginationContext, usePaginationContext }\n\nexport interface UsePaginationProps extends Omit<\n HTMLProps,\n \"onChange\" \| \"page\"\n> {\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 { ref: restRef, ...restProps } = rest\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 mergeProps(\n {\n \"aria-label\": t(\"Pagination\"),\n role: \"navigation\",\n },\n restProps,\n props,\n {\n ref: mergeRefs(ref, restRef),\n },\n )(),\n [restProps, restRef, 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}\", { 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/esm/components/qr-code/use-qr-code.js CHANGED Viewed

@@ -1,3 +1,5 @@
+import { mergeProps } from "../../core/components/props.js";
+import "../../core/index.js";
 import { useCallback, useMemo } from "react";
 import { encode } from "uqr";
@@ -39,10 +41,7 @@ const useQrCode = ({ boostEcc, border, ecc, invert, maskPattern, maxVersion, min
 		encoded.size,
 		pixelSize
 	]);
-	const getRootProps = useCallback((props = {}) => ({
-		...rest,
-		...props
-	}), [rest]);
+	const getRootProps = useCallback((props) => mergeProps(rest, props)(), [rest]);
 	return {
 		height,
 		paths,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"use-qr-code.js","names":["paths: string[]","result: string[]","getRootProps: PropGetter"],"sources":["../../../../src/components/qr-code/use-qr-code.tsx"],"sourcesContent":["import type { QrCodeGenerateResult } from \"uqr\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { encode } from \"uqr\"\n\nexport interface UseQrCodeProps extends HTMLProps {\n /*\n The value to encode as a QR code.\n /\n value: string\n /\n The error correction level to boost the error correction level to the maximum allowed by the version and size.\n \n @default false\n /\n boostEcc?: boolean\n /\n The border width around the QR code.\n \n @default 1\n /\n border?: number\n /\n The error correction level.\n \n - `L` allows for up to 7% error correction,\n * - `M` allows for up to 15% error correction,\n * - `Q` allows for up to 25% error correction,\n * - `H` allows for up to 30% error correction.\n \n @default 'L'\n /\n ecc?: \"H\" \| \"L\" \| \"M\" \| \"Q\"\n /\n Inverts the black and white of the QR code.\n \n @default false\n /\n invert?: boolean\n /\n The mask pattern to use.\n \n @default -1\n /\n maskPattern?: number\n /\n The maximum version of the QR code (1-40).\n \n @default 40\n /\n maxVersion?: number\n /\n The minimum version of the QR code (1-40).\n \n @default 1\n /\n minVersion?: number\n /\n The pixel size of the QR code.\n \n @default 10\n /\n pixelSize?: number\n /\n Callback function to receive the generated QR Code.\n /\n onEncoded?: (qr: QrCodeGenerateResult) => void\n}\n\nexport const useQrCode = ({\n boostEcc,\n border,\n ecc,\n invert,\n maskPattern,\n maxVersion,\n minVersion,\n pixelSize = 10,\n value,\n onEncoded,\n ...rest\n}: UseQrCodeProps) => {\n const encoded = useMemo(\n () =>\n encode(value, {\n boostEcc,\n border,\n ecc,\n invert,\n maskPattern,\n maxVersion,\n minVersion,\n onEncoded,\n }),\n [\n value,\n border,\n ecc,\n boostEcc,\n maskPattern,\n maxVersion,\n minVersion,\n invert,\n onEncoded,\n ],\n )\n const height = encoded.size pixelSize\n const width = encoded.size * pixelSize\n const viewBox = `0 0 ${width} ${height}`\n const paths: string[] = useMemo(() => {\n const result: string[] = []\n\n for (let row = 0; row < encoded.size; row++) {\n for (let col = 0; col < encoded.size; col++) {\n const x = col * pixelSize\n const y = row * pixelSize\n if (encoded.data[row]?.[col]) {\n result.push(`M${x},${y}h${pixelSize}v${pixelSize}h-${pixelSize}z`)\n }\n }\n }\n return result\n }, [encoded.data, encoded.size, pixelSize])\n\n const getRootProps: PropGetter = useCallback(\n (props ~~= {}~~) => (~~{ ...~~rest, ~~...~~props }),\n [rest],\n )\n\n const getFrameProps: PropGetter<\"svg\"> = useCallback(\n (props = {}) => ({ viewBox: `0 0 ${width} ${height}`, ...props }),\n [height, width],\n )\n\n const getOverlayProps: PropGetter = useCallback(\n (props = {}) => ({ ...props }),\n [],\n )\n\n const getPatternProps: PropGetter<\"path\"> = useCallback(\n (props) => ({ ...props, d: paths.join(\" \") }),\n [paths],\n )\n\n return {\n height,\n paths,\n viewBox,\n width,\n getFrameProps,\n getOverlayProps,\n getPatternProps,\n getRootProps,\n }\n}\n\nexport type UseQrCodeReturn = ReturnType<typeof useQrCode>\n"],"mappings":"~~;;;;AAqEA~~,MAAa,aAAa,EACxB,UACA,QACA,KACA,QACA,aACA,YACA,YACA,YAAY,IACZ,OACA,WACA,GAAG,WACiB;CACpB,MAAM,UAAU,cAEZ,OAAO,OAAO;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EACJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CACD,MAAM,SAAS,QAAQ,OAAO;CAC9B,MAAM,QAAQ,QAAQ,OAAO;CAC7B,MAAM,UAAU,OAAO,MAAM,GAAG;CAChC,MAAMA,QAAkB,cAAc;EACpC,MAAMC,SAAmB,EAAE;AAE3B,OAAK,IAAI,MAAM,GAAG,MAAM,QAAQ,MAAM,MACpC,MAAK,IAAI,MAAM,GAAG,MAAM,QAAQ,MAAM,OAAO;GAC3C,MAAM,IAAI,MAAM;GAChB,MAAM,IAAI,MAAM;AAChB,OAAI,QAAQ,KAAK,OAAO,KACtB,QAAO,KAAK,IAAI,EAAE,GAAG,EAAE,GAAG,UAAU,GAAG,UAAU,IAAI,UAAU,GAAG;;AAIxE,SAAO;IACN;EAAC,QAAQ;EAAM,QAAQ;EAAM;EAAU,CAAC;CAE3C,MAAMC,eAA2B,aAC9B,~~QAAQ~~,~~EAAE~~,MAAM~~;EAAE~~,~~GAAG;EAAM~~,~~GAAG;EAAO~~,~~GACtC~~,CAAC,KAAK,CACP;AAiBD,QAAO;EACL;EACA;EACA;EACA;EACA,eApBuC,aACtC,QAAQ,EAAE,MAAM;GAAE,SAAS,OAAO,MAAM,GAAG;GAAU,GAAG;GAAO,GAChE,CAAC,QAAQ,MAAM,CAChB;EAkBC,iBAhBkC,aACjC,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,GAC7B,EAAE,CACH;EAcC,iBAZ0C,aACzC,WAAW;GAAE,GAAG;GAAO,GAAG,MAAM,KAAK,IAAI;GAAE,GAC5C,CAAC,MAAM,CACR;EAUC;EACD"}
1	+ {"version":3,"file":"use-qr-code.js","names":["paths: string[]","result: string[]","getRootProps: PropGetter"],"sources":["../../../../src/components/qr-code/use-qr-code.tsx"],"sourcesContent":["import type { QrCodeGenerateResult } from \"uqr\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { encode } from \"uqr\"\nimport { mergeProps } from \"../../core\"\n\nexport interface UseQrCodeProps extends HTMLProps {\n /*\n The value to encode as a QR code.\n /\n value: string\n /\n The error correction level to boost the error correction level to the maximum allowed by the version and size.\n \n @default false\n /\n boostEcc?: boolean\n /\n The border width around the QR code.\n \n @default 1\n /\n border?: number\n /\n The error correction level.\n \n - `L` allows for up to 7% error correction,\n * - `M` allows for up to 15% error correction,\n * - `Q` allows for up to 25% error correction,\n * - `H` allows for up to 30% error correction.\n \n @default 'L'\n /\n ecc?: \"H\" \| \"L\" \| \"M\" \| \"Q\"\n /\n Inverts the black and white of the QR code.\n \n @default false\n /\n invert?: boolean\n /\n The mask pattern to use.\n \n @default -1\n /\n maskPattern?: number\n /\n The maximum version of the QR code (1-40).\n \n @default 40\n /\n maxVersion?: number\n /\n The minimum version of the QR code (1-40).\n \n @default 1\n /\n minVersion?: number\n /\n The pixel size of the QR code.\n \n @default 10\n /\n pixelSize?: number\n /\n Callback function to receive the generated QR Code.\n /\n onEncoded?: (qr: QrCodeGenerateResult) => void\n}\n\nexport const useQrCode = ({\n boostEcc,\n border,\n ecc,\n invert,\n maskPattern,\n maxVersion,\n minVersion,\n pixelSize = 10,\n value,\n onEncoded,\n ...rest\n}: UseQrCodeProps) => {\n const encoded = useMemo(\n () =>\n encode(value, {\n boostEcc,\n border,\n ecc,\n invert,\n maskPattern,\n maxVersion,\n minVersion,\n onEncoded,\n }),\n [\n value,\n border,\n ecc,\n boostEcc,\n maskPattern,\n maxVersion,\n minVersion,\n invert,\n onEncoded,\n ],\n )\n const height = encoded.size pixelSize\n const width = encoded.size * pixelSize\n const viewBox = `0 0 ${width} ${height}`\n const paths: string[] = useMemo(() => {\n const result: string[] = []\n\n for (let row = 0; row < encoded.size; row++) {\n for (let col = 0; col < encoded.size; col++) {\n const x = col * pixelSize\n const y = row * pixelSize\n if (encoded.data[row]?.[col]) {\n result.push(`M${x},${y}h${pixelSize}v${pixelSize}h-${pixelSize}z`)\n }\n }\n }\n return result\n }, [encoded.data, encoded.size, pixelSize])\n\n const getRootProps: PropGetter = useCallback(\n (props) => mergeProps(rest, props)(),\n [rest],\n )\n\n const getFrameProps: PropGetter<\"svg\"> = useCallback(\n (props = {}) => ({ viewBox: `0 0 ${width} ${height}`, ...props }),\n [height, width],\n )\n\n const getOverlayProps: PropGetter = useCallback(\n (props = {}) => ({ ...props }),\n [],\n )\n\n const getPatternProps: PropGetter<\"path\"> = useCallback(\n (props) => ({ ...props, d: paths.join(\" \") }),\n [paths],\n )\n\n return {\n height,\n paths,\n viewBox,\n width,\n getFrameProps,\n getOverlayProps,\n getPatternProps,\n getRootProps,\n }\n}\n\nexport type UseQrCodeReturn = ReturnType<typeof useQrCode>\n"],"mappings":";;;;;;AAsEA,MAAa,aAAa,EACxB,UACA,QACA,KACA,QACA,aACA,YACA,YACA,YAAY,IACZ,OACA,WACA,GAAG,WACiB;CACpB,MAAM,UAAU,cAEZ,OAAO,OAAO;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EACJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CACD,MAAM,SAAS,QAAQ,OAAO;CAC9B,MAAM,QAAQ,QAAQ,OAAO;CAC7B,MAAM,UAAU,OAAO,MAAM,GAAG;CAChC,MAAMA,QAAkB,cAAc;EACpC,MAAMC,SAAmB,EAAE;AAE3B,OAAK,IAAI,MAAM,GAAG,MAAM,QAAQ,MAAM,MACpC,MAAK,IAAI,MAAM,GAAG,MAAM,QAAQ,MAAM,OAAO;GAC3C,MAAM,IAAI,MAAM;GAChB,MAAM,IAAI,MAAM;AAChB,OAAI,QAAQ,KAAK,OAAO,KACtB,QAAO,KAAK,IAAI,EAAE,GAAG,EAAE,GAAG,UAAU,GAAG,UAAU,IAAI,UAAU,GAAG;;AAIxE,SAAO;IACN;EAAC,QAAQ;EAAM,QAAQ;EAAM;EAAU,CAAC;CAE3C,MAAMC,eAA2B,aAC9B,UAAU,WAAW,MAAM,MAAM,EAAE,EACpC,CAAC,KAAK,CACP;AAiBD,QAAO;EACL;EACA;EACA;EACA;EACA,eApBuC,aACtC,QAAQ,EAAE,MAAM;GAAE,SAAS,OAAO,MAAM,GAAG;GAAU,GAAG;GAAO,GAChE,CAAC,QAAQ,MAAM,CAChB;EAkBC,iBAhBkC,aACjC,QAAQ,EAAE,MAAM,EAAE,GAAG,OAAO,GAC7B,EAAE,CACH;EAcC,iBAZ0C,aACzC,WAAW;GAAE,GAAG;GAAO,GAAG,MAAM,KAAK,IAAI;GAAE,GAC5C,CAAC,MAAM,CACR;EAUC;EACD"}

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

@@ -3,11 +3,13 @@ import { ThemeProps } from "../../core/system/index.types.js";
 import { Component, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { WithTransitionProps } from "../motion/index.types.js";
+import "../motion/index.js";
 import { CollapseProps } from "../collapse/collapse.js";
+import "../collapse/index.js";
 import "../../index.js";
 import { AccordionStyle } from "./accordion.style.js";
 import { UseAccordionItemProps, UseAccordionProps } from "./use-accordion.js";
-import * as react1184 from "react";
+import * as react1207 from "react";
 //#region src/components/accordion/accordion.d.ts
 interface AccordionCallBackProps {
@@ -31,7 +33,7 @@ interface AccordionRootProps extends Omit<HTMLStyledProps, "onChange">, ThemePro
    */
   items?: AccordionItem[];
 }
-declare const AccordionPropsContext: react1184.Context<Partial<AccordionRootProps> | undefined>, useAccordionPropsContext: () => Partial<AccordionRootProps> | undefined;
+declare const AccordionPropsContext: react1207.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/accordion.style.d.ts CHANGED Viewed

@@ -3,7 +3,7 @@ import { CSSModifierObject, CSSPropObject, CSSSlotObject } from "../../core/css/
 import "../../index.js";
 //#region src/components/accordion/accordion.style.d.ts
-declare const accordionStyle: ComponentSlotStyle<"button" | "icon" | "panel" | "root" | "item", CSSPropObject<CSSSlotObject<"button" | "icon" | "panel" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"button" | "icon" | "panel" | "root" | "item">>, {
+declare const accordionStyle: ComponentSlotStyle<"button" | "panel" | "icon" | "root" | "item", CSSPropObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, CSSModifierObject<CSSSlotObject<"button" | "panel" | "icon" | "root" | "item">>, {
   panel: {
     button: {
       rounded: "l2";

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 react1172 from "react";
+import * as react1195 from "react";
 //#region src/components/accordion/use-accordion.d.ts
-declare const AccordionDescendantsContext: react1172.Context<{
+declare const AccordionDescendantsContext: react1195.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: react1172.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) => react1172.RefCallback<HTMLButtonElement>;
+    } | undefined) => react1195.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: react1172.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) => react1172.RefCallback<HTMLButtonElement>;
+      } | undefined) => react1195.RefCallback<HTMLButtonElement>;
       unregister: (node?: HTMLButtonElement | null | undefined) => void;
       value: (indexOrNode: number | HTMLButtonElement | null) => Descendant<HTMLButtonElement, {}> | undefined;
       values: (props?: Partial<{}> | undefined) => Descendant<HTMLButtonElement, {}>[];
     };
-    register: react1172.RefCallback<HTMLButtonElement>;
+    register: react1195.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: react1172.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) => react1172.RefCallback<HTMLButtonElement>;
+    } | undefined) => react1195.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: react1172.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
+declare const AccordionContext: react1195.Context<AccordionContext>, useAccordionContext: () => AccordionContext;
 interface AccordionItemContext extends Omit<UseAccordionItemReturn, "getItemProps"> {}
-declare const AccordionItemContext: react1172.Context<AccordionItemContext>, useAccordionItemContext: () => AccordionItemContext;
+declare const AccordionItemContext: react1195.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) => react1172.RefCallback<HTMLButtonElement>;
+    } | undefined) => react1195.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: react1172.Dispatch<react1172.SetStateAction<number>>;
-  setIndex: react1172.Dispatch<react1172.SetStateAction<number | number[]>>;
+  setFocusedIndex: react1195.Dispatch<react1195.SetStateAction<number>>;
+  setIndex: react1195.Dispatch<react1195.SetStateAction<number | number[]>>;
   toggle: boolean | undefined;
   getRootProps: PropGetter<"div", undefined, undefined>;
 };

package/dist/types/components/action-bar/action-bar.d.ts CHANGED Viewed

@@ -4,9 +4,10 @@ import "../../core/index.js";
 import { ActionBarStyle } from "./action-bar.style.js";
 import { PortalProps } from "../portal/portal.js";
 import { UsePopupAnimationProps } from "../popover/popover.js";
+import "../popover/index.js";
 import { UseActionBarProps } from "./use-action-bar.js";
 import "../../index.js";
-import * as react1217 from "react";
+import * as react1143 from "react";
 import { PropsWithChildren, ReactNode } from "react";
 //#region src/components/action-bar/action-bar.d.ts
@@ -28,7 +29,7 @@ interface ActionBarRootProps extends Omit<HTMLStyledProps, "content">, ThemeProp
    */
   onCloseComplete?: () => void;
 }
-declare const ActionBarPropsContext: react1217.Context<Partial<ActionBarRootProps> | undefined>, useActionBarPropsContext: () => Partial<ActionBarRootProps> | undefined;
+declare const ActionBarPropsContext: react1143.Context<Partial<ActionBarRootProps> | undefined>, useActionBarPropsContext: () => Partial<ActionBarRootProps> | undefined;
 /**
  * `ActionBar` is a component that is used to display a bottom action bar with a set of actions.
  *

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

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

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

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

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

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

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

@@ -3,8 +3,9 @@ import { Component } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { AlphaSliderStyle } from "./alpha-slider.style.js";
 import { HueSliderOverlayProps, HueSliderRootProps, HueSliderThumbProps, HueSliderTrackProps } from "../hue-slider/hue-slider.js";
+import "../hue-slider/index.js";
 import "../../index.js";
-import * as react1170 from "react";
+import * as react30 from "react";
 //#region src/components/alpha-slider/alpha-slider.d.ts
 interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps, "color" | "max" | "step" | "thumbProps" | "trackProps">, AlphaSliderStyle> {
@@ -37,7 +38,7 @@ interface AlphaSliderRootProps extends WithoutThemeProps<Omit<HueSliderRootProps
    */
   trackProps?: AlphaSliderTrackProps;
 }
-declare const AlphaSliderPropsContext: react1170.Context<Partial<AlphaSliderRootProps> | undefined>, useAlphaSliderPropsContext: () => Partial<AlphaSliderRootProps> | undefined;
+declare const AlphaSliderPropsContext: react30.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 react1169 from "react";
+import * as react28 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: react1169.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
+declare const AspectRatioPropsContext: react28.Context<Partial<AspectRatioProps> | undefined>, useAspectRatioPropsContext: () => Partial<AspectRatioProps> | undefined;
 /**
  * `AspectRatio` is a component for embedding things like videos and maps while maintaining the aspect ratio.
  *

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

@@ -3,14 +3,16 @@ import { ThemeProps } from "../../core/system/index.types.js";
 import { Component, GenericsComponent, HTMLStyledProps } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { PopoverContentProps, UsePopoverStyleProps, UsePopupAnimationProps } from "../popover/popover.js";
+import "../popover/index.js";
 import { AutocompleteStyle } from "./autocomplete.style.js";
 import { UseComboboxGroupProps } from "../../hooks/use-combobox/index.js";
 import { UseInputBorderProps } from "../input/use-input-border.js";
 import { InputElementProps } from "../input/input-element.js";
 import { InputGroupRootProps } from "../input/input-group.js";
+import "../input/index.js";
 import { UseAutocompleteOptionProps, UseAutocompleteProps } from "./use-autocomplete.js";
 import "../../index.js";
-import * as react1165 from "react";
+import * as react1187 from "react";
 import { ReactElement, ReactNode } from "react";
 //#region src/components/autocomplete/autocomplete.d.ts
@@ -66,7 +68,7 @@ interface AutocompleteRootProps<Multiple extends boolean = false> extends Omit<H
    */
   rootProps?: InputGroupRootProps;
 }
-declare const AutocompletePropsContext: react1165.Context<Partial<AutocompleteRootProps<false>> | undefined>, useAutocompletePropsContext: () => Partial<AutocompleteRootProps<false>> | undefined;
+declare const AutocompletePropsContext: react1187.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" | "icon" | "separator" | "group" | "root" | "indicator" | "field" | "valueText" | "empty", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "icon" | "separator" | "group" | "root" | "indicator" | "field" | "valueText" | "empty">>, {
+declare const autocompleteStyle: ComponentSlotStyle<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "empty" | "valueText", CSSPropObject<CSSSlotObject<"input" | "label" | "option" | "content" | "group" | "separator" | "icon" | "root" | "indicator" | "field" | "empty" | "valueText">>, {
   xs: {
     empty: {
       gap: "1.5";

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

@@ -2,11 +2,13 @@ import { index_d_exports } from "../../utils/index.js";
 import { HTMLProps, HTMLRefAttributes, PropGetter } from "../../core/components/index.types.js";
 import "../../core/index.js";
 import { UsePopoverProps } from "../popover/use-popover.js";
+import "../popover/index.js";
 import { FieldProps } from "../field/field.js";
+import "../field/index.js";
 import { Descendant, DescendantProps } from "../../hooks/use-descendants/index.js";
 import { ComboboxDescendant, ComboboxDescendantProps, ComboboxItem, ComboboxItemWithValue, UseComboboxItemProps, UseComboboxProps } from "../../hooks/use-combobox/index.js";
 import "../../index.js";
-import * as react1159 from "react";
+import * as react1181 from "react";
 import { ChangeEvent, ReactNode } from "react";
 //#region src/components/autocomplete/use-autocomplete.d.ts
@@ -26,7 +28,7 @@ interface AutocompleteFilter {
 }
 type AutocompleteMatcher = typeof index_d_exports.match;
 interface AutocompleteContext extends Pick<UseAutocompleteReturn, "max" | "value"> {}
-declare const AutocompleteContext: react1159.Context<AutocompleteContext>, useAutocompleteContext: () => AutocompleteContext;
+declare const AutocompleteContext: react1181.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.
@@ -154,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) => react1159.RefCallback<HTMLDivElement>;
+    register: (props?: DescendantProps<HTMLDivElement, ComboboxDescendantProps> | undefined) => react1181.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>[];
@@ -164,8 +166,8 @@ declare const useAutocomplete: <Multiple extends boolean = false>(props?: UseAut
   items: ComboboxItem[];
   max: number | undefined;
   open: boolean;
-  setInputValue: react1159.Dispatch<react1159.SetStateAction<string>>;
-  setValue: react1159.Dispatch<react1159.SetStateAction<Multiple extends true ? string[] : string>>;
+  setInputValue: react1181.Dispatch<react1181.SetStateAction<string>>;
+  setValue: react1181.Dispatch<react1181.SetStateAction<Multiple extends true ? string[] : string>>;
   value: Multiple extends true ? string[] : string;
   valueMap: {
     [key: string]: ComboboxItemWithValue;