npm - @yamada-ui/react - Versions diffs - 2.2.1-dev-20260429074003 → 2.2.1-dev-20260429081642 - Mend

@yamada-ui/react 2.2.1-dev-20260429074003 → 2.2.1-dev-20260429081642

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"use-dropzone.cjs","names":["fromEvent","useFieldProps","getRootProps: PropGetter","props","mergeProps","mergeRefs"],"sources":["../../../../src/components/dropzone/use-dropzone.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { Accept, DropzoneOptions } from \"react-dropzone\"\nimport type { FieldProps } from \"../field\"\nimport { fromEvent } from \"file-selector\"\nimport { useCallback, useId } from \"react\"\nimport { useDropzone as useOriginalDropzone } from \"react-dropzone\"\nimport { ~~type HTMLProps,~~ mergeProps, ~~type PropGetter~~ } from \"../../core\"\nimport {\n ariaAttr,\n assignRef,\n cx,\n dataAttr,\n isArray,\n mergeRefs,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UseDropzoneProps\n extends Omit<HTMLProps, \"onDrop\" \| \"onError\">, FieldProps {\n /*\n Set accepted file types.\n /\n accept?: Accept \| string[]\n /\n Set to true to focus the root element on render.\n \n @default false\n /\n autoFocus?: boolean\n /\n Use this to provide a custom file aggregator.\n /\n getFilesFromEvent?: DropzoneOptions[\"getFilesFromEvent\"]\n /\n If `true`, display the dropzone loading icon.\n \n @default false\n /\n loading?: boolean\n /\n Maximum accepted number of files.\n * The default value is 0 which means there is no limitation to how many files are accepted.\n \n @default 0\n /\n maxFiles?: number\n /\n Maximum file size (in bytes).\n \n @default Infinity\n /\n maxSize?: number\n /\n Minimum file size (in bytes).\n \n @default 0\n /\n minSize?: number\n /\n Allow drag and drop (or selection from the file dialog) of multiple files.\n \n @default false\n /\n multiple?: boolean\n /\n The HTML `name` attribute used for forms.\n /\n name?: string\n /\n If true, disables click to open the native file selection dialog.\n \n @default false\n /\n noClick?: boolean\n /\n If true, disables drag and drop.\n \n @default false\n /\n noDrag?: boolean\n /\n If true, stops drag event propagation to parents.\n \n @default false\n /\n noDragEventsBubbling?: boolean\n /\n If true, disables `space` and `enter` to open the native file selection dialog.\n * Note that it also stops tracking the focus state.\n \n @default false\n /\n noKeyboard?: boolean\n /\n Ref to a open function.\n /\n openRef?: RefObject<() => void>\n /\n If false, allow dropped items to take over the current browser window.\n \n @default true\n /\n preventDropOnDocument?: boolean\n /\n If true, use the [File System API](https://developer.mozilla.org/en-US/docs/Web/API/File_System_API) to read files.\n \n @default false\n /\n useFsAccessApi?: boolean\n /\n Custom validation function.\n * It must return null if there's no errors.\n /\n validator?: DropzoneOptions[\"validator\"]\n /\n Callback for when the dragenter event occurs.\n /\n onDragEnter?: DropzoneOptions[\"onDragEnter\"]\n /\n Callback for when the dragleave event occurs.\n /\n onDragLeave?: DropzoneOptions[\"onDragLeave\"]\n /\n Callback for when the dragover event occurs.\n /\n onDragOver?: DropzoneOptions[\"onDragOver\"]\n /\n Callback for when the drop event occurs.\n * Note that this callback is invoked after the `getFilesFromEvent` callback is done.\n /\n onDrop?: DropzoneOptions[\"onDrop\"]\n /\n Callback for when the drop event occurs.\n * Note that if no files are accepted, this callback is not invoked.\n /\n onDropAccepted?: DropzoneOptions[\"onDropAccepted\"]\n /\n Callback for when the drop event occurs.\n * Note that if no files are rejected, this callback is not invoked.\n /\n onDropRejected?: DropzoneOptions[\"onDropRejected\"]\n /\n Callback for when there's some error from any of the promises.\n /\n onError?: DropzoneOptions[\"onError\"]\n /\n Callback for when closing the file dialog with no selection.\n /\n onFileDialogCancel?: DropzoneOptions[\"onFileDialogCancel\"]\n /\n Callback for when opening the file dialog.\n */\n onFileDialogOpen?: DropzoneOptions[\"onFileDialogOpen\"]\n}\n\nexport const useDropzone = (props: UseDropzoneProps = {}) => {\n const {\n props: {\n id,\n name,\n accept,\n autoFocus = false,\n disabled,\n getFilesFromEvent = fromEvent,\n loading,\n maxFiles = 0,\n maxSize = Infinity,\n minSize = 0,\n multiple = false,\n noClick = false,\n noDrag = false,\n noDragEventsBubbling = false,\n noKeyboard = false,\n openRef,\n preventDropOnDocument = true,\n readOnly,\n useFsAccessApi = false,\n validator,\n onDragEnter,\n onDragLeave,\n onDragOver,\n onDrop,\n onDropAccepted,\n onDropRejected,\n onError,\n onFileDialogCancel,\n onFileDialogOpen,\n ...rest\n },\n ariaProps,\n dataProps,\n eventProps,\n } = useFieldProps(props)\n const labelledbyId = useId()\n const interactive = !(loading \|\| readOnly \|\| disabled)\n const {\n acceptedFiles,\n fileRejections,\n isDragAccept: dragAccept,\n isDragActive: dragActive,\n isDragReject: dragReject,\n isFocused: focused,\n open,\n getInputProps: getOriginalInputProps,\n getRootProps: getOriginalRootProps,\n } = useOriginalDropzone({\n accept: isArray(accept)\n ? accept.reduce((prev, current) => ({ ...prev, [current]: [] }), {})\n : accept,\n autoFocus,\n disabled: !interactive,\n getFilesFromEvent,\n maxFiles,\n maxSize,\n minSize,\n multiple,\n noClick,\n noDrag,\n noDragEventsBubbling,\n noKeyboard,\n preventDropOnDocument,\n useFsAccessApi,\n validator,\n onDragEnter,\n onDragLeave,\n onDragOver,\n onDrop,\n onDropAccepted,\n onDropRejected,\n onError,\n onFileDialogCancel,\n onFileDialogOpen,\n })\n const dragIdle = !dragAccept && !dragReject\n\n assignRef(openRef, open)\n\n const getRootProps: PropGetter = useCallback(\n ({ ref, ...props } = {}) => {\n const { ref: restRef, ...restProps } = rest\n const { ref: rootRef, ...rootProps } = getOriginalRootProps(\n mergeProps(\n {\n id: labelledbyId,\n ...dataProps,\n ...eventProps,\n \"aria-disabled\": ariaAttr(!interactive),\n \"data-accept\": dataAttr(dragAccept),\n \"data-idle\": dataAttr(dragIdle),\n \"data-loading\": dataAttr(loading),\n \"data-reject\": dataAttr(dragReject),\n },\n restProps,\n props,\n )(),\n ) as HTMLProps\n\n return {\n ...rootProps,\n ref: mergeRefs(restRef, ref, rootRef),\n }\n },\n\n [\n getOriginalRootProps,\n labelledbyId,\n dataProps,\n eventProps,\n interactive,\n dragAccept,\n dragIdle,\n loading,\n dragReject,\n rest,\n ],\n )\n\n const getInputProps: PropGetter<\"input\"> = useCallback(\n ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) =>\n getOriginalInputProps({\n id,\n name,\n disabled,\n readOnly,\n ...ariaProps,\n ...dataProps,\n ...props,\n \"aria-labelledby\": cx(ariaLabelledby, labelledbyId),\n }),\n [\n getOriginalInputProps,\n id,\n name,\n disabled,\n readOnly,\n ariaProps,\n dataProps,\n labelledbyId,\n ],\n )\n\n return {\n acceptedFiles,\n dragAccept,\n dragActive,\n dragIdle,\n dragReject,\n fileRejections,\n focused,\n loading,\n open,\n getInputProps,\n getRootProps,\n }\n}\n\nexport type UseDropzoneReturn = ReturnType<typeof useDropzone>\n"],"mappings":";;;;;;;;;;;;;;~~AA6JA~~,MAAa,eAAe,QAA0B,EAAE,KAAK;CAC3D,MAAM,EACJ,OAAO,EACL,IACA,MACA,QACA,YAAY,OACZ,UACA,oBAAoBA,yBACpB,SACA,WAAW,GACX,UAAU,UACV,UAAU,GACV,WAAW,OACX,UAAU,OACV,SAAS,OACT,uBAAuB,OACvB,aAAa,OACb,SACA,wBAAwB,MACxB,UACA,iBAAiB,OACjB,WACA,aACA,aACA,YACA,QACA,gBACA,gBACA,SACA,oBACA,kBACA,GAAG,QAEL,WACA,WACA,eACEC,sCAAc,MAAM;CACxB,MAAM,iCAAsB;CAC5B,MAAM,cAAc,EAAE,WAAW,YAAY;CAC7C,MAAM,EACJ,eACA,gBACA,cAAc,YACd,cAAc,YACd,cAAc,YACd,WAAW,SACX,MACA,eAAe,uBACf,cAAc,yDACQ;EACtB,uDAAgB,OAAO,GACnB,OAAO,QAAQ,MAAM,aAAa;GAAE,GAAG;IAAO,UAAU,EAAE;GAAE,GAAG,EAAE,CAAC,GAClE;EACJ;EACA,UAAU,CAAC;EACX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAM,WAAW,CAAC,cAAc,CAAC;AAEjC,uBAAU,SAAS,KAAK;CAExB,MAAMC,uCACH,EAAE,KAAK,GAAGC,YAAU,EAAE,KAAK;EAC1B,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc;EACvC,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc,qBACrCC,yBACE;GACE,IAAI;GACJ,GAAG;GACH,GAAG;GACH,iEAA0B,CAAC,YAAY;GACvC,+DAAwB,WAAW;GACnC,6DAAsB,SAAS;GAC/B,gEAAyB,QAAQ;GACjC,+DAAwB,WAAW;GACpC,EACD,WACAD,QACD,EAAE,CACJ;AAED,SAAO;GACL,GAAG;GACH,KAAKE,sBAAU,SAAS,KAAK,QAAQ;GACtC;~~IAGH~~;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AA0BD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uCAjCC,EAAE,mBAAmB,gBAAgB,GAAGF,YAAU,EAAE,KACnD,sBAAsB;GACpB;GACA;GACA;GACA;GACA,GAAG;GACH,GAAG;GACH,GAAGA;GACH,6DAAsB,gBAAgB,aAAa;GACpD,CAAC,EACJ;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAaC;EACD"}
1	+ {"version":3,"file":"use-dropzone.cjs","names":["fromEvent","useFieldProps","getRootProps: PropGetter","props","mergeProps","mergeRefs"],"sources":["../../../../src/components/dropzone/use-dropzone.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { Accept, DropzoneOptions } from \"react-dropzone\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { fromEvent } from \"file-selector\"\nimport { useCallback, useId } from \"react\"\nimport { useDropzone as useOriginalDropzone } from \"react-dropzone\"\nimport { mergeProps } from \"../../core\"\nimport {\n ariaAttr,\n assignRef,\n cx,\n dataAttr,\n isArray,\n mergeRefs,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UseDropzoneProps\n extends Omit<HTMLProps, \"onDrop\" \| \"onError\">, FieldProps {\n /*\n Set accepted file types.\n /\n accept?: Accept \| string[]\n /\n Set to true to focus the root element on render.\n \n @default false\n /\n autoFocus?: boolean\n /\n Use this to provide a custom file aggregator.\n /\n getFilesFromEvent?: DropzoneOptions[\"getFilesFromEvent\"]\n /\n If `true`, display the dropzone loading icon.\n \n @default false\n /\n loading?: boolean\n /\n Maximum accepted number of files.\n * The default value is 0 which means there is no limitation to how many files are accepted.\n \n @default 0\n /\n maxFiles?: number\n /\n Maximum file size (in bytes).\n \n @default Infinity\n /\n maxSize?: number\n /\n Minimum file size (in bytes).\n \n @default 0\n /\n minSize?: number\n /\n Allow drag and drop (or selection from the file dialog) of multiple files.\n \n @default false\n /\n multiple?: boolean\n /\n The HTML `name` attribute used for forms.\n /\n name?: string\n /\n If true, disables click to open the native file selection dialog.\n \n @default false\n /\n noClick?: boolean\n /\n If true, disables drag and drop.\n \n @default false\n /\n noDrag?: boolean\n /\n If true, stops drag event propagation to parents.\n \n @default false\n /\n noDragEventsBubbling?: boolean\n /\n If true, disables `space` and `enter` to open the native file selection dialog.\n * Note that it also stops tracking the focus state.\n \n @default false\n /\n noKeyboard?: boolean\n /\n Ref to a open function.\n /\n openRef?: RefObject<() => void>\n /\n If false, allow dropped items to take over the current browser window.\n \n @default true\n /\n preventDropOnDocument?: boolean\n /\n If true, use the [File System API](https://developer.mozilla.org/en-US/docs/Web/API/File_System_API) to read files.\n \n @default false\n /\n useFsAccessApi?: boolean\n /\n Custom validation function.\n * It must return null if there's no errors.\n /\n validator?: DropzoneOptions[\"validator\"]\n /\n Callback for when the dragenter event occurs.\n /\n onDragEnter?: DropzoneOptions[\"onDragEnter\"]\n /\n Callback for when the dragleave event occurs.\n /\n onDragLeave?: DropzoneOptions[\"onDragLeave\"]\n /\n Callback for when the dragover event occurs.\n /\n onDragOver?: DropzoneOptions[\"onDragOver\"]\n /\n Callback for when the drop event occurs.\n * Note that this callback is invoked after the `getFilesFromEvent` callback is done.\n /\n onDrop?: DropzoneOptions[\"onDrop\"]\n /\n Callback for when the drop event occurs.\n * Note that if no files are accepted, this callback is not invoked.\n /\n onDropAccepted?: DropzoneOptions[\"onDropAccepted\"]\n /\n Callback for when the drop event occurs.\n * Note that if no files are rejected, this callback is not invoked.\n /\n onDropRejected?: DropzoneOptions[\"onDropRejected\"]\n /\n Callback for when there's some error from any of the promises.\n /\n onError?: DropzoneOptions[\"onError\"]\n /\n Callback for when closing the file dialog with no selection.\n /\n onFileDialogCancel?: DropzoneOptions[\"onFileDialogCancel\"]\n /\n Callback for when opening the file dialog.\n */\n onFileDialogOpen?: DropzoneOptions[\"onFileDialogOpen\"]\n}\n\nexport const useDropzone = (props: UseDropzoneProps = {}) => {\n const {\n props: {\n id,\n name,\n accept,\n autoFocus = false,\n disabled,\n getFilesFromEvent = fromEvent,\n loading,\n maxFiles = 0,\n maxSize = Infinity,\n minSize = 0,\n multiple = false,\n noClick = false,\n noDrag = false,\n noDragEventsBubbling = false,\n noKeyboard = false,\n openRef,\n preventDropOnDocument = true,\n readOnly,\n useFsAccessApi = false,\n validator,\n onDragEnter,\n onDragLeave,\n onDragOver,\n onDrop,\n onDropAccepted,\n onDropRejected,\n onError,\n onFileDialogCancel,\n onFileDialogOpen,\n ...rest\n },\n ariaProps,\n dataProps,\n eventProps,\n } = useFieldProps(props)\n const labelledbyId = useId()\n const interactive = !(loading \|\| readOnly \|\| disabled)\n const {\n acceptedFiles,\n fileRejections,\n isDragAccept: dragAccept,\n isDragActive: dragActive,\n isDragReject: dragReject,\n isFocused: focused,\n open,\n getInputProps: getOriginalInputProps,\n getRootProps: getOriginalRootProps,\n } = useOriginalDropzone({\n accept: isArray(accept)\n ? accept.reduce((prev, current) => ({ ...prev, [current]: [] }), {})\n : accept,\n autoFocus,\n disabled: !interactive,\n getFilesFromEvent,\n maxFiles,\n maxSize,\n minSize,\n multiple,\n noClick,\n noDrag,\n noDragEventsBubbling,\n noKeyboard,\n preventDropOnDocument,\n useFsAccessApi,\n validator,\n onDragEnter,\n onDragLeave,\n onDragOver,\n onDrop,\n onDropAccepted,\n onDropRejected,\n onError,\n onFileDialogCancel,\n onFileDialogOpen,\n })\n const dragIdle = !dragAccept && !dragReject\n\n assignRef(openRef, open)\n\n const getRootProps: PropGetter = useCallback(\n ({ ref, ...props } = {}) => {\n const { ref: restRef, ...restProps } = rest\n const { ref: rootRef, ...rootProps } = getOriginalRootProps(\n mergeProps(\n {\n id: labelledbyId,\n ...dataProps,\n ...eventProps,\n \"aria-disabled\": ariaAttr(!interactive),\n \"data-accept\": dataAttr(dragAccept),\n \"data-idle\": dataAttr(dragIdle),\n \"data-loading\": dataAttr(loading),\n \"data-reject\": dataAttr(dragReject),\n },\n restProps,\n props,\n )(),\n ) as HTMLProps\n\n return {\n ...rootProps,\n ref: mergeRefs(restRef, ref, rootRef),\n }\n },\n [\n getOriginalRootProps,\n labelledbyId,\n dataProps,\n eventProps,\n interactive,\n dragAccept,\n dragIdle,\n loading,\n dragReject,\n rest,\n ],\n )\n\n const getInputProps: PropGetter<\"input\"> = useCallback(\n ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) =>\n getOriginalInputProps({\n id,\n name,\n disabled,\n readOnly,\n ...ariaProps,\n ...dataProps,\n ...props,\n \"aria-labelledby\": cx(ariaLabelledby, labelledbyId),\n }),\n [\n getOriginalInputProps,\n id,\n name,\n disabled,\n readOnly,\n ariaProps,\n dataProps,\n labelledbyId,\n ],\n )\n\n return {\n acceptedFiles,\n dragAccept,\n dragActive,\n dragIdle,\n dragReject,\n fileRejections,\n focused,\n loading,\n open,\n getInputProps,\n getRootProps,\n }\n}\n\nexport type UseDropzoneReturn = ReturnType<typeof useDropzone>\n"],"mappings":";;;;;;;;;;;;;;AA8JA,MAAa,eAAe,QAA0B,EAAE,KAAK;CAC3D,MAAM,EACJ,OAAO,EACL,IACA,MACA,QACA,YAAY,OACZ,UACA,oBAAoBA,yBACpB,SACA,WAAW,GACX,UAAU,UACV,UAAU,GACV,WAAW,OACX,UAAU,OACV,SAAS,OACT,uBAAuB,OACvB,aAAa,OACb,SACA,wBAAwB,MACxB,UACA,iBAAiB,OACjB,WACA,aACA,aACA,YACA,QACA,gBACA,gBACA,SACA,oBACA,kBACA,GAAG,QAEL,WACA,WACA,eACEC,sCAAc,MAAM;CACxB,MAAM,iCAAsB;CAC5B,MAAM,cAAc,EAAE,WAAW,YAAY;CAC7C,MAAM,EACJ,eACA,gBACA,cAAc,YACd,cAAc,YACd,cAAc,YACd,WAAW,SACX,MACA,eAAe,uBACf,cAAc,yDACQ;EACtB,uDAAgB,OAAO,GACnB,OAAO,QAAQ,MAAM,aAAa;GAAE,GAAG;IAAO,UAAU,EAAE;GAAE,GAAG,EAAE,CAAC,GAClE;EACJ;EACA,UAAU,CAAC;EACX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAM,WAAW,CAAC,cAAc,CAAC;AAEjC,uBAAU,SAAS,KAAK;CAExB,MAAMC,uCACH,EAAE,KAAK,GAAGC,YAAU,EAAE,KAAK;EAC1B,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc;EACvC,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc,qBACrCC,yBACE;GACE,IAAI;GACJ,GAAG;GACH,GAAG;GACH,iEAA0B,CAAC,YAAY;GACvC,+DAAwB,WAAW;GACnC,6DAAsB,SAAS;GAC/B,gEAAyB,QAAQ;GACjC,+DAAwB,WAAW;GACpC,EACD,WACAD,QACD,EAAE,CACJ;AAED,SAAO;GACL,GAAG;GACH,KAAKE,sBAAU,SAAS,KAAK,QAAQ;GACtC;IAEH;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AA0BD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,uCAjCC,EAAE,mBAAmB,gBAAgB,GAAGF,YAAU,EAAE,KACnD,sBAAsB;GACpB;GACA;GACA;GACA;GACA,GAAG;GACH,GAAG;GACH,GAAGA;GACH,6DAAsB,gBAAgB,aAAa;GACpD,CAAC,EACJ;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAaC;EACD"}

package/dist/cjs/components/hue-slider/hue-slider.cjs CHANGED Viewed

@@ -2,6 +2,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_factory = require('../../core/system/factory.cjs');
+const require_props = require('../../core/components/props.cjs');
 const require_create_component = require('../../core/components/create-component.cjs');
 require('../../core/index.cjs');
 const require_hooks_use_value_index = require('../../hooks/use-value/index.cjs');
@@ -77,8 +78,7 @@ const HueSliderOverlay = withContext(({ layers, ...rest }) => {
 	}];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: layers.map((props, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.styled.div, {
 		"data-orientation": orientation,
-		...rest,
-		...props
+		...require_props.mergeProps(rest, props)()
 	}, index)) });
 }, "overlay")();
 const HueSliderThumb = withContext(require_slider.SliderThumb, "thumb")();

package/dist/cjs/components/hue-slider/hue-slider.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hue-slider.cjs","names":["createSlotComponent","hueSliderStyle","useI18n","useValue","styled"],"sources":["../../../../src/components/hue-slider/hue-slider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { HueSliderStyle } from \"./hue-slider.style\"\nimport { useCallback, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { Slider } from \"../slider\"\nimport { hueSliderStyle } from \"./hue-slider.style\"\n\ninterface ComponentContext extends Pick<\n Required<HueSliderRootProps>,\n \"max\" \| \"min\" \| \"orientation\"\n> {}\n\nexport interface HueSliderRootProps\n extends\n WithoutThemeProps<\n Omit<\n Slider.RootProps,\n \| \"betweenThumbs\"\n \| \"marks\"\n \| \"marksProps\"\n \| \"max\"\n \| \"rangeFill\"\n \| \"rangeProps\"\n \| \"thumbFill\"\n \| \"thumbProps\"\n \| \"trackFill\"\n \| \"trackProps\"\n >,\n HueSliderStyle\n >,\n ThemeProps<HueSliderStyle> {\n /*\n The maximum allowed value of the slider. Cannot be less than min.\n \n @default 360\n /\n max?: number\n /\n Props for the overlay element.\n /\n overlayProps?: HueSliderOverlayProps\n /\n Props for the thumb element.\n /\n thumbProps?: HueSliderThumbProps\n /\n Props for the track element.\n /\n trackProps?: HueSliderTrackProps\n}\n\nconst {\n ComponentContext,\n PropsContext: HueSliderPropsContext,\n useComponentContext,\n usePropsContext: useHueSliderPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<HueSliderRootProps, HueSliderStyle, ComponentContext>(\n \"hue-slider\",\n hueSliderStyle,\n)\n\nexport { HueSliderPropsContext, useHueSliderPropsContext }\n\n/\n `HueSlider` is a component used to allow the user to select a color hue.\n \n @see https://yamada-ui.com/docs/components/hue-slider\n /\nexport const HueSliderRoot = withProvider<\"input\", HueSliderRootProps>(\n ({\n children,\n max = 360,\n min = 0,\n orientation: orientationProp = \"horizontal\",\n overlayProps,\n thumbProps,\n trackProps,\n ...rest\n }) => {\n const { t } = useI18n(\"hueSlider\")\n const orientation = useValue(orientationProp)\n const computedChildren = useMemo(() => {\n if (children) return children\n\n return (\n <HueSliderTrack {...trackProps}>\n <HueSliderThumb {...thumbProps} />\n\n <HueSliderOverlay {...overlayProps} />\n </HueSliderTrack>\n )\n }, [children, overlayProps, thumbProps, trackProps])\n const context = useMemo(\n () => ({ max, min, orientation }),\n [max, min, orientation],\n )\n const getColorName = useCallback(\n (hue: number): string => {\n if (hue < 30 \|\| hue >= 330) return t(\"Red\")\n if (hue < 90) return t(\"Yellow\")\n if (hue < 150) return t(\"Green\")\n if (hue < 210) return t(\"Cyan\")\n if (hue < 270) return t(\"Blue\")\n return t(\"Magenta\")\n },\n [t],\n )\n const getAriaValueText = useCallback(\n (hue: number) => `${hue}°, ${getColorName(hue)}`,\n [getColorName],\n )\n\n return (\n <ComponentContext value={context}>\n <Slider.Root\n getAriaValueText={getAriaValueText}\n max={max}\n min={min}\n orientation={orientation}\n {...rest}\n >\n {computedChildren}\n </Slider.Root>\n </ComponentContext>\n )\n },\n \"root\",\n)({\n \"--thumb-fill\": \"transparent\",\n \"--track-fill\": \"transparent\",\n})\n\nexport interface HueSliderTrackProps extends Slider.TrackProps {}\n\nexport const HueSliderTrack = withContext<\"div\", HueSliderTrackProps>(\n Slider.Track,\n \"track\",\n)()\n\nexport interface HueSliderOverlayProps extends HTMLStyledProps {\n /\n The layers used for the overlay element.\n /\n layers?: HTMLStyledProps[]\n}\n\nexport const HueSliderOverlay = withContext<\"fragment\", HueSliderOverlayProps>(\n ({ layers, ...rest }) => {\n const { max, min, orientation } = useComponentContext()\n\n layers ??= [\n {\n bgGradient: `linear(${[\n orientation === \"horizontal\" ? \"to-r\" : \"to-t\",\n ...Array.from({ length: 7 }).map(\n (_, index) =>\n `hsl(${Math.round(min + ((max - min) / 6) index)}, 100%, 50%)`,\n ),\n ].join(\", \")})`,\n boxShadow: \"inner\",\n },\n ]\n\n return (\n <>\n {layers.map((props, index) => (\n <styled.div\n key={index}\n data-orientation={orientation}\n {...rest~~}\n {...~~props}\n />\n ))}\n </>\n )\n },\n \"overlay\",\n)()\n\nexport interface HueSliderThumbProps extends Slider.ThumbProps {}\n\nexport const HueSliderThumb = withContext<\"div\", HueSliderThumbProps>(\n Slider.Thumb,\n \"thumb\",\n)()\n"],"mappings":"~~;;;;;;;;;;;;;;;;~~AAuDA,MAAM,EACJ,kBACA,cAAc,uBACd,qBACA,iBAAiB,0BACjB,aACA,iBACEA,6CACF,cACAC,wCACD;;;;;;AASD,MAAa,gBAAgB,cAC1B,EACC,UACA,MAAM,KACN,MAAM,GACN,aAAa,kBAAkB,cAC/B,cACA,YACA,YACA,GAAG,WACC;CACJ,MAAM,EAAE,MAAMC,8BAAQ,YAAY;CAClC,MAAM,cAAcC,uCAAS,gBAAgB;CAC7C,MAAM,4CAAiC;AACrC,MAAI,SAAU,QAAO;AAErB,SACE,4CAAC;GAAe,GAAI;cAClB,2CAAC,kBAAe,GAAI,aAAc,EAElC,2CAAC,oBAAiB,GAAI,eAAgB;IACvB;IAElB;EAAC;EAAU;EAAc;EAAY;EAAW,CAAC;CACpD,MAAM,oCACG;EAAE;EAAK;EAAK;EAAa,GAChC;EAAC;EAAK;EAAK;EAAY,CACxB;CACD,MAAM,uCACH,QAAwB;AACvB,MAAI,MAAM,MAAM,OAAO,IAAK,QAAO,EAAE,MAAM;AAC3C,MAAI,MAAM,GAAI,QAAO,EAAE,SAAS;AAChC,MAAI,MAAM,IAAK,QAAO,EAAE,QAAQ;AAChC,MAAI,MAAM,IAAK,QAAO,EAAE,OAAO;AAC/B,MAAI,MAAM,IAAK,QAAO,EAAE,OAAO;AAC/B,SAAO,EAAE,UAAU;IAErB,CAAC,EAAE,CACJ;CACD,MAAM,2CACH,QAAgB,GAAG,IAAI,KAAK,aAAa,IAAI,IAC9C,CAAC,aAAa,CACf;AAED,QACE,2CAAC;EAAiB,OAAO;YACvB;GACoB;GACb;GACA;GACQ;GACb,GAAI;aAEH;IACW;GACG;GAGvB,OACD,CAAC;CACA,gBAAgB;CAChB,gBAAgB;CACjB,CAAC;AAIF,MAAa,iBAAiB,wCAE5B,QACD,EAAE;AASH,MAAa,mBAAmB,aAC7B,EAAE,QAAQ,GAAG,WAAW;CACvB,MAAM,EAAE,KAAK,KAAK,gBAAgB,qBAAqB;AAEvD,YAAW,CACT;EACE,YAAY,UAAU,CACpB,gBAAgB,eAAe,SAAS,QACxC,GAAG,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAC1B,GAAG,UACF,OAAO,KAAK,MAAM,OAAQ,MAAM,OAAO,IAAK,MAAM,CAAC,cACtD,CACF,CAAC,KAAK,KAAK,CAAC;EACb,WAAW;EACZ,CACF;AAED,QACE,mFACG,OAAO,KAAK,OAAO,UAClB,2CAACC,uBAAO;EAEN,oBAAkB;EAClB,~~GAAI;EACJ~~,~~GAAI~~;~~IAHC~~,~~MAIL~~,CACF,GACD;GAGP,UACD,EAAE;AAIH,MAAa,iBAAiB,wCAE5B,QACD,EAAE"}
1	+ {"version":3,"file":"hue-slider.cjs","names":["createSlotComponent","hueSliderStyle","useI18n","useValue","styled","mergeProps"],"sources":["../../../../src/components/hue-slider/hue-slider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { HueSliderStyle } from \"./hue-slider.style\"\nimport { useCallback, useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { Slider } from \"../slider\"\nimport { hueSliderStyle } from \"./hue-slider.style\"\n\ninterface ComponentContext extends Pick<\n Required<HueSliderRootProps>,\n \"max\" \| \"min\" \| \"orientation\"\n> {}\n\nexport interface HueSliderRootProps\n extends\n WithoutThemeProps<\n Omit<\n Slider.RootProps,\n \| \"betweenThumbs\"\n \| \"marks\"\n \| \"marksProps\"\n \| \"max\"\n \| \"rangeFill\"\n \| \"rangeProps\"\n \| \"thumbFill\"\n \| \"thumbProps\"\n \| \"trackFill\"\n \| \"trackProps\"\n >,\n HueSliderStyle\n >,\n ThemeProps<HueSliderStyle> {\n /*\n The maximum allowed value of the slider. Cannot be less than min.\n \n @default 360\n /\n max?: number\n /\n Props for the overlay element.\n /\n overlayProps?: HueSliderOverlayProps\n /\n Props for the thumb element.\n /\n thumbProps?: HueSliderThumbProps\n /\n Props for the track element.\n /\n trackProps?: HueSliderTrackProps\n}\n\nconst {\n ComponentContext,\n PropsContext: HueSliderPropsContext,\n useComponentContext,\n usePropsContext: useHueSliderPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<HueSliderRootProps, HueSliderStyle, ComponentContext>(\n \"hue-slider\",\n hueSliderStyle,\n)\n\nexport { HueSliderPropsContext, useHueSliderPropsContext }\n\n/\n `HueSlider` is a component used to allow the user to select a color hue.\n \n @see https://yamada-ui.com/docs/components/hue-slider\n /\nexport const HueSliderRoot = withProvider<\"input\", HueSliderRootProps>(\n ({\n children,\n max = 360,\n min = 0,\n orientation: orientationProp = \"horizontal\",\n overlayProps,\n thumbProps,\n trackProps,\n ...rest\n }) => {\n const { t } = useI18n(\"hueSlider\")\n const orientation = useValue(orientationProp)\n const computedChildren = useMemo(() => {\n if (children) return children\n\n return (\n <HueSliderTrack {...trackProps}>\n <HueSliderThumb {...thumbProps} />\n\n <HueSliderOverlay {...overlayProps} />\n </HueSliderTrack>\n )\n }, [children, overlayProps, thumbProps, trackProps])\n const context = useMemo(\n () => ({ max, min, orientation }),\n [max, min, orientation],\n )\n const getColorName = useCallback(\n (hue: number): string => {\n if (hue < 30 \|\| hue >= 330) return t(\"Red\")\n if (hue < 90) return t(\"Yellow\")\n if (hue < 150) return t(\"Green\")\n if (hue < 210) return t(\"Cyan\")\n if (hue < 270) return t(\"Blue\")\n return t(\"Magenta\")\n },\n [t],\n )\n const getAriaValueText = useCallback(\n (hue: number) => `${hue}°, ${getColorName(hue)}`,\n [getColorName],\n )\n\n return (\n <ComponentContext value={context}>\n <Slider.Root\n getAriaValueText={getAriaValueText}\n max={max}\n min={min}\n orientation={orientation}\n {...rest}\n >\n {computedChildren}\n </Slider.Root>\n </ComponentContext>\n )\n },\n \"root\",\n)({\n \"--thumb-fill\": \"transparent\",\n \"--track-fill\": \"transparent\",\n})\n\nexport interface HueSliderTrackProps extends Slider.TrackProps {}\n\nexport const HueSliderTrack = withContext<\"div\", HueSliderTrackProps>(\n Slider.Track,\n \"track\",\n)()\n\nexport interface HueSliderOverlayProps extends HTMLStyledProps {\n /\n The layers used for the overlay element.\n /\n layers?: HTMLStyledProps[]\n}\n\nexport const HueSliderOverlay = withContext<\"fragment\", HueSliderOverlayProps>(\n ({ layers, ...rest }) => {\n const { max, min, orientation } = useComponentContext()\n\n layers ??= [\n {\n bgGradient: `linear(${[\n orientation === \"horizontal\" ? \"to-r\" : \"to-t\",\n ...Array.from({ length: 7 }).map(\n (_, index) =>\n `hsl(${Math.round(min + ((max - min) / 6) index)}, 100%, 50%)`,\n ),\n ].join(\", \")})`,\n boxShadow: \"inner\",\n },\n ]\n\n return (\n <>\n {layers.map((props, index) => (\n <styled.div\n key={index}\n data-orientation={orientation}\n {...mergeProps(rest, props)()}\n />\n ))}\n </>\n )\n },\n \"overlay\",\n)()\n\nexport interface HueSliderThumbProps extends Slider.ThumbProps {}\n\nexport const HueSliderThumb = withContext<\"div\", HueSliderThumbProps>(\n Slider.Thumb,\n \"thumb\",\n)()\n"],"mappings":";;;;;;;;;;;;;;;;;AAuDA,MAAM,EACJ,kBACA,cAAc,uBACd,qBACA,iBAAiB,0BACjB,aACA,iBACEA,6CACF,cACAC,wCACD;;;;;;AASD,MAAa,gBAAgB,cAC1B,EACC,UACA,MAAM,KACN,MAAM,GACN,aAAa,kBAAkB,cAC/B,cACA,YACA,YACA,GAAG,WACC;CACJ,MAAM,EAAE,MAAMC,8BAAQ,YAAY;CAClC,MAAM,cAAcC,uCAAS,gBAAgB;CAC7C,MAAM,4CAAiC;AACrC,MAAI,SAAU,QAAO;AAErB,SACE,4CAAC;GAAe,GAAI;cAClB,2CAAC,kBAAe,GAAI,aAAc,EAElC,2CAAC,oBAAiB,GAAI,eAAgB;IACvB;IAElB;EAAC;EAAU;EAAc;EAAY;EAAW,CAAC;CACpD,MAAM,oCACG;EAAE;EAAK;EAAK;EAAa,GAChC;EAAC;EAAK;EAAK;EAAY,CACxB;CACD,MAAM,uCACH,QAAwB;AACvB,MAAI,MAAM,MAAM,OAAO,IAAK,QAAO,EAAE,MAAM;AAC3C,MAAI,MAAM,GAAI,QAAO,EAAE,SAAS;AAChC,MAAI,MAAM,IAAK,QAAO,EAAE,QAAQ;AAChC,MAAI,MAAM,IAAK,QAAO,EAAE,OAAO;AAC/B,MAAI,MAAM,IAAK,QAAO,EAAE,OAAO;AAC/B,SAAO,EAAE,UAAU;IAErB,CAAC,EAAE,CACJ;CACD,MAAM,2CACH,QAAgB,GAAG,IAAI,KAAK,aAAa,IAAI,IAC9C,CAAC,aAAa,CACf;AAED,QACE,2CAAC;EAAiB,OAAO;YACvB;GACoB;GACb;GACA;GACQ;GACb,GAAI;aAEH;IACW;GACG;GAGvB,OACD,CAAC;CACA,gBAAgB;CAChB,gBAAgB;CACjB,CAAC;AAIF,MAAa,iBAAiB,wCAE5B,QACD,EAAE;AASH,MAAa,mBAAmB,aAC7B,EAAE,QAAQ,GAAG,WAAW;CACvB,MAAM,EAAE,KAAK,KAAK,gBAAgB,qBAAqB;AAEvD,YAAW,CACT;EACE,YAAY,UAAU,CACpB,gBAAgB,eAAe,SAAS,QACxC,GAAG,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAC1B,GAAG,UACF,OAAO,KAAK,MAAM,OAAQ,MAAM,OAAO,IAAK,MAAM,CAAC,cACtD,CACF,CAAC,KAAK,KAAK,CAAC;EACb,WAAW;EACZ,CACF;AAED,QACE,mFACG,OAAO,KAAK,OAAO,UAClB,2CAACC,uBAAO;EAEN,oBAAkB;EAClB,GAAIC,yBAAW,MAAM,MAAM,EAAE;IAFxB,MAGL,CACF,GACD;GAGP,UACD,EAAE;AAIH,MAAa,iBAAiB,wCAE5B,QACD,EAAE"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"use-dropzone.js","names":["useDropzone","useOriginalDropzone","getRootProps: PropGetter","props"],"sources":["../../../../src/components/dropzone/use-dropzone.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { Accept, DropzoneOptions } from \"react-dropzone\"\nimport type { FieldProps } from \"../field\"\nimport { fromEvent } from \"file-selector\"\nimport { useCallback, useId } from \"react\"\nimport { useDropzone as useOriginalDropzone } from \"react-dropzone\"\nimport { ~~type HTMLProps,~~ mergeProps, ~~type PropGetter~~ } from \"../../core\"\nimport {\n ariaAttr,\n assignRef,\n cx,\n dataAttr,\n isArray,\n mergeRefs,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UseDropzoneProps\n extends Omit<HTMLProps, \"onDrop\" \| \"onError\">, FieldProps {\n /*\n Set accepted file types.\n /\n accept?: Accept \| string[]\n /\n Set to true to focus the root element on render.\n \n @default false\n /\n autoFocus?: boolean\n /\n Use this to provide a custom file aggregator.\n /\n getFilesFromEvent?: DropzoneOptions[\"getFilesFromEvent\"]\n /\n If `true`, display the dropzone loading icon.\n \n @default false\n /\n loading?: boolean\n /\n Maximum accepted number of files.\n * The default value is 0 which means there is no limitation to how many files are accepted.\n \n @default 0\n /\n maxFiles?: number\n /\n Maximum file size (in bytes).\n \n @default Infinity\n /\n maxSize?: number\n /\n Minimum file size (in bytes).\n \n @default 0\n /\n minSize?: number\n /\n Allow drag and drop (or selection from the file dialog) of multiple files.\n \n @default false\n /\n multiple?: boolean\n /\n The HTML `name` attribute used for forms.\n /\n name?: string\n /\n If true, disables click to open the native file selection dialog.\n \n @default false\n /\n noClick?: boolean\n /\n If true, disables drag and drop.\n \n @default false\n /\n noDrag?: boolean\n /\n If true, stops drag event propagation to parents.\n \n @default false\n /\n noDragEventsBubbling?: boolean\n /\n If true, disables `space` and `enter` to open the native file selection dialog.\n * Note that it also stops tracking the focus state.\n \n @default false\n /\n noKeyboard?: boolean\n /\n Ref to a open function.\n /\n openRef?: RefObject<() => void>\n /\n If false, allow dropped items to take over the current browser window.\n \n @default true\n /\n preventDropOnDocument?: boolean\n /\n If true, use the [File System API](https://developer.mozilla.org/en-US/docs/Web/API/File_System_API) to read files.\n \n @default false\n /\n useFsAccessApi?: boolean\n /\n Custom validation function.\n * It must return null if there's no errors.\n /\n validator?: DropzoneOptions[\"validator\"]\n /\n Callback for when the dragenter event occurs.\n /\n onDragEnter?: DropzoneOptions[\"onDragEnter\"]\n /\n Callback for when the dragleave event occurs.\n /\n onDragLeave?: DropzoneOptions[\"onDragLeave\"]\n /\n Callback for when the dragover event occurs.\n /\n onDragOver?: DropzoneOptions[\"onDragOver\"]\n /\n Callback for when the drop event occurs.\n * Note that this callback is invoked after the `getFilesFromEvent` callback is done.\n /\n onDrop?: DropzoneOptions[\"onDrop\"]\n /\n Callback for when the drop event occurs.\n * Note that if no files are accepted, this callback is not invoked.\n /\n onDropAccepted?: DropzoneOptions[\"onDropAccepted\"]\n /\n Callback for when the drop event occurs.\n * Note that if no files are rejected, this callback is not invoked.\n /\n onDropRejected?: DropzoneOptions[\"onDropRejected\"]\n /\n Callback for when there's some error from any of the promises.\n /\n onError?: DropzoneOptions[\"onError\"]\n /\n Callback for when closing the file dialog with no selection.\n /\n onFileDialogCancel?: DropzoneOptions[\"onFileDialogCancel\"]\n /\n Callback for when opening the file dialog.\n */\n onFileDialogOpen?: DropzoneOptions[\"onFileDialogOpen\"]\n}\n\nexport const useDropzone = (props: UseDropzoneProps = {}) => {\n const {\n props: {\n id,\n name,\n accept,\n autoFocus = false,\n disabled,\n getFilesFromEvent = fromEvent,\n loading,\n maxFiles = 0,\n maxSize = Infinity,\n minSize = 0,\n multiple = false,\n noClick = false,\n noDrag = false,\n noDragEventsBubbling = false,\n noKeyboard = false,\n openRef,\n preventDropOnDocument = true,\n readOnly,\n useFsAccessApi = false,\n validator,\n onDragEnter,\n onDragLeave,\n onDragOver,\n onDrop,\n onDropAccepted,\n onDropRejected,\n onError,\n onFileDialogCancel,\n onFileDialogOpen,\n ...rest\n },\n ariaProps,\n dataProps,\n eventProps,\n } = useFieldProps(props)\n const labelledbyId = useId()\n const interactive = !(loading \|\| readOnly \|\| disabled)\n const {\n acceptedFiles,\n fileRejections,\n isDragAccept: dragAccept,\n isDragActive: dragActive,\n isDragReject: dragReject,\n isFocused: focused,\n open,\n getInputProps: getOriginalInputProps,\n getRootProps: getOriginalRootProps,\n } = useOriginalDropzone({\n accept: isArray(accept)\n ? accept.reduce((prev, current) => ({ ...prev, [current]: [] }), {})\n : accept,\n autoFocus,\n disabled: !interactive,\n getFilesFromEvent,\n maxFiles,\n maxSize,\n minSize,\n multiple,\n noClick,\n noDrag,\n noDragEventsBubbling,\n noKeyboard,\n preventDropOnDocument,\n useFsAccessApi,\n validator,\n onDragEnter,\n onDragLeave,\n onDragOver,\n onDrop,\n onDropAccepted,\n onDropRejected,\n onError,\n onFileDialogCancel,\n onFileDialogOpen,\n })\n const dragIdle = !dragAccept && !dragReject\n\n assignRef(openRef, open)\n\n const getRootProps: PropGetter = useCallback(\n ({ ref, ...props } = {}) => {\n const { ref: restRef, ...restProps } = rest\n const { ref: rootRef, ...rootProps } = getOriginalRootProps(\n mergeProps(\n {\n id: labelledbyId,\n ...dataProps,\n ...eventProps,\n \"aria-disabled\": ariaAttr(!interactive),\n \"data-accept\": dataAttr(dragAccept),\n \"data-idle\": dataAttr(dragIdle),\n \"data-loading\": dataAttr(loading),\n \"data-reject\": dataAttr(dragReject),\n },\n restProps,\n props,\n )(),\n ) as HTMLProps\n\n return {\n ...rootProps,\n ref: mergeRefs(restRef, ref, rootRef),\n }\n },\n\n [\n getOriginalRootProps,\n labelledbyId,\n dataProps,\n eventProps,\n interactive,\n dragAccept,\n dragIdle,\n loading,\n dragReject,\n rest,\n ],\n )\n\n const getInputProps: PropGetter<\"input\"> = useCallback(\n ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) =>\n getOriginalInputProps({\n id,\n name,\n disabled,\n readOnly,\n ...ariaProps,\n ...dataProps,\n ...props,\n \"aria-labelledby\": cx(ariaLabelledby, labelledbyId),\n }),\n [\n getOriginalInputProps,\n id,\n name,\n disabled,\n readOnly,\n ariaProps,\n dataProps,\n labelledbyId,\n ],\n )\n\n return {\n acceptedFiles,\n dragAccept,\n dragActive,\n dragIdle,\n dragReject,\n fileRejections,\n focused,\n loading,\n open,\n getInputProps,\n getRootProps,\n }\n}\n\nexport type UseDropzoneReturn = ReturnType<typeof useDropzone>\n"],"mappings":";;;;;;;;;;;;;~~AA6JA~~,MAAaA,iBAAe,QAA0B,EAAE,KAAK;CAC3D,MAAM,EACJ,OAAO,EACL,IACA,MACA,QACA,YAAY,OACZ,UACA,oBAAoB,WACpB,SACA,WAAW,GACX,UAAU,UACV,UAAU,GACV,WAAW,OACX,UAAU,OACV,SAAS,OACT,uBAAuB,OACvB,aAAa,OACb,SACA,wBAAwB,MACxB,UACA,iBAAiB,OACjB,WACA,aACA,aACA,YACA,QACA,gBACA,gBACA,SACA,oBACA,kBACA,GAAG,QAEL,WACA,WACA,eACE,cAAc,MAAM;CACxB,MAAM,eAAe,OAAO;CAC5B,MAAM,cAAc,EAAE,WAAW,YAAY;CAC7C,MAAM,EACJ,eACA,gBACA,cAAc,YACd,cAAc,YACd,cAAc,YACd,WAAW,SACX,MACA,eAAe,uBACf,cAAc,yBACZC,YAAoB;EACtB,mCAAgB,OAAO,GACnB,OAAO,QAAQ,MAAM,aAAa;GAAE,GAAG;IAAO,UAAU,EAAE;GAAE,GAAG,EAAE,CAAC,GAClE;EACJ;EACA,UAAU,CAAC;EACX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAM,WAAW,CAAC,cAAc,CAAC;AAEjC,WAAU,SAAS,KAAK;CAExB,MAAMC,eAA2B,aAC9B,EAAE,KAAK,GAAGC,YAAU,EAAE,KAAK;EAC1B,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc;EACvC,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc,qBACrC,WACE;GACE,IAAI;GACJ,GAAG;GACH,GAAG;GACH,6CAA0B,CAAC,YAAY;GACvC,2CAAwB,WAAW;GACnC,yCAAsB,SAAS;GAC/B,4CAAyB,QAAQ;GACjC,2CAAwB,WAAW;GACpC,EACD,WACAA,QACD,EAAE,CACJ;AAED,SAAO;GACL,GAAG;GACH,KAAK,UAAU,SAAS,KAAK,QAAQ;GACtC;~~IAGH~~;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AA0BD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,eAlCyC,aACxC,EAAE,mBAAmB,gBAAgB,GAAGA,YAAU,EAAE,KACnD,sBAAsB;GACpB;GACA;GACA;GACA;GACA,GAAG;GACH,GAAG;GACH,GAAGA;GACH,yCAAsB,gBAAgB,aAAa;GACpD,CAAC,EACJ;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAaC;EACD"}
1	+ {"version":3,"file":"use-dropzone.js","names":["useDropzone","useOriginalDropzone","getRootProps: PropGetter","props"],"sources":["../../../../src/components/dropzone/use-dropzone.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { Accept, DropzoneOptions } from \"react-dropzone\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { FieldProps } from \"../field\"\nimport { fromEvent } from \"file-selector\"\nimport { useCallback, useId } from \"react\"\nimport { useDropzone as useOriginalDropzone } from \"react-dropzone\"\nimport { mergeProps } from \"../../core\"\nimport {\n ariaAttr,\n assignRef,\n cx,\n dataAttr,\n isArray,\n mergeRefs,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\n\nexport interface UseDropzoneProps\n extends Omit<HTMLProps, \"onDrop\" \| \"onError\">, FieldProps {\n /*\n Set accepted file types.\n /\n accept?: Accept \| string[]\n /\n Set to true to focus the root element on render.\n \n @default false\n /\n autoFocus?: boolean\n /\n Use this to provide a custom file aggregator.\n /\n getFilesFromEvent?: DropzoneOptions[\"getFilesFromEvent\"]\n /\n If `true`, display the dropzone loading icon.\n \n @default false\n /\n loading?: boolean\n /\n Maximum accepted number of files.\n * The default value is 0 which means there is no limitation to how many files are accepted.\n \n @default 0\n /\n maxFiles?: number\n /\n Maximum file size (in bytes).\n \n @default Infinity\n /\n maxSize?: number\n /\n Minimum file size (in bytes).\n \n @default 0\n /\n minSize?: number\n /\n Allow drag and drop (or selection from the file dialog) of multiple files.\n \n @default false\n /\n multiple?: boolean\n /\n The HTML `name` attribute used for forms.\n /\n name?: string\n /\n If true, disables click to open the native file selection dialog.\n \n @default false\n /\n noClick?: boolean\n /\n If true, disables drag and drop.\n \n @default false\n /\n noDrag?: boolean\n /\n If true, stops drag event propagation to parents.\n \n @default false\n /\n noDragEventsBubbling?: boolean\n /\n If true, disables `space` and `enter` to open the native file selection dialog.\n * Note that it also stops tracking the focus state.\n \n @default false\n /\n noKeyboard?: boolean\n /\n Ref to a open function.\n /\n openRef?: RefObject<() => void>\n /\n If false, allow dropped items to take over the current browser window.\n \n @default true\n /\n preventDropOnDocument?: boolean\n /\n If true, use the [File System API](https://developer.mozilla.org/en-US/docs/Web/API/File_System_API) to read files.\n \n @default false\n /\n useFsAccessApi?: boolean\n /\n Custom validation function.\n * It must return null if there's no errors.\n /\n validator?: DropzoneOptions[\"validator\"]\n /\n Callback for when the dragenter event occurs.\n /\n onDragEnter?: DropzoneOptions[\"onDragEnter\"]\n /\n Callback for when the dragleave event occurs.\n /\n onDragLeave?: DropzoneOptions[\"onDragLeave\"]\n /\n Callback for when the dragover event occurs.\n /\n onDragOver?: DropzoneOptions[\"onDragOver\"]\n /\n Callback for when the drop event occurs.\n * Note that this callback is invoked after the `getFilesFromEvent` callback is done.\n /\n onDrop?: DropzoneOptions[\"onDrop\"]\n /\n Callback for when the drop event occurs.\n * Note that if no files are accepted, this callback is not invoked.\n /\n onDropAccepted?: DropzoneOptions[\"onDropAccepted\"]\n /\n Callback for when the drop event occurs.\n * Note that if no files are rejected, this callback is not invoked.\n /\n onDropRejected?: DropzoneOptions[\"onDropRejected\"]\n /\n Callback for when there's some error from any of the promises.\n /\n onError?: DropzoneOptions[\"onError\"]\n /\n Callback for when closing the file dialog with no selection.\n /\n onFileDialogCancel?: DropzoneOptions[\"onFileDialogCancel\"]\n /\n Callback for when opening the file dialog.\n */\n onFileDialogOpen?: DropzoneOptions[\"onFileDialogOpen\"]\n}\n\nexport const useDropzone = (props: UseDropzoneProps = {}) => {\n const {\n props: {\n id,\n name,\n accept,\n autoFocus = false,\n disabled,\n getFilesFromEvent = fromEvent,\n loading,\n maxFiles = 0,\n maxSize = Infinity,\n minSize = 0,\n multiple = false,\n noClick = false,\n noDrag = false,\n noDragEventsBubbling = false,\n noKeyboard = false,\n openRef,\n preventDropOnDocument = true,\n readOnly,\n useFsAccessApi = false,\n validator,\n onDragEnter,\n onDragLeave,\n onDragOver,\n onDrop,\n onDropAccepted,\n onDropRejected,\n onError,\n onFileDialogCancel,\n onFileDialogOpen,\n ...rest\n },\n ariaProps,\n dataProps,\n eventProps,\n } = useFieldProps(props)\n const labelledbyId = useId()\n const interactive = !(loading \|\| readOnly \|\| disabled)\n const {\n acceptedFiles,\n fileRejections,\n isDragAccept: dragAccept,\n isDragActive: dragActive,\n isDragReject: dragReject,\n isFocused: focused,\n open,\n getInputProps: getOriginalInputProps,\n getRootProps: getOriginalRootProps,\n } = useOriginalDropzone({\n accept: isArray(accept)\n ? accept.reduce((prev, current) => ({ ...prev, [current]: [] }), {})\n : accept,\n autoFocus,\n disabled: !interactive,\n getFilesFromEvent,\n maxFiles,\n maxSize,\n minSize,\n multiple,\n noClick,\n noDrag,\n noDragEventsBubbling,\n noKeyboard,\n preventDropOnDocument,\n useFsAccessApi,\n validator,\n onDragEnter,\n onDragLeave,\n onDragOver,\n onDrop,\n onDropAccepted,\n onDropRejected,\n onError,\n onFileDialogCancel,\n onFileDialogOpen,\n })\n const dragIdle = !dragAccept && !dragReject\n\n assignRef(openRef, open)\n\n const getRootProps: PropGetter = useCallback(\n ({ ref, ...props } = {}) => {\n const { ref: restRef, ...restProps } = rest\n const { ref: rootRef, ...rootProps } = getOriginalRootProps(\n mergeProps(\n {\n id: labelledbyId,\n ...dataProps,\n ...eventProps,\n \"aria-disabled\": ariaAttr(!interactive),\n \"data-accept\": dataAttr(dragAccept),\n \"data-idle\": dataAttr(dragIdle),\n \"data-loading\": dataAttr(loading),\n \"data-reject\": dataAttr(dragReject),\n },\n restProps,\n props,\n )(),\n ) as HTMLProps\n\n return {\n ...rootProps,\n ref: mergeRefs(restRef, ref, rootRef),\n }\n },\n [\n getOriginalRootProps,\n labelledbyId,\n dataProps,\n eventProps,\n interactive,\n dragAccept,\n dragIdle,\n loading,\n dragReject,\n rest,\n ],\n )\n\n const getInputProps: PropGetter<\"input\"> = useCallback(\n ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) =>\n getOriginalInputProps({\n id,\n name,\n disabled,\n readOnly,\n ...ariaProps,\n ...dataProps,\n ...props,\n \"aria-labelledby\": cx(ariaLabelledby, labelledbyId),\n }),\n [\n getOriginalInputProps,\n id,\n name,\n disabled,\n readOnly,\n ariaProps,\n dataProps,\n labelledbyId,\n ],\n )\n\n return {\n acceptedFiles,\n dragAccept,\n dragActive,\n dragIdle,\n dragReject,\n fileRejections,\n focused,\n loading,\n open,\n getInputProps,\n getRootProps,\n }\n}\n\nexport type UseDropzoneReturn = ReturnType<typeof useDropzone>\n"],"mappings":";;;;;;;;;;;;;AA8JA,MAAaA,iBAAe,QAA0B,EAAE,KAAK;CAC3D,MAAM,EACJ,OAAO,EACL,IACA,MACA,QACA,YAAY,OACZ,UACA,oBAAoB,WACpB,SACA,WAAW,GACX,UAAU,UACV,UAAU,GACV,WAAW,OACX,UAAU,OACV,SAAS,OACT,uBAAuB,OACvB,aAAa,OACb,SACA,wBAAwB,MACxB,UACA,iBAAiB,OACjB,WACA,aACA,aACA,YACA,QACA,gBACA,gBACA,SACA,oBACA,kBACA,GAAG,QAEL,WACA,WACA,eACE,cAAc,MAAM;CACxB,MAAM,eAAe,OAAO;CAC5B,MAAM,cAAc,EAAE,WAAW,YAAY;CAC7C,MAAM,EACJ,eACA,gBACA,cAAc,YACd,cAAc,YACd,cAAc,YACd,WAAW,SACX,MACA,eAAe,uBACf,cAAc,yBACZC,YAAoB;EACtB,mCAAgB,OAAO,GACnB,OAAO,QAAQ,MAAM,aAAa;GAAE,GAAG;IAAO,UAAU,EAAE;GAAE,GAAG,EAAE,CAAC,GAClE;EACJ;EACA,UAAU,CAAC;EACX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;CACF,MAAM,WAAW,CAAC,cAAc,CAAC;AAEjC,WAAU,SAAS,KAAK;CAExB,MAAMC,eAA2B,aAC9B,EAAE,KAAK,GAAGC,YAAU,EAAE,KAAK;EAC1B,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc;EACvC,MAAM,EAAE,KAAK,SAAS,GAAG,cAAc,qBACrC,WACE;GACE,IAAI;GACJ,GAAG;GACH,GAAG;GACH,6CAA0B,CAAC,YAAY;GACvC,2CAAwB,WAAW;GACnC,yCAAsB,SAAS;GAC/B,4CAAyB,QAAQ;GACjC,2CAAwB,WAAW;GACpC,EACD,WACAA,QACD,EAAE,CACJ;AAED,SAAO;GACL,GAAG;GACH,KAAK,UAAU,SAAS,KAAK,QAAQ;GACtC;IAEH;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AA0BD,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,eAlCyC,aACxC,EAAE,mBAAmB,gBAAgB,GAAGA,YAAU,EAAE,KACnD,sBAAsB;GACpB;GACA;GACA;GACA;GACA,GAAG;GACH,GAAG;GACH,GAAGA;GACH,yCAAsB,gBAAgB,aAAa;GACpD,CAAC,EACJ;GACE;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CACF;EAaC;EACD"}

package/dist/esm/components/hue-slider/hue-slider.js CHANGED Viewed

@@ -1,6 +1,7 @@
 "use client";
 import { styled } from "../../core/system/factory.js";
+import { mergeProps } from "../../core/components/props.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
 import "../../core/index.js";
 import { useValue } from "../../hooks/use-value/index.js";
@@ -76,8 +77,7 @@ const HueSliderOverlay = withContext(({ layers, ...rest }) => {
 	}];
 	return /* @__PURE__ */ jsx(Fragment$1, { children: layers.map((props, index) => /* @__PURE__ */ jsx(styled.div, {
 		"data-orientation": orientation,
-		...rest,
-		...props
+		...mergeProps(rest, props)()
 	}, index)) });
 }, "overlay")();
 const HueSliderThumb = withContext(SliderThumb, "thumb")();

package/dist/esm/components/hue-slider/hue-slider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hue-slider.js","names":["Slider.Root","Slider.Track","Slider.Thumb"],"sources":["../../../../src/components/hue-slider/hue-slider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { HueSliderStyle } from \"./hue-slider.style\"\nimport { useCallback, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { Slider } from \"../slider\"\nimport { hueSliderStyle } from \"./hue-slider.style\"\n\ninterface ComponentContext extends Pick<\n Required<HueSliderRootProps>,\n \"max\" \| \"min\" \| \"orientation\"\n> {}\n\nexport interface HueSliderRootProps\n extends\n WithoutThemeProps<\n Omit<\n Slider.RootProps,\n \| \"betweenThumbs\"\n \| \"marks\"\n \| \"marksProps\"\n \| \"max\"\n \| \"rangeFill\"\n \| \"rangeProps\"\n \| \"thumbFill\"\n \| \"thumbProps\"\n \| \"trackFill\"\n \| \"trackProps\"\n >,\n HueSliderStyle\n >,\n ThemeProps<HueSliderStyle> {\n /*\n The maximum allowed value of the slider. Cannot be less than min.\n \n @default 360\n /\n max?: number\n /\n Props for the overlay element.\n /\n overlayProps?: HueSliderOverlayProps\n /\n Props for the thumb element.\n /\n thumbProps?: HueSliderThumbProps\n /\n Props for the track element.\n /\n trackProps?: HueSliderTrackProps\n}\n\nconst {\n ComponentContext,\n PropsContext: HueSliderPropsContext,\n useComponentContext,\n usePropsContext: useHueSliderPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<HueSliderRootProps, HueSliderStyle, ComponentContext>(\n \"hue-slider\",\n hueSliderStyle,\n)\n\nexport { HueSliderPropsContext, useHueSliderPropsContext }\n\n/\n `HueSlider` is a component used to allow the user to select a color hue.\n \n @see https://yamada-ui.com/docs/components/hue-slider\n /\nexport const HueSliderRoot = withProvider<\"input\", HueSliderRootProps>(\n ({\n children,\n max = 360,\n min = 0,\n orientation: orientationProp = \"horizontal\",\n overlayProps,\n thumbProps,\n trackProps,\n ...rest\n }) => {\n const { t } = useI18n(\"hueSlider\")\n const orientation = useValue(orientationProp)\n const computedChildren = useMemo(() => {\n if (children) return children\n\n return (\n <HueSliderTrack {...trackProps}>\n <HueSliderThumb {...thumbProps} />\n\n <HueSliderOverlay {...overlayProps} />\n </HueSliderTrack>\n )\n }, [children, overlayProps, thumbProps, trackProps])\n const context = useMemo(\n () => ({ max, min, orientation }),\n [max, min, orientation],\n )\n const getColorName = useCallback(\n (hue: number): string => {\n if (hue < 30 \|\| hue >= 330) return t(\"Red\")\n if (hue < 90) return t(\"Yellow\")\n if (hue < 150) return t(\"Green\")\n if (hue < 210) return t(\"Cyan\")\n if (hue < 270) return t(\"Blue\")\n return t(\"Magenta\")\n },\n [t],\n )\n const getAriaValueText = useCallback(\n (hue: number) => `${hue}°, ${getColorName(hue)}`,\n [getColorName],\n )\n\n return (\n <ComponentContext value={context}>\n <Slider.Root\n getAriaValueText={getAriaValueText}\n max={max}\n min={min}\n orientation={orientation}\n {...rest}\n >\n {computedChildren}\n </Slider.Root>\n </ComponentContext>\n )\n },\n \"root\",\n)({\n \"--thumb-fill\": \"transparent\",\n \"--track-fill\": \"transparent\",\n})\n\nexport interface HueSliderTrackProps extends Slider.TrackProps {}\n\nexport const HueSliderTrack = withContext<\"div\", HueSliderTrackProps>(\n Slider.Track,\n \"track\",\n)()\n\nexport interface HueSliderOverlayProps extends HTMLStyledProps {\n /\n The layers used for the overlay element.\n /\n layers?: HTMLStyledProps[]\n}\n\nexport const HueSliderOverlay = withContext<\"fragment\", HueSliderOverlayProps>(\n ({ layers, ...rest }) => {\n const { max, min, orientation } = useComponentContext()\n\n layers ??= [\n {\n bgGradient: `linear(${[\n orientation === \"horizontal\" ? \"to-r\" : \"to-t\",\n ...Array.from({ length: 7 }).map(\n (_, index) =>\n `hsl(${Math.round(min + ((max - min) / 6) index)}, 100%, 50%)`,\n ),\n ].join(\", \")})`,\n boxShadow: \"inner\",\n },\n ]\n\n return (\n <>\n {layers.map((props, index) => (\n <styled.div\n key={index}\n data-orientation={orientation}\n {...rest~~}\n {...~~props}\n />\n ))}\n </>\n )\n },\n \"overlay\",\n)()\n\nexport interface HueSliderThumbProps extends Slider.ThumbProps {}\n\nexport const HueSliderThumb = withContext<\"div\", HueSliderThumbProps>(\n Slider.Thumb,\n \"thumb\",\n)()\n"],"mappings":"~~;;;;;;;;;;;;;;;~~AAuDA,MAAM,EACJ,kBACA,cAAc,uBACd,qBACA,iBAAiB,0BACjB,aACA,iBACE,oBACF,cACA,eACD;;;;;;AASD,MAAa,gBAAgB,cAC1B,EACC,UACA,MAAM,KACN,MAAM,GACN,aAAa,kBAAkB,cAC/B,cACA,YACA,YACA,GAAG,WACC;CACJ,MAAM,EAAE,MAAM,QAAQ,YAAY;CAClC,MAAM,cAAc,SAAS,gBAAgB;CAC7C,MAAM,mBAAmB,cAAc;AACrC,MAAI,SAAU,QAAO;AAErB,SACE,qBAAC;GAAe,GAAI;cAClB,oBAAC,kBAAe,GAAI,aAAc,EAElC,oBAAC,oBAAiB,GAAI,eAAgB;IACvB;IAElB;EAAC;EAAU;EAAc;EAAY;EAAW,CAAC;CACpD,MAAM,UAAU,eACP;EAAE;EAAK;EAAK;EAAa,GAChC;EAAC;EAAK;EAAK;EAAY,CACxB;CACD,MAAM,eAAe,aAClB,QAAwB;AACvB,MAAI,MAAM,MAAM,OAAO,IAAK,QAAO,EAAE,MAAM;AAC3C,MAAI,MAAM,GAAI,QAAO,EAAE,SAAS;AAChC,MAAI,MAAM,IAAK,QAAO,EAAE,QAAQ;AAChC,MAAI,MAAM,IAAK,QAAO,EAAE,OAAO;AAC/B,MAAI,MAAM,IAAK,QAAO,EAAE,OAAO;AAC/B,SAAO,EAAE,UAAU;IAErB,CAAC,EAAE,CACJ;CACD,MAAM,mBAAmB,aACtB,QAAgB,GAAG,IAAI,KAAK,aAAa,IAAI,IAC9C,CAAC,aAAa,CACf;AAED,QACE,oBAAC;EAAiB,OAAO;YACvB,oBAACA;GACmB;GACb;GACA;GACQ;GACb,GAAI;aAEH;IACW;GACG;GAGvB,OACD,CAAC;CACA,gBAAgB;CAChB,gBAAgB;CACjB,CAAC;AAIF,MAAa,iBAAiB,YAC5BC,aACA,QACD,EAAE;AASH,MAAa,mBAAmB,aAC7B,EAAE,QAAQ,GAAG,WAAW;CACvB,MAAM,EAAE,KAAK,KAAK,gBAAgB,qBAAqB;AAEvD,YAAW,CACT;EACE,YAAY,UAAU,CACpB,gBAAgB,eAAe,SAAS,QACxC,GAAG,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAC1B,GAAG,UACF,OAAO,KAAK,MAAM,OAAQ,MAAM,OAAO,IAAK,MAAM,CAAC,cACtD,CACF,CAAC,KAAK,KAAK,CAAC;EACb,WAAW;EACZ,CACF;AAED,QACE,4CACG,OAAO,KAAK,OAAO,UAClB,oBAAC,OAAO;EAEN,oBAAkB;EAClB,GAAI~~;EACJ~~,~~GAAI~~;~~IAHC~~,~~MAIL~~,CACF,GACD;GAGP,UACD,EAAE;AAIH,MAAa,iBAAiB,YAC5BC,aACA,QACD,EAAE"}
1	+ {"version":3,"file":"hue-slider.js","names":["Slider.Root","Slider.Track","Slider.Thumb"],"sources":["../../../../src/components/hue-slider/hue-slider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { HueSliderStyle } from \"./hue-slider.style\"\nimport { useCallback, useMemo } from \"react\"\nimport { createSlotComponent, mergeProps, styled } from \"../../core\"\nimport { useValue } from \"../../hooks/use-value\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { Slider } from \"../slider\"\nimport { hueSliderStyle } from \"./hue-slider.style\"\n\ninterface ComponentContext extends Pick<\n Required<HueSliderRootProps>,\n \"max\" \| \"min\" \| \"orientation\"\n> {}\n\nexport interface HueSliderRootProps\n extends\n WithoutThemeProps<\n Omit<\n Slider.RootProps,\n \| \"betweenThumbs\"\n \| \"marks\"\n \| \"marksProps\"\n \| \"max\"\n \| \"rangeFill\"\n \| \"rangeProps\"\n \| \"thumbFill\"\n \| \"thumbProps\"\n \| \"trackFill\"\n \| \"trackProps\"\n >,\n HueSliderStyle\n >,\n ThemeProps<HueSliderStyle> {\n /*\n The maximum allowed value of the slider. Cannot be less than min.\n \n @default 360\n /\n max?: number\n /\n Props for the overlay element.\n /\n overlayProps?: HueSliderOverlayProps\n /\n Props for the thumb element.\n /\n thumbProps?: HueSliderThumbProps\n /\n Props for the track element.\n /\n trackProps?: HueSliderTrackProps\n}\n\nconst {\n ComponentContext,\n PropsContext: HueSliderPropsContext,\n useComponentContext,\n usePropsContext: useHueSliderPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<HueSliderRootProps, HueSliderStyle, ComponentContext>(\n \"hue-slider\",\n hueSliderStyle,\n)\n\nexport { HueSliderPropsContext, useHueSliderPropsContext }\n\n/\n `HueSlider` is a component used to allow the user to select a color hue.\n \n @see https://yamada-ui.com/docs/components/hue-slider\n /\nexport const HueSliderRoot = withProvider<\"input\", HueSliderRootProps>(\n ({\n children,\n max = 360,\n min = 0,\n orientation: orientationProp = \"horizontal\",\n overlayProps,\n thumbProps,\n trackProps,\n ...rest\n }) => {\n const { t } = useI18n(\"hueSlider\")\n const orientation = useValue(orientationProp)\n const computedChildren = useMemo(() => {\n if (children) return children\n\n return (\n <HueSliderTrack {...trackProps}>\n <HueSliderThumb {...thumbProps} />\n\n <HueSliderOverlay {...overlayProps} />\n </HueSliderTrack>\n )\n }, [children, overlayProps, thumbProps, trackProps])\n const context = useMemo(\n () => ({ max, min, orientation }),\n [max, min, orientation],\n )\n const getColorName = useCallback(\n (hue: number): string => {\n if (hue < 30 \|\| hue >= 330) return t(\"Red\")\n if (hue < 90) return t(\"Yellow\")\n if (hue < 150) return t(\"Green\")\n if (hue < 210) return t(\"Cyan\")\n if (hue < 270) return t(\"Blue\")\n return t(\"Magenta\")\n },\n [t],\n )\n const getAriaValueText = useCallback(\n (hue: number) => `${hue}°, ${getColorName(hue)}`,\n [getColorName],\n )\n\n return (\n <ComponentContext value={context}>\n <Slider.Root\n getAriaValueText={getAriaValueText}\n max={max}\n min={min}\n orientation={orientation}\n {...rest}\n >\n {computedChildren}\n </Slider.Root>\n </ComponentContext>\n )\n },\n \"root\",\n)({\n \"--thumb-fill\": \"transparent\",\n \"--track-fill\": \"transparent\",\n})\n\nexport interface HueSliderTrackProps extends Slider.TrackProps {}\n\nexport const HueSliderTrack = withContext<\"div\", HueSliderTrackProps>(\n Slider.Track,\n \"track\",\n)()\n\nexport interface HueSliderOverlayProps extends HTMLStyledProps {\n /\n The layers used for the overlay element.\n /\n layers?: HTMLStyledProps[]\n}\n\nexport const HueSliderOverlay = withContext<\"fragment\", HueSliderOverlayProps>(\n ({ layers, ...rest }) => {\n const { max, min, orientation } = useComponentContext()\n\n layers ??= [\n {\n bgGradient: `linear(${[\n orientation === \"horizontal\" ? \"to-r\" : \"to-t\",\n ...Array.from({ length: 7 }).map(\n (_, index) =>\n `hsl(${Math.round(min + ((max - min) / 6) index)}, 100%, 50%)`,\n ),\n ].join(\", \")})`,\n boxShadow: \"inner\",\n },\n ]\n\n return (\n <>\n {layers.map((props, index) => (\n <styled.div\n key={index}\n data-orientation={orientation}\n {...mergeProps(rest, props)()}\n />\n ))}\n </>\n )\n },\n \"overlay\",\n)()\n\nexport interface HueSliderThumbProps extends Slider.ThumbProps {}\n\nexport const HueSliderThumb = withContext<\"div\", HueSliderThumbProps>(\n Slider.Thumb,\n \"thumb\",\n)()\n"],"mappings":";;;;;;;;;;;;;;;;AAuDA,MAAM,EACJ,kBACA,cAAc,uBACd,qBACA,iBAAiB,0BACjB,aACA,iBACE,oBACF,cACA,eACD;;;;;;AASD,MAAa,gBAAgB,cAC1B,EACC,UACA,MAAM,KACN,MAAM,GACN,aAAa,kBAAkB,cAC/B,cACA,YACA,YACA,GAAG,WACC;CACJ,MAAM,EAAE,MAAM,QAAQ,YAAY;CAClC,MAAM,cAAc,SAAS,gBAAgB;CAC7C,MAAM,mBAAmB,cAAc;AACrC,MAAI,SAAU,QAAO;AAErB,SACE,qBAAC;GAAe,GAAI;cAClB,oBAAC,kBAAe,GAAI,aAAc,EAElC,oBAAC,oBAAiB,GAAI,eAAgB;IACvB;IAElB;EAAC;EAAU;EAAc;EAAY;EAAW,CAAC;CACpD,MAAM,UAAU,eACP;EAAE;EAAK;EAAK;EAAa,GAChC;EAAC;EAAK;EAAK;EAAY,CACxB;CACD,MAAM,eAAe,aAClB,QAAwB;AACvB,MAAI,MAAM,MAAM,OAAO,IAAK,QAAO,EAAE,MAAM;AAC3C,MAAI,MAAM,GAAI,QAAO,EAAE,SAAS;AAChC,MAAI,MAAM,IAAK,QAAO,EAAE,QAAQ;AAChC,MAAI,MAAM,IAAK,QAAO,EAAE,OAAO;AAC/B,MAAI,MAAM,IAAK,QAAO,EAAE,OAAO;AAC/B,SAAO,EAAE,UAAU;IAErB,CAAC,EAAE,CACJ;CACD,MAAM,mBAAmB,aACtB,QAAgB,GAAG,IAAI,KAAK,aAAa,IAAI,IAC9C,CAAC,aAAa,CACf;AAED,QACE,oBAAC;EAAiB,OAAO;YACvB,oBAACA;GACmB;GACb;GACA;GACQ;GACb,GAAI;aAEH;IACW;GACG;GAGvB,OACD,CAAC;CACA,gBAAgB;CAChB,gBAAgB;CACjB,CAAC;AAIF,MAAa,iBAAiB,YAC5BC,aACA,QACD,EAAE;AASH,MAAa,mBAAmB,aAC7B,EAAE,QAAQ,GAAG,WAAW;CACvB,MAAM,EAAE,KAAK,KAAK,gBAAgB,qBAAqB;AAEvD,YAAW,CACT;EACE,YAAY,UAAU,CACpB,gBAAgB,eAAe,SAAS,QACxC,GAAG,MAAM,KAAK,EAAE,QAAQ,GAAG,CAAC,CAAC,KAC1B,GAAG,UACF,OAAO,KAAK,MAAM,OAAQ,MAAM,OAAO,IAAK,MAAM,CAAC,cACtD,CACF,CAAC,KAAK,KAAK,CAAC;EACb,WAAW;EACZ,CACF;AAED,QACE,4CACG,OAAO,KAAK,OAAO,UAClB,oBAAC,OAAO;EAEN,oBAAkB;EAClB,GAAI,WAAW,MAAM,MAAM,EAAE;IAFxB,MAGL,CACF,GACD;GAGP,UACD,EAAE;AAIH,MAAa,iBAAiB,YAC5BC,aACA,QACD,EAAE"}

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

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

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

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

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

@@ -7,7 +7,7 @@ import { UsePopupAnimationProps } from "../popover/popover.js";
 import "../popover/index.js";
 import { UseActionBarProps } from "./use-action-bar.js";
 import "../../index.js";
-import * as react890 from "react";
+import * as react125 from "react";
 import { PropsWithChildren, ReactNode } from "react";
 //#region src/components/action-bar/action-bar.d.ts
@@ -29,7 +29,7 @@ interface ActionBarRootProps extends Omit<HTMLStyledProps, "content">, ThemeProp
    */
   onCloseComplete?: () => void;
 }
-declare const ActionBarPropsContext: react890.Context<Partial<ActionBarRootProps> | undefined>, useActionBarPropsContext: () => Partial<ActionBarRootProps> | undefined;
+declare const ActionBarPropsContext: react125.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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -2,7 +2,7 @@ import { ComponentSlotStyle } from "../../core/system/index.types.js";
 import "../../index.js";
 //#region src/components/avatar/avatar.style.d.ts
-declare const avatarStyle: ComponentSlotStyle<"image" | "group" | "root" | "fallback", {
+declare const avatarStyle: ComponentSlotStyle<"image" | "group" | "fallback" | "root", {
   /**
    * The shape of the component
    *

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

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

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

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

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

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

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

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