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

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1876) hide show

package/dist/cjs/utils/index.cjs CHANGED Viewed

@@ -1,4 +1,3 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_utils_children = require('./children.cjs');
 const require_utils_context = require('./context.cjs');
 const require_utils_dom = require('./dom.cjs');
@@ -6,56 +5,165 @@ const require_utils_effect = require('./effect.cjs');
 const require_utils_ref = require('./ref.cjs');
 const require_utils_ssr = require('./ssr.cjs');
 const require_utils_store = require('./store.cjs');
+const require_utils_common_assertion = require('./common/assertion.cjs');
+const require_utils_common_array = require('./common/array.cjs');
+const require_utils_common_calc = require('./common/calc.cjs');
+const require_utils_common_color = require('./common/color.cjs');
+const require_utils_common_function = require('./common/function.cjs');
+const require_utils_common_dom = require('./common/dom.cjs');
+const require_utils_common_event = require('./common/event.cjs');
+const require_utils_common_i18n = require('./common/i18n.cjs');
+const require_utils_common_module = require('./common/module.cjs');
+const require_utils_common_number = require('./common/number.cjs');
+const require_utils_common_object = require('./common/object.cjs');
+const require_utils_common_string = require('./common/string.cjs');
-//#region src/utils/index.ts
-var utils_exports = {};
-require_rolldown_runtime.__export(utils_exports, {
-	assignRef: () => require_utils_ref.assignRef,
-	createContext: () => require_utils_context.createContext,
-	createStore: () => require_utils_store.createStore,
-	findChild: () => require_utils_children.findChild,
-	findChildren: () => require_utils_children.findChildren,
-	getEventRelatedTarget: () => require_utils_dom.getEventRelatedTarget,
-	getValidChildren: () => require_utils_children.getValidChildren,
-	includesChildren: () => require_utils_children.includesChildren,
-	isRefObject: () => require_utils_ref.isRefObject,
-	isSomeDisplayName: () => require_utils_children.isSomeDisplayName,
-	isSomeElement: () => require_utils_children.isSomeElement,
-	isValidElement: () => require_utils_children.isValidElement,
-	mergeRefs: () => require_utils_ref.mergeRefs,
-	omitChildren: () => require_utils_children.omitChildren,
-	pickChildren: () => require_utils_children.pickChildren,
-	runKeyAction: () => require_utils_dom.runKeyAction,
-	useAttributeObserver: () => require_utils_dom.useAttributeObserver,
-	useCallbackRef: () => require_utils_ref.useCallbackRef,
-	useIds: () => require_utils_dom.useIds,
-	useMergeRefs: () => require_utils_ref.useMergeRefs,
-	useSafeLayoutEffect: () => require_utils_effect.useSafeLayoutEffect,
-	useSsr: () => require_utils_ssr.useSsr,
-	useUnmountEffect: () => require_utils_effect.useUnmountEffect,
-	useUpdateEffect: () => require_utils_effect.useUpdateEffect,
-	visuallyHiddenAttributes: () => require_utils_dom.visuallyHiddenAttributes,
-	wrapOrPassProps: () => require_utils_children.wrapOrPassProps
-});
-require_rolldown_runtime.__reExport(utils_exports, require("@yamada-ui/utils"));
-//#endregion
+exports.COLOR_SCHEMES = require_utils_common_color.COLOR_SCHEMES;
+exports.DEFAULT_COLOR_SCHEMES = require_utils_common_color.DEFAULT_COLOR_SCHEMES;
+exports.SEMANTIC_COLOR_SCHEMES = require_utils_common_color.SEMANTIC_COLOR_SCHEMES;
+exports.TONES = require_utils_common_color.TONES;
+exports.addDomEvent = require_utils_common_event.addDomEvent;
+exports.alphaToHex = require_utils_common_color.alphaToHex;
+exports.antonym = require_utils_common_string.antonym;
+exports.ariaAttr = require_utils_common_dom.ariaAttr;
 exports.assignRef = require_utils_ref.assignRef;
+exports.bem = require_utils_common_string.bem;
+exports.calc = require_utils_common_calc.calc;
+exports.calcFormat = require_utils_common_color.calcFormat;
+exports.cast = require_utils_common_assertion.cast;
+exports.clampNumber = require_utils_common_number.clampNumber;
+exports.contains = require_utils_common_dom.contains;
+exports.convertColor = require_utils_common_color.convertColor;
+exports.countDecimal = require_utils_common_number.countDecimal;
 exports.createContext = require_utils_context.createContext;
 exports.createStore = require_utils_store.createStore;
+exports.createdDom = require_utils_common_dom.createdDom;
+exports.cx = require_utils_common_string.cx;
+exports.dataAttr = require_utils_common_dom.dataAttr;
+exports.escape = require_utils_common_string.escape;
+exports.filterEmpty = require_utils_common_array.filterEmpty;
+exports.filterObject = require_utils_common_object.filterObject;
+exports.filterUndefined = require_utils_common_object.filterUndefined;
 exports.findChild = require_utils_children.findChild;
 exports.findChildren = require_utils_children.findChildren;
+exports.flattenObject = require_utils_common_object.flattenObject;
+exports.fnAll = require_utils_common_function.fnAll;
+exports.focusTransfer = require_utils_common_event.focusTransfer;
+exports.focusTrap = require_utils_common_event.focusTrap;
+exports.getActiveElement = require_utils_common_dom.getActiveElement;
+exports.getAlpha = require_utils_common_color.getAlpha;
+exports.getDocument = require_utils_common_dom.getDocument;
+exports.getDocumentElement = require_utils_common_dom.getDocumentElement;
+exports.getEventPoint = require_utils_common_event.getEventPoint;
 exports.getEventRelatedTarget = require_utils_dom.getEventRelatedTarget;
+exports.getEventWindow = require_utils_common_event.getEventWindow;
+exports.getFirstFocusableElement = require_utils_common_dom.getFirstFocusableElement;
+exports.getFirstTabbableElement = require_utils_common_dom.getFirstTabbableElement;
+exports.getFocusableElements = require_utils_common_dom.getFocusableElements;
+exports.getLastTabbableElement = require_utils_common_dom.getLastTabbableElement;
+exports.getMemoizedObject = require_utils_common_object.getMemoizedObject;
+exports.getNextTabbableElement = require_utils_common_dom.getNextTabbableElement;
+exports.getNodeName = require_utils_common_dom.getNodeName;
+exports.getObject = require_utils_common_object.getObject;
+exports.getParentNode = require_utils_common_dom.getParentNode;
+exports.getPlatform = require_utils_common_dom.getPlatform;
+exports.getPx = require_utils_common_dom.getPx;
+exports.getTabIndex = require_utils_common_dom.getTabIndex;
+exports.getTabbableElementEdges = require_utils_common_dom.getTabbableElementEdges;
+exports.getTabbableElements = require_utils_common_dom.getTabbableElements;
+exports.getUserAgent = require_utils_common_dom.getUserAgent;
 exports.getValidChildren = require_utils_children.getValidChildren;
+exports.getWindow = require_utils_common_dom.getWindow;
+exports.handlerAll = require_utils_common_function.handlerAll;
+exports.hslaTo = require_utils_common_color.hslaTo;
+exports.hsvTo = require_utils_common_color.hsvTo;
 exports.includesChildren = require_utils_children.includesChildren;
+exports.interopDefault = require_utils_common_module.interopDefault;
+exports.is = require_utils_common_assertion.is;
+exports.isActiveElement = require_utils_common_dom.isActiveElement;
+exports.isAndroid = require_utils_common_dom.isAndroid;
+exports.isApple = require_utils_common_dom.isApple;
+exports.isArray = require_utils_common_assertion.isArray;
+exports.isBoolean = require_utils_common_assertion.isBoolean;
+exports.isBooleanish = require_utils_common_assertion.isBooleanish;
+exports.isChrome = require_utils_common_dom.isChrome;
+exports.isDisabledElement = require_utils_common_dom.isDisabledElement;
+exports.isDocument = require_utils_common_dom.isDocument;
+exports.isEditableElement = require_utils_common_dom.isEditableElement;
+exports.isEmpty = require_utils_common_assertion.isEmpty;
+exports.isEmptyObject = require_utils_common_assertion.isEmptyObject;
+exports.isFirefox = require_utils_common_dom.isFirefox;
+exports.isFocusableElement = require_utils_common_dom.isFocusableElement;
+exports.isFrame = require_utils_common_dom.isFrame;
+exports.isFunction = require_utils_common_assertion.isFunction;
+exports.isHTMLElement = require_utils_common_dom.isHTMLElement;
+exports.isHiddenElement = require_utils_common_dom.isHiddenElement;
+exports.isIPad = require_utils_common_dom.isIPad;
+exports.isIPhone = require_utils_common_dom.isIPhone;
+exports.isInputElement = require_utils_common_dom.isInputElement;
+exports.isIos = require_utils_common_dom.isIos;
+exports.isMac = require_utils_common_dom.isMac;
+exports.isMouseEvent = require_utils_common_event.isMouseEvent;
+exports.isMultiTouchEvent = require_utils_common_event.isMultiTouchEvent;
+exports.isNode = require_utils_common_dom.isNode;
+exports.isNotNumber = require_utils_common_assertion.isNotNumber;
+exports.isNull = require_utils_common_assertion.isNull;
+exports.isNumber = require_utils_common_assertion.isNumber;
+exports.isNumeric = require_utils_common_assertion.isNumeric;
+exports.isObject = require_utils_common_assertion.isObject;
 exports.isRefObject = require_utils_ref.isRefObject;
+exports.isRegExp = require_utils_common_assertion.isRegExp;
+exports.isRtl = require_utils_common_i18n.isRtl;
+exports.isSafari = require_utils_common_dom.isSafari;
+exports.isShadowRoot = require_utils_common_dom.isShadowRoot;
+exports.isSize = require_utils_common_string.isSize;
 exports.isSomeDisplayName = require_utils_children.isSomeDisplayName;
 exports.isSomeElement = require_utils_children.isSomeElement;
+exports.isString = require_utils_common_assertion.isString;
+exports.isTabbableElement = require_utils_common_dom.isTabbableElement;
+exports.isTouchDevice = require_utils_common_dom.isTouchDevice;
+exports.isTouchEvent = require_utils_common_event.isTouchEvent;
+exports.isUndefined = require_utils_common_assertion.isUndefined;
+exports.isUnit = require_utils_common_assertion.isUnit;
 exports.isValidElement = require_utils_children.isValidElement;
+exports.isVisibleElement = require_utils_common_dom.isVisibleElement;
+exports.isVisualViewport = require_utils_common_dom.isVisualViewport;
+exports.isWebKit = require_utils_common_dom.isWebKit;
+exports.isWindow = require_utils_common_dom.isWindow;
+exports.memoizeObject = require_utils_common_object.memoizeObject;
+exports.merge = require_utils_common_object.merge;
 exports.mergeRefs = require_utils_ref.mergeRefs;
+exports.noop = require_utils_common_function.noop;
+exports.objectKeys = require_utils_common_object.objectKeys;
 exports.omitChildren = require_utils_children.omitChildren;
+exports.omitObject = require_utils_common_object.omitObject;
+exports.parseToHsla = require_utils_common_color.parseToHsla;
+exports.parseToHsv = require_utils_common_color.parseToHsv;
+exports.parseToRgba = require_utils_common_color.parseToRgba;
+exports.percentToValue = require_utils_common_number.percentToValue;
 exports.pickChildren = require_utils_children.pickChildren;
+exports.pickObject = require_utils_common_object.pickObject;
+exports.platform = require_utils_common_dom.platform;
+exports.pointFromMouse = require_utils_common_event.pointFromMouse;
+exports.pointFromTouch = require_utils_common_event.pointFromTouch;
+exports.replaceObject = require_utils_common_object.replaceObject;
+exports.rgbaTo = require_utils_common_color.rgbaTo;
+exports.roundNumberToStep = require_utils_common_number.roundNumberToStep;
+exports.runIfFn = require_utils_common_function.runIfFn;
 exports.runKeyAction = require_utils_dom.runKeyAction;
+exports.sameColor = require_utils_common_color.sameColor;
+exports.scrollLock = require_utils_common_dom.scrollLock;
+exports.setAttribute = require_utils_common_dom.setAttribute;
+exports.setStyle = require_utils_common_dom.setStyle;
+exports.splitObject = require_utils_common_object.splitObject;
+exports.toArray = require_utils_common_array.toArray;
+exports.toCamelCase = require_utils_common_string.toCamelCase;
+exports.toKebabCase = require_utils_common_string.toKebabCase;
+exports.toNumber = require_utils_common_number.toNumber;
+exports.toPascalCase = require_utils_common_string.toPascalCase;
+exports.toPrecision = require_utils_common_number.toPrecision;
+exports.toTitleCase = require_utils_common_string.toTitleCase;
+exports.transformSize = require_utils_common_string.transformSize;
 exports.useAttributeObserver = require_utils_dom.useAttributeObserver;
 exports.useCallbackRef = require_utils_ref.useCallbackRef;
 exports.useIds = require_utils_dom.useIds;
@@ -64,20 +172,10 @@ exports.useSafeLayoutEffect = require_utils_effect.useSafeLayoutEffect;
 exports.useSsr = require_utils_ssr.useSsr;
 exports.useUnmountEffect = require_utils_effect.useUnmountEffect;
 exports.useUpdateEffect = require_utils_effect.useUpdateEffect;
-Object.defineProperty(exports, 'utils_exports', {
-  enumerable: true,
-  get: function () {
-    return utils_exports;
-  }
-});
+exports.userAgent = require_utils_common_dom.userAgent;
+exports.uuid = require_utils_common_dom.uuid;
+exports.valueToPercent = require_utils_common_number.valueToPercent;
+exports.vendor = require_utils_common_dom.vendor;
 exports.visuallyHiddenAttributes = require_utils_dom.visuallyHiddenAttributes;
 exports.wrapOrPassProps = require_utils_children.wrapOrPassProps;
-var __yamada_ui_utils = require("@yamada-ui/utils");
-Object.keys(__yamada_ui_utils).forEach(function (k) {
-  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return __yamada_ui_utils[k]; }
-  });
-});
-//# sourceMappingURL=index.cjs.map
+exports.wrapWithKey = require_utils_common_object.wrapWithKey;

package/dist/esm/_virtual/rolldown_runtime.js CHANGED Viewed

@@ -1,25 +1,11 @@
 //#region rolldown:runtime
 var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
 	for (var name in all) __defProp(target, name, {
 		get: all[name],
 		enumerable: true
 	});
 };
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 //#endregion
-export { __export, __reExport };
+export { __export };

package/dist/esm/components/accordion/accordion.js CHANGED Viewed

@@ -3,7 +3,8 @@
 import { findChild, getValidChildren, omitChildren } from "../../utils/children.js";
 import { createContext } from "../../utils/context.js";
-import { utils_exports } from "../../utils/index.js";
+import { isEmpty, isString } from "../../utils/common/assertion.js";
+import { runIfFn } from "../../utils/common/function.js";
 import { styled } from "../../core/system/factory.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
 import { Collapse } from "../collapse/collapse.js";
@@ -59,14 +60,14 @@ const AccordionRoot = withProvider(({ icon, iconHidden,...props }) => {
 }, "root")();
 const AccordionItem = withContext(({ button, children, icon,...rest }) => {
 	const { disabled, open, getButtonProps, getIconProps, getItemProps, getPanelProps } = useAccordionItem(rest);
-	children = (0, utils_exports.runIfFn)(children, {
+	children = runIfFn(children, {
 		disabled,
 		expanded: open
 	});
 	const validChildren = getValidChildren(children);
 	const customAccordionButton = findChild(validChildren, AccordionButton);
 	const customAccordionPanel = findChild(validChildren, AccordionPanel);
-	const cloneChildren = !(0, utils_exports.isEmpty)(validChildren) ? omitChildren(validChildren, AccordionButton, AccordionPanel) : children;
+	const cloneChildren = !isEmpty(validChildren) ? omitChildren(validChildren, AccordionButton, AccordionPanel) : children;
 	const context = useMemo(() => ({
 		disabled,
 		icon,
@@ -89,7 +90,7 @@ const AccordionItem = withContext(({ button, children, icon,...rest }) => {
 			value: componentContext,
 			children: /* @__PURE__ */ jsxs(styled.div, {
 				...getItemProps(),
-				children: [customAccordionButton ?? /* @__PURE__ */ jsx(AccordionButton, { children: (0, utils_exports.runIfFn)(button, {
+				children: [customAccordionButton ?? /* @__PURE__ */ jsx(AccordionButton, { children: runIfFn(button, {
 					disabled,
 					expanded: open
 				}) }), customAccordionPanel ?? /* @__PURE__ */ jsx(AccordionPanel, { children: cloneChildren })]
@@ -109,7 +110,7 @@ const AccordionButton = withContext(({ children, icon: customIcon, containerProp
 		...containerProps,
 		children: /* @__PURE__ */ jsxs(styled.button, {
 			...getButtonProps(rest),
-			children: [children, /* @__PURE__ */ jsx(AccordionIcon, { children: (0, utils_exports.runIfFn)(itemIcon, props) ?? (0, utils_exports.runIfFn)(rootIcon, props) ?? (0, utils_exports.runIfFn)(customIcon, props) })]
+			children: [children, /* @__PURE__ */ jsx(AccordionIcon, { children: runIfFn(itemIcon, props) ?? runIfFn(rootIcon, props) ?? runIfFn(customIcon, props) })]
 		})
 	});
 }, "button")();
@@ -137,7 +138,7 @@ const AccordionPanel = withContext(({ animationOpacity, children, delay, duratio
 		unmountOnExit,
 		children: /* @__PURE__ */ jsx(styled.div, {
 			...getPanelProps(rest),
-			children: (0, utils_exports.isString)(children) ? /* @__PURE__ */ jsx(styled.p, { children }) : children
+			children: isString(children) ? /* @__PURE__ */ jsx(styled.p, { children }) : children
 		})
 	});
 }, "panel")();

package/dist/esm/components/accordion/accordion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"accordion.js","names":[],"sources":["../../../../src/components/accordion/accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CollapseProps } from \"../collapse\"\nimport type { WithTransitionProps } from \"../motion\"\nimport type { AccordionStyle } from \"./accordion.style\"\nimport type { UseAccordionItemProps, UseAccordionProps } from \"./use-accordion\"\nimport { Children, cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport {\n createContext,\n findChild,\n getValidChildren,\n isEmpty,\n omitChildren,\n runIfFn,\n} from \"../../utils\"\nimport { isString } from \"../../utils\"\nimport { Collapse } from \"../collapse\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { accordionStyle } from \"./accordion.style\"\nimport {\n AccordionContext,\n AccordionDescendantsContext,\n AccordionItemContext,\n useAccordion,\n useAccordionItem,\n useAccordionItemContext,\n} from \"./use-accordion\"\n\ninterface AccordionCallBackProps {\n disabled?: boolean\n expanded?: boolean\n}\n\ninterface AccordionComponentContext\n extends Pick<AccordionRootProps, \"icon\" \| \"iconHidden\"> {}\n\nexport interface AccordionRootProps\n extends Omit<HTMLStyledProps, \"onChange\">,\n ThemeProps<AccordionStyle>,\n UseAccordionProps {\n /*\n The accordion icon for all items to use.\n /\n icon?: ReactNodeOrFunction<AccordionCallBackProps>\n /\n If `true`, hide the accordion icon for all items.\n \n @default false\n /\n iconHidden?: boolean\n}\n\ninterface AccordionItemComponentContext\n extends Pick<AccordionItemProps, \"icon\"> {}\n\nconst [AccordionItemComponentContext, useAccordionItemComponentContext] =\n createContext<AccordionItemComponentContext>({\n name: \"AccordionItemComponentContext\",\n })\n\nexport const {\n ComponentContext: AccordionComponentContext,\n PropsContext: AccordionPropsContext,\n useComponentContext: useAccordionComponentContext,\n usePropsContext: useAccordionPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<\n AccordionRootProps,\n AccordionStyle,\n AccordionComponentContext\n>(\"accordion\", accordionStyle)\n\n/\n `Accordion` is a component for a list that displays information in an expandable or collapsible manner.\n \n @see https://yamada-ui.com/components/accordion\n /\nexport const AccordionRoot = withProvider<\"div\", AccordionRootProps>(\n ({ icon, iconHidden, ...props }) => {\n const {\n descendants,\n focusedIndex,\n index,\n multiple,\n setFocusedIndex,\n setIndex,\n toggle,\n getRootProps,\n } = useAccordion(props)\n\n const context = useMemo(\n () => ({\n focusedIndex,\n icon,\n iconHidden,\n index,\n multiple,\n setFocusedIndex,\n setIndex,\n toggle,\n }),\n [\n focusedIndex,\n icon,\n iconHidden,\n index,\n multiple,\n setFocusedIndex,\n setIndex,\n toggle,\n ],\n )\n const componentContext = useMemo(\n () => ({ icon, iconHidden }),\n [icon, iconHidden],\n )\n\n return (\n <AccordionDescendantsContext value={descendants}>\n <AccordionContext value={context}>\n <AccordionComponentContext value={componentContext}>\n <styled.div {...getRootProps()} />\n </AccordionComponentContext>\n </AccordionContext>\n </AccordionDescendantsContext>\n )\n },\n \"root\",\n)()\n\nexport interface AccordionItemProps\n extends Omit<HTMLStyledProps, \"children\">,\n Omit<UseAccordionItemProps, \"children\"> {\n /\n The accordion button to use.\n /\n button?: ReactNodeOrFunction<AccordionCallBackProps>\n /\n The accordion children to use.\n /\n children?: ReactNodeOrFunction<AccordionCallBackProps>\n /\n The accordion icon to use.\n /\n icon?: ReactNodeOrFunction<AccordionCallBackProps>\n}\n\nexport const AccordionItem = withContext<\"div\", AccordionItemProps>(\n ({ button, children, icon, ...rest }) => {\n const {\n disabled,\n open,\n getButtonProps,\n getIconProps,\n getItemProps,\n getPanelProps,\n } = useAccordionItem(rest)\n\n children = runIfFn(children, { disabled, expanded: open })\n\n const validChildren = getValidChildren(children)\n const customAccordionButton = findChild(validChildren, AccordionButton)\n const customAccordionPanel = findChild(validChildren, AccordionPanel)\n const cloneChildren = !isEmpty(validChildren)\n ? omitChildren(validChildren, AccordionButton, AccordionPanel)\n : children\n\n const context = useMemo(\n () => ({\n disabled,\n icon,\n open,\n getButtonProps,\n getIconProps,\n getPanelProps,\n }),\n [disabled, getButtonProps, getPanelProps, getIconProps, icon, open],\n )\n const componentContext = useMemo(() => ({ icon }), [icon])\n\n return (\n <AccordionItemContext value={context}>\n <AccordionItemComponentContext value={componentContext}>\n <styled.div {...getItemProps()}>\n {customAccordionButton ?? (\n <AccordionButton>\n {runIfFn(button, { disabled, expanded: open })}\n </AccordionButton>\n )}\n {customAccordionPanel ?? (\n <AccordionPanel>{cloneChildren}</AccordionPanel>\n )}\n </styled.div>\n </AccordionItemComponentContext>\n </AccordionItemContext>\n )\n },\n \"item\",\n)()\n\nexport interface AccordionButtonProps extends HTMLStyledProps<\"button\"> {\n /\n The accordion icon to use.\n /\n icon?: ReactNodeOrFunction<{ disabled?: boolean; expanded?: boolean }>\n /\n Props the container element.\n */\n containerProps?: HTMLStyledProps\n}\n\nexport const AccordionButton = withContext<\"button\", AccordionButtonProps>(\n ({ children, icon: customIcon, containerProps, ...rest }) => {\n const { icon: rootIcon } = useAccordionComponentContext()\n const { icon: itemIcon } = useAccordionItemComponentContext()\n const { disabled, open, getButtonProps } = useAccordionItemContext()\n const props = { disabled, expanded: open }\n\n return (\n <styled.h3 {...containerProps}>\n <styled.button {...getButtonProps(rest)}>\n {children}\n\n <AccordionIcon>\n {runIfFn(itemIcon, props) ??\n runIfFn(rootIcon, props) ??\n runIfFn(customIcon, props)}\n </AccordionIcon>\n </styled.button>\n </styled.h3>\n )\n },\n \"button\",\n)()\n\ninterface AccordionIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const AccordionIcon = withContext<\"svg\", AccordionIconProps>(\n ({ children = <ChevronDownIcon />, ...rest }) => {\n const { iconHidden } = useAccordionComponentContext()\n const { getIconProps } = useAccordionItemContext()\n\n if (iconHidden) return null\n\n if (isValidElement<HTMLProps<\"svg\">>(children))\n return cloneElement(\n children,\n getIconProps({\n ...rest,\n ...children.props,\n }),\n )\n\n return Children.count(children) > 1 ? Children.only(null) : null\n },\n \"icon\",\n)()\n\nexport interface AccordionPanelProps\n extends Omit<HTMLStyledProps, \"transition\">,\n Pick<\n CollapseProps,\n \| \"animationOpacity\"\n \| \"endingHeight\"\n \| \"startingHeight\"\n \| keyof WithTransitionProps\n > {}\n\nexport const AccordionPanel = withContext<\"div\", AccordionPanelProps>(\n ({\n animationOpacity,\n children,\n delay,\n duration,\n endingHeight,\n startingHeight,\n transition,\n transitionEnd,\n unmountOnExit,\n ...rest\n }) => {\n const { open, getPanelProps } = useAccordionItemContext()\n\n return (\n <Collapse\n {...{\n animationOpacity,\n delay,\n duration,\n endingHeight,\n open,\n startingHeight,\n transition,\n transitionEnd,\n unmountOnExit,\n }}\n >\n <styled.div {...getPanelProps(rest)}>\n {isString(children) ? <styled.p>{children}</styled.p> : children}\n </styled.div>\n </Collapse>\n )\n },\n \"panel\",\n)()\n"],"mappings":"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"}
1	+ {"version":3,"file":"accordion.js","names":[],"sources":["../../../../src/components/accordion/accordion.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { ReactNodeOrFunction } from \"../../utils\"\nimport type { CollapseProps } from \"../collapse\"\nimport type { WithTransitionProps } from \"../motion\"\nimport type { AccordionStyle } from \"./accordion.style\"\nimport type { UseAccordionItemProps, UseAccordionProps } from \"./use-accordion\"\nimport { Children, cloneElement, isValidElement, useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport {\n createContext,\n findChild,\n getValidChildren,\n isEmpty,\n omitChildren,\n runIfFn,\n} from \"../../utils\"\nimport { isString } from \"../../utils\"\nimport { Collapse } from \"../collapse\"\nimport { ChevronDownIcon } from \"../icon\"\nimport { accordionStyle } from \"./accordion.style\"\nimport {\n AccordionContext,\n AccordionDescendantsContext,\n AccordionItemContext,\n useAccordion,\n useAccordionItem,\n useAccordionItemContext,\n} from \"./use-accordion\"\n\ninterface AccordionCallBackProps {\n disabled?: boolean\n expanded?: boolean\n}\n\ninterface AccordionComponentContext\n extends Pick<AccordionRootProps, \"icon\" \| \"iconHidden\"> {}\n\nexport interface AccordionRootProps\n extends Omit<HTMLStyledProps, \"onChange\">,\n ThemeProps<AccordionStyle>,\n UseAccordionProps {\n /*\n The accordion icon for all items to use.\n /\n icon?: ReactNodeOrFunction<AccordionCallBackProps>\n /\n If `true`, hide the accordion icon for all items.\n \n @default false\n /\n iconHidden?: boolean\n}\n\ninterface AccordionItemComponentContext\n extends Pick<AccordionItemProps, \"icon\"> {}\n\nconst [AccordionItemComponentContext, useAccordionItemComponentContext] =\n createContext<AccordionItemComponentContext>({\n name: \"AccordionItemComponentContext\",\n })\n\nexport const {\n ComponentContext: AccordionComponentContext,\n PropsContext: AccordionPropsContext,\n useComponentContext: useAccordionComponentContext,\n usePropsContext: useAccordionPropsContext,\n withContext,\n withProvider,\n} = createSlotComponent<\n AccordionRootProps,\n AccordionStyle,\n AccordionComponentContext\n>(\"accordion\", accordionStyle)\n\n/\n `Accordion` is a component for a list that displays information in an expandable or collapsible manner.\n \n @see https://yamada-ui.com/components/accordion\n /\nexport const AccordionRoot = withProvider<\"div\", AccordionRootProps>(\n ({ icon, iconHidden, ...props }) => {\n const {\n descendants,\n focusedIndex,\n index,\n multiple,\n setFocusedIndex,\n setIndex,\n toggle,\n getRootProps,\n } = useAccordion(props)\n\n const context = useMemo(\n () => ({\n focusedIndex,\n icon,\n iconHidden,\n index,\n multiple,\n setFocusedIndex,\n setIndex,\n toggle,\n }),\n [\n focusedIndex,\n icon,\n iconHidden,\n index,\n multiple,\n setFocusedIndex,\n setIndex,\n toggle,\n ],\n )\n const componentContext = useMemo(\n () => ({ icon, iconHidden }),\n [icon, iconHidden],\n )\n\n return (\n <AccordionDescendantsContext value={descendants}>\n <AccordionContext value={context}>\n <AccordionComponentContext value={componentContext}>\n <styled.div {...getRootProps()} />\n </AccordionComponentContext>\n </AccordionContext>\n </AccordionDescendantsContext>\n )\n },\n \"root\",\n)()\n\nexport interface AccordionItemProps\n extends Omit<HTMLStyledProps, \"children\">,\n Omit<UseAccordionItemProps, \"children\"> {\n /\n The accordion button to use.\n /\n button?: ReactNodeOrFunction<AccordionCallBackProps>\n /\n The accordion children to use.\n /\n children?: ReactNodeOrFunction<AccordionCallBackProps>\n /\n The accordion icon to use.\n /\n icon?: ReactNodeOrFunction<AccordionCallBackProps>\n}\n\nexport const AccordionItem = withContext<\"div\", AccordionItemProps>(\n ({ button, children, icon, ...rest }) => {\n const {\n disabled,\n open,\n getButtonProps,\n getIconProps,\n getItemProps,\n getPanelProps,\n } = useAccordionItem(rest)\n\n children = runIfFn(children, { disabled, expanded: open })\n\n const validChildren = getValidChildren(children)\n const customAccordionButton = findChild(validChildren, AccordionButton)\n const customAccordionPanel = findChild(validChildren, AccordionPanel)\n const cloneChildren = !isEmpty(validChildren)\n ? omitChildren(validChildren, AccordionButton, AccordionPanel)\n : children\n\n const context = useMemo(\n () => ({\n disabled,\n icon,\n open,\n getButtonProps,\n getIconProps,\n getPanelProps,\n }),\n [disabled, getButtonProps, getPanelProps, getIconProps, icon, open],\n )\n const componentContext = useMemo(() => ({ icon }), [icon])\n\n return (\n <AccordionItemContext value={context}>\n <AccordionItemComponentContext value={componentContext}>\n <styled.div {...getItemProps()}>\n {customAccordionButton ?? (\n <AccordionButton>\n {runIfFn(button, { disabled, expanded: open })}\n </AccordionButton>\n )}\n {customAccordionPanel ?? (\n <AccordionPanel>{cloneChildren}</AccordionPanel>\n )}\n </styled.div>\n </AccordionItemComponentContext>\n </AccordionItemContext>\n )\n },\n \"item\",\n)()\n\nexport interface AccordionButtonProps extends HTMLStyledProps<\"button\"> {\n /\n The accordion icon to use.\n /\n icon?: ReactNodeOrFunction<{ disabled?: boolean; expanded?: boolean }>\n /\n Props the container element.\n */\n containerProps?: HTMLStyledProps\n}\n\nexport const AccordionButton = withContext<\"button\", AccordionButtonProps>(\n ({ children, icon: customIcon, containerProps, ...rest }) => {\n const { icon: rootIcon } = useAccordionComponentContext()\n const { icon: itemIcon } = useAccordionItemComponentContext()\n const { disabled, open, getButtonProps } = useAccordionItemContext()\n const props = { disabled, expanded: open }\n\n return (\n <styled.h3 {...containerProps}>\n <styled.button {...getButtonProps(rest)}>\n {children}\n\n <AccordionIcon>\n {runIfFn(itemIcon, props) ??\n runIfFn(rootIcon, props) ??\n runIfFn(customIcon, props)}\n </AccordionIcon>\n </styled.button>\n </styled.h3>\n )\n },\n \"button\",\n)()\n\ninterface AccordionIconProps extends HTMLStyledProps<\"svg\"> {}\n\nexport const AccordionIcon = withContext<\"svg\", AccordionIconProps>(\n ({ children = <ChevronDownIcon />, ...rest }) => {\n const { iconHidden } = useAccordionComponentContext()\n const { getIconProps } = useAccordionItemContext()\n\n if (iconHidden) return null\n\n if (isValidElement<HTMLProps<\"svg\">>(children))\n return cloneElement(\n children,\n getIconProps({\n ...rest,\n ...children.props,\n }),\n )\n\n return Children.count(children) > 1 ? Children.only(null) : null\n },\n \"icon\",\n)()\n\nexport interface AccordionPanelProps\n extends Omit<HTMLStyledProps, \"transition\">,\n Pick<\n CollapseProps,\n \| \"animationOpacity\"\n \| \"endingHeight\"\n \| \"startingHeight\"\n \| keyof WithTransitionProps\n > {}\n\nexport const AccordionPanel = withContext<\"div\", AccordionPanelProps>(\n ({\n animationOpacity,\n children,\n delay,\n duration,\n endingHeight,\n startingHeight,\n transition,\n transitionEnd,\n unmountOnExit,\n ...rest\n }) => {\n const { open, getPanelProps } = useAccordionItemContext()\n\n return (\n <Collapse\n {...{\n animationOpacity,\n delay,\n duration,\n endingHeight,\n open,\n startingHeight,\n transition,\n transitionEnd,\n unmountOnExit,\n }}\n >\n <styled.div {...getPanelProps(rest)}>\n {isString(children) ? <styled.p>{children}</styled.p> : children}\n </styled.div>\n </Collapse>\n )\n },\n \"panel\",\n)()\n"],"mappings":"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"}

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

@@ -3,7 +3,10 @@
 import { createContext } from "../../utils/context.js";
 import { mergeRefs } from "../../utils/ref.js";
-import { utils_exports } from "../../utils/index.js";
+import { isArray } from "../../utils/common/assertion.js";
+import { handlerAll } from "../../utils/common/function.js";
+import { ariaAttr, dataAttr } from "../../utils/common/dom.js";
+import { cx } from "../../utils/common/string.js";
 import { useControllableState } from "../../hooks/use-controllable-state/index.js";
 import { createDescendant } from "../../hooks/use-descendant/index.js";
 import { useCallback, useEffect, useId, useState } from "react";
@@ -13,7 +16,7 @@ const { DescendantsContext: AccordionDescendantsContext, useDescendant: useAccor
 const [AccordionContext, useAccordionContext] = createContext({ name: "AccordionContext" });
 const [AccordionItemContext, useAccordionItemContext] = createContext({ name: "AccordionItemContext" });
 const useAccordion = ({ defaultIndex: defaultIndexProp, index: indexProp, multiple, toggle, onChange,...rest } = {}) => {
-	if ((indexProp || defaultIndexProp) != null && !(0, utils_exports.isArray)(indexProp || defaultIndexProp) && multiple) console.warn(`Accordion: If 'multiple' is passed, then 'index' or 'defaultIndex' must be an array.`);
+	if ((indexProp || defaultIndexProp) != null && !isArray(indexProp || defaultIndexProp) && multiple) console.warn(`Accordion: If 'multiple' is passed, then 'index' or 'defaultIndex' must be an array.`);
 	if (multiple && toggle) console.warn(`Accordion: If 'multiple' is passed, 'toggle' will be ignored. Either remove 'toggle' or 'multiple' depending on whether you want multiple accordions visible or not`);
 	const descendants = useAccordionDescendants();
 	const [focusedIndex, setFocusedIndex] = useState(-1);
@@ -46,11 +49,11 @@ const useAccordionItem = ({ disabled,...rest } = {}) => {
 	const panelId = useId();
 	const { index: selectedIndex, multiple, setFocusedIndex, setIndex, toggle } = useAccordionContext();
 	const { descendants, index, register } = useAccordionDescendant({ disabled });
-	const open = index !== -1 ? (0, utils_exports.isArray)(selectedIndex) ? selectedIndex.includes(index) : selectedIndex === index : false;
+	const open = index !== -1 ? isArray(selectedIndex) ? selectedIndex.includes(index) : selectedIndex === index : false;
 	if (open && disabled) console.warn(`Accordion: Cannot open a disabled accordion item`);
 	const onChange = useCallback((open$1) => {
 		if (index === -1) return;
-		if (multiple && (0, utils_exports.isArray)(selectedIndex)) setIndex(open$1 ? selectedIndex.concat(index) : selectedIndex.filter((i) => i !== index));
+		if (multiple && isArray(selectedIndex)) setIndex(open$1 ? selectedIndex.concat(index) : selectedIndex.filter((i) => i !== index));
 		else if (open$1) setIndex(index);
 		else if (toggle) setIndex(-1);
 	}, [
@@ -97,7 +100,7 @@ const useAccordionItem = ({ disabled,...rest } = {}) => {
 		action(ev);
 	}, [descendants, index]);
 	const getItemProps = useCallback(({ ref,...props } = {}) => ({
-		"data-expanded": (0, utils_exports.dataAttr)(open),
+		"data-expanded": dataAttr(open),
 		...props,
 		...rest,
 		ref: mergeRefs(ref, rest.ref)
@@ -106,14 +109,14 @@ const useAccordionItem = ({ disabled,...rest } = {}) => {
 		id: itemId,
 		type: "button",
 		"aria-controls": panelId,
-		"aria-disabled": (0, utils_exports.ariaAttr)(!multiple && !toggle && open || disabled),
+		"aria-disabled": ariaAttr(!multiple && !toggle && open || disabled),
 		"aria-expanded": open,
 		...props,
 		ref: mergeRefs(register, ref),
 		disabled,
-		onClick: (0, utils_exports.handlerAll)(props.onClick, onClick),
-		onFocus: (0, utils_exports.handlerAll)(props.onFocus, onFocus),
-		onKeyDown: (0, utils_exports.handlerAll)(props.onKeyDown, onKeyDown)
+		onClick: handlerAll(props.onClick, onClick),
+		onFocus: handlerAll(props.onFocus, onFocus),
+		onKeyDown: handlerAll(props.onKeyDown, onKeyDown)
 	}), [
 		itemId,
 		open,
@@ -128,12 +131,12 @@ const useAccordionItem = ({ disabled,...rest } = {}) => {
 	]);
 	const getPanelProps = useCallback(({ "aria-labelledby": ariaLabelledby,...props } = {}) => ({
 		id: panelId,
-		"aria-labelledby": (0, utils_exports.cx)(ariaLabelledby, itemId),
+		"aria-labelledby": cx(ariaLabelledby, itemId),
 		role: "region",
 		...props
 	}), [itemId, panelId]);
 	const getIconProps = useCallback((props) => ({
-		"aria-disabled": (0, utils_exports.ariaAttr)(disabled),
+		"aria-disabled": ariaAttr(disabled),
 		"aria-expanded": open,
 		"aria-hidden": true,
 		role: "presentation",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"use-accordion.js","names":["getRootProps: PropGetter","open: boolean","open","ev: KeyboardEvent<HTMLButtonElement>","actions: { [key: string]: KeyboardEventHandler }","getItemProps: PropGetter","getButtonProps: PropGetter<\"button\">","getPanelProps: PropGetter","getIconProps: PropGetter<\"svg\">"],"sources":["../../../../src/components/accordion/use-accordion.ts"],"sourcesContent":["\"use client\"\n\nimport type { KeyboardEvent, KeyboardEventHandler } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useEffect, useId, useState } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendant } from \"../../hooks/use-descendant\"\nimport {\n ariaAttr,\n createContext,\n cx,\n dataAttr,\n handlerAll,\n isArray,\n mergeRefs,\n} from \"../../utils\"\n\nexport const {\n DescendantsContext: AccordionDescendantsContext,\n useDescendant: useAccordionDescendant,\n useDescendants: useAccordionDescendants,\n} = createDescendant<HTMLButtonElement>()\n\ninterface AccordionContext\n extends Omit<UseAccordionReturn, \"descendants\" \| \"getRootProps\"> {}\n\nexport const [AccordionContext, useAccordionContext] =\n createContext<AccordionContext>({\n name: \"AccordionContext\",\n })\n\ninterface AccordionItemContext\n extends Omit<UseAccordionItemReturn, \"getItemProps\"> {}\n\nexport const [AccordionItemContext, useAccordionItemContext] =\n createContext<AccordionItemContext>({\n name: \"AccordionItemContext\",\n })\n\nexport interface UseAccordionProps extends Omit<HTMLProps, \"onChange\"> {\n /*\n The initial index(es) of the accordion item to expand.\n /\n defaultIndex?: number \| number[]\n /\n The index(es) of the accordion item to expand.\n /\n index?: number \| number[]\n /\n If `true`, multiple accordion items can be expanded at once.\n \n @default false\n /\n multiple?: boolean\n /\n If `true`, any expanded accordion item can be collapsed again.\n \n @default false\n /\n toggle?: boolean\n /\n The callback invoked when accordion items are expanded or collapsed.\n /\n onChange?: (index: number \| number[]) => void\n}\n\nexport const useAccordion = ({\n defaultIndex: defaultIndexProp,\n index: indexProp,\n multiple,\n toggle,\n onChange,\n ...rest\n}: UseAccordionProps = {}) => {\n if (\n (indexProp \|\| defaultIndexProp) != null &&\n !isArray(indexProp \|\| defaultIndexProp) &&\n multiple\n ) {\n console.warn(\n `Accordion: If 'multiple' is passed, then 'index' or 'defaultIndex' must be an array.`,\n )\n }\n\n if (multiple && toggle) {\n console.warn(\n `Accordion: If 'multiple' is passed, 'toggle' will be ignored. Either remove 'toggle' or 'multiple' depending on whether you want multiple accordions visible or not`,\n )\n }\n\n const descendants = useAccordionDescendants()\n\n const [focusedIndex, setFocusedIndex] = useState<number>(-1)\n\n const [index, setIndex] = useControllableState({\n defaultValue: () =>\n multiple ? (defaultIndexProp ?? []) : (defaultIndexProp ?? -1),\n value: indexProp,\n onChange,\n })\n\n const getRootProps: PropGetter = useCallback(\n ({ ref, ...props } = {}) => ({\n ...props,\n ...rest,\n ref: mergeRefs(ref, rest.ref),\n }),\n [rest],\n )\n\n useEffect(() => {\n return () => setFocusedIndex(-1)\n }, [])\n\n return {\n descendants,\n focusedIndex,\n index,\n multiple,\n setFocusedIndex,\n setIndex,\n toggle,\n getRootProps,\n }\n}\n\nexport type UseAccordionReturn = ReturnType<typeof useAccordion>\n\nexport interface UseAccordionItemProps extends HTMLProps {\n /\n If `true`, the accordion item will be disabled.\n \n @default false\n */\n disabled?: boolean\n}\n\nexport const useAccordionItem = ({\n disabled,\n ...rest\n}: UseAccordionItemProps = {}) => {\n const itemId = useId()\n const panelId = useId()\n const {\n index: selectedIndex,\n multiple,\n setFocusedIndex,\n setIndex,\n toggle,\n } = useAccordionContext()\n const { descendants, index, register } = useAccordionDescendant({ disabled })\n const open =\n index !== -1\n ? isArray(selectedIndex)\n ? selectedIndex.includes(index)\n : selectedIndex === index\n : false\n\n if (open && disabled)\n console.warn(`Accordion: Cannot open a disabled accordion item`)\n\n const onChange = useCallback(\n (open: boolean) => {\n if (index === -1) return\n\n if (multiple && isArray(selectedIndex)) {\n setIndex(\n open\n ? selectedIndex.concat(index)\n : selectedIndex.filter((i) => i !== index),\n )\n } else if (open) {\n setIndex(index)\n } else if (toggle) {\n setIndex(-1)\n }\n },\n [multiple, toggle, index, selectedIndex, setIndex],\n )\n\n const onFocus = useCallback(() => {\n setFocusedIndex(index)\n }, [setFocusedIndex, index])\n\n const onClick = useCallback(() => {\n onChange(!open)\n setFocusedIndex(index)\n }, [index, setFocusedIndex, open, onChange])\n\n const onKeyDown = useCallback(\n (ev: KeyboardEvent<HTMLButtonElement>) => {\n const actions: { [key: string]: KeyboardEventHandler } = {\n ArrowDown: () => {\n const next = descendants.enabledNextValue(index)\n\n next?.node.focus()\n },\n ArrowUp: () => {\n const prev = descendants.enabledPrevValue(index)\n\n prev?.node.focus()\n },\n End: () => {\n const last = descendants.enabledLastValue()\n\n last?.node.focus()\n },\n Home: () => {\n const first = descendants.enabledFirstValue()\n\n first?.node.focus()\n },\n }\n\n const action = actions[ev.key]\n\n if (!action) return\n\n ev.preventDefault()\n action(ev)\n },\n [descendants, index],\n )\n\n const getItemProps: PropGetter = useCallback(\n ({ ref, ...props } = {}) => ({\n \"data-expanded\": dataAttr(open),\n ...props,\n ...rest,\n ref: mergeRefs(ref, rest.ref),\n }),\n [open, rest],\n )\n\n const getButtonProps: PropGetter<\"button\"> = useCallback(\n ({ ref, ...props } = {}) => ({\n id: itemId,\n type: \"button\",\n \"aria-controls\": panelId,\n \"aria-disabled\": ariaAttr((!multiple && !toggle && open) \|\| disabled),\n \"aria-expanded\": open,\n ...props,\n ref: mergeRefs(register, ref),\n disabled,\n onClick: handlerAll(props.onClick, onClick),\n onFocus: handlerAll(props.onFocus, onFocus),\n onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n }),\n [\n itemId,\n open,\n panelId,\n multiple,\n toggle,\n disabled,\n register,\n onClick,\n onFocus,\n onKeyDown,\n ],\n )\n\n const getPanelProps: PropGetter = useCallback(\n ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n id: panelId,\n \"aria-labelledby\": cx(ariaLabelledby, itemId),\n role: \"region\",\n ...props,\n }),\n [itemId, panelId],\n )\n\n const getIconProps: PropGetter<\"svg\"> = useCallback(\n (props) => ({\n \"aria-disabled\": ariaAttr(disabled),\n \"aria-expanded\": open,\n \"aria-hidden\": true,\n role: \"presentation\",\n ...props,\n }),\n [open, disabled],\n )\n\n return {\n disabled,\n open,\n getButtonProps,\n getIconProps,\n getItemProps,\n getPanelProps,\n }\n}\n\nexport type UseAccordionItemReturn = ReturnType<typeof useAccordionItem>\n"],"mappings":"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"}
1	+ {"version":3,"file":"use-accordion.js","names":["getRootProps: PropGetter","open: boolean","open","ev: KeyboardEvent<HTMLButtonElement>","actions: { [key: string]: KeyboardEventHandler }","getItemProps: PropGetter","getButtonProps: PropGetter<\"button\">","getPanelProps: PropGetter","getIconProps: PropGetter<\"svg\">"],"sources":["../../../../src/components/accordion/use-accordion.ts"],"sourcesContent":["\"use client\"\n\nimport type { KeyboardEvent, KeyboardEventHandler } from \"react\"\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useEffect, useId, useState } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { createDescendant } from \"../../hooks/use-descendant\"\nimport {\n ariaAttr,\n createContext,\n cx,\n dataAttr,\n handlerAll,\n isArray,\n mergeRefs,\n} from \"../../utils\"\n\nexport const {\n DescendantsContext: AccordionDescendantsContext,\n useDescendant: useAccordionDescendant,\n useDescendants: useAccordionDescendants,\n} = createDescendant<HTMLButtonElement>()\n\ninterface AccordionContext\n extends Omit<UseAccordionReturn, \"descendants\" \| \"getRootProps\"> {}\n\nexport const [AccordionContext, useAccordionContext] =\n createContext<AccordionContext>({\n name: \"AccordionContext\",\n })\n\ninterface AccordionItemContext\n extends Omit<UseAccordionItemReturn, \"getItemProps\"> {}\n\nexport const [AccordionItemContext, useAccordionItemContext] =\n createContext<AccordionItemContext>({\n name: \"AccordionItemContext\",\n })\n\nexport interface UseAccordionProps extends Omit<HTMLProps, \"onChange\"> {\n /*\n The initial index(es) of the accordion item to expand.\n /\n defaultIndex?: number \| number[]\n /\n The index(es) of the accordion item to expand.\n /\n index?: number \| number[]\n /\n If `true`, multiple accordion items can be expanded at once.\n \n @default false\n /\n multiple?: boolean\n /\n If `true`, any expanded accordion item can be collapsed again.\n \n @default false\n /\n toggle?: boolean\n /\n The callback invoked when accordion items are expanded or collapsed.\n /\n onChange?: (index: number \| number[]) => void\n}\n\nexport const useAccordion = ({\n defaultIndex: defaultIndexProp,\n index: indexProp,\n multiple,\n toggle,\n onChange,\n ...rest\n}: UseAccordionProps = {}) => {\n if (\n (indexProp \|\| defaultIndexProp) != null &&\n !isArray(indexProp \|\| defaultIndexProp) &&\n multiple\n ) {\n console.warn(\n `Accordion: If 'multiple' is passed, then 'index' or 'defaultIndex' must be an array.`,\n )\n }\n\n if (multiple && toggle) {\n console.warn(\n `Accordion: If 'multiple' is passed, 'toggle' will be ignored. Either remove 'toggle' or 'multiple' depending on whether you want multiple accordions visible or not`,\n )\n }\n\n const descendants = useAccordionDescendants()\n\n const [focusedIndex, setFocusedIndex] = useState<number>(-1)\n\n const [index, setIndex] = useControllableState({\n defaultValue: () =>\n multiple ? (defaultIndexProp ?? []) : (defaultIndexProp ?? -1),\n value: indexProp,\n onChange,\n })\n\n const getRootProps: PropGetter = useCallback(\n ({ ref, ...props } = {}) => ({\n ...props,\n ...rest,\n ref: mergeRefs(ref, rest.ref),\n }),\n [rest],\n )\n\n useEffect(() => {\n return () => setFocusedIndex(-1)\n }, [])\n\n return {\n descendants,\n focusedIndex,\n index,\n multiple,\n setFocusedIndex,\n setIndex,\n toggle,\n getRootProps,\n }\n}\n\nexport type UseAccordionReturn = ReturnType<typeof useAccordion>\n\nexport interface UseAccordionItemProps extends HTMLProps {\n /\n If `true`, the accordion item will be disabled.\n \n @default false\n */\n disabled?: boolean\n}\n\nexport const useAccordionItem = ({\n disabled,\n ...rest\n}: UseAccordionItemProps = {}) => {\n const itemId = useId()\n const panelId = useId()\n const {\n index: selectedIndex,\n multiple,\n setFocusedIndex,\n setIndex,\n toggle,\n } = useAccordionContext()\n const { descendants, index, register } = useAccordionDescendant({ disabled })\n const open =\n index !== -1\n ? isArray(selectedIndex)\n ? selectedIndex.includes(index)\n : selectedIndex === index\n : false\n\n if (open && disabled)\n console.warn(`Accordion: Cannot open a disabled accordion item`)\n\n const onChange = useCallback(\n (open: boolean) => {\n if (index === -1) return\n\n if (multiple && isArray(selectedIndex)) {\n setIndex(\n open\n ? selectedIndex.concat(index)\n : selectedIndex.filter((i) => i !== index),\n )\n } else if (open) {\n setIndex(index)\n } else if (toggle) {\n setIndex(-1)\n }\n },\n [multiple, toggle, index, selectedIndex, setIndex],\n )\n\n const onFocus = useCallback(() => {\n setFocusedIndex(index)\n }, [setFocusedIndex, index])\n\n const onClick = useCallback(() => {\n onChange(!open)\n setFocusedIndex(index)\n }, [index, setFocusedIndex, open, onChange])\n\n const onKeyDown = useCallback(\n (ev: KeyboardEvent<HTMLButtonElement>) => {\n const actions: { [key: string]: KeyboardEventHandler } = {\n ArrowDown: () => {\n const next = descendants.enabledNextValue(index)\n\n next?.node.focus()\n },\n ArrowUp: () => {\n const prev = descendants.enabledPrevValue(index)\n\n prev?.node.focus()\n },\n End: () => {\n const last = descendants.enabledLastValue()\n\n last?.node.focus()\n },\n Home: () => {\n const first = descendants.enabledFirstValue()\n\n first?.node.focus()\n },\n }\n\n const action = actions[ev.key]\n\n if (!action) return\n\n ev.preventDefault()\n action(ev)\n },\n [descendants, index],\n )\n\n const getItemProps: PropGetter = useCallback(\n ({ ref, ...props } = {}) => ({\n \"data-expanded\": dataAttr(open),\n ...props,\n ...rest,\n ref: mergeRefs(ref, rest.ref),\n }),\n [open, rest],\n )\n\n const getButtonProps: PropGetter<\"button\"> = useCallback(\n ({ ref, ...props } = {}) => ({\n id: itemId,\n type: \"button\",\n \"aria-controls\": panelId,\n \"aria-disabled\": ariaAttr((!multiple && !toggle && open) \|\| disabled),\n \"aria-expanded\": open,\n ...props,\n ref: mergeRefs(register, ref),\n disabled,\n onClick: handlerAll(props.onClick, onClick),\n onFocus: handlerAll(props.onFocus, onFocus),\n onKeyDown: handlerAll(props.onKeyDown, onKeyDown),\n }),\n [\n itemId,\n open,\n panelId,\n multiple,\n toggle,\n disabled,\n register,\n onClick,\n onFocus,\n onKeyDown,\n ],\n )\n\n const getPanelProps: PropGetter = useCallback(\n ({ \"aria-labelledby\": ariaLabelledby, ...props } = {}) => ({\n id: panelId,\n \"aria-labelledby\": cx(ariaLabelledby, itemId),\n role: \"region\",\n ...props,\n }),\n [itemId, panelId],\n )\n\n const getIconProps: PropGetter<\"svg\"> = useCallback(\n (props) => ({\n \"aria-disabled\": ariaAttr(disabled),\n \"aria-expanded\": open,\n \"aria-hidden\": true,\n role: \"presentation\",\n ...props,\n }),\n [open, disabled],\n )\n\n return {\n disabled,\n open,\n getButtonProps,\n getIconProps,\n getItemProps,\n getPanelProps,\n }\n}\n\nexport type UseAccordionItemReturn = ReturnType<typeof useAccordionItem>\n"],"mappings":"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"}

package/dist/esm/components/airy/airy.js CHANGED Viewed

@@ -1,7 +1,8 @@
 "use client";
-import { utils_exports } from "../../utils/index.js";
+import { handlerAll } from "../../utils/common/function.js";
+import { dataAttr } from "../../utils/common/dom.js";
 import { useInjectVarsIntoCss, useInjectVarsIntoProps } from "../../core/css/use-inject-vars.js";
 import { createComponent } from "../../core/components/create-component.js";
 import { motion } from "../motion/factory.js";
@@ -50,13 +51,13 @@ const Airy = withContext(({ defaultValue = "from", delay = 0, disabled, duration
 	]);
 	return /* @__PURE__ */ jsx(motion.button, {
 		type: "button",
-		"data-disabled": (0, utils_exports.dataAttr)(disabled),
-		"data-readonly": (0, utils_exports.dataAttr)(readOnly),
+		"data-disabled": dataAttr(disabled),
+		"data-readonly": dataAttr(readOnly),
 		"data-value": value,
 		animate,
 		disabled,
 		initial: { opacity },
-		onClick: (0, utils_exports.handlerAll)(onClickProp, onClick),
+		onClick: handlerAll(onClickProp, onClick),
 		...rest,
 		children: value === "from" ? from : to
 	});

package/dist/esm/components/airy/airy.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"airy.js","names":[],"sources":["../../../../src/components/airy/airy.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { KeyframeIdent, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { AiryStyle } from \"./airy.style\"\nimport { useAnimation } from \"motion/react\"\nimport { useCallback } from \"react\"\nimport {\n createComponent,\n useInjectVarsIntoCss,\n useInjectVarsIntoProps,\n} from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { dataAttr, handlerAll } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { airyStyle } from \"./airy.style\"\n\nexport interface AiryProps\n extends Omit<HTMLMotionProps<\"button\">, \"onChange\">,\n ThemeProps<AiryStyle> {\n /*\n Passing React elements to \"from\" is required.\n /\n from: ReactNode\n /\n Passing React elements to \"to\" is required.\n /\n to: ReactNode\n /\n You can set the initial state.\n \n @default 'from'\n /\n defaultValue?: KeyframeIdent\n /\n 　The animation delay.\n \n @default 0\n /\n delay?: number\n /\n If `true`, the component is disabled.\n \n @default false\n /\n disabled?: boolean\n /\n The animation duration.\n \n @default 0.2\n /\n duration?: number\n /\n If `true`, the component is readonly.\n \n @default false\n /\n readOnly?: boolean\n /\n Use this when you want to control the animation from outside the component.\n /\n value?: KeyframeIdent\n /\n This is a callback function that is called when the animation state changes.\n /\n onChange?: (value: KeyframeIdent) => void\n}\n\nexport const {\n PropsContext: AiryPropsContext,\n usePropsContext: useAiryPropsContext,\n withContext,\n} = createComponent<AiryProps, AiryStyle>(\"airy\", airyStyle)\n\n/\n `Airy` is a component that creates an airy animation, switching between two elements when one is clicked.\n \n @see https://yamada-ui.com/components/airy\n */\nexport const Airy = withContext(\n ({\n defaultValue = \"from\",\n delay = 0,\n disabled,\n duration = 0.2,\n from,\n readOnly,\n to,\n value: valueProp,\n onChange,\n onClick: onClickProp,\n ...rest\n }) => {\n const opacity = \"var(--opacity)\"\n const animate = useAnimation()\n const [value, setValue] = useControllableState<KeyframeIdent>({\n defaultValue,\n value: valueProp,\n onChange,\n })\n\n const onClick = useCallback(async () => {\n if (readOnly) return\n\n await animate.start({ opacity: 0, transition: { delay, duration } })\n\n setValue((prev) => (prev === \"from\" ? \"to\" : \"from\"))\n\n await animate.start({ opacity, transition: { duration } })\n }, [animate, setValue, readOnly, opacity, duration, delay])\n\n return (\n <motion.button\n type=\"button\"\n data-disabled={dataAttr(disabled)}\n data-readonly={dataAttr(readOnly)}\n data-value={value}\n animate={animate}\n disabled={disabled}\n initial={{ opacity }}\n onClick={handlerAll(onClickProp, onClick)}\n {...rest}\n >\n {value === \"from\" ? from : to}\n </motion.button>\n )\n },\n)(undefined, (props) => {\n const css = useInjectVarsIntoCss(props.css, { opacity: \"opacity\" })\n const rest = useInjectVarsIntoProps(props, { opacity: \"opacity\" })\n\n return { ...rest, css, opacity: \"{opacity}\" }\n})\n"],"mappings":"~~;;;;;;;;;;;;;;~~AAqEA,MAAa,EACX,cAAc,kBACd,iBAAiB,qBACjB,aACD,GAAG,gBAAsC,QAAQ,UAAU;;;;;;AAO5D,MAAa,OAAO,YAClB,CAAC,EACC,eAAe,QACf,QAAQ,GACR,UACA,WAAW,IACX,MACA,UACA,IACA,OAAO,WACP,UACA,SAAS,YACT,GAAG,MACJ,KAAK;CACJ,MAAM,UAAU;CAChB,MAAM,UAAU,cAAc;CAC9B,MAAM,CAAC,OAAO,SAAS,GAAG,qBAAoC;EAC5D;EACA,OAAO;EACP;CACD,EAAC;CAEF,MAAM,UAAU,YAAY,YAAY;AACtC,MAAI,SAAU;AAEd,QAAM,QAAQ,MAAM;GAAE,SAAS;GAAG,YAAY;IAAE;IAAO;GAAU;EAAE,EAAC;AAEpE,WAAS,CAAC,SAAU,SAAS,SAAS,OAAO,OAAQ;AAErD,QAAM,QAAQ,MAAM;GAAE;GAAS,YAAY,EAAE,SAAU;EAAE,EAAC;CAC3D,GAAE;EAAC;EAAS;EAAU;EAAU;EAAS;EAAU;CAAM,EAAC;AAE3D,wBACE,IAAC,OAAO;EACN,MAAK;EACL,iBAAe,~~4BAAS~~,SAAS;EACjC,iBAAe,~~4BAAS~~,SAAS;EACjC,cAAY;EACH;EACC;EACV,SAAS,EAAE,QAAS;EACpB,SAAS,~~8BAAW~~,aAAa,QAAQ;EACzC,GAAI;YAEH,UAAU,SAAS,OAAO;GACb;AAEnB,EACF,SAAY,CAAC,UAAU;CACtB,MAAM,MAAM,qBAAqB,MAAM,KAAK,EAAE,SAAS,UAAW,EAAC;CACnE,MAAM,OAAO,uBAAuB,OAAO,EAAE,SAAS,UAAW,EAAC;AAElE,QAAO;EAAE,GAAG;EAAM;EAAK,SAAS;CAAa;AAC9C,EAAC"}
1	+ {"version":3,"file":"airy.js","names":[],"sources":["../../../../src/components/airy/airy.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { KeyframeIdent, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { AiryStyle } from \"./airy.style\"\nimport { useAnimation } from \"motion/react\"\nimport { useCallback } from \"react\"\nimport {\n createComponent,\n useInjectVarsIntoCss,\n useInjectVarsIntoProps,\n} from \"../../core\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { dataAttr, handlerAll } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { airyStyle } from \"./airy.style\"\n\nexport interface AiryProps\n extends Omit<HTMLMotionProps<\"button\">, \"onChange\">,\n ThemeProps<AiryStyle> {\n /*\n Passing React elements to \"from\" is required.\n /\n from: ReactNode\n /\n Passing React elements to \"to\" is required.\n /\n to: ReactNode\n /\n You can set the initial state.\n \n @default 'from'\n /\n defaultValue?: KeyframeIdent\n /\n 　The animation delay.\n \n @default 0\n /\n delay?: number\n /\n If `true`, the component is disabled.\n \n @default false\n /\n disabled?: boolean\n /\n The animation duration.\n \n @default 0.2\n /\n duration?: number\n /\n If `true`, the component is readonly.\n \n @default false\n /\n readOnly?: boolean\n /\n Use this when you want to control the animation from outside the component.\n /\n value?: KeyframeIdent\n /\n This is a callback function that is called when the animation state changes.\n /\n onChange?: (value: KeyframeIdent) => void\n}\n\nexport const {\n PropsContext: AiryPropsContext,\n usePropsContext: useAiryPropsContext,\n withContext,\n} = createComponent<AiryProps, AiryStyle>(\"airy\", airyStyle)\n\n/\n `Airy` is a component that creates an airy animation, switching between two elements when one is clicked.\n \n @see https://yamada-ui.com/components/airy\n */\nexport const Airy = withContext(\n ({\n defaultValue = \"from\",\n delay = 0,\n disabled,\n duration = 0.2,\n from,\n readOnly,\n to,\n value: valueProp,\n onChange,\n onClick: onClickProp,\n ...rest\n }) => {\n const opacity = \"var(--opacity)\"\n const animate = useAnimation()\n const [value, setValue] = useControllableState<KeyframeIdent>({\n defaultValue,\n value: valueProp,\n onChange,\n })\n\n const onClick = useCallback(async () => {\n if (readOnly) return\n\n await animate.start({ opacity: 0, transition: { delay, duration } })\n\n setValue((prev) => (prev === \"from\" ? \"to\" : \"from\"))\n\n await animate.start({ opacity, transition: { duration } })\n }, [animate, setValue, readOnly, opacity, duration, delay])\n\n return (\n <motion.button\n type=\"button\"\n data-disabled={dataAttr(disabled)}\n data-readonly={dataAttr(readOnly)}\n data-value={value}\n animate={animate}\n disabled={disabled}\n initial={{ opacity }}\n onClick={handlerAll(onClickProp, onClick)}\n {...rest}\n >\n {value === \"from\" ? from : to}\n </motion.button>\n )\n },\n)(undefined, (props) => {\n const css = useInjectVarsIntoCss(props.css, { opacity: \"opacity\" })\n const rest = useInjectVarsIntoProps(props, { opacity: \"opacity\" })\n\n return { ...rest, css, opacity: \"{opacity}\" }\n})\n"],"mappings":";;;;;;;;;;;;;;;AAqEA,MAAa,EACX,cAAc,kBACd,iBAAiB,qBACjB,aACD,GAAG,gBAAsC,QAAQ,UAAU;;;;;;AAO5D,MAAa,OAAO,YAClB,CAAC,EACC,eAAe,QACf,QAAQ,GACR,UACA,WAAW,IACX,MACA,UACA,IACA,OAAO,WACP,UACA,SAAS,YACT,GAAG,MACJ,KAAK;CACJ,MAAM,UAAU;CAChB,MAAM,UAAU,cAAc;CAC9B,MAAM,CAAC,OAAO,SAAS,GAAG,qBAAoC;EAC5D;EACA,OAAO;EACP;CACD,EAAC;CAEF,MAAM,UAAU,YAAY,YAAY;AACtC,MAAI,SAAU;AAEd,QAAM,QAAQ,MAAM;GAAE,SAAS;GAAG,YAAY;IAAE;IAAO;GAAU;EAAE,EAAC;AAEpE,WAAS,CAAC,SAAU,SAAS,SAAS,OAAO,OAAQ;AAErD,QAAM,QAAQ,MAAM;GAAE;GAAS,YAAY,EAAE,SAAU;EAAE,EAAC;CAC3D,GAAE;EAAC;EAAS;EAAU;EAAU;EAAS;EAAU;CAAM,EAAC;AAE3D,wBACE,IAAC,OAAO;EACN,MAAK;EACL,iBAAe,SAAS,SAAS;EACjC,iBAAe,SAAS,SAAS;EACjC,cAAY;EACH;EACC;EACV,SAAS,EAAE,QAAS;EACpB,SAAS,WAAW,aAAa,QAAQ;EACzC,GAAI;YAEH,UAAU,SAAS,OAAO;GACb;AAEnB,EACF,SAAY,CAAC,UAAU;CACtB,MAAM,MAAM,qBAAqB,MAAM,KAAK,EAAE,SAAS,UAAW,EAAC;CACnE,MAAM,OAAO,uBAAuB,OAAO,EAAE,SAAS,UAAW,EAAC;AAElE,QAAO;EAAE,GAAG;EAAM;EAAK,SAAS;CAAa;AAC9C,EAAC"}

package/dist/esm/components/aspect-ratio/aspect-ratio.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
-import { utils_exports } from "../../utils/index.js";
+import { replaceObject } from "../../utils/common/object.js";
 import { createComponent } from "../../core/components/create-component.js";
 import { aspectRatioStyle } from "./aspect-ratio.style.js";
 import { Children } from "react";
@@ -21,7 +21,7 @@ const AspectRatio = withContext("div")(void 0, ({ children, ratio = 4 / 3,...res
 		_before: {
 			display: "block",
 			h: 0,
-			pb: (0, utils_exports.replaceObject)(ratio, (r) => `${1 / r * 100}%`)
+			pb: replaceObject(ratio, (r) => `${1 / r * 100}%`)
 		}
 	};
 });

package/dist/esm/components/aspect-ratio/aspect-ratio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"aspect-ratio.js","names":["AspectRatio: FC<AspectRatioProps>"],"sources":["../../../../src/components/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC } from \"react\"\nimport type { HTMLStyledProps, StyleValue } from \"../../core\"\nimport type { AspectRatioStyle } from \"./aspect-ratio.style\"\nimport { Children } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\nimport { aspectRatioStyle } from \"./aspect-ratio.style\"\n\nexport interface AspectRatioProps extends HTMLStyledProps {\n /*\n The aspect ratio of the Box.\n \n @default '4 / 3'\n /\n ratio?: StyleValue<number>\n}\n\nexport const {\n PropsContext: AspectRatioPropsContext,\n usePropsContext: useAspectRatioPropsContext,\n withContext,\n} = createComponent<AspectRatioProps, AspectRatioStyle>(\n \"aspect-ratio\",\n aspectRatioStyle,\n)\n\n/\n `AspectRatio` is a component for embedding things like videos and maps while maintaining the aspect ratio.\n \n @see https://yamada-ui.com/components/aspect-ratio\n /\nexport const AspectRatio: FC<AspectRatioProps> = withContext(\"div\")(\n undefined,\n ({ children, ratio = 4 / 3, ...rest }) => {\n const child = Children.only(children)\n\n return {\n ...rest,\n children: child,\n _before: {\n display: \"block\",\n h: 0,\n pb: replaceObject(ratio, (r) => `${(1 / r) 100}%`),\n },\n }\n },\n)\n"],"mappings":";;;;;;;;;AAmBA,MAAa,EACX,cAAc,yBACd,iBAAiB,4BACjB,aACD,GAAG,gBACF,gBACA,iBACD;;;;;;AAOD,MAAaA,cAAoC,YAAY,MAAM,SAEjE,CAAC,EAAE,UAAU,QAAQ,IAAI,EAAG,GAAG,MAAM,KAAK;CACxC,MAAM,QAAQ,SAAS,KAAK,SAAS;AAErC,QAAO;EACL,GAAG;EACH,UAAU;EACV,SAAS;GACP,SAAS;GACT,GAAG;GACH,IAAI,~~iCAAc~~,OAAO,CAAC,SAAU,IAAI,IAAK,IAAI,GAAG;EACrD;CACF;AACF,EACF"}
1	+ {"version":3,"file":"aspect-ratio.js","names":["AspectRatio: FC<AspectRatioProps>"],"sources":["../../../../src/components/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC } from \"react\"\nimport type { HTMLStyledProps, StyleValue } from \"../../core\"\nimport type { AspectRatioStyle } from \"./aspect-ratio.style\"\nimport { Children } from \"react\"\nimport { createComponent } from \"../../core\"\nimport { replaceObject } from \"../../utils\"\nimport { aspectRatioStyle } from \"./aspect-ratio.style\"\n\nexport interface AspectRatioProps extends HTMLStyledProps {\n /*\n The aspect ratio of the Box.\n \n @default '4 / 3'\n /\n ratio?: StyleValue<number>\n}\n\nexport const {\n PropsContext: AspectRatioPropsContext,\n usePropsContext: useAspectRatioPropsContext,\n withContext,\n} = createComponent<AspectRatioProps, AspectRatioStyle>(\n \"aspect-ratio\",\n aspectRatioStyle,\n)\n\n/\n `AspectRatio` is a component for embedding things like videos and maps while maintaining the aspect ratio.\n \n @see https://yamada-ui.com/components/aspect-ratio\n /\nexport const AspectRatio: FC<AspectRatioProps> = withContext(\"div\")(\n undefined,\n ({ children, ratio = 4 / 3, ...rest }) => {\n const child = Children.only(children)\n\n return {\n ...rest,\n children: child,\n _before: {\n display: \"block\",\n h: 0,\n pb: replaceObject(ratio, (r) => `${(1 / r) 100}%`),\n },\n }\n },\n)\n"],"mappings":";;;;;;;;;AAmBA,MAAa,EACX,cAAc,yBACd,iBAAiB,4BACjB,aACD,GAAG,gBACF,gBACA,iBACD;;;;;;AAOD,MAAaA,cAAoC,YAAY,MAAM,SAEjE,CAAC,EAAE,UAAU,QAAQ,IAAI,EAAG,GAAG,MAAM,KAAK;CACxC,MAAM,QAAQ,SAAS,KAAK,SAAS;AAErC,QAAO;EACL,GAAG;EACH,UAAU;EACV,SAAS;GACP,SAAS;GACT,GAAG;GACH,IAAI,cAAc,OAAO,CAAC,SAAU,IAAI,IAAK,IAAI,GAAG;EACrD;CACF;AACF,EACF"}

package/dist/esm/components/avatar/use-avatar-group.js CHANGED Viewed

@@ -1,18 +1,18 @@
 import { getValidChildren } from "../../utils/children.js";
-import { utils_exports } from "../../utils/index.js";
+import { isUndefined } from "../../utils/common/assertion.js";
 import { useCallback, useMemo } from "react";
 //#region src/components/avatar/use-avatar-group.ts
 const useAvatarGroup = ({ children, max, reverse,...rest } = {}) => {
 	const validChildren = getValidChildren(children);
-	const excess = !(0, utils_exports.isUndefined)(max) ? validChildren.length - max : 0;
+	const excess = !isUndefined(max) ? validChildren.length - max : 0;
 	const getRootProps = useCallback((props) => ({
 		...rest,
 		...props,
 		role: "group"
 	}), [rest]);
 	const cloneChildren = useMemo(() => {
-		const omittedChildren = !(0, utils_exports.isUndefined)(max) ? validChildren.slice(0, max) : [...validChildren];
+		const omittedChildren = !isUndefined(max) ? validChildren.slice(0, max) : [...validChildren];
 		return reverse ? omittedChildren.reverse() : omittedChildren;
 	}, [
 		max,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"use-avatar-group.js","names":["getRootProps: PropGetter"],"sources":["../../../../src/components/avatar/use-avatar-group.ts"],"sourcesContent":["import type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { getValidChildren, isUndefined } from \"../../utils\"\n\nexport interface UseAvatarGroupProps extends HTMLProps {\n /*\n The maximum number of visible avatars.\n /\n max?: number\n /\n Whether to reverse the order of the avatars.\n */\n reverse?: boolean\n}\n\nexport const useAvatarGroup = ({\n children,\n max,\n reverse,\n ...rest\n}: UseAvatarGroupProps = {}) => {\n const validChildren = getValidChildren(children)\n const excess = !isUndefined(max) ? validChildren.length - max : 0\n\n const getRootProps: PropGetter = useCallback(\n (props) => ({ ...rest, ...props, role: \"group\" }),\n [rest],\n )\n\n const cloneChildren = useMemo(() => {\n const omittedChildren = !isUndefined(max)\n ? validChildren.slice(0, max)\n : [...validChildren]\n\n return reverse ? omittedChildren.reverse() : omittedChildren\n }, [max, validChildren, reverse])\n\n return {\n children: cloneChildren,\n excess,\n getRootProps,\n }\n}\n\nexport type UseAvatarGroupReturn = ReturnType<typeof useAvatarGroup>\n"],"mappings":";;;;;AAeA,MAAa,iBAAiB,CAAC,EAC7B,UACA,KACA,QACA,GAAG,MACiB,GAAG,CAAE,MAAK;CAC9B,MAAM,gBAAgB,iBAAiB,SAAS;CAChD,MAAM,UAAU~~,+BAAY~~,IAAI,GAAG,cAAc,SAAS,MAAM;CAEhE,MAAMA,eAA2B,YAC/B,CAAC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,MAAM;CAAS,IAChD,CAAC,IAAK,EACP;CAED,MAAM,gBAAgB,QAAQ,MAAM;EAClC,MAAM,mBAAmB~~,+BAAY~~,IAAI,GACrC,cAAc,MAAM,GAAG,IAAI,GAC3B,CAAC,GAAG,aAAc;AAEtB,SAAO,UAAU,gBAAgB,SAAS,GAAG;CAC9C,GAAE;EAAC;EAAK;EAAe;CAAQ,EAAC;AAEjC,QAAO;EACL,UAAU;EACV;EACA;CACD;AACF"}
1	+ {"version":3,"file":"use-avatar-group.js","names":["getRootProps: PropGetter"],"sources":["../../../../src/components/avatar/use-avatar-group.ts"],"sourcesContent":["import type { HTMLProps, PropGetter } from \"../../core\"\nimport { useCallback, useMemo } from \"react\"\nimport { getValidChildren, isUndefined } from \"../../utils\"\n\nexport interface UseAvatarGroupProps extends HTMLProps {\n /*\n The maximum number of visible avatars.\n /\n max?: number\n /\n Whether to reverse the order of the avatars.\n */\n reverse?: boolean\n}\n\nexport const useAvatarGroup = ({\n children,\n max,\n reverse,\n ...rest\n}: UseAvatarGroupProps = {}) => {\n const validChildren = getValidChildren(children)\n const excess = !isUndefined(max) ? validChildren.length - max : 0\n\n const getRootProps: PropGetter = useCallback(\n (props) => ({ ...rest, ...props, role: \"group\" }),\n [rest],\n )\n\n const cloneChildren = useMemo(() => {\n const omittedChildren = !isUndefined(max)\n ? validChildren.slice(0, max)\n : [...validChildren]\n\n return reverse ? omittedChildren.reverse() : omittedChildren\n }, [max, validChildren, reverse])\n\n return {\n children: cloneChildren,\n excess,\n getRootProps,\n }\n}\n\nexport type UseAvatarGroupReturn = ReturnType<typeof useAvatarGroup>\n"],"mappings":";;;;;AAeA,MAAa,iBAAiB,CAAC,EAC7B,UACA,KACA,QACA,GAAG,MACiB,GAAG,CAAE,MAAK;CAC9B,MAAM,gBAAgB,iBAAiB,SAAS;CAChD,MAAM,UAAU,YAAY,IAAI,GAAG,cAAc,SAAS,MAAM;CAEhE,MAAMA,eAA2B,YAC/B,CAAC,WAAW;EAAE,GAAG;EAAM,GAAG;EAAO,MAAM;CAAS,IAChD,CAAC,IAAK,EACP;CAED,MAAM,gBAAgB,QAAQ,MAAM;EAClC,MAAM,mBAAmB,YAAY,IAAI,GACrC,cAAc,MAAM,GAAG,IAAI,GAC3B,CAAC,GAAG,aAAc;AAEtB,SAAO,UAAU,gBAAgB,SAAS,GAAG;CAC9C,GAAE;EAAC;EAAK;EAAe;CAAQ,EAAC;AAEjC,QAAO;EACL,UAAU;EACV;EACA;CACD;AACF"}