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

package/dist/esm/components/toggle/use-toggle.js

@@ -3,7 +3,9 @@
 
 import { visuallyHiddenAttributes } from "../../utils/dom.js";
 import { mergeRefs } from "../../utils/ref.js";
-import { utils_exports } from "../../utils/index.js";
+import { isArray, isUndefined } from "../../utils/common/assertion.js";
+import { handlerAll } from "../../utils/common/function.js";
+import { ariaAttr, dataAttr } from "../../utils/common/dom.js";
 import { useControllableState } from "../../hooks/use-controllable-state/index.js";
 import { useI18n } from "../../providers/i18n-provider/i18n-provider.js";
 import { useFieldProps } from "../field/use-field-props.js";
@@ -26,17 +28,17 @@ const useToggle = (props = {}) => {
 		onChange: onChangeProp
 	});
 	const interactive = !(readOnly || disabled);
-	const controlled = !(0, utils_exports.isUndefined)(groupValue);
+	const controlled = !isUndefined(groupValue);
 	const trulyChecked = useMemo(() => {
 		if (!controlled) return checked;
-		else return (0, utils_exports.isArray)(groupValue) ? groupValue.includes(value ?? "") : value === groupValue;
+		else return isArray(groupValue) ? groupValue.includes(value ?? "") : value === groupValue;
 	}, [
 		controlled,
 		groupValue,
 		checked,
 		value
 	]);
-	if (controlled && (0, utils_exports.isUndefined)(value)) console.warn(`Toggle: value is required. Please set the value.`);
+	if (controlled && isUndefined(value)) console.warn(`Toggle: value is required. Please set the value.`);
 	if (value) onChangeMapRef?.current.set(value, setChecked);
 	const onClick = useCallback(() => {
 		if (!interactive) return;
@@ -72,7 +74,7 @@ const useToggle = (props = {}) => {
 		value,
 		...props$1,
 		ref: mergeRefs(inputRef, ref, props$1.ref),
-		onChange: (0, utils_exports.handlerAll)(props$1.onChange, onChange)
+		onChange: handlerAll(props$1.onChange, onChange)
 	}), [
 		ariaProps,
 		checked,
@@ -91,16 +93,16 @@ const useToggle = (props = {}) => {
 	const getButtonProps = useCallback((props$1 = {}) => ({
 		...dataProps,
 		type: "button",
-		"aria-disabled": (0, utils_exports.ariaAttr)(!interactive),
+		"aria-disabled": ariaAttr(!interactive),
 		"aria-label": value?.toString() ?? t("Toggle button"),
 		"aria-pressed": trulyChecked,
-		"data-active": (0, utils_exports.dataAttr)(active),
-		"data-checked": (0, utils_exports.dataAttr)(trulyChecked),
+		"data-active": dataAttr(active),
+		"data-checked": dataAttr(trulyChecked),
 		disabled,
 		tabIndex: interactive ? void 0 : -1,
 		...rest,
 		...props$1,
-		onClick: (0, utils_exports.handlerAll)(rest.onClick, props$1.onClick, onClick)
+		onClick: handlerAll(rest.onClick, props$1.onClick, onClick)
 	}), [
 		dataProps,
 		value,

package/dist/esm/components/toggle/use-toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-toggle.js","names":["props: UseToggleProps<Y>","ev: ChangeEvent<HTMLInputElement>","getInputProps: PropGetter<\"input\">","props","getButtonProps: PropGetter<\n    \"button\",\n    undefined,\n    Merge<HTMLProps<\"button\">, { \"aria-label\": string }>\n  >"],"sources":["../../../../src/components/toggle/use-toggle.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent } from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useMemo, useRef } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isUndefined,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { useToggleGroupContext } from \"./use-toggle-group\"\n\nexport interface UseToggleProps<Y extends string = string>\n  extends FieldProps,\n    HTMLRefAttributes<\"input\">,\n    Omit<HTMLProps<\"button\">, \"onChange\" | \"ref\" | \"value\"> {\n  /**\n   * If `true`, the toggle button is represented as active.\n   *\n   * @default false\n   */\n  active?: boolean\n  /**\n   * If `true`, the toggle button will be checked.\n   */\n  checked?: boolean\n  /**\n   * If `true`, the toggle button will be initially checked.\n   *\n   * @default false\n   */\n  defaultChecked?: boolean\n  /**\n   * The value of the toggle button.\n   */\n  value?: Y\n  /**\n   * The callback invoked when checked state changes.\n   */\n  onChange?: (checked: boolean) => void\n}\n\nexport const useToggle = <Y extends string = string>(\n  props: UseToggleProps<Y> = {},\n) => {\n  const { t } = useI18n(\"toggle\")\n  const {\n    disabled: groupDisabled,\n    readOnly: groupReadOnly,\n    value: groupValue,\n    onChange: onChangeGroup,\n    onChangeMapRef,\n  } = useToggleGroupContext() ?? {}\n  const {\n    props: {\n      id,\n      ref,\n      form,\n      name,\n      active,\n      checked: checkedProp,\n      defaultChecked = false,\n      disabled,\n      readOnly,\n      required,\n      value,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps<HTMLElement, UseToggleProps<Y>>({\n    disabled: groupDisabled,\n    readOnly: groupReadOnly,\n    ...props,\n  })\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [checked, setChecked] = useControllableState({\n    defaultValue: defaultChecked,\n    value: checkedProp,\n    onChange: onChangeProp,\n  })\n  const interactive = !(readOnly || disabled)\n  const controlled = !isUndefined(groupValue)\n  const trulyChecked = useMemo(() => {\n    if (!controlled) {\n      return checked\n    } else {\n      return isArray(groupValue)\n        ? groupValue.includes(value ?? \"\")\n        : value === groupValue\n    }\n  }, [controlled, groupValue, checked, value])\n\n  if (controlled && isUndefined(value))\n    console.warn(`Toggle: value is required. Please set the value.`)\n\n  if (value) onChangeMapRef?.current.set(value, setChecked)\n\n  const onClick = useCallback(() => {\n    if (!interactive) return\n\n    setChecked((prev) => !prev)\n    onChangeGroup?.(value)\n  }, [onChangeGroup, setChecked, value, interactive])\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      setChecked(ev.target.checked)\n      onChangeGroup?.(value)\n    },\n    [onChangeGroup, setChecked, value],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      ...visuallyHiddenAttributes,\n      ...ariaProps,\n      ...dataProps,\n      ...eventProps,\n      id,\n      form,\n      type: \"checkbox\",\n      name,\n      checked,\n      disabled,\n      readOnly,\n      required,\n      value,\n      ...props,\n      ref: mergeRefs(inputRef, ref, props.ref),\n      onChange: handlerAll(props.onChange, onChange),\n    }),\n    [\n      ariaProps,\n      checked,\n      dataProps,\n      disabled,\n      eventProps,\n      form,\n      id,\n      name,\n      onChange,\n      readOnly,\n      ref,\n      required,\n      value,\n    ],\n  )\n\n  const getButtonProps: PropGetter<\n    \"button\",\n    undefined,\n    Merge<HTMLProps<\"button\">, { \"aria-label\": string }>\n  > = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      type: \"button\",\n      \"aria-disabled\": ariaAttr(!interactive),\n      \"aria-label\": value?.toString() ?? t(\"Toggle button\"),\n      \"aria-pressed\": trulyChecked,\n      \"data-active\": dataAttr(active),\n      \"data-checked\": dataAttr(trulyChecked),\n      disabled,\n      tabIndex: interactive ? undefined : -1,\n      ...rest,\n      ...props,\n      onClick: handlerAll(rest.onClick, props.onClick, onClick),\n    }),\n    [\n      dataProps,\n      value,\n      trulyChecked,\n      active,\n      disabled,\n      rest,\n      onClick,\n      interactive,\n      t,\n    ],\n  )\n\n  return {\n    checked: trulyChecked,\n    setChecked,\n    getButtonProps,\n    getInputProps,\n  }\n}\n\nexport type UseToggleReturn = ReturnType<typeof useToggle>\n"],"mappings":";;;;;;;;;;;;;AAmDA,MAAa,YAAY,CACvBA,QAA2B,CAAE,MAC1B;CACH,MAAM,EAAE,GAAG,GAAG,QAAQ,SAAS;CAC/B,MAAM,EACJ,UAAU,eACV,UAAU,eACV,OAAO,YACP,UAAU,eACV,gBACD,GAAG,uBAAuB,IAAI,CAAE;CACjC,MAAM,EACJ,OAAO,EACL,IACA,KACA,MACA,MACA,QACA,SAAS,aACT,iBAAiB,OACjB,UACA,UACA,UACA,OACA,UAAU,aACV,GAAG,MACJ,EACD,WACA,WACA,YACD,GAAG,cAA8C;EAChD,UAAU;EACV,UAAU;EACV,GAAG;CACJ,EAAC;CACF,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,CAAC,SAAS,WAAW,GAAG,qBAAqB;EACjD,cAAc;EACd,OAAO;EACP,UAAU;CACX,EAAC;CACF,MAAM,gBAAgB,YAAY;CAClC,MAAM,cAAc,+BAAY,WAAW;CAC3C,MAAM,eAAe,QAAQ,MAAM;AACjC,OAAK,WACH,QAAO;MAEP,QAAO,2BAAQ,WAAW,GACtB,WAAW,SAAS,SAAS,GAAG,GAChC,UAAU;CAEjB,GAAE;EAAC;EAAY;EAAY;EAAS;CAAM,EAAC;AAE5C,KAAI,cAAc,+BAAY,MAAM,CAClC,SAAQ,MAAM,kDAAkD;AAElE,KAAI,MAAO,iBAAgB,QAAQ,IAAI,OAAO,WAAW;CAEzD,MAAM,UAAU,YAAY,MAAM;AAChC,OAAK,YAAa;AAElB,aAAW,CAAC,UAAU,KAAK;AAC3B,kBAAgB,MAAM;CACvB,GAAE;EAAC;EAAe;EAAY;EAAO;CAAY,EAAC;CAEnD,MAAM,WAAW,YACf,CAACC,OAAsC;AACrC,aAAW,GAAG,OAAO,QAAQ;AAC7B,kBAAgB,MAAM;CACvB,GACD;EAAC;EAAe;EAAY;CAAM,EACnC;CAED,MAAMC,gBAAqC,YACzC,CAACC,UAAQ,CAAE,OAAM;EACf,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH;EACA;EACA,MAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA,GAAGA;EACH,KAAK,UAAU,UAAU,KAAKA,QAAM,IAAI;EACxC,UAAU,8BAAWA,QAAM,UAAU,SAAS;CAC/C,IACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EACF;CAED,MAAMC,iBAIF,YACF,CAACD,UAAQ,CAAE,OAAM;EACf,GAAG;EACH,MAAM;EACN,iBAAiB,6BAAU,YAAY;EACvC,cAAc,OAAO,UAAU,IAAI,EAAE,gBAAgB;EACrD,gBAAgB;EAChB,eAAe,4BAAS,OAAO;EAC/B,gBAAgB,4BAAS,aAAa;EACtC;EACA,UAAU,uBAA0B;EACpC,GAAG;EACH,GAAGA;EACH,SAAS,8BAAW,KAAK,SAASA,QAAM,SAAS,QAAQ;CAC1D,IACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EACF;AAED,QAAO;EACL,SAAS;EACT;EACA;EACA;CACD;AACF"}
+{"version":3,"file":"use-toggle.js","names":["props: UseToggleProps<Y>","ev: ChangeEvent<HTMLInputElement>","getInputProps: PropGetter<\"input\">","props","getButtonProps: PropGetter<\n    \"button\",\n    undefined,\n    Merge<HTMLProps<\"button\">, { \"aria-label\": string }>\n  >"],"sources":["../../../../src/components/toggle/use-toggle.ts"],"sourcesContent":["\"use client\"\n\nimport type { ChangeEvent } from \"react\"\nimport type { HTMLProps, HTMLRefAttributes, PropGetter } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { FieldProps } from \"../field\"\nimport { useCallback, useMemo, useRef } from \"react\"\nimport { useControllableState } from \"../../hooks/use-controllable-state\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport {\n  ariaAttr,\n  dataAttr,\n  handlerAll,\n  isArray,\n  isUndefined,\n  mergeRefs,\n  visuallyHiddenAttributes,\n} from \"../../utils\"\nimport { useFieldProps } from \"../field\"\nimport { useToggleGroupContext } from \"./use-toggle-group\"\n\nexport interface UseToggleProps<Y extends string = string>\n  extends FieldProps,\n    HTMLRefAttributes<\"input\">,\n    Omit<HTMLProps<\"button\">, \"onChange\" | \"ref\" | \"value\"> {\n  /**\n   * If `true`, the toggle button is represented as active.\n   *\n   * @default false\n   */\n  active?: boolean\n  /**\n   * If `true`, the toggle button will be checked.\n   */\n  checked?: boolean\n  /**\n   * If `true`, the toggle button will be initially checked.\n   *\n   * @default false\n   */\n  defaultChecked?: boolean\n  /**\n   * The value of the toggle button.\n   */\n  value?: Y\n  /**\n   * The callback invoked when checked state changes.\n   */\n  onChange?: (checked: boolean) => void\n}\n\nexport const useToggle = <Y extends string = string>(\n  props: UseToggleProps<Y> = {},\n) => {\n  const { t } = useI18n(\"toggle\")\n  const {\n    disabled: groupDisabled,\n    readOnly: groupReadOnly,\n    value: groupValue,\n    onChange: onChangeGroup,\n    onChangeMapRef,\n  } = useToggleGroupContext() ?? {}\n  const {\n    props: {\n      id,\n      ref,\n      form,\n      name,\n      active,\n      checked: checkedProp,\n      defaultChecked = false,\n      disabled,\n      readOnly,\n      required,\n      value,\n      onChange: onChangeProp,\n      ...rest\n    },\n    ariaProps,\n    dataProps,\n    eventProps,\n  } = useFieldProps<HTMLElement, UseToggleProps<Y>>({\n    disabled: groupDisabled,\n    readOnly: groupReadOnly,\n    ...props,\n  })\n  const inputRef = useRef<HTMLInputElement>(null)\n  const [checked, setChecked] = useControllableState({\n    defaultValue: defaultChecked,\n    value: checkedProp,\n    onChange: onChangeProp,\n  })\n  const interactive = !(readOnly || disabled)\n  const controlled = !isUndefined(groupValue)\n  const trulyChecked = useMemo(() => {\n    if (!controlled) {\n      return checked\n    } else {\n      return isArray(groupValue)\n        ? groupValue.includes(value ?? \"\")\n        : value === groupValue\n    }\n  }, [controlled, groupValue, checked, value])\n\n  if (controlled && isUndefined(value))\n    console.warn(`Toggle: value is required. Please set the value.`)\n\n  if (value) onChangeMapRef?.current.set(value, setChecked)\n\n  const onClick = useCallback(() => {\n    if (!interactive) return\n\n    setChecked((prev) => !prev)\n    onChangeGroup?.(value)\n  }, [onChangeGroup, setChecked, value, interactive])\n\n  const onChange = useCallback(\n    (ev: ChangeEvent<HTMLInputElement>) => {\n      setChecked(ev.target.checked)\n      onChangeGroup?.(value)\n    },\n    [onChangeGroup, setChecked, value],\n  )\n\n  const getInputProps: PropGetter<\"input\"> = useCallback(\n    (props = {}) => ({\n      ...visuallyHiddenAttributes,\n      ...ariaProps,\n      ...dataProps,\n      ...eventProps,\n      id,\n      form,\n      type: \"checkbox\",\n      name,\n      checked,\n      disabled,\n      readOnly,\n      required,\n      value,\n      ...props,\n      ref: mergeRefs(inputRef, ref, props.ref),\n      onChange: handlerAll(props.onChange, onChange),\n    }),\n    [\n      ariaProps,\n      checked,\n      dataProps,\n      disabled,\n      eventProps,\n      form,\n      id,\n      name,\n      onChange,\n      readOnly,\n      ref,\n      required,\n      value,\n    ],\n  )\n\n  const getButtonProps: PropGetter<\n    \"button\",\n    undefined,\n    Merge<HTMLProps<\"button\">, { \"aria-label\": string }>\n  > = useCallback(\n    (props = {}) => ({\n      ...dataProps,\n      type: \"button\",\n      \"aria-disabled\": ariaAttr(!interactive),\n      \"aria-label\": value?.toString() ?? t(\"Toggle button\"),\n      \"aria-pressed\": trulyChecked,\n      \"data-active\": dataAttr(active),\n      \"data-checked\": dataAttr(trulyChecked),\n      disabled,\n      tabIndex: interactive ? undefined : -1,\n      ...rest,\n      ...props,\n      onClick: handlerAll(rest.onClick, props.onClick, onClick),\n    }),\n    [\n      dataProps,\n      value,\n      trulyChecked,\n      active,\n      disabled,\n      rest,\n      onClick,\n      interactive,\n      t,\n    ],\n  )\n\n  return {\n    checked: trulyChecked,\n    setChecked,\n    getButtonProps,\n    getInputProps,\n  }\n}\n\nexport type UseToggleReturn = ReturnType<typeof useToggle>\n"],"mappings":";;;;;;;;;;;;;;;AAmDA,MAAa,YAAY,CACvBA,QAA2B,CAAE,MAC1B;CACH,MAAM,EAAE,GAAG,GAAG,QAAQ,SAAS;CAC/B,MAAM,EACJ,UAAU,eACV,UAAU,eACV,OAAO,YACP,UAAU,eACV,gBACD,GAAG,uBAAuB,IAAI,CAAE;CACjC,MAAM,EACJ,OAAO,EACL,IACA,KACA,MACA,MACA,QACA,SAAS,aACT,iBAAiB,OACjB,UACA,UACA,UACA,OACA,UAAU,aACV,GAAG,MACJ,EACD,WACA,WACA,YACD,GAAG,cAA8C;EAChD,UAAU;EACV,UAAU;EACV,GAAG;CACJ,EAAC;CACF,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,CAAC,SAAS,WAAW,GAAG,qBAAqB;EACjD,cAAc;EACd,OAAO;EACP,UAAU;CACX,EAAC;CACF,MAAM,gBAAgB,YAAY;CAClC,MAAM,cAAc,YAAY,WAAW;CAC3C,MAAM,eAAe,QAAQ,MAAM;AACjC,OAAK,WACH,QAAO;MAEP,QAAO,QAAQ,WAAW,GACtB,WAAW,SAAS,SAAS,GAAG,GAChC,UAAU;CAEjB,GAAE;EAAC;EAAY;EAAY;EAAS;CAAM,EAAC;AAE5C,KAAI,cAAc,YAAY,MAAM,CAClC,SAAQ,MAAM,kDAAkD;AAElE,KAAI,MAAO,iBAAgB,QAAQ,IAAI,OAAO,WAAW;CAEzD,MAAM,UAAU,YAAY,MAAM;AAChC,OAAK,YAAa;AAElB,aAAW,CAAC,UAAU,KAAK;AAC3B,kBAAgB,MAAM;CACvB,GAAE;EAAC;EAAe;EAAY;EAAO;CAAY,EAAC;CAEnD,MAAM,WAAW,YACf,CAACC,OAAsC;AACrC,aAAW,GAAG,OAAO,QAAQ;AAC7B,kBAAgB,MAAM;CACvB,GACD;EAAC;EAAe;EAAY;CAAM,EACnC;CAED,MAAMC,gBAAqC,YACzC,CAACC,UAAQ,CAAE,OAAM;EACf,GAAG;EACH,GAAG;EACH,GAAG;EACH,GAAG;EACH;EACA;EACA,MAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA,GAAGA;EACH,KAAK,UAAU,UAAU,KAAKA,QAAM,IAAI;EACxC,UAAU,WAAWA,QAAM,UAAU,SAAS;CAC/C,IACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EACF;CAED,MAAMC,iBAIF,YACF,CAACD,UAAQ,CAAE,OAAM;EACf,GAAG;EACH,MAAM;EACN,iBAAiB,UAAU,YAAY;EACvC,cAAc,OAAO,UAAU,IAAI,EAAE,gBAAgB;EACrD,gBAAgB;EAChB,eAAe,SAAS,OAAO;EAC/B,gBAAgB,SAAS,aAAa;EACtC;EACA,UAAU,uBAA0B;EACpC,GAAG;EACH,GAAGA;EACH,SAAS,WAAW,KAAK,SAASA,QAAM,SAAS,QAAQ;CAC1D,IACD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD,EACF;AAED,QAAO;EACL,SAAS;EACT;EACA;EACA;CACD;AACF"}

package/dist/esm/components/tooltip/tooltip.js

@@ -1,7 +1,7 @@
 "use client";
 
 
-import { utils_exports } from "../../utils/index.js";
+import { cast } from "../../utils/common/assertion.js";
 import { createSlotComponent } from "../../core/components/create-component.js";
 import { motion } from "../motion/factory.js";
 import { Portal } from "../portal/portal.js";
@@ -34,7 +34,7 @@ const Tooltip = (props) => {
 				...getPositionerProps(),
 				children: /* @__PURE__ */ jsx(TooltipContent, {
 					...getPopupAnimationProps(animationScheme, duration),
-					...(0, utils_exports.cast)(getContentProps((0, utils_exports.cast)(contentProps))),
+					...cast(getContentProps(cast(contentProps))),
 					children: content
 				})
 			})

package/dist/esm/components/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["Tooltip: FC<TooltipProps>"],"sources":["../../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { PopupAnimationProps } from \"../popover\"\nimport type { PortalProps } from \"../portal\"\nimport type { TooltipStyle } from \"./tooltip.style\"\nimport type { UseTooltipProps } from \"./use-tooltip\"\nimport { AnimatePresence } from \"motion/react\"\nimport { createSlotComponent } from \"../../core\"\nimport { cast } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { getPopupAnimationProps } from \"../popover\"\nimport { Portal } from \"../portal\"\nimport { tooltipStyle } from \"./tooltip.style\"\nimport { useTooltip } from \"./use-tooltip\"\n\nexport interface TooltipProps\n  extends UseTooltipProps,\n    PropsWithChildren,\n    PopupAnimationProps,\n    ThemeProps<TooltipStyle> {\n  /**\n   * The content of the tooltip.\n   */\n  content?: ReactNode\n  /**\n   * The animation duration.\n   *\n   * @default 0.1\n   */\n  duration?: PopupAnimationProps[\"duration\"]\n  /**\n   * Props for content element.\n   */\n  contentProps?: HTMLMotionProps\n  /**\n   * Props for portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n}\n\nexport const {\n  PropsContext: TooltipPropsContext,\n  StyleContext,\n  usePropsContext: useTooltipPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<TooltipProps, TooltipStyle>(\"tooltip\", tooltipStyle)\n\n/**\n * `Tooltip` is a component that displays short information, such as supplementary details for an element.\n *\n * @see https://yamada-ui.com/components/tooltip\n */\nexport const Tooltip: FC<TooltipProps> = (props) => {\n  const [\n    context,\n    {\n      animationScheme = \"scale\",\n      children,\n      content,\n      duration = 0.1,\n      contentProps,\n      portalProps,\n      ...rest\n    },\n  ] = useRootComponentProps(props)\n  const { open, getContentProps, getPositionerProps, getTriggerProps } =\n    useTooltip(rest)\n\n  if (!content) return children\n\n  return (\n    <StyleContext value={context}>\n      <TooltipTrigger asChild {...getTriggerProps()}>\n        {children}\n      </TooltipTrigger>\n\n      <AnimatePresence>\n        {open ? (\n          <Portal {...portalProps}>\n            <TooltipPositioner {...getPositionerProps()}>\n              <TooltipContent\n                {...getPopupAnimationProps(animationScheme, duration)}\n                {...cast<HTMLMotionProps>(\n                  getContentProps(cast<HTMLProps>(contentProps)),\n                )}\n              >\n                {content}\n              </TooltipContent>\n            </TooltipPositioner>\n          </Portal>\n        ) : null}\n      </AnimatePresence>\n    </StyleContext>\n  )\n}\n\ninterface TooltipPositionerProps extends HTMLStyledProps {}\n\nconst TooltipPositioner = withContext<\"div\", TooltipPositionerProps>(\n  \"div\",\n  \"positioner\",\n)()\n\ninterface TooltipTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nconst TooltipTrigger = withContext<\"button\", TooltipTriggerProps>(\n  \"button\",\n  \"trigger\",\n)()\n\ninterface TooltipContentProps\n  extends Omit<HTMLMotionProps, \"children\" | \"offset\" | \"transform\"> {}\n\nconst TooltipContent = withContext<\"div\", TooltipContentProps>(\n  motion.div,\n  \"content\",\n)()\n"],"mappings":";;;;;;;;;;;;;;AA2CA,MAAa,EACX,cAAc,qBACd,cACA,iBAAiB,wBACjB,aACA,uBACD,GAAG,oBAAgD,WAAW,aAAa;;;;;;AAO5E,MAAaA,UAA4B,CAAC,UAAU;CAClD,MAAM,CACJ,SACA,EACE,kBAAkB,SAClB,UACA,SACA,WAAW,IACX,cACA,YACA,GAAG,MACJ,CACF,GAAG,sBAAsB,MAAM;CAChC,MAAM,EAAE,MAAM,iBAAiB,oBAAoB,iBAAiB,GAClE,WAAW,KAAK;AAElB,MAAK,QAAS,QAAO;AAErB,wBACE,KAAC;EAAa,OAAO;6BACnB,IAAC;GAAe;GAAQ,GAAI,iBAAiB;GAC1C;IACc,kBAEjB,IAAC,6BACE,uBACC,IAAC;GAAO,GAAI;6BACV,IAAC;IAAkB,GAAI,oBAAoB;8BACzC,IAAC;KACC,GAAI,uBAAuB,iBAAiB,SAAS;KACrD,GAAI,wBACF,gBAAgB,wBAAgB,aAAa,CAAC,CAC/C;eAEA;MACc;KACC;IACb,GACP,OACY;GACL;AAElB;AAID,MAAM,oBAAoB,YACxB,OACA,aACD,EAAE;AAIH,MAAM,iBAAiB,YACrB,UACA,UACD,EAAE;AAKH,MAAM,iBAAiB,YACrB,OAAO,KACP,UACD,EAAE"}
+{"version":3,"file":"tooltip.js","names":["Tooltip: FC<TooltipProps>"],"sources":["../../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, PropsWithChildren, ReactNode } from \"react\"\nimport type { HTMLProps, HTMLStyledProps, ThemeProps } from \"../../core\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { PopupAnimationProps } from \"../popover\"\nimport type { PortalProps } from \"../portal\"\nimport type { TooltipStyle } from \"./tooltip.style\"\nimport type { UseTooltipProps } from \"./use-tooltip\"\nimport { AnimatePresence } from \"motion/react\"\nimport { createSlotComponent } from \"../../core\"\nimport { cast } from \"../../utils\"\nimport { motion } from \"../motion\"\nimport { getPopupAnimationProps } from \"../popover\"\nimport { Portal } from \"../portal\"\nimport { tooltipStyle } from \"./tooltip.style\"\nimport { useTooltip } from \"./use-tooltip\"\n\nexport interface TooltipProps\n  extends UseTooltipProps,\n    PropsWithChildren,\n    PopupAnimationProps,\n    ThemeProps<TooltipStyle> {\n  /**\n   * The content of the tooltip.\n   */\n  content?: ReactNode\n  /**\n   * The animation duration.\n   *\n   * @default 0.1\n   */\n  duration?: PopupAnimationProps[\"duration\"]\n  /**\n   * Props for content element.\n   */\n  contentProps?: HTMLMotionProps\n  /**\n   * Props for portal component.\n   */\n  portalProps?: Omit<PortalProps, \"children\">\n}\n\nexport const {\n  PropsContext: TooltipPropsContext,\n  StyleContext,\n  usePropsContext: useTooltipPropsContext,\n  withContext,\n  useRootComponentProps,\n} = createSlotComponent<TooltipProps, TooltipStyle>(\"tooltip\", tooltipStyle)\n\n/**\n * `Tooltip` is a component that displays short information, such as supplementary details for an element.\n *\n * @see https://yamada-ui.com/components/tooltip\n */\nexport const Tooltip: FC<TooltipProps> = (props) => {\n  const [\n    context,\n    {\n      animationScheme = \"scale\",\n      children,\n      content,\n      duration = 0.1,\n      contentProps,\n      portalProps,\n      ...rest\n    },\n  ] = useRootComponentProps(props)\n  const { open, getContentProps, getPositionerProps, getTriggerProps } =\n    useTooltip(rest)\n\n  if (!content) return children\n\n  return (\n    <StyleContext value={context}>\n      <TooltipTrigger asChild {...getTriggerProps()}>\n        {children}\n      </TooltipTrigger>\n\n      <AnimatePresence>\n        {open ? (\n          <Portal {...portalProps}>\n            <TooltipPositioner {...getPositionerProps()}>\n              <TooltipContent\n                {...getPopupAnimationProps(animationScheme, duration)}\n                {...cast<HTMLMotionProps>(\n                  getContentProps(cast<HTMLProps>(contentProps)),\n                )}\n              >\n                {content}\n              </TooltipContent>\n            </TooltipPositioner>\n          </Portal>\n        ) : null}\n      </AnimatePresence>\n    </StyleContext>\n  )\n}\n\ninterface TooltipPositionerProps extends HTMLStyledProps {}\n\nconst TooltipPositioner = withContext<\"div\", TooltipPositionerProps>(\n  \"div\",\n  \"positioner\",\n)()\n\ninterface TooltipTriggerProps extends HTMLStyledProps<\"button\"> {}\n\nconst TooltipTrigger = withContext<\"button\", TooltipTriggerProps>(\n  \"button\",\n  \"trigger\",\n)()\n\ninterface TooltipContentProps\n  extends Omit<HTMLMotionProps, \"children\" | \"offset\" | \"transform\"> {}\n\nconst TooltipContent = withContext<\"div\", TooltipContentProps>(\n  motion.div,\n  \"content\",\n)()\n"],"mappings":";;;;;;;;;;;;;;AA2CA,MAAa,EACX,cAAc,qBACd,cACA,iBAAiB,wBACjB,aACA,uBACD,GAAG,oBAAgD,WAAW,aAAa;;;;;;AAO5E,MAAaA,UAA4B,CAAC,UAAU;CAClD,MAAM,CACJ,SACA,EACE,kBAAkB,SAClB,UACA,SACA,WAAW,IACX,cACA,YACA,GAAG,MACJ,CACF,GAAG,sBAAsB,MAAM;CAChC,MAAM,EAAE,MAAM,iBAAiB,oBAAoB,iBAAiB,GAClE,WAAW,KAAK;AAElB,MAAK,QAAS,QAAO;AAErB,wBACE,KAAC;EAAa,OAAO;6BACnB,IAAC;GAAe;GAAQ,GAAI,iBAAiB;GAC1C;IACc,kBAEjB,IAAC,6BACE,uBACC,IAAC;GAAO,GAAI;6BACV,IAAC;IAAkB,GAAI,oBAAoB;8BACzC,IAAC;KACC,GAAI,uBAAuB,iBAAiB,SAAS;KACrD,GAAI,KACF,gBAAgB,KAAgB,aAAa,CAAC,CAC/C;eAEA;MACc;KACC;IACb,GACP,OACY;GACL;AAElB;AAID,MAAM,oBAAoB,YACxB,OACA,aACD,EAAE;AAIH,MAAM,iBAAiB,YACrB,UACA,UACD,EAAE;AAKH,MAAM,iBAAiB,YACrB,OAAO,KACP,UACD,EAAE"}

package/dist/esm/components/tooltip/use-tooltip.js

@@ -3,7 +3,9 @@
 
 import { useUnmountEffect } from "../../utils/effect.js";
 import { mergeRefs } from "../../utils/ref.js";
-import { utils_exports } from "../../utils/index.js";
+import { handlerAll } from "../../utils/common/function.js";
+import { dataAttr, getDocument, getWindow } from "../../utils/common/dom.js";
+import { cx } from "../../utils/common/string.js";
 import { useDisclosure } from "../../hooks/use-disclosure/use-disclosure.js";
 import { useEventListener } from "../../hooks/use-event-listener/index.js";
 import { useOutsideClick } from "../../hooks/use-outside-click/index.js";
@@ -49,7 +51,7 @@ const useTooltip = ({ autoUpdate, closeDelay = 100, closeOnClick = true, closeOn
 	const onDelayOpen = useCallback(() => {
 		if (!disabled && !openTimeout.current) {
 			if (open) onForceClose();
-			openTimeout.current = (0, utils_exports.getWindow)(triggerRef.current).setTimeout(onOpen, openDelay);
+			openTimeout.current = getWindow(triggerRef.current).setTimeout(onOpen, openDelay);
 		}
 	}, [
 		disabled,
@@ -63,14 +65,14 @@ const useTooltip = ({ autoUpdate, closeDelay = 100, closeOnClick = true, closeOn
 			clearTimeout(openTimeout.current);
 			openTimeout.current = void 0;
 		}
-		closeTimeout.current = (0, utils_exports.getWindow)(triggerRef.current).setTimeout(() => {
+		closeTimeout.current = getWindow(triggerRef.current).setTimeout(() => {
 			if (!isHovered.current) onForceClose();
 		}, closeDelay);
 	}, [closeDelay, onForceClose]);
-	useEventListener(() => (0, utils_exports.getDocument)(triggerRef.current), "keydown", ({ key }) => {
+	useEventListener(() => getDocument(triggerRef.current), "keydown", ({ key }) => {
 		if (closeOnEsc && key === "Escape") onDelayClose();
 	});
-	useEventListener(() => (0, utils_exports.getDocument)(triggerRef.current), "scroll", () => {
+	useEventListener(() => getDocument(triggerRef.current), "scroll", () => {
 		if (open && closeOnScroll) onForceClose();
 	});
 	useOutsideClick({
@@ -88,15 +90,15 @@ const useTooltip = ({ autoUpdate, closeDelay = 100, closeOnClick = true, closeOn
 		return getReferenceProps({
 			...props,
 			ref: mergeRefs(props.ref, triggerRef),
-			"aria-describedby": (0, utils_exports.cx)(ariaDescribedby, open ? describedbyId : void 0),
-			onBlur: (0, utils_exports.handlerAll)(props.onBlur, open ? onDelayClose : void 0),
-			onClick: (0, utils_exports.handlerAll)(props.onClick, open && closeOnClick ? onDelayClose : void 0),
-			onFocus: (0, utils_exports.handlerAll)(props.onFocus, !open ? onDelayOpen : void 0),
-			onPointerEnter: (0, utils_exports.handlerAll)(props.onPointerEnter, (ev) => {
+			"aria-describedby": cx(ariaDescribedby, open ? describedbyId : void 0),
+			onBlur: handlerAll(props.onBlur, open ? onDelayClose : void 0),
+			onClick: handlerAll(props.onClick, open && closeOnClick ? onDelayClose : void 0),
+			onFocus: handlerAll(props.onFocus, !open ? onDelayOpen : void 0),
+			onPointerEnter: handlerAll(props.onPointerEnter, (ev) => {
 				isHovered.current = true;
 				if (ev.pointerType !== "touch" && !open) onDelayOpen();
 			}),
-			onPointerLeave: (0, utils_exports.handlerAll)(props.onPointerLeave, (ev) => {
+			onPointerLeave: handlerAll(props.onPointerLeave, (ev) => {
 				isHovered.current = false;
 				if (ev.pointerType !== "touch" && open) onDelayClose();
 			})
@@ -114,13 +116,13 @@ const useTooltip = ({ autoUpdate, closeDelay = 100, closeOnClick = true, closeOn
 	}, [getPopperProps]);
 	const getContentProps = useCallback((props = {}) => ({
 		id: describedbyId,
-		"data-close": (0, utils_exports.dataAttr)(!open),
-		"data-open": (0, utils_exports.dataAttr)(open),
+		"data-close": dataAttr(!open),
+		"data-open": dataAttr(open),
 		role: "tooltip",
-		onPointerEnter: (0, utils_exports.handlerAll)(props.onPointerEnter, () => {
+		onPointerEnter: handlerAll(props.onPointerEnter, () => {
 			isHovered.current = true;
 		}),
-		onPointerLeave: (0, utils_exports.handlerAll)(props.onPointerLeave, () => {
+		onPointerLeave: handlerAll(props.onPointerLeave, () => {
 			if (isHovered.current) onDelayClose();
 			isHovered.current = false;
 		}),

package/dist/esm/components/tooltip/use-tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tooltip.js","names":["getTriggerProps: PropGetter<\"button\">","getPositionerProps: PropGetter","getContentProps: PropGetter"],"sources":["../../../../src/components/tooltip/use-tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport { useCallback, useId, useRef } from \"react\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useOutsideClick } from \"../../hooks/use-outside-click\"\nimport { usePopper } from \"../../hooks/use-popper\"\nimport {\n  cx,\n  dataAttr,\n  getDocument,\n  getWindow,\n  handlerAll,\n  mergeRefs,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface UseTooltipProps\n  extends Omit<UseDisclosureProps, \"timing\">,\n    UsePopperProps {\n  /**\n   * The delay before hiding the tooltip.\n   *\n   * @default 100\n   */\n  closeDelay?: number\n  /**\n   * If `true`, the tooltip will hide on click.\n   *\n   * @default true\n   */\n  closeOnClick?: boolean\n  /**\n   * If `true`, the tooltip will hide on pressing Esc key.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the tooltip will hide on scroll.\n   *\n   * @default false\n   */\n  closeOnScroll?: boolean\n  /**\n   * If `true`, the tooltip will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The delay before showing the tooltip.\n   *\n   * @default 400\n   */\n  openDelay?: number\n}\n\nexport const useTooltip = ({\n  autoUpdate,\n  closeDelay = 100,\n  closeOnClick = true,\n  closeOnEsc = true,\n  closeOnScroll,\n  defaultOpen,\n  disabled,\n  elements,\n  flip,\n  gutter,\n  matchWidth,\n  middleware,\n  offset,\n  open: openProp,\n  openDelay = 400,\n  placement,\n  platform,\n  preventOverflow,\n  strategy,\n  transform,\n  whileElementsMounted,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n}: UseTooltipProps = {}) => {\n  const describedbyId = useId()\n  const triggerRef = useRef<HTMLElement>(null)\n  const openTimeout = useRef<NodeJS.Timeout>(undefined)\n  const closeTimeout = useRef<NodeJS.Timeout>(undefined)\n  const isHovered = useRef(false)\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const { getPopperProps, getReferenceProps } = usePopper({\n    autoUpdate,\n    elements,\n    flip,\n    gutter,\n    matchWidth,\n    middleware,\n    offset,\n    open,\n    placement,\n    platform,\n    preventOverflow,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  const onForceClose = useCallback(() => {\n    if (closeTimeout.current) {\n      clearTimeout(closeTimeout.current)\n\n      closeTimeout.current = undefined\n    }\n\n    onClose()\n  }, [onClose])\n\n  const onDelayOpen = useCallback(() => {\n    if (!disabled && !openTimeout.current) {\n      if (open) onForceClose()\n\n      openTimeout.current = getWindow(triggerRef.current).setTimeout(\n        onOpen,\n        openDelay,\n      )\n    }\n  }, [disabled, open, onForceClose, onOpen, openDelay])\n\n  const onDelayClose = useCallback(() => {\n    if (openTimeout.current) {\n      clearTimeout(openTimeout.current)\n      openTimeout.current = undefined\n    }\n\n    closeTimeout.current = getWindow(triggerRef.current).setTimeout(() => {\n      if (!isHovered.current) onForceClose()\n    }, closeDelay)\n  }, [closeDelay, onForceClose])\n\n  useEventListener(\n    () => getDocument(triggerRef.current),\n    \"keydown\",\n    ({ key }) => {\n      if (closeOnEsc && key === \"Escape\") onDelayClose()\n    },\n  )\n\n  useEventListener(\n    () => getDocument(triggerRef.current),\n    \"scroll\",\n    () => {\n      if (open && closeOnScroll) onForceClose()\n    },\n  )\n\n  useOutsideClick({\n    ref: triggerRef,\n    enabled: open,\n    handler: () => {\n      onDelayClose()\n    },\n  })\n\n  useUnmountEffect(() => {\n    clearTimeout(openTimeout.current)\n    clearTimeout(closeTimeout.current)\n  })\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ \"aria-describedby\": ariaDescribedby, ...props } = {}) => {\n      return getReferenceProps({\n        ...props,\n        ref: mergeRefs(props.ref, triggerRef),\n        \"aria-describedby\": cx(\n          ariaDescribedby,\n          open ? describedbyId : undefined,\n        ),\n        onBlur: handlerAll(props.onBlur, open ? onDelayClose : undefined),\n        onClick: handlerAll(\n          props.onClick,\n          open && closeOnClick ? onDelayClose : undefined,\n        ),\n        onFocus: handlerAll(props.onFocus, !open ? onDelayOpen : undefined),\n        onPointerEnter: handlerAll(props.onPointerEnter, (ev) => {\n          isHovered.current = true\n\n          if (ev.pointerType !== \"touch\" && !open) onDelayOpen()\n        }),\n        onPointerLeave: handlerAll(props.onPointerLeave, (ev) => {\n          isHovered.current = false\n\n          if (ev.pointerType !== \"touch\" && open) onDelayClose()\n        }),\n      })\n    },\n    [\n      getReferenceProps,\n      describedbyId,\n      onDelayOpen,\n      open,\n      closeOnClick,\n      onDelayClose,\n    ],\n  )\n\n  const getPositionerProps: PropGetter = useCallback(\n    (props) => {\n      return getPopperProps(props)\n    },\n    [getPopperProps],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    (props = {}) => ({\n      id: describedbyId,\n      \"data-close\": dataAttr(!open),\n      \"data-open\": dataAttr(open),\n      role: \"tooltip\",\n      onPointerEnter: handlerAll(props.onPointerEnter, () => {\n        isHovered.current = true\n      }),\n      onPointerLeave: handlerAll(props.onPointerLeave, () => {\n        if (isHovered.current) onDelayClose()\n\n        isHovered.current = false\n      }),\n      ...props,\n    }),\n    [describedbyId, onDelayClose, open],\n  )\n\n  return {\n    open,\n    getContentProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose: onForceClose,\n    onDelayClose,\n    onDelayOpen,\n    onOpen,\n  }\n}\n\nexport type UseTooltipReturn = ReturnType<typeof useTooltip>\n"],"mappings":"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"}
+{"version":3,"file":"use-tooltip.js","names":["getTriggerProps: PropGetter<\"button\">","getPositionerProps: PropGetter","getContentProps: PropGetter"],"sources":["../../../../src/components/tooltip/use-tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport type { PropGetter } from \"../../core\"\nimport type { UseDisclosureProps } from \"../../hooks/use-disclosure\"\nimport type { UsePopperProps } from \"../../hooks/use-popper\"\nimport { useCallback, useId, useRef } from \"react\"\nimport { useDisclosure } from \"../../hooks/use-disclosure\"\nimport { useEventListener } from \"../../hooks/use-event-listener\"\nimport { useOutsideClick } from \"../../hooks/use-outside-click\"\nimport { usePopper } from \"../../hooks/use-popper\"\nimport {\n  cx,\n  dataAttr,\n  getDocument,\n  getWindow,\n  handlerAll,\n  mergeRefs,\n  useUnmountEffect,\n} from \"../../utils\"\n\nexport interface UseTooltipProps\n  extends Omit<UseDisclosureProps, \"timing\">,\n    UsePopperProps {\n  /**\n   * The delay before hiding the tooltip.\n   *\n   * @default 100\n   */\n  closeDelay?: number\n  /**\n   * If `true`, the tooltip will hide on click.\n   *\n   * @default true\n   */\n  closeOnClick?: boolean\n  /**\n   * If `true`, the tooltip will hide on pressing Esc key.\n   *\n   * @default true\n   */\n  closeOnEsc?: boolean\n  /**\n   * If `true`, the tooltip will hide on scroll.\n   *\n   * @default false\n   */\n  closeOnScroll?: boolean\n  /**\n   * If `true`, the tooltip will be disabled.\n   *\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * The delay before showing the tooltip.\n   *\n   * @default 400\n   */\n  openDelay?: number\n}\n\nexport const useTooltip = ({\n  autoUpdate,\n  closeDelay = 100,\n  closeOnClick = true,\n  closeOnEsc = true,\n  closeOnScroll,\n  defaultOpen,\n  disabled,\n  elements,\n  flip,\n  gutter,\n  matchWidth,\n  middleware,\n  offset,\n  open: openProp,\n  openDelay = 400,\n  placement,\n  platform,\n  preventOverflow,\n  strategy,\n  transform,\n  whileElementsMounted,\n  onClose: onCloseProp,\n  onOpen: onOpenProp,\n}: UseTooltipProps = {}) => {\n  const describedbyId = useId()\n  const triggerRef = useRef<HTMLElement>(null)\n  const openTimeout = useRef<NodeJS.Timeout>(undefined)\n  const closeTimeout = useRef<NodeJS.Timeout>(undefined)\n  const isHovered = useRef(false)\n  const { open, onClose, onOpen } = useDisclosure({\n    defaultOpen,\n    open: openProp,\n    onClose: onCloseProp,\n    onOpen: onOpenProp,\n  })\n  const { getPopperProps, getReferenceProps } = usePopper({\n    autoUpdate,\n    elements,\n    flip,\n    gutter,\n    matchWidth,\n    middleware,\n    offset,\n    open,\n    placement,\n    platform,\n    preventOverflow,\n    strategy,\n    transform,\n    whileElementsMounted,\n  })\n\n  const onForceClose = useCallback(() => {\n    if (closeTimeout.current) {\n      clearTimeout(closeTimeout.current)\n\n      closeTimeout.current = undefined\n    }\n\n    onClose()\n  }, [onClose])\n\n  const onDelayOpen = useCallback(() => {\n    if (!disabled && !openTimeout.current) {\n      if (open) onForceClose()\n\n      openTimeout.current = getWindow(triggerRef.current).setTimeout(\n        onOpen,\n        openDelay,\n      )\n    }\n  }, [disabled, open, onForceClose, onOpen, openDelay])\n\n  const onDelayClose = useCallback(() => {\n    if (openTimeout.current) {\n      clearTimeout(openTimeout.current)\n      openTimeout.current = undefined\n    }\n\n    closeTimeout.current = getWindow(triggerRef.current).setTimeout(() => {\n      if (!isHovered.current) onForceClose()\n    }, closeDelay)\n  }, [closeDelay, onForceClose])\n\n  useEventListener(\n    () => getDocument(triggerRef.current),\n    \"keydown\",\n    ({ key }) => {\n      if (closeOnEsc && key === \"Escape\") onDelayClose()\n    },\n  )\n\n  useEventListener(\n    () => getDocument(triggerRef.current),\n    \"scroll\",\n    () => {\n      if (open && closeOnScroll) onForceClose()\n    },\n  )\n\n  useOutsideClick({\n    ref: triggerRef,\n    enabled: open,\n    handler: () => {\n      onDelayClose()\n    },\n  })\n\n  useUnmountEffect(() => {\n    clearTimeout(openTimeout.current)\n    clearTimeout(closeTimeout.current)\n  })\n\n  const getTriggerProps: PropGetter<\"button\"> = useCallback(\n    ({ \"aria-describedby\": ariaDescribedby, ...props } = {}) => {\n      return getReferenceProps({\n        ...props,\n        ref: mergeRefs(props.ref, triggerRef),\n        \"aria-describedby\": cx(\n          ariaDescribedby,\n          open ? describedbyId : undefined,\n        ),\n        onBlur: handlerAll(props.onBlur, open ? onDelayClose : undefined),\n        onClick: handlerAll(\n          props.onClick,\n          open && closeOnClick ? onDelayClose : undefined,\n        ),\n        onFocus: handlerAll(props.onFocus, !open ? onDelayOpen : undefined),\n        onPointerEnter: handlerAll(props.onPointerEnter, (ev) => {\n          isHovered.current = true\n\n          if (ev.pointerType !== \"touch\" && !open) onDelayOpen()\n        }),\n        onPointerLeave: handlerAll(props.onPointerLeave, (ev) => {\n          isHovered.current = false\n\n          if (ev.pointerType !== \"touch\" && open) onDelayClose()\n        }),\n      })\n    },\n    [\n      getReferenceProps,\n      describedbyId,\n      onDelayOpen,\n      open,\n      closeOnClick,\n      onDelayClose,\n    ],\n  )\n\n  const getPositionerProps: PropGetter = useCallback(\n    (props) => {\n      return getPopperProps(props)\n    },\n    [getPopperProps],\n  )\n\n  const getContentProps: PropGetter = useCallback(\n    (props = {}) => ({\n      id: describedbyId,\n      \"data-close\": dataAttr(!open),\n      \"data-open\": dataAttr(open),\n      role: \"tooltip\",\n      onPointerEnter: handlerAll(props.onPointerEnter, () => {\n        isHovered.current = true\n      }),\n      onPointerLeave: handlerAll(props.onPointerLeave, () => {\n        if (isHovered.current) onDelayClose()\n\n        isHovered.current = false\n      }),\n      ...props,\n    }),\n    [describedbyId, onDelayClose, open],\n  )\n\n  return {\n    open,\n    getContentProps,\n    getPositionerProps,\n    getTriggerProps,\n    onClose: onForceClose,\n    onDelayClose,\n    onDelayOpen,\n    onOpen,\n  }\n}\n\nexport type UseTooltipReturn = ReturnType<typeof useTooltip>\n"],"mappings":"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"}

package/dist/esm/core/components/create-component.js

@@ -2,7 +2,10 @@
 
 
 import { createContext } from "../../utils/context.js";
-import { utils_exports } from "../../utils/index.js";
+import { isArray, isFunction, isObject, isString } from "../../utils/common/assertion.js";
+import { toArray } from "../../utils/common/array.js";
+import { runIfFn } from "../../utils/common/function.js";
+import { cx, toCamelCase, toPascalCase } from "../../utils/common/string.js";
 import { useSystem } from "../system/system-provider.js";
 import { styled } from "../system/factory.js";
 import { chainProps, mergeProps } from "./props.js";
@@ -13,10 +16,10 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/core/components/create-component.tsx
 function createProxyComponent(el, { shouldStyleProps,...options } = {}) {
-	options.shouldForwardProp ??= (0, utils_exports.isFunction)(el);
-	shouldStyleProps ??= !(0, utils_exports.isFunction)(el);
+	options.shouldForwardProp ??= isFunction(el);
+	shouldStyleProps ??= !isFunction(el);
 	if (el === "fragment") el = Fragment;
-	if (shouldStyleProps || (0, utils_exports.isString)(el)) {
+	if (shouldStyleProps || isString(el)) {
 		const ProxyComponent = styled(el, options);
 		ProxyComponent.displayName = "ProxyComponent";
 		return ProxyComponent;
@@ -32,8 +35,8 @@ function withDisplayName(Component, displayName) {
 }
 function getSlotCSS(slot, slotCSS) {
 	if (!slotCSS || !slot) return [];
-	if ((0, utils_exports.isArray)(slot)) return slot.map((slot$1) => slotCSS[slot$1]);
-	else if ((0, utils_exports.isObject)(slot)) if ((0, utils_exports.isArray)(slot.slot)) return slot.slot.map((slot$1) => slotCSS[slot$1]);
+	if (isArray(slot)) return slot.map((slot$1) => slotCSS[slot$1]);
+	else if (isObject(slot)) if (isArray(slot.slot)) return slot.slot.map((slot$1) => slotCSS[slot$1]);
 	else return [slotCSS[slot.slot]];
 	else return [slotCSS[slot]];
 }
@@ -41,19 +44,19 @@ function mergeSlotCSS(slot, slotCSS, css) {
 	if (!slotCSS || !slot) return css;
 	const result = [];
 	result.push(...getSlotCSS(slot, slotCSS));
-	if (css) result.push(...(0, utils_exports.toArray)(css));
+	if (css) result.push(...toArray(css));
 	return result;
 }
 function getSlotKey(slot) {
 	if (!slot) return "unknown";
-	if ((0, utils_exports.isArray)(slot) || !(0, utils_exports.isObject)(slot)) return (0, utils_exports.toCamelCase)((0, utils_exports.toArray)(slot).join("-"));
-	else return (0, utils_exports.toCamelCase)(slot.name);
+	if (isArray(slot) || !isObject(slot)) return toCamelCase(toArray(slot).join("-"));
+	else return toCamelCase(slot.name);
 }
 function getSlotName(slot) {
 	if (!slot) return "";
-	if ((0, utils_exports.isArray)(slot)) return slot.map((value) => (0, utils_exports.toPascalCase)(value)).join("");
-	else if ((0, utils_exports.isObject)(slot)) return (0, utils_exports.toPascalCase)(slot.name);
-	else return (0, utils_exports.toPascalCase)(slot);
+	if (isArray(slot)) return slot.map((value) => toPascalCase(value)).join("");
+	else if (isObject(slot)) return toPascalCase(slot.name);
+	else return toPascalCase(slot);
 }
 function createComponent(name, style) {
 	const defaultClassName = style?.className;
@@ -64,13 +67,13 @@ function createComponent(name, style) {
 	});
 	function useClassName(name$1, className) {
 		const system = useSystem();
-		className = (0, utils_exports.runIfFn)(className, system);
+		className = runIfFn(className, system);
 		className ??= getClassName(name$1, defaultClassName)(system);
 		return className;
 	}
 	function useComponentProps(props, { className, withContext: withContext$1 = true, transferProps } = {}) {
 		const system = useSystem();
-		className = (0, utils_exports.runIfFn)(className, system);
+		className = runIfFn(className, system);
 		className ??= defaultClassName;
 		className ??= getClassName(name)(system);
 		const contextProps = usePropsContext() ?? {};
@@ -91,7 +94,7 @@ function createComponent(name, style) {
 				const mergedProps = chainProps(...superProps)()(props);
 				return /* @__PURE__ */ jsx(ProxyComponent, {
 					...mergedProps,
-					className: (0, utils_exports.cx)(className, mergedProps.className)
+					className: cx(className, mergedProps.className)
 				});
 			}, displayName);
 		};
@@ -102,13 +105,13 @@ function createComponent(name, style) {
 		return function(initialProps, ...superProps) {
 			return withDisplayName((props) => {
 				className = useClassName(name$1, className);
-				const computedProps = (0, utils_exports.isFunction)(initialProps) ? initialProps(props) : mergeProps(initialProps ?? {}, props)();
+				const computedProps = isFunction(initialProps) ? initialProps(props) : mergeProps(initialProps ?? {}, props)();
 				const mergedProps = useComponentProps(computedProps, {
 					className,
 					withContext: withContext$1,
 					transferProps
 				});
-				const rest = chainProps(...(0, utils_exports.toArray)(superProps))()(mergedProps);
+				const rest = chainProps(...toArray(superProps))()(mergedProps);
 				return /* @__PURE__ */ jsx(ProxyComponent, { ...rest });
 			}, displayName);
 		};
@@ -133,14 +136,14 @@ function createSlotComponent(rootName, style) {
 	});
 	function useClassName(slot, className) {
 		const system = useSystem();
-		className = (0, utils_exports.runIfFn)(className, system);
+		className = runIfFn(className, system);
 		className ??= getSlotClassName(rootClassName ?? getClassName(rootName)(system), slot);
 		return className;
 	}
 	function useClassNames() {
 		const system = useSystem();
 		const entries = classNameMap.entries().map(([key, { className, slot }]) => {
-			className = (0, utils_exports.runIfFn)(className, system);
+			className = runIfFn(className, system);
 			className ??= getSlotClassName(rootClassName ?? getClassName(rootName)(system), slot);
 			return [key, className];
 		});
@@ -165,7 +168,7 @@ function createSlotComponent(rootName, style) {
 		const rest = withContext$1 ? mergeProps(contextProps, props)() : props;
 		return {
 			...rest,
-			className: (0, utils_exports.cx)(className, rest.className),
+			className: cx(className, rest.className),
 			css: mergeSlotCSS(slot, style$1, rest.css)
 		};
 	}
@@ -184,7 +187,7 @@ function createSlotComponent(rootName, style) {
 				const mergedProps = chainProps(...superProps)()(props);
 				return /* @__PURE__ */ jsx(ProxyComponent, {
 					...mergedProps,
-					className: (0, utils_exports.cx)(className, mergedProps.className)
+					className: cx(className, mergedProps.className)
 				});
 			}, displayName);
 		};
@@ -200,7 +203,7 @@ function createSlotComponent(rootName, style) {
 		});
 		return function(initialProps, ...superProps) {
 			return withDisplayName((props) => {
-				const computedProps = (0, utils_exports.isFunction)(initialProps) ? initialProps(props) : mergeProps(initialProps ?? {}, props)();
+				const computedProps = isFunction(initialProps) ? initialProps(props) : mergeProps(initialProps ?? {}, props)();
 				const [context, mergedProps] = useRootComponentProps(computedProps, slot, {
 					className,
 					withContext: withContext$1,
@@ -225,7 +228,7 @@ function createSlotComponent(rootName, style) {
 		});
 		return function(initialProps, ...superProps) {
 			return withDisplayName((props) => {
-				const computedProps = (0, utils_exports.isFunction)(initialProps) ? initialProps(props) : mergeProps(initialProps ?? {}, props)();
+				const computedProps = isFunction(initialProps) ? initialProps(props) : mergeProps(initialProps ?? {}, props)();
 				const mergedProps = useSlotComponentProps(computedProps, slot, {
 					className,
 					withContext: withContext$1

package/dist/esm/core/components/create-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-component.js","names":["el: FC<M> | Y","Component: FC<M>","displayName: string","slot?: ComponentSlot<Y>","slotCSS?: CSSSlotObject<Y>","slot","css?: CSSObject | CSSObject[]","result: CSSObject[]","name: string","style?: M","name?: string","className?: ClassName","name","props: H","withContext","el: D | FC<H>","el: D | FC<WithoutThemeProps<H, M, R>>","initialProps?: InitialProps<H>","rootName: string","slot?: ComponentSlot<ComponentSlotName<M>>","props: Y","style","el: FC<R> | H","el: FC<WithoutThemeProps<R, M, T>> | H","slot: ComponentSlot<ComponentSlotName<M>>","initialProps?: InitialProps<R>"],"sources":["../../../../src/core/components/create-component.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, FunctionComponent } from \"react\"\nimport type { AnyString, Dict, Merge } from \"../../utils\"\nimport type { CSSObject, CSSSlotObject } from \"../css\"\nimport type {\n  ComponentSlotStyle,\n  ComponentStyle,\n  System,\n  WithoutThemeProps,\n} from \"../system\"\nimport type { StyledOptions } from \"../system\"\nimport type {\n  As,\n  DOMElement,\n  HTMLStyledProps,\n  Component as OriginalComponent,\n} from \"./index.types\"\nimport { Fragment } from \"react\"\nimport {\n  createContext,\n  cx,\n  isArray,\n  isFunction,\n  isObject,\n  isString,\n  runIfFn,\n  toArray,\n  toCamelCase,\n  toPascalCase,\n} from \"../../utils\"\nimport { styled, useSystem } from \"../system\"\nimport { chainProps, mergeProps } from \"./props\"\nimport {\n  getSlotClassName,\n  useComponentSlotStyle,\n  useComponentStyle,\n} from \"./use-component-style\"\nimport { getClassName, getDisplayName } from \"./utils\"\n\ntype AsWithFragment = \"fragment\" | As\ntype ClassName = ((system: System) => string) | string\n\ntype Component<\n  Y extends AsWithFragment = AsWithFragment,\n  M extends object = {},\n> = Y extends \"fragment\"\n  ? FunctionComponent<M>\n  : OriginalComponent<Exclude<Y, \"fragment\">, M>\n\nexport type ComponentSlotName<\n  Y extends ComponentSlotStyle | ComponentStyle = ComponentSlotStyle,\n> = AnyString | Extract<keyof Required<Y>[\"base\"], string>\n\nexport type ComponentSlot<Y extends string> =\n  | [Y, Y]\n  | Y\n  | { name: string; slot: [Y, Y] | Y }\n\nexport type InitialProps<Y extends Dict = Dict> = ((props: Y) => any) | Y\nexport type SuperProps<Y extends Dict = Dict> = ((props: Y) => any) | Y\n\nexport type SuperWithoutThemeProps<\n  Y extends Dict = Dict,\n  M extends Dict = Dict,\n  D extends keyof Y = keyof Y,\n> = ((props: WithoutThemeProps<Y, M, D>) => any) | WithoutThemeProps<Y, M, D>\n\nexport interface UseComponentPropsOptions<\n  Y extends number | string | symbol = string,\n> {\n  className?: ClassName\n  withContext?: boolean\n  transferProps?: Y[]\n}\n\nexport interface ComponentOptions extends Omit<StyledOptions, \"transferProps\"> {\n  className?: ClassName\n  shouldStyleProps?: boolean\n}\n\ninterface classNameOptions<Y extends string = string> {\n  className?: ClassName\n  slot?: ComponentSlot<Y>\n}\n\nexport interface ComponentWithContextOptions<\n  Y extends number | string | symbol = string,\n> extends ComponentOptions,\n    UseComponentPropsOptions<Y> {}\n\nfunction createProxyComponent<\n  Y extends AsWithFragment = \"div\",\n  M extends Dict = Dict,\n>(el: FC<M> | Y, { shouldStyleProps, ...options }: ComponentOptions = {}) {\n  options.shouldForwardProp ??= isFunction(el)\n  shouldStyleProps ??= !isFunction(el)\n\n  if (el === \"fragment\") el = Fragment\n\n  if (shouldStyleProps || isString(el)) {\n    const ProxyComponent = styled(el as As, options)\n\n    ProxyComponent.displayName = \"ProxyComponent\"\n\n    return ProxyComponent\n  } else {\n    el.displayName ??= \"ProxyComponent\"\n\n    return el as FC<M>\n  }\n}\n\nfunction withDisplayName<\n  Y extends AsWithFragment = AsWithFragment,\n  M extends object = {},\n>(Component: FC<M>, displayName: string) {\n  Object.defineProperty(Component, \"name\", { value: displayName })\n  Object.defineProperty(Component, \"displayName\", { value: displayName })\n\n  return Component as Component<Y, M>\n}\n\nfunction getSlotCSS<Y extends string>(\n  slot?: ComponentSlot<Y>,\n  slotCSS?: CSSSlotObject<Y>,\n): CSSObject[] {\n  if (!slotCSS || !slot) return []\n\n  if (isArray(slot)) {\n    return slot.map((slot) => slotCSS[slot]!)\n  } else if (isObject(slot)) {\n    if (isArray(slot.slot)) {\n      return slot.slot.map((slot) => slotCSS[slot]!)\n    } else {\n      return [slotCSS[slot.slot]!]\n    }\n  } else {\n    return [slotCSS[slot]!]\n  }\n}\n\nfunction mergeSlotCSS<Y extends string>(\n  slot?: ComponentSlot<Y>,\n  slotCSS?: CSSSlotObject<Y>,\n  css?: CSSObject | CSSObject[],\n) {\n  if (!slotCSS || !slot) return css\n\n  const result: CSSObject[] = []\n\n  result.push(...getSlotCSS(slot, slotCSS))\n\n  if (css) result.push(...toArray(css))\n\n  return result\n}\n\nfunction getSlotKey<Y extends string>(slot?: ComponentSlot<Y>) {\n  if (!slot) return \"unknown\"\n\n  if (isArray(slot) || !isObject(slot)) {\n    return toCamelCase(toArray(slot).join(\"-\"))\n  } else {\n    return toCamelCase(slot.name)\n  }\n}\n\nfunction getSlotName<Y extends string>(slot?: ComponentSlot<Y>) {\n  if (!slot) return \"\"\n\n  if (isArray(slot)) {\n    return slot.map((value) => toPascalCase(value as string)).join(\"\")\n  } else if (isObject(slot)) {\n    return toPascalCase(slot.name)\n  } else {\n    return toPascalCase(slot as string)\n  }\n}\n\nexport function createComponent<\n  Y extends object = {},\n  M extends ComponentStyle = Dict,\n>(name: string, style?: M) {\n  const defaultClassName = style?.className\n  const defaultDisplayName = getDisplayName(name)\n  const [PropsContext, usePropsContext] = createContext<Partial<Y>>({\n    name: `${defaultDisplayName}PropsContext`,\n    strict: false,\n  })\n\n  function useClassName(name?: string, className?: ClassName) {\n    const system = useSystem()\n\n    className = runIfFn(className, system)\n    className ??= getClassName(name, defaultClassName)(system)\n\n    return className\n  }\n\n  function useComponentProps<H extends Y = Y, R extends keyof H = keyof H>(\n    props: H,\n    {\n      className,\n      withContext = true,\n      transferProps,\n    }: UseComponentPropsOptions<R> = {},\n  ) {\n    const system = useSystem()\n\n    className = runIfFn(className, system)\n    className ??= defaultClassName\n    className ??= getClassName(name)(system)\n\n    const contextProps = usePropsContext() ?? {}\n    const mergedProps = withContext ? mergeProps(contextProps, props)() : props\n    const [, rest] = useComponentStyle(mergedProps, {\n      className,\n      style,\n      transferProps,\n    })\n\n    return rest\n  }\n\n  function component<D extends AsWithFragment = \"div\", H extends Dict = Y>(\n    el: D | FC<H>,\n    { name, className, ...options }: ComponentOptions = {},\n  ) {\n    const displayName = getDisplayName(name, defaultDisplayName)\n    const ProxyComponent = createProxyComponent(el, options)\n\n    return function (...superProps: SuperProps<H>[]) {\n      return withDisplayName<D, H>((props) => {\n        className = useClassName(name, className)\n\n        const mergedProps = chainProps<any>(...superProps)()(props)\n\n        return (\n          <ProxyComponent\n            {...mergedProps}\n            className={cx(className, mergedProps.className)}\n          />\n        )\n      }, displayName)\n    }\n  }\n\n  function withContext<\n    D extends AsWithFragment = \"div\",\n    H extends Y = Y,\n    R extends keyof H = keyof H,\n  >(\n    el: D | FC<WithoutThemeProps<H, M, R>>,\n    {\n      name,\n      className,\n      withContext,\n      transferProps,\n      ...options\n    }: ComponentWithContextOptions<R> = {},\n  ) {\n    const displayName = getDisplayName(name, defaultDisplayName)\n    const ProxyComponent = createProxyComponent(el, options)\n\n    return function (\n      initialProps?: InitialProps<H>,\n      ...superProps: SuperWithoutThemeProps<H, M, R>[]\n    ) {\n      return withDisplayName<D, H>((props) => {\n        className = useClassName(name, className)\n\n        const computedProps = isFunction(initialProps)\n          ? initialProps(props)\n          : mergeProps(initialProps ?? {}, props)()\n        const mergedProps = useComponentProps(computedProps, {\n          className,\n          withContext,\n          transferProps,\n        })\n        const rest = chainProps<any>(...toArray(superProps))()(mergedProps)\n\n        return <ProxyComponent {...rest} />\n      }, displayName)\n    }\n  }\n\n  return {\n    component,\n    PropsContext,\n    usePropsContext,\n    withContext,\n    useComponentProps,\n  }\n}\n\nexport function createSlotComponent<\n  Y extends object = {},\n  M extends ComponentSlotStyle = Dict,\n  D extends Dict = Dict,\n>(rootName: string, style?: M) {\n  const rootClassName = style?.className\n  const rootDisplayName = getDisplayName(rootName)\n  const classNameMap = new Map<string, classNameOptions>()\n  const [StyleContext, useStyleContext] = createContext<\n    CSSSlotObject<ComponentSlotName<M>>\n  >({\n    name: `${rootDisplayName}StyleContext`,\n  })\n  const [ComponentContext, useComponentContext] = createContext<D>({\n    name: `${rootDisplayName}Context`,\n  })\n  const [PropsContext, usePropsContext] = createContext<Partial<Y>>({\n    name: `${rootDisplayName}PropsContext`,\n    strict: false,\n  })\n\n  function useClassName(\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    className?: ClassName,\n  ) {\n    const system = useSystem()\n\n    className = runIfFn(className, system)\n    className ??= getSlotClassName(\n      rootClassName ?? getClassName(rootName)(system),\n      slot,\n    )\n\n    return className\n  }\n\n  function useClassNames() {\n    const system = useSystem()\n    const entries = classNameMap.entries().map(([key, { className, slot }]) => {\n      className = runIfFn(className, system)\n      className ??= getSlotClassName(\n        rootClassName ?? getClassName(rootName)(system),\n        slot,\n      )\n\n      return [key, className]\n    })\n\n    return Object.fromEntries(\n      entries.filter(([_, className]) => className),\n    ) as { [key: string]: string }\n  }\n\n  function useRootComponentProps<\n    Y extends Dict = Dict,\n    R extends keyof Y = keyof Y,\n  >(\n    props: Y,\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    {\n      className,\n      withContext = true,\n      transferProps,\n    }: UseComponentPropsOptions<R> = {},\n  ): [\n    CSSSlotObject,\n    Merge<WithoutThemeProps<Y, M, R>, { css?: CSSObject | CSSObject[] }>,\n  ] {\n    className = useClassName(slot, className)\n\n    const contextProps = usePropsContext() ?? {}\n    const mergedProps = withContext ? mergeProps(contextProps, props)() : props\n    const [css, rest] = useComponentSlotStyle(mergedProps, {\n      className,\n      style,\n      slot,\n      transferProps,\n    })\n\n    return [css, rest]\n  }\n\n  function useSlotComponentProps<Y extends Dict = Dict>(\n    props: Y,\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    {\n      className,\n      withContext = true,\n    }: Omit<UseComponentPropsOptions, \"transferProps\"> = {},\n  ) {\n    className = useClassName(slot, className)\n\n    const style = useStyleContext()\n    const contextProps = usePropsContext() ?? {}\n    const rest = withContext ? mergeProps(contextProps, props)() : props\n\n    return {\n      ...rest,\n      className: cx(className, rest.className),\n      css: mergeSlotCSS(slot, style, rest.css),\n    }\n  }\n\n  function component<H extends AsWithFragment = \"div\", R extends Dict = Dict>(\n    el: FC<R> | H,\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    { name, className, ...options }: ComponentOptions = {},\n  ) {\n    const ProxyComponent = createProxyComponent(el, options)\n    const slotKey = getSlotKey(slot)\n    const slotName = getSlotName(slot)\n    const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n    classNameMap.set(slotKey, { className, slot })\n\n    return function (...superProps: SuperProps<R>[]) {\n      return withDisplayName<H, R>((props) => {\n        className = useClassName(slot, className)\n\n        const mergedProps = chainProps(...superProps)()(props)\n\n        return (\n          <ProxyComponent\n            {...mergedProps}\n            className={cx(className, mergedProps.className)}\n          />\n        )\n      }, displayName)\n    }\n  }\n\n  function withProvider<\n    H extends AsWithFragment = \"div\",\n    R extends Y = Y,\n    T extends keyof R = keyof R,\n  >(\n    el: FC<WithoutThemeProps<R, M, T>> | H,\n    slot: ComponentSlot<ComponentSlotName<M>> = \"root\" as ComponentSlot<\n      ComponentSlotName<M>\n    >,\n    {\n      name,\n      className,\n      withContext,\n      transferProps,\n      ...options\n    }: ComponentWithContextOptions<T> = {},\n  ) {\n    const ProxyComponent = createProxyComponent(el, options)\n    const slotKey = getSlotKey(slot)\n    const slotName = getSlotName(slot)\n    const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n    classNameMap.set(slotKey, { className, slot })\n\n    return function (\n      initialProps?: InitialProps<R>,\n      ...superProps: SuperWithoutThemeProps<R, M, T>[]\n    ) {\n      return withDisplayName<H, R>((props) => {\n        const computedProps = isFunction(initialProps)\n          ? initialProps(props)\n          : mergeProps(initialProps ?? {}, props)()\n        const [context, mergedProps] = useRootComponentProps(\n          computedProps,\n          slot,\n          {\n            className,\n            withContext,\n            transferProps,\n          },\n        )\n        const rest = chainProps<any>(...superProps)()(mergedProps)\n\n        return (\n          <StyleContext value={context}>\n            <ProxyComponent {...rest} />\n          </StyleContext>\n        )\n      }, displayName)\n    }\n  }\n\n  function withContext<\n    H extends AsWithFragment = \"div\",\n    R extends Dict = H extends DOMElement ? HTMLStyledProps<H> : Dict,\n  >(\n    el: FC<R> | H,\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    {\n      name,\n      className,\n      withContext,\n      ...options\n    }: Omit<ComponentWithContextOptions, \"transferProps\"> = {},\n  ) {\n    const ProxyComponent = createProxyComponent(el, options)\n    const slotKey = getSlotKey(slot)\n    const slotName = getSlotName(slot)\n    const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n    classNameMap.set(slotKey, { className, slot })\n\n    return function (\n      initialProps?: InitialProps<R>,\n      ...superProps: SuperProps<R>[]\n    ) {\n      return withDisplayName<H, R>((props) => {\n        const computedProps = isFunction(initialProps)\n          ? initialProps(props)\n          : mergeProps(initialProps ?? {}, props)()\n        const mergedProps = useSlotComponentProps(computedProps, slot, {\n          className,\n          withContext,\n        })\n        const rest = chainProps(...superProps)()(mergedProps)\n\n        return <ProxyComponent {...rest} />\n      }, displayName)\n    }\n  }\n\n  return {\n    component,\n    ComponentContext,\n    PropsContext,\n    StyleContext,\n    useClassNames,\n    useComponentContext,\n    usePropsContext,\n    useStyleContext,\n    withContext,\n    withProvider,\n    useRootComponentProps,\n    useSlotComponentProps,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"create-component.js","names":["el: FC<M> | Y","Component: FC<M>","displayName: string","slot?: ComponentSlot<Y>","slotCSS?: CSSSlotObject<Y>","slot","css?: CSSObject | CSSObject[]","result: CSSObject[]","name: string","style?: M","name?: string","className?: ClassName","name","props: H","withContext","el: D | FC<H>","el: D | FC<WithoutThemeProps<H, M, R>>","initialProps?: InitialProps<H>","rootName: string","slot?: ComponentSlot<ComponentSlotName<M>>","props: Y","style","el: FC<R> | H","el: FC<WithoutThemeProps<R, M, T>> | H","slot: ComponentSlot<ComponentSlotName<M>>","initialProps?: InitialProps<R>"],"sources":["../../../../src/core/components/create-component.tsx"],"sourcesContent":["\"use client\"\n\nimport type { FC, FunctionComponent } from \"react\"\nimport type { AnyString, Dict, Merge } from \"../../utils\"\nimport type { CSSObject, CSSSlotObject } from \"../css\"\nimport type {\n  ComponentSlotStyle,\n  ComponentStyle,\n  System,\n  WithoutThemeProps,\n} from \"../system\"\nimport type { StyledOptions } from \"../system\"\nimport type {\n  As,\n  DOMElement,\n  HTMLStyledProps,\n  Component as OriginalComponent,\n} from \"./index.types\"\nimport { Fragment } from \"react\"\nimport {\n  createContext,\n  cx,\n  isArray,\n  isFunction,\n  isObject,\n  isString,\n  runIfFn,\n  toArray,\n  toCamelCase,\n  toPascalCase,\n} from \"../../utils\"\nimport { styled, useSystem } from \"../system\"\nimport { chainProps, mergeProps } from \"./props\"\nimport {\n  getSlotClassName,\n  useComponentSlotStyle,\n  useComponentStyle,\n} from \"./use-component-style\"\nimport { getClassName, getDisplayName } from \"./utils\"\n\ntype AsWithFragment = \"fragment\" | As\ntype ClassName = ((system: System) => string) | string\n\ntype Component<\n  Y extends AsWithFragment = AsWithFragment,\n  M extends object = {},\n> = Y extends \"fragment\"\n  ? FunctionComponent<M>\n  : OriginalComponent<Exclude<Y, \"fragment\">, M>\n\nexport type ComponentSlotName<\n  Y extends ComponentSlotStyle | ComponentStyle = ComponentSlotStyle,\n> = AnyString | Extract<keyof Required<Y>[\"base\"], string>\n\nexport type ComponentSlot<Y extends string> =\n  | [Y, Y]\n  | Y\n  | { name: string; slot: [Y, Y] | Y }\n\nexport type InitialProps<Y extends Dict = Dict> = ((props: Y) => any) | Y\nexport type SuperProps<Y extends Dict = Dict> = ((props: Y) => any) | Y\n\nexport type SuperWithoutThemeProps<\n  Y extends Dict = Dict,\n  M extends Dict = Dict,\n  D extends keyof Y = keyof Y,\n> = ((props: WithoutThemeProps<Y, M, D>) => any) | WithoutThemeProps<Y, M, D>\n\nexport interface UseComponentPropsOptions<\n  Y extends number | string | symbol = string,\n> {\n  className?: ClassName\n  withContext?: boolean\n  transferProps?: Y[]\n}\n\nexport interface ComponentOptions extends Omit<StyledOptions, \"transferProps\"> {\n  className?: ClassName\n  shouldStyleProps?: boolean\n}\n\ninterface classNameOptions<Y extends string = string> {\n  className?: ClassName\n  slot?: ComponentSlot<Y>\n}\n\nexport interface ComponentWithContextOptions<\n  Y extends number | string | symbol = string,\n> extends ComponentOptions,\n    UseComponentPropsOptions<Y> {}\n\nfunction createProxyComponent<\n  Y extends AsWithFragment = \"div\",\n  M extends Dict = Dict,\n>(el: FC<M> | Y, { shouldStyleProps, ...options }: ComponentOptions = {}) {\n  options.shouldForwardProp ??= isFunction(el)\n  shouldStyleProps ??= !isFunction(el)\n\n  if (el === \"fragment\") el = Fragment\n\n  if (shouldStyleProps || isString(el)) {\n    const ProxyComponent = styled(el as As, options)\n\n    ProxyComponent.displayName = \"ProxyComponent\"\n\n    return ProxyComponent\n  } else {\n    el.displayName ??= \"ProxyComponent\"\n\n    return el as FC<M>\n  }\n}\n\nfunction withDisplayName<\n  Y extends AsWithFragment = AsWithFragment,\n  M extends object = {},\n>(Component: FC<M>, displayName: string) {\n  Object.defineProperty(Component, \"name\", { value: displayName })\n  Object.defineProperty(Component, \"displayName\", { value: displayName })\n\n  return Component as Component<Y, M>\n}\n\nfunction getSlotCSS<Y extends string>(\n  slot?: ComponentSlot<Y>,\n  slotCSS?: CSSSlotObject<Y>,\n): CSSObject[] {\n  if (!slotCSS || !slot) return []\n\n  if (isArray(slot)) {\n    return slot.map((slot) => slotCSS[slot]!)\n  } else if (isObject(slot)) {\n    if (isArray(slot.slot)) {\n      return slot.slot.map((slot) => slotCSS[slot]!)\n    } else {\n      return [slotCSS[slot.slot]!]\n    }\n  } else {\n    return [slotCSS[slot]!]\n  }\n}\n\nfunction mergeSlotCSS<Y extends string>(\n  slot?: ComponentSlot<Y>,\n  slotCSS?: CSSSlotObject<Y>,\n  css?: CSSObject | CSSObject[],\n) {\n  if (!slotCSS || !slot) return css\n\n  const result: CSSObject[] = []\n\n  result.push(...getSlotCSS(slot, slotCSS))\n\n  if (css) result.push(...toArray(css))\n\n  return result\n}\n\nfunction getSlotKey<Y extends string>(slot?: ComponentSlot<Y>) {\n  if (!slot) return \"unknown\"\n\n  if (isArray(slot) || !isObject(slot)) {\n    return toCamelCase(toArray(slot).join(\"-\"))\n  } else {\n    return toCamelCase(slot.name)\n  }\n}\n\nfunction getSlotName<Y extends string>(slot?: ComponentSlot<Y>) {\n  if (!slot) return \"\"\n\n  if (isArray(slot)) {\n    return slot.map((value) => toPascalCase(value as string)).join(\"\")\n  } else if (isObject(slot)) {\n    return toPascalCase(slot.name)\n  } else {\n    return toPascalCase(slot as string)\n  }\n}\n\nexport function createComponent<\n  Y extends object = {},\n  M extends ComponentStyle = Dict,\n>(name: string, style?: M) {\n  const defaultClassName = style?.className\n  const defaultDisplayName = getDisplayName(name)\n  const [PropsContext, usePropsContext] = createContext<Partial<Y>>({\n    name: `${defaultDisplayName}PropsContext`,\n    strict: false,\n  })\n\n  function useClassName(name?: string, className?: ClassName) {\n    const system = useSystem()\n\n    className = runIfFn(className, system)\n    className ??= getClassName(name, defaultClassName)(system)\n\n    return className\n  }\n\n  function useComponentProps<H extends Y = Y, R extends keyof H = keyof H>(\n    props: H,\n    {\n      className,\n      withContext = true,\n      transferProps,\n    }: UseComponentPropsOptions<R> = {},\n  ) {\n    const system = useSystem()\n\n    className = runIfFn(className, system)\n    className ??= defaultClassName\n    className ??= getClassName(name)(system)\n\n    const contextProps = usePropsContext() ?? {}\n    const mergedProps = withContext ? mergeProps(contextProps, props)() : props\n    const [, rest] = useComponentStyle(mergedProps, {\n      className,\n      style,\n      transferProps,\n    })\n\n    return rest\n  }\n\n  function component<D extends AsWithFragment = \"div\", H extends Dict = Y>(\n    el: D | FC<H>,\n    { name, className, ...options }: ComponentOptions = {},\n  ) {\n    const displayName = getDisplayName(name, defaultDisplayName)\n    const ProxyComponent = createProxyComponent(el, options)\n\n    return function (...superProps: SuperProps<H>[]) {\n      return withDisplayName<D, H>((props) => {\n        className = useClassName(name, className)\n\n        const mergedProps = chainProps<any>(...superProps)()(props)\n\n        return (\n          <ProxyComponent\n            {...mergedProps}\n            className={cx(className, mergedProps.className)}\n          />\n        )\n      }, displayName)\n    }\n  }\n\n  function withContext<\n    D extends AsWithFragment = \"div\",\n    H extends Y = Y,\n    R extends keyof H = keyof H,\n  >(\n    el: D | FC<WithoutThemeProps<H, M, R>>,\n    {\n      name,\n      className,\n      withContext,\n      transferProps,\n      ...options\n    }: ComponentWithContextOptions<R> = {},\n  ) {\n    const displayName = getDisplayName(name, defaultDisplayName)\n    const ProxyComponent = createProxyComponent(el, options)\n\n    return function (\n      initialProps?: InitialProps<H>,\n      ...superProps: SuperWithoutThemeProps<H, M, R>[]\n    ) {\n      return withDisplayName<D, H>((props) => {\n        className = useClassName(name, className)\n\n        const computedProps = isFunction(initialProps)\n          ? initialProps(props)\n          : mergeProps(initialProps ?? {}, props)()\n        const mergedProps = useComponentProps(computedProps, {\n          className,\n          withContext,\n          transferProps,\n        })\n        const rest = chainProps<any>(...toArray(superProps))()(mergedProps)\n\n        return <ProxyComponent {...rest} />\n      }, displayName)\n    }\n  }\n\n  return {\n    component,\n    PropsContext,\n    usePropsContext,\n    withContext,\n    useComponentProps,\n  }\n}\n\nexport function createSlotComponent<\n  Y extends object = {},\n  M extends ComponentSlotStyle = Dict,\n  D extends Dict = Dict,\n>(rootName: string, style?: M) {\n  const rootClassName = style?.className\n  const rootDisplayName = getDisplayName(rootName)\n  const classNameMap = new Map<string, classNameOptions>()\n  const [StyleContext, useStyleContext] = createContext<\n    CSSSlotObject<ComponentSlotName<M>>\n  >({\n    name: `${rootDisplayName}StyleContext`,\n  })\n  const [ComponentContext, useComponentContext] = createContext<D>({\n    name: `${rootDisplayName}Context`,\n  })\n  const [PropsContext, usePropsContext] = createContext<Partial<Y>>({\n    name: `${rootDisplayName}PropsContext`,\n    strict: false,\n  })\n\n  function useClassName(\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    className?: ClassName,\n  ) {\n    const system = useSystem()\n\n    className = runIfFn(className, system)\n    className ??= getSlotClassName(\n      rootClassName ?? getClassName(rootName)(system),\n      slot,\n    )\n\n    return className\n  }\n\n  function useClassNames() {\n    const system = useSystem()\n    const entries = classNameMap.entries().map(([key, { className, slot }]) => {\n      className = runIfFn(className, system)\n      className ??= getSlotClassName(\n        rootClassName ?? getClassName(rootName)(system),\n        slot,\n      )\n\n      return [key, className]\n    })\n\n    return Object.fromEntries(\n      entries.filter(([_, className]) => className),\n    ) as { [key: string]: string }\n  }\n\n  function useRootComponentProps<\n    Y extends Dict = Dict,\n    R extends keyof Y = keyof Y,\n  >(\n    props: Y,\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    {\n      className,\n      withContext = true,\n      transferProps,\n    }: UseComponentPropsOptions<R> = {},\n  ): [\n    CSSSlotObject,\n    Merge<WithoutThemeProps<Y, M, R>, { css?: CSSObject | CSSObject[] }>,\n  ] {\n    className = useClassName(slot, className)\n\n    const contextProps = usePropsContext() ?? {}\n    const mergedProps = withContext ? mergeProps(contextProps, props)() : props\n    const [css, rest] = useComponentSlotStyle(mergedProps, {\n      className,\n      style,\n      slot,\n      transferProps,\n    })\n\n    return [css, rest]\n  }\n\n  function useSlotComponentProps<Y extends Dict = Dict>(\n    props: Y,\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    {\n      className,\n      withContext = true,\n    }: Omit<UseComponentPropsOptions, \"transferProps\"> = {},\n  ) {\n    className = useClassName(slot, className)\n\n    const style = useStyleContext()\n    const contextProps = usePropsContext() ?? {}\n    const rest = withContext ? mergeProps(contextProps, props)() : props\n\n    return {\n      ...rest,\n      className: cx(className, rest.className),\n      css: mergeSlotCSS(slot, style, rest.css),\n    }\n  }\n\n  function component<H extends AsWithFragment = \"div\", R extends Dict = Dict>(\n    el: FC<R> | H,\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    { name, className, ...options }: ComponentOptions = {},\n  ) {\n    const ProxyComponent = createProxyComponent(el, options)\n    const slotKey = getSlotKey(slot)\n    const slotName = getSlotName(slot)\n    const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n    classNameMap.set(slotKey, { className, slot })\n\n    return function (...superProps: SuperProps<R>[]) {\n      return withDisplayName<H, R>((props) => {\n        className = useClassName(slot, className)\n\n        const mergedProps = chainProps(...superProps)()(props)\n\n        return (\n          <ProxyComponent\n            {...mergedProps}\n            className={cx(className, mergedProps.className)}\n          />\n        )\n      }, displayName)\n    }\n  }\n\n  function withProvider<\n    H extends AsWithFragment = \"div\",\n    R extends Y = Y,\n    T extends keyof R = keyof R,\n  >(\n    el: FC<WithoutThemeProps<R, M, T>> | H,\n    slot: ComponentSlot<ComponentSlotName<M>> = \"root\" as ComponentSlot<\n      ComponentSlotName<M>\n    >,\n    {\n      name,\n      className,\n      withContext,\n      transferProps,\n      ...options\n    }: ComponentWithContextOptions<T> = {},\n  ) {\n    const ProxyComponent = createProxyComponent(el, options)\n    const slotKey = getSlotKey(slot)\n    const slotName = getSlotName(slot)\n    const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n    classNameMap.set(slotKey, { className, slot })\n\n    return function (\n      initialProps?: InitialProps<R>,\n      ...superProps: SuperWithoutThemeProps<R, M, T>[]\n    ) {\n      return withDisplayName<H, R>((props) => {\n        const computedProps = isFunction(initialProps)\n          ? initialProps(props)\n          : mergeProps(initialProps ?? {}, props)()\n        const [context, mergedProps] = useRootComponentProps(\n          computedProps,\n          slot,\n          {\n            className,\n            withContext,\n            transferProps,\n          },\n        )\n        const rest = chainProps<any>(...superProps)()(mergedProps)\n\n        return (\n          <StyleContext value={context}>\n            <ProxyComponent {...rest} />\n          </StyleContext>\n        )\n      }, displayName)\n    }\n  }\n\n  function withContext<\n    H extends AsWithFragment = \"div\",\n    R extends Dict = H extends DOMElement ? HTMLStyledProps<H> : Dict,\n  >(\n    el: FC<R> | H,\n    slot?: ComponentSlot<ComponentSlotName<M>>,\n    {\n      name,\n      className,\n      withContext,\n      ...options\n    }: Omit<ComponentWithContextOptions, \"transferProps\"> = {},\n  ) {\n    const ProxyComponent = createProxyComponent(el, options)\n    const slotKey = getSlotKey(slot)\n    const slotName = getSlotName(slot)\n    const displayName = getDisplayName(name, `${rootDisplayName}${slotName}`)\n\n    classNameMap.set(slotKey, { className, slot })\n\n    return function (\n      initialProps?: InitialProps<R>,\n      ...superProps: SuperProps<R>[]\n    ) {\n      return withDisplayName<H, R>((props) => {\n        const computedProps = isFunction(initialProps)\n          ? initialProps(props)\n          : mergeProps(initialProps ?? {}, props)()\n        const mergedProps = useSlotComponentProps(computedProps, slot, {\n          className,\n          withContext,\n        })\n        const rest = chainProps(...superProps)()(mergedProps)\n\n        return <ProxyComponent {...rest} />\n      }, displayName)\n    }\n  }\n\n  return {\n    component,\n    ComponentContext,\n    PropsContext,\n    StyleContext,\n    useClassNames,\n    useComponentContext,\n    usePropsContext,\n    useStyleContext,\n    withContext,\n    withProvider,\n    useRootComponentProps,\n    useSlotComponentProps,\n  }\n}\n"],"mappings":"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"}

package/dist/esm/core/components/props.js

@@ -1,5 +1,8 @@
 import { mergeRefs } from "../../utils/ref.js";
-import { utils_exports } from "../../utils/index.js";
+import { isArray, isEmptyObject, isFunction, isObject, isUndefined } from "../../utils/common/assertion.js";
+import { handlerAll } from "../../utils/common/function.js";
+import { merge, omitObject, splitObject } from "../../utils/common/object.js";
+import { cx } from "../../utils/common/string.js";
 import { conditionProperties } from "../css/conditions.js";
 import { styleProperties } from "../css/styles.js";
 import { useMemo } from "react";
@@ -26,29 +29,29 @@ function mergeProps(...args) {
 					result[key] = mergeRefs(result[key], props[key]);
 					continue;
 				}
-				if (mergeEvent && isEvent(key) && (0, utils_exports.isFunction)(result[key]) && (0, utils_exports.isFunction)(props[key])) {
-					result[key] = (0, utils_exports.handlerAll)(result[key], props[key]);
+				if (mergeEvent && isEvent(key) && isFunction(result[key]) && isFunction(props[key])) {
+					result[key] = handlerAll(result[key], props[key]);
 					continue;
 				}
 				if (mergeClassName && (key === "className" || key === "class")) {
-					result[key] = (0, utils_exports.cx)(result[key], props[key]);
+					result[key] = cx(result[key], props[key]);
 					continue;
 				}
 				if (mergeStyle && key === "style") {
-					result[key] = (0, utils_exports.merge)(result[key] ?? {}, props[key] ?? {});
+					result[key] = merge(result[key] ?? {}, props[key] ?? {});
 					continue;
 				}
 				if (mergeCSS && key === "css") {
-					if ((0, utils_exports.isArray)(result[key])) result[key].push(props[key]);
+					if (isArray(result[key])) result[key].push(props[key]);
 					else {
 						result[key] ??= [];
 						result[key] = [result[key], props[key]];
 					}
 					continue;
 				}
-				result[key] = !(0, utils_exports.isUndefined)(props[key]) ? props[key] : result[key];
+				result[key] = !isUndefined(props[key]) ? props[key] : result[key];
 			}
-			for (const key in props) if ((0, utils_exports.isUndefined)(result[key])) result[key] = props[key];
+			for (const key in props) if (isUndefined(result[key])) result[key] = props[key];
 		}
 		return result;
 	};
@@ -58,33 +61,33 @@ function chainProps(...props) {
 		if (!props.length) return (a) => a;
 		if (props.length === 1) return function(b) {
 			const a = props[0] ?? {};
-			const c = (0, utils_exports.isFunction)(a) ? a(b) : mergeProps(a, b)(options);
+			const c = isFunction(a) ? a(b) : mergeProps(a, b)(options);
 			return c;
 		};
 		return props.reduce(function(a, b) {
 			return function(c = {}) {
-				const d = (0, utils_exports.isFunction)(a) ? a(c) : mergeProps(a, c)(options);
-				const f = (0, utils_exports.isFunction)(b) ? b(d) : mergeProps(b, d)(options);
+				const d = isFunction(a) ? a(c) : mergeProps(a, c)(options);
+				const f = isFunction(b) ? b(d) : mergeProps(b, d)(options);
 				return f;
 			};
 		});
 	};
 }
 function isEqualProps(a, b, omitKeys = []) {
-	return isEqual((0, utils_exports.omitObject)(a, omitKeys), (0, utils_exports.omitObject)(b, omitKeys));
+	return isEqual(omitObject(a, omitKeys), omitObject(b, omitKeys));
 }
 function useSplitProps(props, keys) {
-	return useMemo(() => (0, utils_exports.splitObject)(props, keys), [props, keys]);
+	return useMemo(() => splitObject(props, keys), [props, keys]);
 }
 function extractProps(props, keys) {
 	let result = {};
 	Object.entries(props).forEach(([key, value]) => {
 		if (!cssProps.has(key)) return;
-		if (keys.includes(key)) result = (0, utils_exports.merge)(result, { [key]: value });
-		else if ((0, utils_exports.isObject)(value)) {
+		if (keys.includes(key)) result = merge(result, { [key]: value });
+		else if (isObject(value)) {
 			value = extractProps(value, keys);
-			if ((0, utils_exports.isEmptyObject)(value)) return;
-			result = (0, utils_exports.merge)(result, { [key]: value });
+			if (isEmptyObject(value)) return;
+			result = merge(result, { [key]: value });
 		}
 	});
 	return result;