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

package/dist/cjs/components/group/use-group.cjs

@@ -1,6 +1,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_children = require('../../utils/children.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
 
 //#region src/components/group/use-group.ts
@@ -8,7 +9,7 @@ const useGroup = (children) => {
 	const validChildren = require_utils_children.getValidChildren(children);
 	const omittedChildren = validChildren.filter((child) => {
 		const ungrouped = child.props["data-ungrouped"];
-		return (0, require_utils_index.utils_exports.isUndefined)(ungrouped) || (0, require_utils_index.utils_exports.isNull)(ungrouped);
+		return require_utils_common_assertion.isUndefined(ungrouped) || require_utils_common_assertion.isNull(ungrouped);
 	});
 	const count = omittedChildren.length;
 	const cloneChildren = (0, react.useMemo)(() => validChildren.map((child) => {
@@ -22,9 +23,9 @@ const useGroup = (children) => {
 				"--group-index": index,
 				...child.props?.style ?? {}
 			},
-			"data-group-between": (0, require_utils_index.utils_exports.dataAttr)(index > 0 && index < count - 1),
-			"data-group-end": (0, require_utils_index.utils_exports.dataAttr)(index === count - 1),
-			"data-group-start": (0, require_utils_index.utils_exports.dataAttr)(index === 0),
+			"data-group-between": require_utils_common_dom.dataAttr(index > 0 && index < count - 1),
+			"data-group-end": require_utils_common_dom.dataAttr(index === count - 1),
+			"data-group-start": require_utils_common_dom.dataAttr(index === 0),
 			"data-peer": ""
 		});
 	}), [

package/dist/cjs/components/group/use-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-group.cjs","names":["children?: ReactNode"],"sources":["../../../../src/components/group/use-group.ts"],"sourcesContent":["import type { CSSProperties, DataAttributes, ReactNode } from \"react\"\nimport { cloneElement, useMemo } from \"react\"\nimport { dataAttr, isNull, isUndefined } from \"../../utils\"\nimport { getValidChildren } from \"../../utils\"\n\nexport const useGroup = (children?: ReactNode) => {\n  const validChildren = getValidChildren(children)\n  const omittedChildren = validChildren.filter((child) => {\n    const ungrouped = child.props[\"data-ungrouped\"]\n\n    return isUndefined(ungrouped) || isNull(ungrouped)\n  })\n  const count = omittedChildren.length\n  const cloneChildren = useMemo(\n    () =>\n      validChildren.map((child) => {\n        const index = omittedChildren.indexOf(child)\n        const ungrouped = index === -1\n\n        if (ungrouped) return child\n\n        return cloneElement(child, {\n          ...child.props,\n          style: {\n            \"--group-count\": count,\n            \"--group-index\": index,\n            ...(child.props?.style ?? {}),\n          },\n          \"data-group-between\": dataAttr(index > 0 && index < count - 1),\n          \"data-group-end\": dataAttr(index === count - 1),\n          \"data-group-start\": dataAttr(index === 0),\n          \"data-peer\": \"\",\n        })\n      }),\n    [validChildren, omittedChildren, count],\n  )\n\n  return cloneChildren\n}\n\nexport type UseGroupReturn = ReturnType<typeof useGroup>\n\ninterface Props extends DataAttributes {\n  style?: CSSProperties\n}\n\nexport const useGroupItemProps = <Y extends Props>({\n  style: {\n    \"--group-count\": groupCount,\n    \"--group-index\": groupIndex,\n    ...style\n  } = {},\n  \"data-group-between\": dataGroupBetween,\n  \"data-group-end\": dataGroupEnd,\n  \"data-group-start\": dataGroupStart,\n  \"data-peer\": dataPeer,\n  ...rest\n}: Y) => {\n  const pickedProps = useMemo(\n    () => ({\n      style: {\n        \"--group-count\": groupCount!,\n        \"--group-index\": groupIndex!,\n      },\n      \"data-group-between\": dataGroupBetween,\n      \"data-group-end\": dataGroupEnd,\n      \"data-group-start\": dataGroupStart,\n      \"data-peer\": dataPeer,\n    }),\n    [\n      groupCount,\n      groupIndex,\n      dataGroupBetween,\n      dataGroupEnd,\n      dataGroupStart,\n      dataPeer,\n    ],\n  )\n  const omittedProps = useMemo(() => ({ style, ...rest }), [style, rest])\n\n  return [pickedProps, omittedProps] as const\n}\n\nexport type UseGroupItemReturn = ReturnType<typeof useGroupItemProps>\n"],"mappings":";;;;;;AAKA,MAAa,WAAW,CAACA,aAAyB;CAChD,MAAM,gBAAgB,wCAAiB,SAAS;CAChD,MAAM,kBAAkB,cAAc,OAAO,CAAC,UAAU;EACtD,MAAM,YAAY,MAAM,MAAM;AAE9B,SAAO,mDAAY,UAAU,IAAI,8CAAO,UAAU;CACnD,EAAC;CACF,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,gBAAgB,mBACpB,MACE,cAAc,IAAI,CAAC,UAAU;EAC3B,MAAM,QAAQ,gBAAgB,QAAQ,MAAM;EAC5C,MAAM,YAAY,UAAU;AAE5B,MAAI,UAAW,QAAO;AAEtB,SAAO,wBAAa,OAAO;GACzB,GAAG,MAAM;GACT,OAAO;IACL,iBAAiB;IACjB,iBAAiB;IACjB,GAAI,MAAM,OAAO,SAAS,CAAE;GAC7B;GACD,sBAAsB,gDAAS,QAAQ,KAAK,QAAQ,QAAQ,EAAE;GAC9D,kBAAkB,gDAAS,UAAU,QAAQ,EAAE;GAC/C,oBAAoB,gDAAS,UAAU,EAAE;GACzC,aAAa;EACd,EAAC;CACH,EAAC,EACJ;EAAC;EAAe;EAAiB;CAAM,EACxC;AAED,QAAO;AACR;AAQD,MAAa,oBAAoB,CAAkB,EACjD,OAAO,EACL,iBAAiB,YACjB,iBAAiB,WACjB,GAAG,OACJ,GAAG,CAAE,GACN,sBAAsB,kBACtB,kBAAkB,cAClB,oBAAoB,gBACpB,aAAa,SACb,GAAG,MACD,KAAK;CACP,MAAM,cAAc,mBAClB,OAAO;EACL,OAAO;GACL,iBAAiB;GACjB,iBAAiB;EAClB;EACD,sBAAsB;EACtB,kBAAkB;EAClB,oBAAoB;EACpB,aAAa;CACd,IACD;EACE;EACA;EACA;EACA;EACA;EACA;CACD,EACF;CACD,MAAM,eAAe,mBAAQ,OAAO;EAAE;EAAO,GAAG;CAAM,IAAG,CAAC,OAAO,IAAK,EAAC;AAEvE,QAAO,CAAC,aAAa,YAAa;AACnC"}
+{"version":3,"file":"use-group.cjs","names":["children?: ReactNode"],"sources":["../../../../src/components/group/use-group.ts"],"sourcesContent":["import type { CSSProperties, DataAttributes, ReactNode } from \"react\"\nimport { cloneElement, useMemo } from \"react\"\nimport { dataAttr, isNull, isUndefined } from \"../../utils\"\nimport { getValidChildren } from \"../../utils\"\n\nexport const useGroup = (children?: ReactNode) => {\n  const validChildren = getValidChildren(children)\n  const omittedChildren = validChildren.filter((child) => {\n    const ungrouped = child.props[\"data-ungrouped\"]\n\n    return isUndefined(ungrouped) || isNull(ungrouped)\n  })\n  const count = omittedChildren.length\n  const cloneChildren = useMemo(\n    () =>\n      validChildren.map((child) => {\n        const index = omittedChildren.indexOf(child)\n        const ungrouped = index === -1\n\n        if (ungrouped) return child\n\n        return cloneElement(child, {\n          ...child.props,\n          style: {\n            \"--group-count\": count,\n            \"--group-index\": index,\n            ...(child.props?.style ?? {}),\n          },\n          \"data-group-between\": dataAttr(index > 0 && index < count - 1),\n          \"data-group-end\": dataAttr(index === count - 1),\n          \"data-group-start\": dataAttr(index === 0),\n          \"data-peer\": \"\",\n        })\n      }),\n    [validChildren, omittedChildren, count],\n  )\n\n  return cloneChildren\n}\n\nexport type UseGroupReturn = ReturnType<typeof useGroup>\n\ninterface Props extends DataAttributes {\n  style?: CSSProperties\n}\n\nexport const useGroupItemProps = <Y extends Props>({\n  style: {\n    \"--group-count\": groupCount,\n    \"--group-index\": groupIndex,\n    ...style\n  } = {},\n  \"data-group-between\": dataGroupBetween,\n  \"data-group-end\": dataGroupEnd,\n  \"data-group-start\": dataGroupStart,\n  \"data-peer\": dataPeer,\n  ...rest\n}: Y) => {\n  const pickedProps = useMemo(\n    () => ({\n      style: {\n        \"--group-count\": groupCount!,\n        \"--group-index\": groupIndex!,\n      },\n      \"data-group-between\": dataGroupBetween,\n      \"data-group-end\": dataGroupEnd,\n      \"data-group-start\": dataGroupStart,\n      \"data-peer\": dataPeer,\n    }),\n    [\n      groupCount,\n      groupIndex,\n      dataGroupBetween,\n      dataGroupEnd,\n      dataGroupStart,\n      dataPeer,\n    ],\n  )\n  const omittedProps = useMemo(() => ({ style, ...rest }), [style, rest])\n\n  return [pickedProps, omittedProps] as const\n}\n\nexport type UseGroupItemReturn = ReturnType<typeof useGroupItemProps>\n"],"mappings":";;;;;;;AAKA,MAAa,WAAW,CAACA,aAAyB;CAChD,MAAM,gBAAgB,wCAAiB,SAAS;CAChD,MAAM,kBAAkB,cAAc,OAAO,CAAC,UAAU;EACtD,MAAM,YAAY,MAAM,MAAM;AAE9B,SAAO,2CAAY,UAAU,IAAI,sCAAO,UAAU;CACnD,EAAC;CACF,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,gBAAgB,mBACpB,MACE,cAAc,IAAI,CAAC,UAAU;EAC3B,MAAM,QAAQ,gBAAgB,QAAQ,MAAM;EAC5C,MAAM,YAAY,UAAU;AAE5B,MAAI,UAAW,QAAO;AAEtB,SAAO,wBAAa,OAAO;GACzB,GAAG,MAAM;GACT,OAAO;IACL,iBAAiB;IACjB,iBAAiB;IACjB,GAAI,MAAM,OAAO,SAAS,CAAE;GAC7B;GACD,sBAAsB,kCAAS,QAAQ,KAAK,QAAQ,QAAQ,EAAE;GAC9D,kBAAkB,kCAAS,UAAU,QAAQ,EAAE;GAC/C,oBAAoB,kCAAS,UAAU,EAAE;GACzC,aAAa;EACd,EAAC;CACH,EAAC,EACJ;EAAC;EAAe;EAAiB;CAAM,EACxC;AAED,QAAO;AACR;AAQD,MAAa,oBAAoB,CAAkB,EACjD,OAAO,EACL,iBAAiB,YACjB,iBAAiB,WACjB,GAAG,OACJ,GAAG,CAAE,GACN,sBAAsB,kBACtB,kBAAkB,cAClB,oBAAoB,gBACpB,aAAa,SACb,GAAG,MACD,KAAK;CACP,MAAM,cAAc,mBAClB,OAAO;EACL,OAAO;GACL,iBAAiB;GACjB,iBAAiB;EAClB;EACD,sBAAsB;EACtB,kBAAkB;EAClB,oBAAoB;EACpB,aAAa;CACd,IACD;EACE;EACA;EACA;EACA;EACA;EACA;CACD,EACF;CACD,MAAM,eAAe,mBAAQ,OAAO;EAAE;EAAO,GAAG;CAAM,IAAG,CAAC,OAAO,IAAK,EAAC;AAEvE,QAAO,CAAC,aAAa,YAAa;AACnC"}

package/dist/cjs/components/highlight/use-highlight.cjs

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_array = require('../../utils/common/array.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
 
 //#region src/components/highlight/use-highlight.ts
@@ -10,7 +10,7 @@ const createRegexp = (query) => {
 };
 const useHighlight = ({ query, text }) => {
 	const chunks = (0, react.useMemo)(() => {
-		const regexp = createRegexp((0, require_utils_index.utils_exports.toArray)(query));
+		const regexp = createRegexp(require_utils_common_array.toArray(query));
 		if (!regexp) return [{
 			match: false,
 			text

package/dist/cjs/components/highlight/use-highlight.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-highlight.cjs","names":["term: string","char: string","query: string[]","text"],"sources":["../../../../src/components/highlight/use-highlight.ts"],"sourcesContent":["import { useMemo } from \"react\"\nimport { toArray } from \"../../utils\"\n\nexport interface Chunk {\n  match: boolean\n  text: string\n}\n\nconst escapeRegexp = (term: string): string =>\n  term.replace(/[|\\\\{}()[\\]^$+*?.-]/g, (char: string) => `\\\\${char}`)\n\nconst createRegexp = (query: string[]): RegExp | undefined => {\n  query = query.filter(Boolean).map((text) => escapeRegexp(text.trim()))\n\n  if (query.length) return new RegExp(`(${query.join(\"|\")})`, \"ig\")\n}\n\nexport interface UseHighlightProps {\n  query: string | string[]\n  text: string\n}\n\nexport const useHighlight = ({ query, text }: UseHighlightProps) => {\n  const chunks = useMemo(() => {\n    const regexp = createRegexp(toArray(query))\n\n    if (!regexp) return [{ match: false, text }]\n\n    return text\n      .split(regexp)\n      .filter(Boolean)\n      .map((text) => ({ match: regexp.test(text), text }))\n  }, [text, query])\n\n  return chunks\n}\n\nexport type UseHighlightReturn = ReturnType<typeof useHighlight>\n"],"mappings":";;;;;AAQA,MAAM,eAAe,CAACA,SACpB,KAAK,QAAQ,wBAAwB,CAACC,UAAkB,IAAI,OAAO;AAErE,MAAM,eAAe,CAACC,UAAwC;AAC5D,SAAQ,MAAM,OAAO,QAAQ,CAAC,IAAI,CAAC,SAAS,aAAa,KAAK,MAAM,CAAC,CAAC;AAEtE,KAAI,MAAM,OAAQ,QAAO,IAAI,QAAQ,GAAG,MAAM,KAAK,IAAI,CAAC,IAAI;AAC7D;AAOD,MAAa,eAAe,CAAC,EAAE,OAAO,MAAyB,KAAK;CAClE,MAAM,SAAS,mBAAQ,MAAM;EAC3B,MAAM,SAAS,aAAa,+CAAQ,MAAM,CAAC;AAE3C,OAAK,OAAQ,QAAO,CAAC;GAAE,OAAO;GAAO;EAAM,CAAC;AAE5C,SAAO,KACJ,MAAM,OAAO,CACb,OAAO,QAAQ,CACf,IAAI,CAACC,YAAU;GAAE,OAAO,OAAO,KAAKA,OAAK;GAAE;EAAM,GAAE;CACvD,GAAE,CAAC,MAAM,KAAM,EAAC;AAEjB,QAAO;AACR"}
+{"version":3,"file":"use-highlight.cjs","names":["term: string","char: string","query: string[]","text"],"sources":["../../../../src/components/highlight/use-highlight.ts"],"sourcesContent":["import { useMemo } from \"react\"\nimport { toArray } from \"../../utils\"\n\nexport interface Chunk {\n  match: boolean\n  text: string\n}\n\nconst escapeRegexp = (term: string): string =>\n  term.replace(/[|\\\\{}()[\\]^$+*?.-]/g, (char: string) => `\\\\${char}`)\n\nconst createRegexp = (query: string[]): RegExp | undefined => {\n  query = query.filter(Boolean).map((text) => escapeRegexp(text.trim()))\n\n  if (query.length) return new RegExp(`(${query.join(\"|\")})`, \"ig\")\n}\n\nexport interface UseHighlightProps {\n  query: string | string[]\n  text: string\n}\n\nexport const useHighlight = ({ query, text }: UseHighlightProps) => {\n  const chunks = useMemo(() => {\n    const regexp = createRegexp(toArray(query))\n\n    if (!regexp) return [{ match: false, text }]\n\n    return text\n      .split(regexp)\n      .filter(Boolean)\n      .map((text) => ({ match: regexp.test(text), text }))\n  }, [text, query])\n\n  return chunks\n}\n\nexport type UseHighlightReturn = ReturnType<typeof useHighlight>\n"],"mappings":";;;;;AAQA,MAAM,eAAe,CAACA,SACpB,KAAK,QAAQ,wBAAwB,CAACC,UAAkB,IAAI,OAAO;AAErE,MAAM,eAAe,CAACC,UAAwC;AAC5D,SAAQ,MAAM,OAAO,QAAQ,CAAC,IAAI,CAAC,SAAS,aAAa,KAAK,MAAM,CAAC,CAAC;AAEtE,KAAI,MAAM,OAAQ,QAAO,IAAI,QAAQ,GAAG,MAAM,KAAK,IAAI,CAAC,IAAI;AAC7D;AAOD,MAAa,eAAe,CAAC,EAAE,OAAO,MAAyB,KAAK;CAClE,MAAM,SAAS,mBAAQ,MAAM;EAC3B,MAAM,SAAS,aAAa,mCAAQ,MAAM,CAAC;AAE3C,OAAK,OAAQ,QAAO,CAAC;GAAE,OAAO;GAAO;EAAM,CAAC;AAE5C,SAAO,KACJ,MAAM,OAAO,CACb,OAAO,QAAQ,CACf,IAAI,CAACC,YAAU;GAAE,OAAO,OAAO,KAAKA,OAAK;GAAE;EAAM,GAAE;CACvD,GAAE,CAAC,MAAM,KAAM,EAAC;AAEjB,QAAO;AACR"}

package/dist/cjs/components/indicator/indicator.cjs

@@ -2,7 +2,8 @@
 
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const require_core_system_factory = require('../../core/system/factory.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_components_float_float = require('../float/float.cjs');
@@ -18,7 +19,7 @@ const { PropsContext: IndicatorPropsContext, usePropsContext: useIndicatorPropsC
 * @see https://yamada-ui.com/components/indicator
 */
 const Indicator = withProvider(({ children, disabled, label, offset, overflowCount = 99, placement, showZero = true, floatProps, labelProps,...rest }) => {
-	const numeric = (0, require_utils_index.utils_exports.isNumber)(label);
+	const numeric = require_utils_common_assertion.isNumber(label);
 	disabled ??= numeric && !showZero && label <= 0;
 	const computedLabel = (0, react.useMemo)(() => {
 		if (numeric && label > overflowCount) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [overflowCount, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_core_system_factory.styled.span, { children: "+" })] });
@@ -35,14 +36,14 @@ const Indicator = withProvider(({ children, disabled, label, offset, overflowCou
 			placement,
 			...floatProps,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IndicatorLabel, {
-				"data-numeric": (0, require_utils_index.utils_exports.dataAttr)(numeric),
+				"data-numeric": require_utils_common_dom.dataAttr(numeric),
 				...labelProps,
 				children: computedLabel
 			})
 		}) : null]
 	});
 }, "root")(({ ping,...rest }) => {
-	if ((0, require_utils_index.utils_exports.isObject)(ping)) {
+	if (require_utils_common_assertion.isObject(ping)) {
 		const { color, duration, iterationCount, scale, timingFunction } = ping;
 		return {
 			...rest,

package/dist/cjs/components/indicator/indicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"indicator.cjs","names":["indicatorStyle","styled","Float"],"sources":["../../../../src/components/indicator/indicator.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FloatProps } from \"../float\"\nimport type { IndicatorStyle } from \"./indicator.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { dataAttr, isNumber, isObject } from \"../../utils\"\nimport { Float } from \"../float\"\nimport { indicatorStyle } from \"./indicator.style\"\n\ninterface PingOptions {\n  /**\n   * It is used for the color of the ping animation.\n   */\n  color?: CSSProps[\"backgroundColor\"]\n  /**\n   * It is used for the duration of the ping animation.\n   */\n  duration?: CSSProps[\"animationDuration\"]\n  /**\n   * It is used for the count of the ping animation.\n   */\n  iterationCount?: CSSProps[\"animationIterationCount\"]\n  /**\n   * It is used for the scale of the ping animation.\n   */\n  scale?: CSSProps[\"scale\"]\n  /**\n   * It is used for the timing function of the ping animation.\n   */\n  timingFunction?: CSSProps[\"animationTimingFunction\"]\n}\n\nexport interface IndicatorProps\n  extends Omit<HTMLStyledProps, \"offset\">,\n    Omit<ThemeProps<IndicatorStyle>, \"ping\">,\n    Pick<FloatProps, \"offset\" | \"placement\"> {\n  /**\n   * If `true`, the indicator will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The indicator label to use.\n   */\n  label?: ReactNode\n  /**\n   * If `label` is of type number, the maximum number displayed.\n   *\n   * @default 99\n   */\n  overflowCount?: number\n  /**\n   * If `true`, make an element scale and fade like a radar ping or ripple of water.\n   *\n   * @default false\n   */\n  ping?: boolean | PingOptions\n  /**\n   * If `true`, display 0.\n   *\n   * @default true\n   */\n  showZero?: boolean\n  /**\n   * Props for the float element.\n   */\n  floatProps?: IndicatorFloatProps\n  /**\n   * Props for the label element.\n   */\n  labelProps?: IndicatorLabelProps\n}\n\nexport const {\n  PropsContext: IndicatorPropsContext,\n  usePropsContext: useIndicatorPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<IndicatorProps, IndicatorStyle>(\n  \"indicator\",\n  indicatorStyle,\n)\n\n/**\n * `Indicator` is a component that displays at the corner of elements such as avatars.\n *\n * @see https://yamada-ui.com/components/indicator\n */\nexport const Indicator = withProvider(\n  ({\n    children,\n    disabled,\n    label,\n    offset,\n    overflowCount = 99,\n    placement,\n    showZero = true,\n    floatProps,\n    labelProps,\n    ...rest\n  }) => {\n    const numeric = isNumber(label)\n\n    disabled ??= numeric && !showZero && (label as number) <= 0\n\n    const computedLabel = useMemo(() => {\n      if (numeric && label > overflowCount) {\n        return (\n          <>\n            {overflowCount}\n            <styled.span>+</styled.span>\n          </>\n        )\n      } else {\n        return label\n      }\n    }, [numeric, label, overflowCount])\n\n    return (\n      <styled.div {...rest}>\n        {children}\n\n        {!disabled ? (\n          <IndicatorFloat offset={offset} placement={placement} {...floatProps}>\n            <IndicatorLabel data-numeric={dataAttr(numeric)} {...labelProps}>\n              {computedLabel}\n            </IndicatorLabel>\n          </IndicatorFloat>\n        ) : null}\n      </styled.div>\n    )\n  },\n  \"root\",\n)(({ ping, ...rest }) => {\n  if (isObject(ping)) {\n    const { color, duration, iterationCount, scale, timingFunction } = ping\n\n    return {\n      ...rest,\n      \"--animation-scale\": scale,\n      \"--duration\": duration ? `durations.${duration}` : undefined,\n      \"--iteration-count\": iterationCount,\n      \"--ping-color\": color ? `colors.${color}` : undefined,\n      \"--timing-function\": timingFunction\n        ? `easings.${timingFunction}`\n        : undefined,\n      ping: true,\n    }\n  } else {\n    return { ...rest, ping }\n  }\n})\n\ninterface IndicatorFloatProps extends FloatProps {}\n\nconst IndicatorFloat = withContext<\"div\", IndicatorFloatProps>(Float, \"float\")()\n\ninterface IndicatorLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst IndicatorLabel = withContext<\"span\", IndicatorLabelProps>(\n  \"span\",\n  \"label\",\n)()\n"],"mappings":";;;;;;;;;;;;;AA6EA,MAAa,EACX,cAAc,uBACd,iBAAiB,0BACjB,aACA,cACD,GAAG,6DACF,aACAA,4DACD;;;;;;AAOD,MAAa,YAAY,aACvB,CAAC,EACC,UACA,UACA,OACA,QACA,gBAAgB,IAChB,WACA,WAAW,MACX,YACA,WACA,GAAG,MACJ,KAAK;CACJ,MAAM,UAAU,gDAAS,MAAM;AAE/B,cAAa,YAAY,YAAa,SAAoB;CAE1D,MAAM,gBAAgB,mBAAQ,MAAM;AAClC,MAAI,WAAW,QAAQ,cACrB,wBACE,qEACG,+BACD,2BAACC,mCAAO,kBAAK,MAAe,IAC3B;MAGL,QAAO;CAEV,GAAE;EAAC;EAAS;EAAO;CAAc,EAAC;AAEnC,wBACE,4BAACA,mCAAO;EAAI,GAAI;aACb,WAEC,2BACA,2BAAC;GAAuB;GAAmB;GAAW,GAAI;6BACxD,2BAAC;IAAe,gBAAc,gDAAS,QAAQ;IAAE,GAAI;cAClD;KACc;IACF,GACf;GACO;AAEhB,GACD,OACD,CAAC,CAAC,EAAE,KAAM,GAAG,MAAM,KAAK;AACvB,KAAI,gDAAS,KAAK,EAAE;EAClB,MAAM,EAAE,OAAO,UAAU,gBAAgB,OAAO,gBAAgB,GAAG;AAEnE,SAAO;GACL,GAAG;GACH,qBAAqB;GACrB,cAAc,YAAY,YAAY;GACtC,qBAAqB;GACrB,gBAAgB,SAAS,SAAS;GAClC,qBAAqB,kBAChB,UAAU;GAEf,MAAM;EACP;CACF,MACC,QAAO;EAAE,GAAG;EAAM;CAAM;AAE3B,EAAC;AAIF,MAAM,iBAAiB,YAAwCC,sCAAO,QAAQ,EAAE;AAIhF,MAAM,iBAAiB,YACrB,QACA,QACD,EAAE"}
+{"version":3,"file":"indicator.cjs","names":["indicatorStyle","styled","Float"],"sources":["../../../../src/components/indicator/indicator.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { CSSProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { FloatProps } from \"../float\"\nimport type { IndicatorStyle } from \"./indicator.style\"\nimport { useMemo } from \"react\"\nimport { createSlotComponent, styled } from \"../../core\"\nimport { dataAttr, isNumber, isObject } from \"../../utils\"\nimport { Float } from \"../float\"\nimport { indicatorStyle } from \"./indicator.style\"\n\ninterface PingOptions {\n  /**\n   * It is used for the color of the ping animation.\n   */\n  color?: CSSProps[\"backgroundColor\"]\n  /**\n   * It is used for the duration of the ping animation.\n   */\n  duration?: CSSProps[\"animationDuration\"]\n  /**\n   * It is used for the count of the ping animation.\n   */\n  iterationCount?: CSSProps[\"animationIterationCount\"]\n  /**\n   * It is used for the scale of the ping animation.\n   */\n  scale?: CSSProps[\"scale\"]\n  /**\n   * It is used for the timing function of the ping animation.\n   */\n  timingFunction?: CSSProps[\"animationTimingFunction\"]\n}\n\nexport interface IndicatorProps\n  extends Omit<HTMLStyledProps, \"offset\">,\n    Omit<ThemeProps<IndicatorStyle>, \"ping\">,\n    Pick<FloatProps, \"offset\" | \"placement\"> {\n  /**\n   * If `true`, the indicator will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The indicator label to use.\n   */\n  label?: ReactNode\n  /**\n   * If `label` is of type number, the maximum number displayed.\n   *\n   * @default 99\n   */\n  overflowCount?: number\n  /**\n   * If `true`, make an element scale and fade like a radar ping or ripple of water.\n   *\n   * @default false\n   */\n  ping?: boolean | PingOptions\n  /**\n   * If `true`, display 0.\n   *\n   * @default true\n   */\n  showZero?: boolean\n  /**\n   * Props for the float element.\n   */\n  floatProps?: IndicatorFloatProps\n  /**\n   * Props for the label element.\n   */\n  labelProps?: IndicatorLabelProps\n}\n\nexport const {\n  PropsContext: IndicatorPropsContext,\n  usePropsContext: useIndicatorPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<IndicatorProps, IndicatorStyle>(\n  \"indicator\",\n  indicatorStyle,\n)\n\n/**\n * `Indicator` is a component that displays at the corner of elements such as avatars.\n *\n * @see https://yamada-ui.com/components/indicator\n */\nexport const Indicator = withProvider(\n  ({\n    children,\n    disabled,\n    label,\n    offset,\n    overflowCount = 99,\n    placement,\n    showZero = true,\n    floatProps,\n    labelProps,\n    ...rest\n  }) => {\n    const numeric = isNumber(label)\n\n    disabled ??= numeric && !showZero && (label as number) <= 0\n\n    const computedLabel = useMemo(() => {\n      if (numeric && label > overflowCount) {\n        return (\n          <>\n            {overflowCount}\n            <styled.span>+</styled.span>\n          </>\n        )\n      } else {\n        return label\n      }\n    }, [numeric, label, overflowCount])\n\n    return (\n      <styled.div {...rest}>\n        {children}\n\n        {!disabled ? (\n          <IndicatorFloat offset={offset} placement={placement} {...floatProps}>\n            <IndicatorLabel data-numeric={dataAttr(numeric)} {...labelProps}>\n              {computedLabel}\n            </IndicatorLabel>\n          </IndicatorFloat>\n        ) : null}\n      </styled.div>\n    )\n  },\n  \"root\",\n)(({ ping, ...rest }) => {\n  if (isObject(ping)) {\n    const { color, duration, iterationCount, scale, timingFunction } = ping\n\n    return {\n      ...rest,\n      \"--animation-scale\": scale,\n      \"--duration\": duration ? `durations.${duration}` : undefined,\n      \"--iteration-count\": iterationCount,\n      \"--ping-color\": color ? `colors.${color}` : undefined,\n      \"--timing-function\": timingFunction\n        ? `easings.${timingFunction}`\n        : undefined,\n      ping: true,\n    }\n  } else {\n    return { ...rest, ping }\n  }\n})\n\ninterface IndicatorFloatProps extends FloatProps {}\n\nconst IndicatorFloat = withContext<\"div\", IndicatorFloatProps>(Float, \"float\")()\n\ninterface IndicatorLabelProps extends HTMLStyledProps<\"span\"> {}\n\nconst IndicatorLabel = withContext<\"span\", IndicatorLabelProps>(\n  \"span\",\n  \"label\",\n)()\n"],"mappings":";;;;;;;;;;;;;;AA6EA,MAAa,EACX,cAAc,uBACd,iBAAiB,0BACjB,aACA,cACD,GAAG,6DACF,aACAA,4DACD;;;;;;AAOD,MAAa,YAAY,aACvB,CAAC,EACC,UACA,UACA,OACA,QACA,gBAAgB,IAChB,WACA,WAAW,MACX,YACA,WACA,GAAG,MACJ,KAAK;CACJ,MAAM,UAAU,wCAAS,MAAM;AAE/B,cAAa,YAAY,YAAa,SAAoB;CAE1D,MAAM,gBAAgB,mBAAQ,MAAM;AAClC,MAAI,WAAW,QAAQ,cACrB,wBACE,qEACG,+BACD,2BAACC,mCAAO,kBAAK,MAAe,IAC3B;MAGL,QAAO;CAEV,GAAE;EAAC;EAAS;EAAO;CAAc,EAAC;AAEnC,wBACE,4BAACA,mCAAO;EAAI,GAAI;aACb,WAEC,2BACA,2BAAC;GAAuB;GAAmB;GAAW,GAAI;6BACxD,2BAAC;IAAe,gBAAc,kCAAS,QAAQ;IAAE,GAAI;cAClD;KACc;IACF,GACf;GACO;AAEhB,GACD,OACD,CAAC,CAAC,EAAE,KAAM,GAAG,MAAM,KAAK;AACvB,KAAI,wCAAS,KAAK,EAAE;EAClB,MAAM,EAAE,OAAO,UAAU,gBAAgB,OAAO,gBAAgB,GAAG;AAEnE,SAAO;GACL,GAAG;GACH,qBAAqB;GACrB,cAAc,YAAY,YAAY;GACtC,qBAAqB;GACrB,gBAAgB,SAAS,SAAS;GAClC,qBAAqB,kBAChB,UAAU;GAEf,MAAM;EACP;CACF,MACC,QAAO;EAAE,GAAG;EAAM;CAAM;AAE3B,EAAC;AAIF,MAAM,iBAAiB,YAAwCC,sCAAO,QAAQ,EAAE;AAIhF,MAAM,iBAAiB,YACrB,QACA,QACD,EAAE"}

package/dist/cjs/components/infinite-scroll-area/use-infinite-scroll.cjs

@@ -4,7 +4,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_effect = require('../../utils/effect.cjs');
 const require_utils_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
 
 //#region src/components/infinite-scroll-area/use-infinite-scroll.ts
@@ -28,7 +28,7 @@ const isScrollable = (el, vertical) => {
 };
 const onScroll = ({ behavior, position, reverse, root, vertical }) => {
 	let options;
-	const el = (0, require_utils_index.utils_exports.isHTMLElement)(root) && isScrollable(root, vertical) ? root : document.body;
+	const el = require_utils_common_dom.isHTMLElement(root) && isScrollable(root, vertical) ? root : document.body;
 	if (vertical) options = {
 		behavior,
 		top: position ?? (reverse ? el.scrollHeight : 0)
@@ -41,7 +41,7 @@ const onScroll = ({ behavior, position, reverse, root, vertical }) => {
 	else el.scrollTo(options);
 };
 const getScrollPosition = (root, vertical) => {
-	const el = (0, require_utils_index.utils_exports.isHTMLElement)(root) && isScrollable(root, vertical) ? root : document.body;
+	const el = require_utils_common_dom.isHTMLElement(root) && isScrollable(root, vertical) ? root : document.body;
 	if (vertical) return el.scrollHeight - el.scrollTop;
 	else return el.scrollWidth - el.scrollLeft;
 };

package/dist/cjs/components/infinite-scroll-area/use-infinite-scroll.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-infinite-scroll.cjs","names":["el: HTMLElement","vertical: boolean","options: ScrollToOptions","root: HTMLElement | null | undefined","options: IntersectionObserverInit","root"],"sources":["../../../../src/components/infinite-scroll-area/use-infinite-scroll.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { Orientation } from \"../../core\"\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\"\nimport {\n  assignRef,\n  isHTMLElement,\n  useCallbackRef,\n  useUnmountEffect,\n} from \"../../utils\"\n\nconst isScrollable = (el: HTMLElement, vertical: boolean) => {\n  const style = getComputedStyle(el)\n\n  if ([\"auto\", \"overlay\", \"scroll\"].includes(style.overflow)) return true\n\n  if (vertical) {\n    return [\"auto\", \"overlay\", \"scroll\"].includes(style.overflowY)\n  } else {\n    return [\"auto\", \"overlay\", \"scroll\"].includes(style.overflowX)\n  }\n}\n\nconst onScroll = ({\n  behavior,\n  position,\n  reverse,\n  root,\n  vertical,\n}: {\n  root: HTMLElement | null | undefined\n  vertical: boolean\n  behavior?: ScrollBehavior\n  position?: number\n  reverse?: boolean\n}) => {\n  let options: ScrollToOptions\n  const el =\n    isHTMLElement(root) && isScrollable(root, vertical) ? root : document.body\n\n  if (vertical) {\n    options = { behavior, top: position ?? (reverse ? el.scrollHeight : 0) }\n  } else {\n    options = { behavior, left: position ?? (reverse ? el.scrollWidth : 0) }\n  }\n\n  if (el === document.body) {\n    window.scrollTo(options)\n  } else {\n    el.scrollTo(options)\n  }\n}\n\nconst getScrollPosition = (\n  root: HTMLElement | null | undefined,\n  vertical: boolean,\n) => {\n  const el =\n    isHTMLElement(root) && isScrollable(root, vertical) ? root : document.body\n\n  if (vertical) {\n    return el.scrollHeight - el.scrollTop\n  } else {\n    return el.scrollWidth - el.scrollLeft\n  }\n}\n\nexport interface UseInfiniteScrollProps\n  extends Omit<IntersectionObserverInit, \"root\"> {\n  /**\n   * Determines whether scrolling is instant or animates smoothly.\n   */\n  behavior?: ScrollBehavior\n  /**\n   * If `true`, the infinite scroll is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Ref to a reset index function.\n   */\n  indexRef?: RefObject<(index: number) => void>\n  /**\n   * If `true`, invoke `onLoad` function for the first time.\n   *\n   * @default false\n   */\n  initialLoad?: boolean\n  /**\n   * The orientation of the infinite scroll.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation\n  /**\n   * Ref to a reset function.\n   */\n  resetRef?: RefObject<(index?: number, runScroll?: boolean) => void>\n  /**\n   *  If `true`, reverse direction.\n   *\n   * @default false\n   */\n  reverse?: boolean\n  /**\n   * Margin around the root. Can have values similar to the CSS margin property,\n   * e.g. \"10px 20px 30px 40px\" (top, right, bottom, left).\n   */\n  rootMargin?: string\n  /**\n   * The element that is used as the viewport for checking visibility of the target.\n   * Defaults to the browser viewport if not specified or if `null`.\n   */\n  rootRef?: RefObject<HTMLElement | null>\n  /**\n   * If set the `onLoad` function will start from the given index.\n   * If `initialLoad` is `true`, index starts from `0`.\n   *\n   * @default 1\n   */\n  startIndex?: number\n  /**\n   * Either a single number or an array of numbers which indicate at what percentage of the target's visibility the observer's callback should be executed.\n   */\n  threshold?: number | number[]\n  /**\n   * The callback invoked when trigger is intersect.\n   */\n  onLoad?: ({\n    entry,\n    finish,\n    index,\n  }: {\n    finish: () => void\n    index: number\n    entry?: IntersectionObserverEntry\n  }) => Promise<void> | void\n}\n\n/**\n * `useInfiniteScroll` is a custom hook for providing infinite scroll functionality.\n *\n * @see https://yamada-ui.com/hooks/use-infinite-scroll\n */\nexport const useInfiniteScroll = <T extends HTMLElement = HTMLDivElement>({\n  behavior,\n  disabled = false,\n  indexRef: indexRefProp,\n  initialLoad = false,\n  orientation = \"vertical\",\n  resetRef,\n  reverse = false,\n  rootMargin,\n  rootRef,\n  startIndex = initialLoad ? 0 : 1,\n  threshold,\n  onLoad: onLoadProp,\n}: UseInfiniteScrollProps = {}) => {\n  const ref = useRef<T>(null)\n  const indexRef = useRef<number>(startIndex)\n  const processingRef = useRef<boolean>(false)\n  const observerRef = useRef<IntersectionObserver | undefined>(undefined)\n  const mountedRef = useRef<boolean>(false)\n  const prevScrollPosition = useRef<number>(0)\n  const [finish, setFinish] = useState<boolean>(false)\n  const onLoad = useCallbackRef(onLoadProp)\n  const vertical = orientation === \"vertical\"\n  const options: IntersectionObserverInit = useMemo(() => {\n    const root = rootRef?.current\n\n    return { root, rootMargin, threshold }\n  }, [rootMargin, rootRef, threshold])\n\n  const onReset = useCallback(\n    (index = 1, runScroll = true) => {\n      indexRef.current = index\n\n      setFinish(false)\n\n      if (runScroll) {\n        const root = rootRef?.current\n\n        onScroll({ behavior, reverse, root, vertical })\n      }\n\n      if (disabled) return\n\n      setTimeout(() => {\n        const observer = observerRef.current\n        const el = ref.current\n\n        if (el) observer?.observe(el)\n      })\n    },\n    [disabled, reverse, rootRef, vertical, behavior],\n  )\n\n  const onFinish = useCallback(() => {\n    const observer = observerRef.current\n    const el = ref.current\n\n    if (el) observer?.unobserve(el)\n\n    setFinish(true)\n  }, [])\n\n  const createObserver = useCallback(() => {\n    const observer = new IntersectionObserver(async ([entry]) => {\n      if (!entry?.isIntersecting || processingRef.current) return\n\n      const props = { entry, finish: onFinish, index: indexRef.current }\n\n      processingRef.current = true\n\n      const root = rootRef?.current\n\n      if (root) root.ariaBusy = \"true\"\n\n      if (reverse) {\n        prevScrollPosition.current = getScrollPosition(root, vertical)\n      }\n\n      await onLoad(props)\n\n      if (reverse) {\n        const position = prevScrollPosition.current\n\n        onScroll({ position, root, vertical })\n      }\n\n      indexRef.current += 1\n      processingRef.current = false\n      if (root) root.ariaBusy = \"false\"\n    }, options)\n\n    return observer\n  }, [onFinish, onLoad, options, rootRef, reverse, vertical])\n\n  useEffect(() => {\n    const setupObserver = async () => {\n      const el = ref.current\n      const mounted = mountedRef.current\n      const index = indexRef.current\n      const root = rootRef?.current\n\n      if (initialLoad && !mounted) {\n        processingRef.current = true\n        if (root) root.ariaBusy = \"true\"\n\n        await onLoad({ finish: onFinish, index })\n\n        indexRef.current += 1\n        processingRef.current = false\n        if (root) root.ariaBusy = \"false\"\n      }\n\n      if (disabled) return\n\n      observerRef.current = createObserver()\n\n      const observer = observerRef.current\n\n      if (reverse && !mounted) {\n        const root = rootRef?.current\n\n        onScroll({ reverse, root, vertical })\n\n        mountedRef.current = true\n      }\n\n      setTimeout(() => {\n        if (el) observer.observe(el)\n      })\n\n      return () => {\n        if (el) observer.unobserve(el)\n      }\n    }\n\n    setupObserver()\n  }, [\n    createObserver,\n    initialLoad,\n    disabled,\n    reverse,\n    vertical,\n    onFinish,\n    onLoad,\n    rootRef,\n  ])\n\n  useUnmountEffect(() => (mountedRef.current = false))\n\n  assignRef(resetRef, onReset)\n  assignRef(indexRefProp, (index) => (indexRef.current = index))\n\n  return { ref, finish }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-infinite-scroll.cjs","names":["el: HTMLElement","vertical: boolean","options: ScrollToOptions","root: HTMLElement | null | undefined","options: IntersectionObserverInit","root"],"sources":["../../../../src/components/infinite-scroll-area/use-infinite-scroll.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefObject } from \"react\"\nimport type { Orientation } from \"../../core\"\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\"\nimport {\n  assignRef,\n  isHTMLElement,\n  useCallbackRef,\n  useUnmountEffect,\n} from \"../../utils\"\n\nconst isScrollable = (el: HTMLElement, vertical: boolean) => {\n  const style = getComputedStyle(el)\n\n  if ([\"auto\", \"overlay\", \"scroll\"].includes(style.overflow)) return true\n\n  if (vertical) {\n    return [\"auto\", \"overlay\", \"scroll\"].includes(style.overflowY)\n  } else {\n    return [\"auto\", \"overlay\", \"scroll\"].includes(style.overflowX)\n  }\n}\n\nconst onScroll = ({\n  behavior,\n  position,\n  reverse,\n  root,\n  vertical,\n}: {\n  root: HTMLElement | null | undefined\n  vertical: boolean\n  behavior?: ScrollBehavior\n  position?: number\n  reverse?: boolean\n}) => {\n  let options: ScrollToOptions\n  const el =\n    isHTMLElement(root) && isScrollable(root, vertical) ? root : document.body\n\n  if (vertical) {\n    options = { behavior, top: position ?? (reverse ? el.scrollHeight : 0) }\n  } else {\n    options = { behavior, left: position ?? (reverse ? el.scrollWidth : 0) }\n  }\n\n  if (el === document.body) {\n    window.scrollTo(options)\n  } else {\n    el.scrollTo(options)\n  }\n}\n\nconst getScrollPosition = (\n  root: HTMLElement | null | undefined,\n  vertical: boolean,\n) => {\n  const el =\n    isHTMLElement(root) && isScrollable(root, vertical) ? root : document.body\n\n  if (vertical) {\n    return el.scrollHeight - el.scrollTop\n  } else {\n    return el.scrollWidth - el.scrollLeft\n  }\n}\n\nexport interface UseInfiniteScrollProps\n  extends Omit<IntersectionObserverInit, \"root\"> {\n  /**\n   * Determines whether scrolling is instant or animates smoothly.\n   */\n  behavior?: ScrollBehavior\n  /**\n   * If `true`, the infinite scroll is disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Ref to a reset index function.\n   */\n  indexRef?: RefObject<(index: number) => void>\n  /**\n   * If `true`, invoke `onLoad` function for the first time.\n   *\n   * @default false\n   */\n  initialLoad?: boolean\n  /**\n   * The orientation of the infinite scroll.\n   *\n   * @default 'vertical'\n   */\n  orientation?: Orientation\n  /**\n   * Ref to a reset function.\n   */\n  resetRef?: RefObject<(index?: number, runScroll?: boolean) => void>\n  /**\n   *  If `true`, reverse direction.\n   *\n   * @default false\n   */\n  reverse?: boolean\n  /**\n   * Margin around the root. Can have values similar to the CSS margin property,\n   * e.g. \"10px 20px 30px 40px\" (top, right, bottom, left).\n   */\n  rootMargin?: string\n  /**\n   * The element that is used as the viewport for checking visibility of the target.\n   * Defaults to the browser viewport if not specified or if `null`.\n   */\n  rootRef?: RefObject<HTMLElement | null>\n  /**\n   * If set the `onLoad` function will start from the given index.\n   * If `initialLoad` is `true`, index starts from `0`.\n   *\n   * @default 1\n   */\n  startIndex?: number\n  /**\n   * Either a single number or an array of numbers which indicate at what percentage of the target's visibility the observer's callback should be executed.\n   */\n  threshold?: number | number[]\n  /**\n   * The callback invoked when trigger is intersect.\n   */\n  onLoad?: ({\n    entry,\n    finish,\n    index,\n  }: {\n    finish: () => void\n    index: number\n    entry?: IntersectionObserverEntry\n  }) => Promise<void> | void\n}\n\n/**\n * `useInfiniteScroll` is a custom hook for providing infinite scroll functionality.\n *\n * @see https://yamada-ui.com/hooks/use-infinite-scroll\n */\nexport const useInfiniteScroll = <T extends HTMLElement = HTMLDivElement>({\n  behavior,\n  disabled = false,\n  indexRef: indexRefProp,\n  initialLoad = false,\n  orientation = \"vertical\",\n  resetRef,\n  reverse = false,\n  rootMargin,\n  rootRef,\n  startIndex = initialLoad ? 0 : 1,\n  threshold,\n  onLoad: onLoadProp,\n}: UseInfiniteScrollProps = {}) => {\n  const ref = useRef<T>(null)\n  const indexRef = useRef<number>(startIndex)\n  const processingRef = useRef<boolean>(false)\n  const observerRef = useRef<IntersectionObserver | undefined>(undefined)\n  const mountedRef = useRef<boolean>(false)\n  const prevScrollPosition = useRef<number>(0)\n  const [finish, setFinish] = useState<boolean>(false)\n  const onLoad = useCallbackRef(onLoadProp)\n  const vertical = orientation === \"vertical\"\n  const options: IntersectionObserverInit = useMemo(() => {\n    const root = rootRef?.current\n\n    return { root, rootMargin, threshold }\n  }, [rootMargin, rootRef, threshold])\n\n  const onReset = useCallback(\n    (index = 1, runScroll = true) => {\n      indexRef.current = index\n\n      setFinish(false)\n\n      if (runScroll) {\n        const root = rootRef?.current\n\n        onScroll({ behavior, reverse, root, vertical })\n      }\n\n      if (disabled) return\n\n      setTimeout(() => {\n        const observer = observerRef.current\n        const el = ref.current\n\n        if (el) observer?.observe(el)\n      })\n    },\n    [disabled, reverse, rootRef, vertical, behavior],\n  )\n\n  const onFinish = useCallback(() => {\n    const observer = observerRef.current\n    const el = ref.current\n\n    if (el) observer?.unobserve(el)\n\n    setFinish(true)\n  }, [])\n\n  const createObserver = useCallback(() => {\n    const observer = new IntersectionObserver(async ([entry]) => {\n      if (!entry?.isIntersecting || processingRef.current) return\n\n      const props = { entry, finish: onFinish, index: indexRef.current }\n\n      processingRef.current = true\n\n      const root = rootRef?.current\n\n      if (root) root.ariaBusy = \"true\"\n\n      if (reverse) {\n        prevScrollPosition.current = getScrollPosition(root, vertical)\n      }\n\n      await onLoad(props)\n\n      if (reverse) {\n        const position = prevScrollPosition.current\n\n        onScroll({ position, root, vertical })\n      }\n\n      indexRef.current += 1\n      processingRef.current = false\n      if (root) root.ariaBusy = \"false\"\n    }, options)\n\n    return observer\n  }, [onFinish, onLoad, options, rootRef, reverse, vertical])\n\n  useEffect(() => {\n    const setupObserver = async () => {\n      const el = ref.current\n      const mounted = mountedRef.current\n      const index = indexRef.current\n      const root = rootRef?.current\n\n      if (initialLoad && !mounted) {\n        processingRef.current = true\n        if (root) root.ariaBusy = \"true\"\n\n        await onLoad({ finish: onFinish, index })\n\n        indexRef.current += 1\n        processingRef.current = false\n        if (root) root.ariaBusy = \"false\"\n      }\n\n      if (disabled) return\n\n      observerRef.current = createObserver()\n\n      const observer = observerRef.current\n\n      if (reverse && !mounted) {\n        const root = rootRef?.current\n\n        onScroll({ reverse, root, vertical })\n\n        mountedRef.current = true\n      }\n\n      setTimeout(() => {\n        if (el) observer.observe(el)\n      })\n\n      return () => {\n        if (el) observer.unobserve(el)\n      }\n    }\n\n    setupObserver()\n  }, [\n    createObserver,\n    initialLoad,\n    disabled,\n    reverse,\n    vertical,\n    onFinish,\n    onLoad,\n    rootRef,\n  ])\n\n  useUnmountEffect(() => (mountedRef.current = false))\n\n  assignRef(resetRef, onReset)\n  assignRef(indexRefProp, (index) => (indexRef.current = index))\n\n  return { ref, finish }\n}\n"],"mappings":"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"}

package/dist/cjs/components/input/input.style.cjs

@@ -1,16 +1,16 @@
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_object = require('../../utils/common/object.cjs');
 const require_core_system_config = require('../../core/system/config.cjs');
 
 //#region src/components/input/input.style.ts
 const getInputPaddingResetStyle = (key) => ({
-	"&:not(:has(+ [data-input-element]))": (0, require_utils_index.utils_exports.wrapWithKey)({ pe: "0px" }, key),
-	"&:not([data-input-element] + &)": (0, require_utils_index.utils_exports.wrapWithKey)({ ps: "0px" }, key)
+	"&:not(:has(+ [data-input-element]))": require_utils_common_object.wrapWithKey({ pe: "0px" }, key),
+	"&:not([data-input-element] + &)": require_utils_common_object.wrapWithKey({ ps: "0px" }, key)
 });
 const getInputHeightStyle = (height, key) => ({
-	"&:has(+ [data-input-element])": (0, require_utils_index.utils_exports.wrapWithKey)({ pe: height }, key),
+	"&:has(+ [data-input-element])": require_utils_common_object.wrapWithKey({ pe: height }, key),
 	"& ~ [data-input-element]": { minW: height },
 	"--input-height": height,
-	"[data-input-element] + &": (0, require_utils_index.utils_exports.wrapWithKey)({ ps: height }, key),
+	"[data-input-element] + &": require_utils_common_object.wrapWithKey({ ps: height }, key),
 	"[data-input-element]:has(~ &)": { minW: height },
 	minH: height
 });

package/dist/cjs/components/input/input.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.style.cjs","names":["key?: string","height?: string"],"sources":["../../../../src/components/input/input.style.ts"],"sourcesContent":["import type { CSSObject } from \"../../core\"\nimport { defineComponentStyle } from \"../../core\"\nimport { wrapWithKey } from \"../../utils\"\n\nexport const getInputPaddingResetStyle = (key?: string) =>\n  ({\n    \"&:not(:has(+ [data-input-element]))\": wrapWithKey({ pe: \"0px\" }, key),\n    \"&:not([data-input-element] + &)\": wrapWithKey({ ps: \"0px\" }, key),\n  }) satisfies CSSObject\n\nexport const getInputHeightStyle = (height?: string, key?: string) =>\n  ({\n    \"&:has(+ [data-input-element])\": wrapWithKey({ pe: height }, key),\n    \"& ~ [data-input-element]\": { minW: height },\n    \"--input-height\": height,\n    \"[data-input-element] + &\": wrapWithKey({ ps: height }, key),\n    \"[data-input-element]:has(~ &)\": { minW: height },\n    minH: height,\n  }) satisfies CSSObject\n\nexport const inputStyle = defineComponentStyle({\n  base: {\n    \"--error-border-color\": \"colors.border.error\",\n    \"--focus-border-color\": \"colorScheme.outline\",\n    appearance: \"none\",\n    minW: \"0\",\n    position: \"relative\",\n    rounded: \"l2\",\n    textAlign: \"start\",\n    transitionDuration: \"moderate\",\n    transitionProperty: \"common\",\n    w: \"full\",\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n  },\n\n  variants: {\n    filled: {\n      bg: \"bg.panel\",\n      border: \"1px solid transparent\",\n      focusRingColor: \"{focus-border-color}\",\n      focusVisibleRing: \"inside\",\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n    },\n    flushed: {\n      bg: \"transparent\",\n      borderBottomColor: \"colorScheme.muted\",\n      borderBottomWidth: \"1px\",\n      rounded: \"0px\",\n      _focusVisible: {\n        borderColor: \"{focus-border-color}\",\n        boxShadow: \"0px 1px 0px 0px {focus-border-color}\",\n        outline: \"none\",\n      },\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        _focusVisible: {\n          boxShadow: \"0px 1px 0px 0px {error-border-color}\",\n        },\n      },\n    },\n    outline: {\n      border: \"1px solid {colorScheme.muted}\",\n      focusRingColor: \"{focus-border-color}\",\n      focusVisibleRing: \"inside\",\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n    },\n    plain: {\n      focusRingColor: \"{focus-border-color}\",\n      focusVisibleRing: \"inside\",\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      \"--input-space-x\": \"spaces.2\",\n      \"--input-space-y\": \"spaces.1.5\",\n      fontSize: \"xs\",\n      px: \"{input-space-x}\",\n      ...getInputHeightStyle(\"{sizes.8}\"),\n    },\n    sm: {\n      \"--input-space-x\": \"spaces.2.5\",\n      \"--input-space-y\": \"spaces.2\",\n      fontSize: \"sm\",\n      px: \"{input-space-x}\",\n      ...getInputHeightStyle(\"{sizes.9}\"),\n    },\n    md: {\n      \"--input-space-x\": \"spaces.3\",\n      \"--input-space-y\": \"spaces.2\",\n      fontSize: \"md\",\n      px: \"{input-space-x}\",\n      ...getInputHeightStyle(\"{sizes.10}\"),\n    },\n    lg: {\n      \"--input-space-x\": \"spaces.3.5\",\n      \"--input-space-y\": \"spaces.2.5\",\n      fontSize: \"lg\",\n      px: \"{input-space-x}\",\n      ...getInputHeightStyle(\"{sizes.11}\"),\n    },\n    xl: {\n      \"--input-space-x\": \"spaces.4\",\n      \"--input-space-y\": \"spaces.3\",\n      fontSize: \"xl\",\n      px: \"{input-space-x}\",\n      ...getInputHeightStyle(\"{sizes.12}\"),\n    },\n    \"2xl\": {\n      \"--input-space-x\": \"spaces.4\",\n      \"--input-space-y\": \"spaces.3\",\n      fontSize: \"xl\",\n      px: \"{input-space-x}\",\n      ...getInputHeightStyle(\"{sizes.14}\"),\n    },\n  },\n\n  compounds: [\n    {\n      css: getInputPaddingResetStyle(),\n      variant: \"flushed\",\n      layer: \"variant\",\n    },\n  ],\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type InputStyle = typeof inputStyle\n"],"mappings":";;;;AAIA,MAAa,4BAA4B,CAACA,SACvC;CACC,uCAAuC,mDAAY,EAAE,IAAI,MAAO,GAAE,IAAI;CACtE,mCAAmC,mDAAY,EAAE,IAAI,MAAO,GAAE,IAAI;AACnE;AAEH,MAAa,sBAAsB,CAACC,QAAiBD,SAClD;CACC,iCAAiC,mDAAY,EAAE,IAAI,OAAQ,GAAE,IAAI;CACjE,4BAA4B,EAAE,MAAM,OAAQ;CAC5C,kBAAkB;CAClB,4BAA4B,mDAAY,EAAE,IAAI,OAAQ,GAAE,IAAI;CAC5D,iCAAiC,EAAE,MAAM,OAAQ;CACjD,MAAM;AACP;AAEH,MAAa,aAAa,gDAAqB;CAC7C,MAAM;EACJ,wBAAwB;EACxB,wBAAwB;EACxB,YAAY;EACZ,MAAM;EACN,UAAU;EACV,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,WAAW,EACT,YAAY,WACb;CACF;CAED,UAAU;EACR,QAAQ;GACN,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,UAAU;IACR,aAAa;IACb,gBAAgB;GACjB;EACF;EACD,SAAS;GACP,IAAI;GACJ,mBAAmB;GACnB,mBAAmB;GACnB,SAAS;GACT,eAAe;IACb,aAAa;IACb,WAAW;IACX,SAAS;GACV;GACD,UAAU;IACR,aAAa;IACb,eAAe,EACb,WAAW,uCACZ;GACF;EACF;EACD,SAAS;GACP,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,UAAU;IACR,aAAa;IACb,gBAAgB;GACjB;EACF;EACD,OAAO;GACL,gBAAgB;GAChB,kBAAkB;GAClB,UAAU;IACR,aAAa;IACb,gBAAgB;GACjB;EACF;CACF;CAED,OAAO;EACL,IAAI;GACF,mBAAmB;GACnB,mBAAmB;GACnB,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;EACpC;EACD,IAAI;GACF,mBAAmB;GACnB,mBAAmB;GACnB,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;EACpC;EACD,IAAI;GACF,mBAAmB;GACnB,mBAAmB;GACnB,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;EACrC;EACD,IAAI;GACF,mBAAmB;GACnB,mBAAmB;GACnB,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;EACrC;EACD,IAAI;GACF,mBAAmB;GACnB,mBAAmB;GACnB,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;EACrC;EACD,OAAO;GACL,mBAAmB;GACnB,mBAAmB;GACnB,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;EACrC;CACF;CAED,WAAW,CACT;EACE,KAAK,2BAA2B;EAChC,SAAS;EACT,OAAO;CACR,CACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;CACV;AACF,EAAC"}
+{"version":3,"file":"input.style.cjs","names":["key?: string","height?: string"],"sources":["../../../../src/components/input/input.style.ts"],"sourcesContent":["import type { CSSObject } from \"../../core\"\nimport { defineComponentStyle } from \"../../core\"\nimport { wrapWithKey } from \"../../utils\"\n\nexport const getInputPaddingResetStyle = (key?: string) =>\n  ({\n    \"&:not(:has(+ [data-input-element]))\": wrapWithKey({ pe: \"0px\" }, key),\n    \"&:not([data-input-element] + &)\": wrapWithKey({ ps: \"0px\" }, key),\n  }) satisfies CSSObject\n\nexport const getInputHeightStyle = (height?: string, key?: string) =>\n  ({\n    \"&:has(+ [data-input-element])\": wrapWithKey({ pe: height }, key),\n    \"& ~ [data-input-element]\": { minW: height },\n    \"--input-height\": height,\n    \"[data-input-element] + &\": wrapWithKey({ ps: height }, key),\n    \"[data-input-element]:has(~ &)\": { minW: height },\n    minH: height,\n  }) satisfies CSSObject\n\nexport const inputStyle = defineComponentStyle({\n  base: {\n    \"--error-border-color\": \"colors.border.error\",\n    \"--focus-border-color\": \"colorScheme.outline\",\n    appearance: \"none\",\n    minW: \"0\",\n    position: \"relative\",\n    rounded: \"l2\",\n    textAlign: \"start\",\n    transitionDuration: \"moderate\",\n    transitionProperty: \"common\",\n    w: \"full\",\n    _disabled: {\n      layerStyle: \"disabled\",\n    },\n  },\n\n  variants: {\n    filled: {\n      bg: \"bg.panel\",\n      border: \"1px solid transparent\",\n      focusRingColor: \"{focus-border-color}\",\n      focusVisibleRing: \"inside\",\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n    },\n    flushed: {\n      bg: \"transparent\",\n      borderBottomColor: \"colorScheme.muted\",\n      borderBottomWidth: \"1px\",\n      rounded: \"0px\",\n      _focusVisible: {\n        borderColor: \"{focus-border-color}\",\n        boxShadow: \"0px 1px 0px 0px {focus-border-color}\",\n        outline: \"none\",\n      },\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        _focusVisible: {\n          boxShadow: \"0px 1px 0px 0px {error-border-color}\",\n        },\n      },\n    },\n    outline: {\n      border: \"1px solid {colorScheme.muted}\",\n      focusRingColor: \"{focus-border-color}\",\n      focusVisibleRing: \"inside\",\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n    },\n    plain: {\n      focusRingColor: \"{focus-border-color}\",\n      focusVisibleRing: \"inside\",\n      _invalid: {\n        borderColor: \"{error-border-color}\",\n        focusRingColor: \"{error-border-color}\",\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      \"--input-space-x\": \"spaces.2\",\n      \"--input-space-y\": \"spaces.1.5\",\n      fontSize: \"xs\",\n      px: \"{input-space-x}\",\n      ...getInputHeightStyle(\"{sizes.8}\"),\n    },\n    sm: {\n      \"--input-space-x\": \"spaces.2.5\",\n      \"--input-space-y\": \"spaces.2\",\n      fontSize: \"sm\",\n      px: \"{input-space-x}\",\n      ...getInputHeightStyle(\"{sizes.9}\"),\n    },\n    md: {\n      \"--input-space-x\": \"spaces.3\",\n      \"--input-space-y\": \"spaces.2\",\n      fontSize: \"md\",\n      px: \"{input-space-x}\",\n      ...getInputHeightStyle(\"{sizes.10}\"),\n    },\n    lg: {\n      \"--input-space-x\": \"spaces.3.5\",\n      \"--input-space-y\": \"spaces.2.5\",\n      fontSize: \"lg\",\n      px: \"{input-space-x}\",\n      ...getInputHeightStyle(\"{sizes.11}\"),\n    },\n    xl: {\n      \"--input-space-x\": \"spaces.4\",\n      \"--input-space-y\": \"spaces.3\",\n      fontSize: \"xl\",\n      px: \"{input-space-x}\",\n      ...getInputHeightStyle(\"{sizes.12}\"),\n    },\n    \"2xl\": {\n      \"--input-space-x\": \"spaces.4\",\n      \"--input-space-y\": \"spaces.3\",\n      fontSize: \"xl\",\n      px: \"{input-space-x}\",\n      ...getInputHeightStyle(\"{sizes.14}\"),\n    },\n  },\n\n  compounds: [\n    {\n      css: getInputPaddingResetStyle(),\n      variant: \"flushed\",\n      layer: \"variant\",\n    },\n  ],\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type InputStyle = typeof inputStyle\n"],"mappings":";;;;AAIA,MAAa,4BAA4B,CAACA,SACvC;CACC,uCAAuC,wCAAY,EAAE,IAAI,MAAO,GAAE,IAAI;CACtE,mCAAmC,wCAAY,EAAE,IAAI,MAAO,GAAE,IAAI;AACnE;AAEH,MAAa,sBAAsB,CAACC,QAAiBD,SAClD;CACC,iCAAiC,wCAAY,EAAE,IAAI,OAAQ,GAAE,IAAI;CACjE,4BAA4B,EAAE,MAAM,OAAQ;CAC5C,kBAAkB;CAClB,4BAA4B,wCAAY,EAAE,IAAI,OAAQ,GAAE,IAAI;CAC5D,iCAAiC,EAAE,MAAM,OAAQ;CACjD,MAAM;AACP;AAEH,MAAa,aAAa,gDAAqB;CAC7C,MAAM;EACJ,wBAAwB;EACxB,wBAAwB;EACxB,YAAY;EACZ,MAAM;EACN,UAAU;EACV,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,WAAW,EACT,YAAY,WACb;CACF;CAED,UAAU;EACR,QAAQ;GACN,IAAI;GACJ,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,UAAU;IACR,aAAa;IACb,gBAAgB;GACjB;EACF;EACD,SAAS;GACP,IAAI;GACJ,mBAAmB;GACnB,mBAAmB;GACnB,SAAS;GACT,eAAe;IACb,aAAa;IACb,WAAW;IACX,SAAS;GACV;GACD,UAAU;IACR,aAAa;IACb,eAAe,EACb,WAAW,uCACZ;GACF;EACF;EACD,SAAS;GACP,QAAQ;GACR,gBAAgB;GAChB,kBAAkB;GAClB,UAAU;IACR,aAAa;IACb,gBAAgB;GACjB;EACF;EACD,OAAO;GACL,gBAAgB;GAChB,kBAAkB;GAClB,UAAU;IACR,aAAa;IACb,gBAAgB;GACjB;EACF;CACF;CAED,OAAO;EACL,IAAI;GACF,mBAAmB;GACnB,mBAAmB;GACnB,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;EACpC;EACD,IAAI;GACF,mBAAmB;GACnB,mBAAmB;GACnB,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,YAAY;EACpC;EACD,IAAI;GACF,mBAAmB;GACnB,mBAAmB;GACnB,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;EACrC;EACD,IAAI;GACF,mBAAmB;GACnB,mBAAmB;GACnB,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;EACrC;EACD,IAAI;GACF,mBAAmB;GACnB,mBAAmB;GACnB,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;EACrC;EACD,OAAO;GACL,mBAAmB;GACnB,mBAAmB;GACnB,UAAU;GACV,IAAI;GACJ,GAAG,oBAAoB,aAAa;EACrC;CACF;CAED,WAAW,CACT;EACE,KAAK,2BAA2B;EAChC,SAAS;EACT,OAAO;CACR,CACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;CACV;AACF,EAAC"}

package/dist/cjs/components/link-box/link-box.cjs

@@ -2,7 +2,7 @@
 
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_dom = require('../../utils/common/dom.cjs');
 const require_core_css_styles = require('../../core/css/styles.cjs');
 const require_core_system_factory = require('../../core/system/factory.cjs');
 const require_core_components_props = require('../../core/components/props.cjs');
@@ -32,7 +32,7 @@ const LinkBoxOverlay = withContext("a", "overlay")(void 0, ({ external, _before,
 	return {
 		rel: external ? "noopener" : void 0,
 		target: external ? "_blank" : void 0,
-		"data-link-box-overlay": (0, require_utils_index.utils_exports.dataAttr)(true),
+		"data-link-box-overlay": require_utils_common_dom.dataAttr(true),
 		_before: {
 			..._before,
 			...context

package/dist/cjs/components/link-box/link-box.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"link-box.cjs","names":["linkBoxStyle","radiusProperties","styled"],"sources":["../../../../src/components/link-box/link-box.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { LinkBoxStyle } from \"./link-box.style\"\nimport { createSlotComponent, radiusProperties, styled } from \"../../core\"\nimport { useExtractProps } from \"../../core\"\nimport { dataAttr } from \"../../utils\"\nimport { linkBoxStyle } from \"./link-box.style\"\n\ninterface ComponentContext extends Dict {}\n\nexport interface LinkBoxRootProps\n  extends HTMLStyledProps,\n    ThemeProps<LinkBoxStyle> {}\n\nexport const {\n  ComponentContext,\n  PropsContext: LinkBoxPropsContext,\n  useComponentContext,\n  usePropsContext: useLinkBoxPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<LinkBoxRootProps, LinkBoxStyle, ComponentContext>(\n  \"link-box\",\n  linkBoxStyle,\n)\n\n/**\n * `LinkBox` is a component that allows elements such as articles or cards to function as a single link.\n *\n * @see https://yamada-ui.com/components/link-box\n */\nexport const LinkBoxRoot = withProvider<\"div\", LinkBoxRootProps>(\n  ({ children, ...rest }) => {\n    const context = useExtractProps(rest, radiusProperties)\n\n    return (\n      <ComponentContext value={context}>\n        <styled.div {...rest}>{children}</styled.div>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface LinkBoxOverlayProps extends HTMLStyledProps<\"a\"> {\n  /**\n   * If `true`, the link will open in new tab.\n   *\n   * @default false\n   */\n  external?: boolean\n}\n\nexport const LinkBoxOverlay = withContext<\"a\", LinkBoxOverlayProps>(\n  \"a\",\n  \"overlay\",\n)(undefined, ({ external, _before, ...rest }) => {\n  const context = useComponentContext()\n\n  return {\n    rel: external ? \"noopener\" : undefined,\n    target: external ? \"_blank\" : undefined,\n    \"data-link-box-overlay\": dataAttr(true),\n    _before: { ..._before, ...context },\n    ...rest,\n  }\n})\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,EACX,kBACA,cAAc,qBACd,qBACA,iBAAiB,wBACjB,aACA,cACD,GAAG,6DACF,YACAA,wDACD;;;;;;AAOD,MAAa,cAAc,aACzB,CAAC,EAAE,SAAU,GAAG,MAAM,KAAK;CACzB,MAAM,UAAU,8CAAgB,MAAMC,yCAAiB;AAEvD,wBACE,2BAAC;EAAiB,OAAO;4BACvB,2BAACC,mCAAO;GAAI,GAAI;GAAO;IAAsB;GAC5B;AAEtB,GACD,OACD,EAAE;AAWH,MAAa,iBAAiB,YAC5B,KACA,UACD,SAAY,CAAC,EAAE,UAAU,QAAS,GAAG,MAAM,KAAK;CAC/C,MAAM,UAAU,qBAAqB;AAErC,QAAO;EACL,KAAK,WAAW;EAChB,QAAQ,WAAW;EACnB,yBAAyB,gDAAS,KAAK;EACvC,SAAS;GAAE,GAAG;GAAS,GAAG;EAAS;EACnC,GAAG;CACJ;AACF,EAAC"}
+{"version":3,"file":"link-box.cjs","names":["linkBoxStyle","radiusProperties","styled"],"sources":["../../../../src/components/link-box/link-box.tsx"],"sourcesContent":["\"use client\"\n\nimport type { HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { Dict } from \"../../utils\"\nimport type { LinkBoxStyle } from \"./link-box.style\"\nimport { createSlotComponent, radiusProperties, styled } from \"../../core\"\nimport { useExtractProps } from \"../../core\"\nimport { dataAttr } from \"../../utils\"\nimport { linkBoxStyle } from \"./link-box.style\"\n\ninterface ComponentContext extends Dict {}\n\nexport interface LinkBoxRootProps\n  extends HTMLStyledProps,\n    ThemeProps<LinkBoxStyle> {}\n\nexport const {\n  ComponentContext,\n  PropsContext: LinkBoxPropsContext,\n  useComponentContext,\n  usePropsContext: useLinkBoxPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<LinkBoxRootProps, LinkBoxStyle, ComponentContext>(\n  \"link-box\",\n  linkBoxStyle,\n)\n\n/**\n * `LinkBox` is a component that allows elements such as articles or cards to function as a single link.\n *\n * @see https://yamada-ui.com/components/link-box\n */\nexport const LinkBoxRoot = withProvider<\"div\", LinkBoxRootProps>(\n  ({ children, ...rest }) => {\n    const context = useExtractProps(rest, radiusProperties)\n\n    return (\n      <ComponentContext value={context}>\n        <styled.div {...rest}>{children}</styled.div>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)()\n\nexport interface LinkBoxOverlayProps extends HTMLStyledProps<\"a\"> {\n  /**\n   * If `true`, the link will open in new tab.\n   *\n   * @default false\n   */\n  external?: boolean\n}\n\nexport const LinkBoxOverlay = withContext<\"a\", LinkBoxOverlayProps>(\n  \"a\",\n  \"overlay\",\n)(undefined, ({ external, _before, ...rest }) => {\n  const context = useComponentContext()\n\n  return {\n    rel: external ? \"noopener\" : undefined,\n    target: external ? \"_blank\" : undefined,\n    \"data-link-box-overlay\": dataAttr(true),\n    _before: { ..._before, ...context },\n    ...rest,\n  }\n})\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,EACX,kBACA,cAAc,qBACd,qBACA,iBAAiB,wBACjB,aACA,cACD,GAAG,6DACF,YACAA,wDACD;;;;;;AAOD,MAAa,cAAc,aACzB,CAAC,EAAE,SAAU,GAAG,MAAM,KAAK;CACzB,MAAM,UAAU,8CAAgB,MAAMC,yCAAiB;AAEvD,wBACE,2BAAC;EAAiB,OAAO;4BACvB,2BAACC,mCAAO;GAAI,GAAI;GAAO;IAAsB;GAC5B;AAEtB,GACD,OACD,EAAE;AAWH,MAAa,iBAAiB,YAC5B,KACA,UACD,SAAY,CAAC,EAAE,UAAU,QAAS,GAAG,MAAM,KAAK;CAC/C,MAAM,UAAU,qBAAqB;AAErC,QAAO;EACL,KAAK,WAAW;EAChB,QAAQ,WAAW;EACnB,yBAAyB,kCAAS,KAAK;EACvC,SAAS;GAAE,GAAG;GAAS,GAAG;EAAS;EACnC,GAAG;CACJ;AACF,EAAC"}

package/dist/cjs/components/loading/audio.cjs

@@ -2,7 +2,7 @@
 
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
 const require_components_icon_icon = require('../icon/icon.cjs');
 const require_components_loading_utils = require('./utils.cjs');
 const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
@@ -14,7 +14,7 @@ const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-ru
 * @see https://yamada-ui.com/components/feedback/loading
 */
 const Audio = require_components_loading_utils.withContext(({ dur = "1.4s",...rest }) => {
-	dur = (0, require_utils_index.utils_exports.isString)(dur) ? parseFloat(dur) : dur;
+	dur = require_utils_common_assertion.isString(dur) ? parseFloat(dur) : dur;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_icon_icon.Icon, {
 		fill: "currentColor",
 		viewBox: "0 0 55 80",

package/dist/cjs/components/loading/audio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"audio.cjs","names":["Icon","initialProps","superProps"],"sources":["../../../../src/components/loading/audio.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./utils\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./utils\"\n\nexport interface AudioProps extends LoadingProps {}\n\n/**\n * `Loading` is a component displayed during waiting times, such as when data is being loaded.\n *\n * @see https://yamada-ui.com/components/feedback/loading\n */\nexport const Audio = withContext<\"svg\", AudioProps>(\n  ({ dur = \"1.4s\", ...rest }) => {\n    dur = isString(dur) ? parseFloat(dur) : dur\n\n    return (\n      <Icon fill=\"currentColor\" viewBox=\"0 0 55 80\" {...rest}>\n        <g transform=\"matrix(1 0 0 -1 0 80)\">\n          <rect height=\"20\" rx=\"3\" width=\"10\">\n            <animate\n              attributeName=\"height\"\n              begin=\"0s\"\n              calcMode=\"linear\"\n              dur={`${dur * 3}s`}\n              repeatCount=\"indefinite\"\n              values=\"20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20\"\n            />\n          </rect>\n          <rect height=\"80\" rx=\"3\" width=\"10\" x=\"15\">\n            <animate\n              attributeName=\"height\"\n              begin=\"0s\"\n              calcMode=\"linear\"\n              dur={`${dur * 1.4}s`}\n              repeatCount=\"indefinite\"\n              values=\"80;55;33;5;75;23;73;33;12;14;60;80\"\n            />\n          </rect>\n          <rect height=\"50\" rx=\"3\" width=\"10\" x=\"30\">\n            <animate\n              attributeName=\"height\"\n              begin=\"0s\"\n              calcMode=\"linear\"\n              dur={`${dur}s`}\n              repeatCount=\"indefinite\"\n              values=\"50;34;78;23;56;23;34;76;80;54;21;50\"\n            />\n          </rect>\n          <rect height=\"30\" rx=\"3\" width=\"10\" x=\"45\">\n            <animate\n              attributeName=\"height\"\n              begin=\"0s\"\n              calcMode=\"linear\"\n              dur={`${dur * 1.4}s`}\n              repeatCount=\"indefinite\"\n              values=\"30;45;13;80;56;72;45;76;34;23;67;30\"\n            />\n          </rect>\n        </g>\n      </Icon>\n    )\n  },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAa,QAAQ,6CACnB,CAAC,EAAE,MAAM,OAAQ,GAAG,MAAM,KAAK;AAC7B,OAAM,gDAAS,IAAI,GAAG,WAAW,IAAI,GAAG;AAExC,wBACE,2BAACA;EAAK,MAAK;EAAe,SAAQ;EAAY,GAAI;4BAChD,4BAAC;GAAE,WAAU;;oBACX,2BAAC;KAAK,QAAO;KAAK,IAAG;KAAI,OAAM;+BAC7B,2BAAC;MACC,eAAc;MACd,OAAM;MACN,UAAS;MACT,QAAQ,MAAM,EAAE;MAChB,aAAY;MACZ,QAAO;OACP;MACG;oBACP,2BAAC;KAAK,QAAO;KAAK,IAAG;KAAI,OAAM;KAAK,GAAE;+BACpC,2BAAC;MACC,eAAc;MACd,OAAM;MACN,UAAS;MACT,QAAQ,MAAM,IAAI;MAClB,aAAY;MACZ,QAAO;OACP;MACG;oBACP,2BAAC;KAAK,QAAO;KAAK,IAAG;KAAI,OAAM;KAAK,GAAE;+BACpC,2BAAC;MACC,eAAc;MACd,OAAM;MACN,UAAS;MACT,QAAQ,IAAI;MACZ,aAAY;MACZ,QAAO;OACP;MACG;oBACP,2BAAC;KAAK,QAAO;KAAK,IAAG;KAAI,OAAM;KAAK,GAAE;+BACpC,2BAAC;MACC,eAAc;MACd,OAAM;MACN,UAAS;MACT,QAAQ,MAAM,IAAI;MAClB,aAAY;MACZ,QAAO;OACP;MACG;;IACL;GACC;AAEV,EACF,CAACC,+CAAcC,4CAAW"}
+{"version":3,"file":"audio.cjs","names":["Icon","initialProps","superProps"],"sources":["../../../../src/components/loading/audio.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./utils\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./utils\"\n\nexport interface AudioProps extends LoadingProps {}\n\n/**\n * `Loading` is a component displayed during waiting times, such as when data is being loaded.\n *\n * @see https://yamada-ui.com/components/feedback/loading\n */\nexport const Audio = withContext<\"svg\", AudioProps>(\n  ({ dur = \"1.4s\", ...rest }) => {\n    dur = isString(dur) ? parseFloat(dur) : dur\n\n    return (\n      <Icon fill=\"currentColor\" viewBox=\"0 0 55 80\" {...rest}>\n        <g transform=\"matrix(1 0 0 -1 0 80)\">\n          <rect height=\"20\" rx=\"3\" width=\"10\">\n            <animate\n              attributeName=\"height\"\n              begin=\"0s\"\n              calcMode=\"linear\"\n              dur={`${dur * 3}s`}\n              repeatCount=\"indefinite\"\n              values=\"20;45;57;80;64;32;66;45;64;23;66;13;64;56;34;34;2;23;76;79;20\"\n            />\n          </rect>\n          <rect height=\"80\" rx=\"3\" width=\"10\" x=\"15\">\n            <animate\n              attributeName=\"height\"\n              begin=\"0s\"\n              calcMode=\"linear\"\n              dur={`${dur * 1.4}s`}\n              repeatCount=\"indefinite\"\n              values=\"80;55;33;5;75;23;73;33;12;14;60;80\"\n            />\n          </rect>\n          <rect height=\"50\" rx=\"3\" width=\"10\" x=\"30\">\n            <animate\n              attributeName=\"height\"\n              begin=\"0s\"\n              calcMode=\"linear\"\n              dur={`${dur}s`}\n              repeatCount=\"indefinite\"\n              values=\"50;34;78;23;56;23;34;76;80;54;21;50\"\n            />\n          </rect>\n          <rect height=\"30\" rx=\"3\" width=\"10\" x=\"45\">\n            <animate\n              attributeName=\"height\"\n              begin=\"0s\"\n              calcMode=\"linear\"\n              dur={`${dur * 1.4}s`}\n              repeatCount=\"indefinite\"\n              values=\"30;45;13;80;56;72;45;76;34;23;67;30\"\n            />\n          </rect>\n        </g>\n      </Icon>\n    )\n  },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAa,QAAQ,6CACnB,CAAC,EAAE,MAAM,OAAQ,GAAG,MAAM,KAAK;AAC7B,OAAM,wCAAS,IAAI,GAAG,WAAW,IAAI,GAAG;AAExC,wBACE,2BAACA;EAAK,MAAK;EAAe,SAAQ;EAAY,GAAI;4BAChD,4BAAC;GAAE,WAAU;;oBACX,2BAAC;KAAK,QAAO;KAAK,IAAG;KAAI,OAAM;+BAC7B,2BAAC;MACC,eAAc;MACd,OAAM;MACN,UAAS;MACT,QAAQ,MAAM,EAAE;MAChB,aAAY;MACZ,QAAO;OACP;MACG;oBACP,2BAAC;KAAK,QAAO;KAAK,IAAG;KAAI,OAAM;KAAK,GAAE;+BACpC,2BAAC;MACC,eAAc;MACd,OAAM;MACN,UAAS;MACT,QAAQ,MAAM,IAAI;MAClB,aAAY;MACZ,QAAO;OACP;MACG;oBACP,2BAAC;KAAK,QAAO;KAAK,IAAG;KAAI,OAAM;KAAK,GAAE;+BACpC,2BAAC;MACC,eAAc;MACd,OAAM;MACN,UAAS;MACT,QAAQ,IAAI;MACZ,aAAY;MACZ,QAAO;OACP;MACG;oBACP,2BAAC;KAAK,QAAO;KAAK,IAAG;KAAI,OAAM;KAAK,GAAE;+BACpC,2BAAC;MACC,eAAc;MACd,OAAM;MACN,UAAS;MACT,QAAQ,MAAM,IAAI;MAClB,aAAY;MACZ,QAAO;OACP;MACG;;IACL;GACC;AAEV,EACF,CAACC,+CAAcC,4CAAW"}

package/dist/cjs/components/loading/loading-provider.cjs

@@ -4,7 +4,7 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_effect = require('../../utils/effect.cjs');
 const require_utils_ref = require('../../utils/ref.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
 const require_components_portal_portal = require('../portal/portal.cjs');
 const require_components_loading_background = require('./background.cjs');
 const require_components_loading_page = require('./page.cjs');
@@ -110,7 +110,7 @@ const Controller = ({ ref, allowPinchZoom = false, blockScrollOnMount = true, co
 		onFinish: finish
 	};
 	require_utils_effect.useUpdateEffect(() => {
-		if (loadingCountProp > 0 || (0, require_utils_index.utils_exports.isNumber)(durationProp)) setState({
+		if (loadingCountProp > 0 || require_utils_common_assertion.isNumber(durationProp)) setState({
 			duration: durationProp,
 			loadingCount: loadingCountProp,
 			message: void 0

package/dist/cjs/components/loading/loading-provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"loading-provider.cjs","names":["refs: RefObject<Controller>","prev: number","LoadingProvider: FC<LoadingProviderProps>","Screen","Page","Background","Controller: FC<ControllerProps>","loadingCount","props: LoadingSharedProps","AnimatePresence","Portal","RemoveScroll"],"sources":["../../../../src/components/loading/loading-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode, RefObject } from \"react\"\nimport type { LoadingConfig, ThemeConfig } from \"../../core\"\nimport type { LoadingSharedProps } from \"./utils\"\nimport { AnimatePresence } from \"motion/react\"\nimport { createContext, createRef, use, useMemo, useRef, useState } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { assignRef, isNumber, useUpdateEffect } from \"../../utils\"\nimport { Portal } from \"../portal\"\nimport { Background } from \"./background\"\nimport { Page } from \"./page\"\nimport { Screen } from \"./screen\"\n\ninterface LoadingMethods {\n  /**\n   * Function to finish loading.\n   */\n  finish: () => void\n  /**\n   * Function to forcefully update the loading state.\n   *\n   * Please be careful, as it will forcefully overwrite the state of the loading component.\n   */\n  force: (state: Partial<LoadingState>) => void\n  /**\n   * Function to start loading.\n   *\n   * If you specify a `message` etc. as an argument, the loading will change accordingly.\n   */\n  start: (options?: LoadingOptions) => void\n  /**\n   * Function to update loading.\n   *\n   * If you specify a `message` etc. as an argument, the loading will change accordingly.\n   */\n  update: (options: LoadingOptions) => void\n}\n\nexport interface LoadingOptions {\n  duration?: null | number\n  message?: ReactNode | undefined\n}\n\ninterface LoadingState {\n  duration: null | number\n  loadingCount: number\n  message: ReactNode | undefined\n}\n\ninterface LoadingContext {\n  /**\n   * The background loading methods.\n   */\n  background: LoadingMethods\n  /**\n   * The page loading methods.\n   */\n  page: LoadingMethods\n  /**\n   * The screen loading methods.\n   */\n  screen: LoadingMethods\n}\n\nconst LoadingContext = createContext({} as LoadingContext)\n\nconst createController = () => ({\n  finish: createRef<LoadingMethods[\"finish\"]>(),\n  force: createRef<LoadingMethods[\"force\"]>(),\n  start: createRef<LoadingMethods[\"start\"]>(),\n  update: createRef<LoadingMethods[\"update\"]>(),\n})\n\ntype Controller = ReturnType<typeof createController>\n\nconst createMethods = (refs: RefObject<Controller>): LoadingMethods => ({\n  finish: () => refs.current.finish.current?.(),\n  force: (state) => refs.current.force.current?.(state),\n  start: (props) => refs.current.start.current?.(props),\n  update: (props) => refs.current.update.current?.(props),\n})\n\nconst incrementCount = (prev: number) => prev + 1\nconst decrementCount = (prev: number) => (prev === 0 ? prev : prev - 1)\n\nexport interface LoadingProviderProps\n  extends PropsWithChildren<ThemeConfig[\"loading\"]> {}\n\nexport const LoadingProvider: FC<LoadingProviderProps> = ({\n  background: backgroundConfig,\n  children,\n  page: pageConfig,\n  screen: screenConfig,\n}) => {\n  const screen = useRef(createController())\n  const page = useRef(createController())\n  const background = useRef(createController())\n\n  const value = useMemo(\n    () => ({\n      background: createMethods(background),\n      page: createMethods(page),\n      screen: createMethods(screen),\n    }),\n    [],\n  )\n\n  return (\n    <LoadingContext.Provider value={value}>\n      {children}\n\n      <Controller ref={screen} {...screenConfig} component={Screen} />\n\n      <Controller ref={page} {...pageConfig} component={Page} />\n\n      <Controller\n        ref={background}\n        {...backgroundConfig}\n        blockScrollOnMount={backgroundConfig?.blockScrollOnMount ?? false}\n        component={Background}\n      />\n    </LoadingContext.Provider>\n  )\n}\n\ninterface ControllerProps extends LoadingConfig {\n  ref: RefObject<Controller>\n  component: FC<LoadingSharedProps>\n}\n\nconst Controller: FC<ControllerProps> = ({\n  ref,\n  allowPinchZoom = false,\n  blockScrollOnMount = true,\n  component: Component,\n  duration: durationProp = null,\n  loadingCount: loadingCountProp = 0,\n}) => {\n  const loading = useRef<boolean>(false)\n  const [{ duration, loadingCount, message }, setState] =\n    useState<LoadingState>({\n      duration: durationProp,\n      loadingCount: loadingCountProp,\n      message: undefined,\n    })\n\n  const { finish, force, start, update } = useMemo<LoadingMethods>(\n    () => ({\n      finish: () => {\n        loading.current = false\n\n        setState(({ loadingCount }) => ({\n          duration: durationProp,\n          loadingCount: decrementCount(loadingCount),\n          message: undefined,\n        }))\n      },\n\n      force: ({ duration = durationProp, loadingCount = 0, message }) => {\n        loading.current = !!loadingCount\n\n        setState({\n          duration,\n          loadingCount,\n          message,\n        })\n      },\n\n      start: ({ duration = durationProp, message } = {}) => {\n        loading.current = true\n\n        setState(({ loadingCount }) => ({\n          duration,\n          loadingCount: incrementCount(loadingCount),\n          message,\n        }))\n      },\n\n      update: (next) => setState((prev) => ({ ...prev, ...next })),\n    }),\n    [durationProp],\n  )\n\n  assignRef(ref.current.start, start)\n  assignRef(ref.current.finish, finish)\n  assignRef(ref.current.update, update)\n  assignRef(ref.current.force, force)\n\n  const props: LoadingSharedProps = {\n    duration,\n    initial: loadingCountProp > 0 ? false : \"initial\",\n    message,\n    onFinish: finish,\n  }\n\n  useUpdateEffect(() => {\n    if (loadingCountProp > 0 || isNumber(durationProp))\n      setState({\n        duration: durationProp,\n        loadingCount: loadingCountProp,\n        message: undefined,\n      })\n  }, [loadingCountProp, durationProp])\n\n  return (\n    <AnimatePresence initial={false}>\n      {loadingCount ? (\n        <Portal>\n          <RemoveScroll\n            allowPinchZoom={allowPinchZoom}\n            enabled={blockScrollOnMount}\n            forwardProps\n          >\n            <Component {...props} />\n          </RemoveScroll>\n        </Portal>\n      ) : null}\n    </AnimatePresence>\n  )\n}\n\n/**\n * `useLoading` is a custom hook for controlling the loading of the application.\n *\n * @see https://yamada-ui.com/hooks/use-loading\n */\nexport const useLoading = (): LoadingContext => {\n  const { background, page, screen } = use(LoadingContext)\n\n  const context = useMemo(\n    () => ({ background, page, screen }),\n    [background, page, screen],\n  )\n\n  return context\n}\n"],"mappings":"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"}
+{"version":3,"file":"loading-provider.cjs","names":["refs: RefObject<Controller>","prev: number","LoadingProvider: FC<LoadingProviderProps>","Screen","Page","Background","Controller: FC<ControllerProps>","loadingCount","props: LoadingSharedProps","AnimatePresence","Portal","RemoveScroll"],"sources":["../../../../src/components/loading/loading-provider.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode, RefObject } from \"react\"\nimport type { LoadingConfig, ThemeConfig } from \"../../core\"\nimport type { LoadingSharedProps } from \"./utils\"\nimport { AnimatePresence } from \"motion/react\"\nimport { createContext, createRef, use, useMemo, useRef, useState } from \"react\"\nimport { RemoveScroll } from \"react-remove-scroll\"\nimport { assignRef, isNumber, useUpdateEffect } from \"../../utils\"\nimport { Portal } from \"../portal\"\nimport { Background } from \"./background\"\nimport { Page } from \"./page\"\nimport { Screen } from \"./screen\"\n\ninterface LoadingMethods {\n  /**\n   * Function to finish loading.\n   */\n  finish: () => void\n  /**\n   * Function to forcefully update the loading state.\n   *\n   * Please be careful, as it will forcefully overwrite the state of the loading component.\n   */\n  force: (state: Partial<LoadingState>) => void\n  /**\n   * Function to start loading.\n   *\n   * If you specify a `message` etc. as an argument, the loading will change accordingly.\n   */\n  start: (options?: LoadingOptions) => void\n  /**\n   * Function to update loading.\n   *\n   * If you specify a `message` etc. as an argument, the loading will change accordingly.\n   */\n  update: (options: LoadingOptions) => void\n}\n\nexport interface LoadingOptions {\n  duration?: null | number\n  message?: ReactNode | undefined\n}\n\ninterface LoadingState {\n  duration: null | number\n  loadingCount: number\n  message: ReactNode | undefined\n}\n\ninterface LoadingContext {\n  /**\n   * The background loading methods.\n   */\n  background: LoadingMethods\n  /**\n   * The page loading methods.\n   */\n  page: LoadingMethods\n  /**\n   * The screen loading methods.\n   */\n  screen: LoadingMethods\n}\n\nconst LoadingContext = createContext({} as LoadingContext)\n\nconst createController = () => ({\n  finish: createRef<LoadingMethods[\"finish\"]>(),\n  force: createRef<LoadingMethods[\"force\"]>(),\n  start: createRef<LoadingMethods[\"start\"]>(),\n  update: createRef<LoadingMethods[\"update\"]>(),\n})\n\ntype Controller = ReturnType<typeof createController>\n\nconst createMethods = (refs: RefObject<Controller>): LoadingMethods => ({\n  finish: () => refs.current.finish.current?.(),\n  force: (state) => refs.current.force.current?.(state),\n  start: (props) => refs.current.start.current?.(props),\n  update: (props) => refs.current.update.current?.(props),\n})\n\nconst incrementCount = (prev: number) => prev + 1\nconst decrementCount = (prev: number) => (prev === 0 ? prev : prev - 1)\n\nexport interface LoadingProviderProps\n  extends PropsWithChildren<ThemeConfig[\"loading\"]> {}\n\nexport const LoadingProvider: FC<LoadingProviderProps> = ({\n  background: backgroundConfig,\n  children,\n  page: pageConfig,\n  screen: screenConfig,\n}) => {\n  const screen = useRef(createController())\n  const page = useRef(createController())\n  const background = useRef(createController())\n\n  const value = useMemo(\n    () => ({\n      background: createMethods(background),\n      page: createMethods(page),\n      screen: createMethods(screen),\n    }),\n    [],\n  )\n\n  return (\n    <LoadingContext.Provider value={value}>\n      {children}\n\n      <Controller ref={screen} {...screenConfig} component={Screen} />\n\n      <Controller ref={page} {...pageConfig} component={Page} />\n\n      <Controller\n        ref={background}\n        {...backgroundConfig}\n        blockScrollOnMount={backgroundConfig?.blockScrollOnMount ?? false}\n        component={Background}\n      />\n    </LoadingContext.Provider>\n  )\n}\n\ninterface ControllerProps extends LoadingConfig {\n  ref: RefObject<Controller>\n  component: FC<LoadingSharedProps>\n}\n\nconst Controller: FC<ControllerProps> = ({\n  ref,\n  allowPinchZoom = false,\n  blockScrollOnMount = true,\n  component: Component,\n  duration: durationProp = null,\n  loadingCount: loadingCountProp = 0,\n}) => {\n  const loading = useRef<boolean>(false)\n  const [{ duration, loadingCount, message }, setState] =\n    useState<LoadingState>({\n      duration: durationProp,\n      loadingCount: loadingCountProp,\n      message: undefined,\n    })\n\n  const { finish, force, start, update } = useMemo<LoadingMethods>(\n    () => ({\n      finish: () => {\n        loading.current = false\n\n        setState(({ loadingCount }) => ({\n          duration: durationProp,\n          loadingCount: decrementCount(loadingCount),\n          message: undefined,\n        }))\n      },\n\n      force: ({ duration = durationProp, loadingCount = 0, message }) => {\n        loading.current = !!loadingCount\n\n        setState({\n          duration,\n          loadingCount,\n          message,\n        })\n      },\n\n      start: ({ duration = durationProp, message } = {}) => {\n        loading.current = true\n\n        setState(({ loadingCount }) => ({\n          duration,\n          loadingCount: incrementCount(loadingCount),\n          message,\n        }))\n      },\n\n      update: (next) => setState((prev) => ({ ...prev, ...next })),\n    }),\n    [durationProp],\n  )\n\n  assignRef(ref.current.start, start)\n  assignRef(ref.current.finish, finish)\n  assignRef(ref.current.update, update)\n  assignRef(ref.current.force, force)\n\n  const props: LoadingSharedProps = {\n    duration,\n    initial: loadingCountProp > 0 ? false : \"initial\",\n    message,\n    onFinish: finish,\n  }\n\n  useUpdateEffect(() => {\n    if (loadingCountProp > 0 || isNumber(durationProp))\n      setState({\n        duration: durationProp,\n        loadingCount: loadingCountProp,\n        message: undefined,\n      })\n  }, [loadingCountProp, durationProp])\n\n  return (\n    <AnimatePresence initial={false}>\n      {loadingCount ? (\n        <Portal>\n          <RemoveScroll\n            allowPinchZoom={allowPinchZoom}\n            enabled={blockScrollOnMount}\n            forwardProps\n          >\n            <Component {...props} />\n          </RemoveScroll>\n        </Portal>\n      ) : null}\n    </AnimatePresence>\n  )\n}\n\n/**\n * `useLoading` is a custom hook for controlling the loading of the application.\n *\n * @see https://yamada-ui.com/hooks/use-loading\n */\nexport const useLoading = (): LoadingContext => {\n  const { background, page, screen } = use(LoadingContext)\n\n  const context = useMemo(\n    () => ({ background, page, screen }),\n    [background, page, screen],\n  )\n\n  return context\n}\n"],"mappings":"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"}

package/dist/cjs/components/loading/rings.cjs

@@ -2,7 +2,7 @@
 
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
 const require_components_icon_icon = require('../icon/icon.cjs');
 const require_components_loading_utils = require('./utils.cjs');
 const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-runtime"));
@@ -14,7 +14,7 @@ const react_jsx_runtime = require_rolldown_runtime.__toESM(require("react/jsx-ru
 * @see https://yamada-ui.com/components/feedback/loading
 */
 const Rings = require_components_loading_utils.withContext(({ dur = "3s",...rest }) => {
-	dur = (0, require_utils_index.utils_exports.isString)(dur) ? parseFloat(dur) : dur;
+	dur = require_utils_common_assertion.isString(dur) ? parseFloat(dur) : dur;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_icon_icon.Icon, {
 		stroke: "currentColor",
 		viewBox: "0 0 45 45",

package/dist/cjs/components/loading/rings.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"rings.cjs","names":["Icon","initialProps","superProps"],"sources":["../../../../src/components/loading/rings.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./utils\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./utils\"\n\nexport interface RingsProps extends LoadingProps {}\n\n/**\n * `Loading` is a component displayed during waiting times, such as when data is being loaded.\n *\n * @see https://yamada-ui.com/components/feedback/loading\n */\nexport const Rings = withContext<\"svg\", RingsProps>(\n  ({ dur = \"3s\", ...rest }) => {\n    dur = isString(dur) ? parseFloat(dur) : dur\n\n    return (\n      <Icon stroke=\"currentColor\" viewBox=\"0 0 45 45\" {...rest}>\n        <g\n          fill=\"none\"\n          fillRule=\"evenodd\"\n          strokeWidth=\"2\"\n          transform=\"translate(1 1)\"\n        >\n          <circle cx=\"22\" cy=\"22\" r=\"6\" strokeOpacity=\"0\">\n            <animate\n              attributeName=\"r\"\n              begin=\"1.5s\"\n              calcMode=\"linear\"\n              dur={`${dur}s`}\n              repeatCount=\"indefinite\"\n              values=\"6;22\"\n            />\n            <animate\n              attributeName=\"stroke-opacity\"\n              begin=\"1.5s\"\n              calcMode=\"linear\"\n              dur={`${dur}s`}\n              repeatCount=\"indefinite\"\n              values=\"1;0\"\n            />\n            <animate\n              attributeName=\"stroke-width\"\n              begin=\"1.5s\"\n              calcMode=\"linear\"\n              dur={`${dur}s`}\n              repeatCount=\"indefinite\"\n              values=\"2;0\"\n            />\n          </circle>\n          <circle cx=\"22\" cy=\"22\" r=\"6\" strokeOpacity=\"0\">\n            <animate\n              attributeName=\"r\"\n              begin=\"3s\"\n              calcMode=\"linear\"\n              dur={`${dur}s`}\n              repeatCount=\"indefinite\"\n              values=\"6;22\"\n            />\n            <animate\n              attributeName=\"stroke-opacity\"\n              begin=\"3s\"\n              calcMode=\"linear\"\n              dur={`${dur}s`}\n              repeatCount=\"indefinite\"\n              values=\"1;0\"\n            />\n            <animate\n              attributeName=\"stroke-width\"\n              begin=\"3s\"\n              calcMode=\"linear\"\n              dur={`${dur}s`}\n              repeatCount=\"indefinite\"\n              values=\"2;0\"\n            />\n          </circle>\n          <circle cx=\"22\" cy=\"22\" r=\"8\">\n            <animate\n              attributeName=\"r\"\n              begin=\"0s\"\n              calcMode=\"linear\"\n              dur={`${dur / 2}s`}\n              repeatCount=\"indefinite\"\n              values=\"6;1;2;3;4;5;6\"\n            />\n          </circle>\n        </g>\n      </Icon>\n    )\n  },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAa,QAAQ,6CACnB,CAAC,EAAE,MAAM,KAAM,GAAG,MAAM,KAAK;AAC3B,OAAM,gDAAS,IAAI,GAAG,WAAW,IAAI,GAAG;AAExC,wBACE,2BAACA;EAAK,QAAO;EAAe,SAAQ;EAAY,GAAI;4BAClD,4BAAC;GACC,MAAK;GACL,UAAS;GACT,aAAY;GACZ,WAAU;;oBAEV,4BAAC;KAAO,IAAG;KAAK,IAAG;KAAK,GAAE;KAAI,eAAc;;sBAC1C,2BAAC;OACC,eAAc;OACd,OAAM;OACN,UAAS;OACT,QAAQ,IAAI;OACZ,aAAY;OACZ,QAAO;QACP;sBACF,2BAAC;OACC,eAAc;OACd,OAAM;OACN,UAAS;OACT,QAAQ,IAAI;OACZ,aAAY;OACZ,QAAO;QACP;sBACF,2BAAC;OACC,eAAc;OACd,OAAM;OACN,UAAS;OACT,QAAQ,IAAI;OACZ,aAAY;OACZ,QAAO;QACP;;MACK;oBACT,4BAAC;KAAO,IAAG;KAAK,IAAG;KAAK,GAAE;KAAI,eAAc;;sBAC1C,2BAAC;OACC,eAAc;OACd,OAAM;OACN,UAAS;OACT,QAAQ,IAAI;OACZ,aAAY;OACZ,QAAO;QACP;sBACF,2BAAC;OACC,eAAc;OACd,OAAM;OACN,UAAS;OACT,QAAQ,IAAI;OACZ,aAAY;OACZ,QAAO;QACP;sBACF,2BAAC;OACC,eAAc;OACd,OAAM;OACN,UAAS;OACT,QAAQ,IAAI;OACZ,aAAY;OACZ,QAAO;QACP;;MACK;oBACT,2BAAC;KAAO,IAAG;KAAK,IAAG;KAAK,GAAE;+BACxB,2BAAC;MACC,eAAc;MACd,OAAM;MACN,UAAS;MACT,QAAQ,MAAM,EAAE;MAChB,aAAY;MACZ,QAAO;OACP;MACK;;IACP;GACC;AAEV,EACF,CAACC,+CAAcC,4CAAW"}
+{"version":3,"file":"rings.cjs","names":["Icon","initialProps","superProps"],"sources":["../../../../src/components/loading/rings.tsx"],"sourcesContent":["\"use client\"\n\nimport type { LoadingProps } from \"./utils\"\nimport { isString } from \"../../utils\"\nimport { Icon } from \"../icon\"\nimport { initialProps, superProps, withContext } from \"./utils\"\n\nexport interface RingsProps extends LoadingProps {}\n\n/**\n * `Loading` is a component displayed during waiting times, such as when data is being loaded.\n *\n * @see https://yamada-ui.com/components/feedback/loading\n */\nexport const Rings = withContext<\"svg\", RingsProps>(\n  ({ dur = \"3s\", ...rest }) => {\n    dur = isString(dur) ? parseFloat(dur) : dur\n\n    return (\n      <Icon stroke=\"currentColor\" viewBox=\"0 0 45 45\" {...rest}>\n        <g\n          fill=\"none\"\n          fillRule=\"evenodd\"\n          strokeWidth=\"2\"\n          transform=\"translate(1 1)\"\n        >\n          <circle cx=\"22\" cy=\"22\" r=\"6\" strokeOpacity=\"0\">\n            <animate\n              attributeName=\"r\"\n              begin=\"1.5s\"\n              calcMode=\"linear\"\n              dur={`${dur}s`}\n              repeatCount=\"indefinite\"\n              values=\"6;22\"\n            />\n            <animate\n              attributeName=\"stroke-opacity\"\n              begin=\"1.5s\"\n              calcMode=\"linear\"\n              dur={`${dur}s`}\n              repeatCount=\"indefinite\"\n              values=\"1;0\"\n            />\n            <animate\n              attributeName=\"stroke-width\"\n              begin=\"1.5s\"\n              calcMode=\"linear\"\n              dur={`${dur}s`}\n              repeatCount=\"indefinite\"\n              values=\"2;0\"\n            />\n          </circle>\n          <circle cx=\"22\" cy=\"22\" r=\"6\" strokeOpacity=\"0\">\n            <animate\n              attributeName=\"r\"\n              begin=\"3s\"\n              calcMode=\"linear\"\n              dur={`${dur}s`}\n              repeatCount=\"indefinite\"\n              values=\"6;22\"\n            />\n            <animate\n              attributeName=\"stroke-opacity\"\n              begin=\"3s\"\n              calcMode=\"linear\"\n              dur={`${dur}s`}\n              repeatCount=\"indefinite\"\n              values=\"1;0\"\n            />\n            <animate\n              attributeName=\"stroke-width\"\n              begin=\"3s\"\n              calcMode=\"linear\"\n              dur={`${dur}s`}\n              repeatCount=\"indefinite\"\n              values=\"2;0\"\n            />\n          </circle>\n          <circle cx=\"22\" cy=\"22\" r=\"8\">\n            <animate\n              attributeName=\"r\"\n              begin=\"0s\"\n              calcMode=\"linear\"\n              dur={`${dur / 2}s`}\n              repeatCount=\"indefinite\"\n              values=\"6;1;2;3;4;5;6\"\n            />\n          </circle>\n        </g>\n      </Icon>\n    )\n  },\n)(initialProps, superProps)\n"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAa,QAAQ,6CACnB,CAAC,EAAE,MAAM,KAAM,GAAG,MAAM,KAAK;AAC3B,OAAM,wCAAS,IAAI,GAAG,WAAW,IAAI,GAAG;AAExC,wBACE,2BAACA;EAAK,QAAO;EAAe,SAAQ;EAAY,GAAI;4BAClD,4BAAC;GACC,MAAK;GACL,UAAS;GACT,aAAY;GACZ,WAAU;;oBAEV,4BAAC;KAAO,IAAG;KAAK,IAAG;KAAK,GAAE;KAAI,eAAc;;sBAC1C,2BAAC;OACC,eAAc;OACd,OAAM;OACN,UAAS;OACT,QAAQ,IAAI;OACZ,aAAY;OACZ,QAAO;QACP;sBACF,2BAAC;OACC,eAAc;OACd,OAAM;OACN,UAAS;OACT,QAAQ,IAAI;OACZ,aAAY;OACZ,QAAO;QACP;sBACF,2BAAC;OACC,eAAc;OACd,OAAM;OACN,UAAS;OACT,QAAQ,IAAI;OACZ,aAAY;OACZ,QAAO;QACP;;MACK;oBACT,4BAAC;KAAO,IAAG;KAAK,IAAG;KAAK,GAAE;KAAI,eAAc;;sBAC1C,2BAAC;OACC,eAAc;OACd,OAAM;OACN,UAAS;OACT,QAAQ,IAAI;OACZ,aAAY;OACZ,QAAO;QACP;sBACF,2BAAC;OACC,eAAc;OACd,OAAM;OACN,UAAS;OACT,QAAQ,IAAI;OACZ,aAAY;OACZ,QAAO;QACP;sBACF,2BAAC;OACC,eAAc;OACd,OAAM;OACN,UAAS;OACT,QAAQ,IAAI;OACZ,aAAY;OACZ,QAAO;QACP;;MACK;oBACT,2BAAC;KAAO,IAAG;KAAK,IAAG;KAAK,GAAE;+BACxB,2BAAC;MACC,eAAc;MACd,OAAM;MACN,UAAS;MACT,QAAQ,MAAM,EAAE;MAChB,aAAY;MACZ,QAAO;OACP;MACK;;IACP;GACC;AAEV,EACF,CAACC,+CAAcC,4CAAW"}

package/dist/cjs/components/loading/use-loading-component.cjs

@@ -1,18 +1,19 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
+const require_utils_common_string = require('../../utils/common/string.cjs');
 const require_components_loading_namespace = require('./namespace.cjs');
 const react = require_rolldown_runtime.__toESM(require("react"));
 
 //#region src/components/loading/use-loading-component.ts
 const useLoadingComponent = (scheme) => {
-	const Component = (0, react.useMemo)(() => require_components_loading_namespace.namespace_exports[(0, require_utils_index.utils_exports.toPascalCase)(scheme)], [scheme]);
+	const Component = (0, react.useMemo)(() => require_components_loading_namespace.namespace_exports[require_utils_common_string.toPascalCase(scheme)], [scheme]);
 	return Component;
 };
 const getLoadingComponent = (scheme) => {
-	return require_components_loading_namespace.namespace_exports[(0, require_utils_index.utils_exports.toPascalCase)(scheme)];
+	return require_components_loading_namespace.namespace_exports[require_utils_common_string.toPascalCase(scheme)];
 };
 const isLoadingScheme = (scheme) => {
-	return (0, require_utils_index.utils_exports.isString)(scheme) && (0, require_utils_index.utils_exports.toPascalCase)(scheme) in require_components_loading_namespace.namespace_exports;
+	return require_utils_common_assertion.isString(scheme) && require_utils_common_string.toPascalCase(scheme) in require_components_loading_namespace.namespace_exports;
 };
 
 //#endregion

package/dist/cjs/components/loading/use-loading-component.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-loading-component.cjs","names":["scheme: Loading.Scheme","Loading","scheme: any"],"sources":["../../../../src/components/loading/use-loading-component.ts"],"sourcesContent":["import { useMemo } from \"react\"\nimport { isString, toPascalCase } from \"../../utils\"\nimport { Loading } from \"./\"\n\nexport const useLoadingComponent = (scheme: Loading.Scheme) => {\n  const Component = useMemo(\n    () => Loading[toPascalCase(scheme) as keyof typeof Loading],\n    [scheme],\n  )\n\n  return Component\n}\n\nexport const getLoadingComponent = (scheme: Loading.Scheme) => {\n  return Loading[toPascalCase(scheme) as keyof typeof Loading]\n}\n\nexport const isLoadingScheme = (scheme: any): scheme is Loading.Scheme => {\n  return isString(scheme) && toPascalCase(scheme) in Loading\n}\n"],"mappings":";;;;;;AAIA,MAAa,sBAAsB,CAACA,WAA2B;CAC7D,MAAM,YAAY,mBAChB,MAAMC,uDAAQ,oDAAa,OAAO,GAClC,CAAC,MAAO,EACT;AAED,QAAO;AACR;AAED,MAAa,sBAAsB,CAACD,WAA2B;AAC7D,QAAOC,uDAAQ,oDAAa,OAAO;AACpC;AAED,MAAa,kBAAkB,CAACC,WAA0C;AACxE,QAAO,gDAAS,OAAO,IAAI,oDAAa,OAAO,IAAID;AACpD"}
+{"version":3,"file":"use-loading-component.cjs","names":["scheme: Loading.Scheme","Loading","scheme: any"],"sources":["../../../../src/components/loading/use-loading-component.ts"],"sourcesContent":["import { useMemo } from \"react\"\nimport { isString, toPascalCase } from \"../../utils\"\nimport { Loading } from \"./\"\n\nexport const useLoadingComponent = (scheme: Loading.Scheme) => {\n  const Component = useMemo(\n    () => Loading[toPascalCase(scheme) as keyof typeof Loading],\n    [scheme],\n  )\n\n  return Component\n}\n\nexport const getLoadingComponent = (scheme: Loading.Scheme) => {\n  return Loading[toPascalCase(scheme) as keyof typeof Loading]\n}\n\nexport const isLoadingScheme = (scheme: any): scheme is Loading.Scheme => {\n  return isString(scheme) && toPascalCase(scheme) in Loading\n}\n"],"mappings":";;;;;;;AAIA,MAAa,sBAAsB,CAACA,WAA2B;CAC7D,MAAM,YAAY,mBAChB,MAAMC,uDAAQ,yCAAa,OAAO,GAClC,CAAC,MAAO,EACT;AAED,QAAO;AACR;AAED,MAAa,sBAAsB,CAACD,WAA2B;AAC7D,QAAOC,uDAAQ,yCAAa,OAAO;AACpC;AAED,MAAa,kBAAkB,CAACC,WAA0C;AACxE,QAAO,wCAAS,OAAO,IAAI,yCAAa,OAAO,IAAID;AACpD"}

package/dist/cjs/components/modal/modal.cjs

@@ -3,7 +3,7 @@
 
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_utils_children = require('../../utils/children.cjs');
-const require_utils_index = require('../../utils/index.cjs');
+const require_utils_common_assertion = require('../../utils/common/assertion.cjs');
 const require_core_system_factory = require('../../core/system/factory.cjs');
 const require_core_components_create_component = require('../../core/components/create-component.cjs');
 const require_components_motion_factory = require('../motion/factory.cjs');
@@ -118,7 +118,7 @@ const ModalOverlay = withContext((props) => {
 			initial: "exit",
 			variants: require_components_fade_fade.fadeVariants
 		} : {},
-		...(0, require_utils_index.utils_exports.cast)(getOverlayProps((0, require_utils_index.utils_exports.cast)(props)))
+		...require_utils_common_assertion.cast(getOverlayProps(require_utils_common_assertion.cast(props)))
 	});
 }, "overlay")();
 const ModalContent = withContext(({ children,...rest }) => {
@@ -127,7 +127,7 @@ const ModalContent = withContext(({ children,...rest }) => {
 	const [customCloseButton, ...cloneChildren] = require_utils_children.findChildren(validChildren, ModalCloseButton);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_motion_factory.motion.section, {
 		...require_components_popover_popover.getPopupAnimationProps(animationScheme, duration),
-		...(0, require_utils_index.utils_exports.cast)(getContentProps((0, require_utils_index.utils_exports.cast)(rest))),
+		...require_utils_common_assertion.cast(getContentProps(require_utils_common_assertion.cast(rest))),
 		children: [customCloseButton ?? (withCloseButton ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ModalCloseButton, {}) : null), cloneChildren]
 	});
 }, "content")();