@yamada-ui/react 2.2.1-dev-20260504103143 → 2.2.1-dev-20260509050741

package/dist/cjs/components/slot/slot.cjs

@@ -1,11 +1,8 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_children = require('../../utils/children.cjs');
-require('../../utils/index.cjs');
-const require_props = require('../../core/components/props.cjs');
-require('../../core/index.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_children = require("../../utils/children.cjs");
+const require_props = require("../../core/components/props.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/slot/slot.tsx
 /**
 * `Slot` is a component that merges its props onto its immediate child.
@@ -40,8 +37,8 @@ const SlotClone = ({ children, ...rest }) => {
 const Slottable = ({ children }) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children });
 };
-
 //#endregion
 exports.Slot = Slot;
 exports.Slottable = Slottable;
+
 //# sourceMappingURL=slot.cjs.map

package/dist/cjs/components/slot/slot.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"slot.cjs","names":["Slot: FC<SlotProps>","useValidChildren","useFindChild","Children","SlotClone: FC<SlotCloneProps>","mergeProps","Slottable: FC<PropsWithChildren>"],"sources":["../../../../src/components/slot/slot.tsx"],"sourcesContent":["import type {\n  FC,\n  HTMLAttributes,\n  PropsWithChildren,\n  RefAttributes,\n} from \"react\"\nimport { Children, cloneElement, isValidElement } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useFindChild, useValidChildren } from \"../../utils\"\n\nexport interface SlotProps\n  extends\n    HTMLAttributes<HTMLElement>,\n    RefAttributes<HTMLElement>,\n    PropsWithChildren {}\n\n/**\n * `Slot` is a component that merges its props onto its immediate child.\n *\n * @see https://yamada-ui.com/docs/components/slot\n */\nexport const Slot: FC<SlotProps> = ({ children, ...rest }) => {\n  const validChildren = useValidChildren(children)\n  const slottable = useFindChild(validChildren, Slottable)\n\n  if (slottable) {\n    const newElement = slottable.props.children\n\n    const newChildren = validChildren.map((child) => {\n      if (child === slottable) {\n        if (Children.count(newElement) > 1) return Children.only(null)\n        return isValidElement<PropsWithChildren>(newElement)\n          ? newElement.props.children\n          : null\n      } else {\n        return child\n      }\n    })\n\n    return (\n      <SlotClone {...rest}>\n        {isValidElement(newElement)\n          ? cloneElement(newElement, undefined, newChildren)\n          : null}\n      </SlotClone>\n    )\n  }\n\n  return <SlotClone {...rest}>{children}</SlotClone>\n}\n\ninterface SlotCloneProps\n  extends RefAttributes<HTMLElement>, PropsWithChildren {}\n\nconst SlotClone: FC<SlotCloneProps> = ({ children, ...rest }) => {\n  if (isValidElement<RefAttributes<HTMLElement>>(children))\n    return cloneElement(children, mergeProps(rest, children.props)())\n\n  return Children.count(children) > 1 ? Children.only(null) : null\n}\n\nexport const Slottable: FC<PropsWithChildren> = ({ children }) => {\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{children}</>\n}\n"],"mappings":";;;;;;;;;;;;;;AAqBA,MAAaA,QAAuB,EAAE,UAAU,GAAG,WAAW;CAC5D,MAAM,gBAAgBC,kCAAiB,SAAS;CAChD,MAAM,YAAYC,8BAAa,eAAe,UAAU;AAExD,KAAI,WAAW;EACb,MAAM,aAAa,UAAU,MAAM;EAEnC,MAAM,cAAc,cAAc,KAAK,UAAU;AAC/C,OAAI,UAAU,WAAW;AACvB,QAAIC,eAAS,MAAM,WAAW,GAAG,EAAG,QAAOA,eAAS,KAAK,KAAK;AAC9D,qCAAyC,WAAW,GAChD,WAAW,MAAM,WACjB;SAEJ,QAAO;IAET;AAEF,SACE,2CAAC;GAAU,GAAI;uCACG,WAAW,2BACV,YAAY,QAAW,YAAY,GAChD;IACM;;AAIhB,QAAO,2CAAC;EAAU,GAAI;EAAO;GAAqB;;AAMpD,MAAMC,aAAiC,EAAE,UAAU,GAAG,WAAW;AAC/D,+BAA+C,SAAS,CACtD,gCAAoB,UAAUC,yBAAW,MAAM,SAAS,MAAM,EAAE,CAAC;AAEnE,QAAOF,eAAS,MAAM,SAAS,GAAG,IAAIA,eAAS,KAAK,KAAK,GAAG;;AAG9D,MAAaG,aAAoC,EAAE,eAAe;AAEhE,QAAO,yEAAG,WAAY"}
+{"version":3,"file":"slot.cjs","names":["useValidChildren","useFindChild","Children","mergeProps"],"sources":["../../../../src/components/slot/slot.tsx"],"sourcesContent":["import type {\n  FC,\n  HTMLAttributes,\n  PropsWithChildren,\n  RefAttributes,\n} from \"react\"\nimport { Children, cloneElement, isValidElement } from \"react\"\nimport { mergeProps } from \"../../core\"\nimport { useFindChild, useValidChildren } from \"../../utils\"\n\nexport interface SlotProps\n  extends\n    HTMLAttributes<HTMLElement>,\n    RefAttributes<HTMLElement>,\n    PropsWithChildren {}\n\n/**\n * `Slot` is a component that merges its props onto its immediate child.\n *\n * @see https://yamada-ui.com/docs/components/slot\n */\nexport const Slot: FC<SlotProps> = ({ children, ...rest }) => {\n  const validChildren = useValidChildren(children)\n  const slottable = useFindChild(validChildren, Slottable)\n\n  if (slottable) {\n    const newElement = slottable.props.children\n\n    const newChildren = validChildren.map((child) => {\n      if (child === slottable) {\n        if (Children.count(newElement) > 1) return Children.only(null)\n        return isValidElement<PropsWithChildren>(newElement)\n          ? newElement.props.children\n          : null\n      } else {\n        return child\n      }\n    })\n\n    return (\n      <SlotClone {...rest}>\n        {isValidElement(newElement)\n          ? cloneElement(newElement, undefined, newChildren)\n          : null}\n      </SlotClone>\n    )\n  }\n\n  return <SlotClone {...rest}>{children}</SlotClone>\n}\n\ninterface SlotCloneProps\n  extends RefAttributes<HTMLElement>, PropsWithChildren {}\n\nconst SlotClone: FC<SlotCloneProps> = ({ children, ...rest }) => {\n  if (isValidElement<RefAttributes<HTMLElement>>(children))\n    return cloneElement(children, mergeProps(rest, children.props)())\n\n  return Children.count(children) > 1 ? Children.only(null) : null\n}\n\nexport const Slottable: FC<PropsWithChildren> = ({ children }) => {\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{children}</>\n}\n"],"mappings":";;;;;;;;;;;AAqBA,MAAa,QAAuB,EAAE,UAAU,GAAG,WAAW;CAC5D,MAAM,gBAAgBA,iBAAAA,iBAAiB,SAAS;CAChD,MAAM,YAAYC,iBAAAA,aAAa,eAAe,UAAU;CAExD,IAAI,WAAW;EACb,MAAM,aAAa,UAAU,MAAM;EAEnC,MAAM,cAAc,cAAc,KAAK,UAAU;GAC/C,IAAI,UAAU,WAAW;IACvB,IAAIC,MAAAA,SAAS,MAAM,WAAW,GAAG,GAAG,OAAOA,MAAAA,SAAS,KAAK,KAAK;IAC9D,QAAA,GAAA,MAAA,gBAAyC,WAAW,GAChD,WAAW,MAAM,WACjB;UAEJ,OAAO;IAET;EAEF,OACE,iBAAA,GAAA,kBAAA,KAAC,WAAD;GAAW,GAAI;uCACG,WAAW,IAAA,GAAA,MAAA,cACV,YAAY,KAAA,GAAW,YAAY,GAChD;GACM,CAAA;;CAIhB,OAAO,iBAAA,GAAA,kBAAA,KAAC,WAAD;EAAW,GAAI;EAAO;EAAqB,CAAA;;AAMpD,MAAM,aAAiC,EAAE,UAAU,GAAG,WAAW;CAC/D,KAAA,GAAA,MAAA,gBAA+C,SAAS,EACtD,QAAA,GAAA,MAAA,cAAoB,UAAUC,cAAAA,WAAW,MAAM,SAAS,MAAM,EAAE,CAAC;CAEnE,OAAOD,MAAAA,SAAS,MAAM,SAAS,GAAG,IAAIA,MAAAA,SAAS,KAAK,KAAK,GAAG;;AAG9D,MAAa,aAAoC,EAAE,eAAe;CAEhE,OAAO,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAG,UAAY,CAAA"}

package/dist/cjs/components/snacks/index.cjs

@@ -1,5 +1,5 @@
-const require_snacks = require('./snacks.cjs');
-const require_use_snacks = require('./use-snacks.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_snacks = require("./snacks.cjs");
+const require_use_snacks = require("./use-snacks.cjs");
 exports.Snacks = require_snacks.Snacks;
-exports.useSnacks = require_use_snacks.useSnacks;
+exports.useSnacks = require_use_snacks.useSnacks;

package/dist/cjs/components/snacks/snacks.cjs

@@ -1,24 +1,18 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_effect = require('../../utils/effect.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_var = require('../../core/system/var.cjs');
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_factory = require('../motion/factory.cjs');
-const require_transition = require('../motion/transition.cjs');
-require('../motion/index.cjs');
-const require_hooks_use_timeout_index = require('../../hooks/use-timeout/index.cjs');
-const require_alert = require('../alert/alert.cjs');
-require('../alert/index.cjs');
-const require_close_button = require('../close-button/close-button.cjs');
-require('../close-button/index.cjs');
-const require_snacks_style = require('./snacks.style.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_effect = require("../../utils/effect.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_var = require("../../core/system/var.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_factory = require("../motion/factory.cjs");
+const require_transition = require("../motion/transition.cjs");
+const require_hooks_use_timeout_index = require("../../hooks/use-timeout/index.cjs");
+const require_alert = require("../alert/alert.cjs");
+const require_close_button = require("../close-button/close-button.cjs");
+const require_snacks_style = require("./snacks.style.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let motion_react = require("motion/react");
-
 //#region src/components/snacks/snacks.tsx
 const { ComponentContext, PropsContext: SnacksPropsContext, useComponentContext, usePropsContext: useSnacksPropsContext, withContext, withProvider } = require_create_component.createSlotComponent("snacks", require_snacks_style.snacksStyle);
 const Snacks = withProvider(({ snacks: { direction = "start", items, startIndex = 0 }, listProps, ...rest }) => {
@@ -37,16 +31,16 @@ const Snacks = withProvider(({ snacks: { direction = "start", items, startIndex
 		if (!count) setExist(false);
 	}, [count]);
 	(0, react.useEffect)(() => {
-		let height$1 = 0;
+		let height = 0;
 		if (!count) return;
 		const els = [...elMapRef.current.values()].slice(0, count);
 		for (const el of els) {
 			if (!el) continue;
 			let { offsetHeight, offsetTop } = el;
 			offsetHeight += offsetTop;
-			if (offsetHeight > height$1) height$1 = offsetHeight;
+			if (offsetHeight > height) height = offsetHeight;
 		}
-		setHeight(height$1);
+		setHeight(height);
 	}, [count, direction]);
 	require_effect.useUpdateEffect(() => {
 		if (count) setExist(true);
@@ -206,7 +200,7 @@ const Snack = withContext(({ variant = "plain", closable = true, description, du
 });
 const SnackContent = withContext("div", "content")();
 const SnackCloseButton = withContext(require_close_button.CloseButton, "closeButton")();
-
 //#endregion
 exports.Snacks = Snacks;
+
 //# sourceMappingURL=snacks.cjs.map

package/dist/cjs/components/snacks/snacks.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"snacks.cjs","names":["createSlotComponent","snacksStyle","height","AnimatePresence","motion","varAttr","createTransition","CloseButton"],"sources":["../../../../src/components/snacks/snacks.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Dispatch, RefObject, SetStateAction } from \"react\"\nimport type { CSSProps, HTMLStyledProps, SimpleDirection } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { CloseButtonProps } from \"../close-button\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { SnacksStyle } from \"./snacks.style\"\nimport type { Snack, UseSnacksReturn } from \"./use-snacks\"\nimport { AnimatePresence, useIsPresent } from \"motion/react\"\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\"\nimport { createSlotComponent, varAttr } from \"../../core\"\nimport { useTimeout } from \"../../hooks/use-timeout\"\nimport { dataAttr, handlerAll, noop, useUpdateEffect } from \"../../utils\"\nimport { Alert } from \"../alert\"\nimport { CloseButton } from \"../close-button\"\nimport { createTransition, motion } from \"../motion\"\nimport { snacksStyle } from \"./snacks.style\"\n\ninterface ComponentContext {\n  direction: SimpleDirection\n  elMapRef: RefObject<Map<number, HTMLDivElement | null>>\n  setExist: Dispatch<SetStateAction<boolean>>\n  startIndex: number\n}\n\nexport interface SnacksProps extends HTMLMotionProps {\n  /**\n   * The snacks created by `useSnacks`.\n   */\n  snacks: UseSnacksReturn[\"snacks\"]\n  /**\n   * The CSS `gap` property.\n   *\n   * @default 'md'\n   */\n  gap?: CSSProps[\"gap\"]\n  /**\n   * A property that provides spacing between the top and bottom.\n   *\n   * @default [0, \"lg\"]\n   */\n  gutter?: [CSSProps[\"paddingTop\"], CSSProps[\"paddingBottom\"]]\n  /**\n   * If `true`, apply gutter value to negative margins\n   *\n   * @default true\n   */\n  negativeMargins?: boolean\n  /**\n   * Props for the snacks list element.\n   */\n  listProps?: HTMLMotionProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: SnacksPropsContext,\n  useComponentContext,\n  usePropsContext: useSnacksPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<SnacksProps, SnacksStyle, ComponentContext>(\n  \"snacks\",\n  snacksStyle,\n)\n\nexport { SnacksPropsContext, useSnacksPropsContext }\n\nexport const Snacks = withProvider<\"div\", SnacksProps>(\n  ({\n    snacks: { direction = \"start\", items, startIndex = 0 },\n    listProps,\n    ...rest\n  }) => {\n    const count = items.length\n    const elMapRef = useRef<Map<number, HTMLDivElement | null>>(new Map())\n    const [height, setHeight] = useState(0)\n    const [exist, setExist] = useState(!!count)\n    const show = !!count || exist\n    const context = useMemo(\n      () => ({ direction, elMapRef, setExist, startIndex }),\n      [direction, startIndex],\n    )\n\n    const onExitComplete = useCallback(() => {\n      if (!count) setExist(false)\n    }, [count])\n\n    useEffect(() => {\n      let height = 0\n\n      if (!count) return\n\n      const els = [...elMapRef.current.values()].slice(0, count)\n\n      for (const el of els) {\n        if (!el) continue\n\n        let { offsetHeight, offsetTop } = el\n\n        offsetHeight += offsetTop\n\n        if (offsetHeight > height) height = offsetHeight\n      }\n\n      setHeight(height)\n    }, [count, direction])\n\n    useUpdateEffect(() => {\n      if (count) setExist(true)\n    }, [count])\n\n    return (\n      <ComponentContext value={context}>\n        <AnimatePresence initial={false}>\n          {show ? (\n            <motion.div {...rest}>\n              <SnackList custom={{ height }} {...listProps}>\n                <AnimatePresence onExitComplete={onExitComplete}>\n                  {items.map((props, index) => {\n                    return (\n                      <Snack\n                        key={props.id}\n                        index={index}\n                        lastIndex={count - index - 1}\n                        {...props}\n                      />\n                    )\n                  })}\n                </AnimatePresence>\n              </SnackList>\n            </motion.div>\n          ) : null}\n        </AnimatePresence>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)(\n  {\n    animate: \"animate\",\n    exit: \"exit\",\n    initial: \"initial\",\n    variants: {\n      animate: {\n        padding: \"var(--top) 0 var(--bottom)\",\n        transition: { duration: 0.4 },\n      },\n      exit: { padding: 0 },\n      initial: { padding: 0 },\n    },\n  },\n  ({ gap, gutter = [0, \"lg\"], negativeMargins = true, ...rest }) => ({\n    \"data-negative\": dataAttr(negativeMargins),\n    \"--bottom\": varAttr(gutter[1], \"spaces\", \"0px\"),\n    \"--gap\": varAttr(gap, \"spaces\"),\n    \"--top\": varAttr(gutter[0], \"spaces\", \"0px\"),\n    ...rest,\n  }),\n)\n\ninterface SnackListProps extends HTMLMotionProps {}\n\nconst SnackList = withContext<\"div\", SnackListProps>(\n  motion.div,\n  \"list\",\n)({\n  animate: \"animate\",\n  exit: \"exit\",\n  initial: \"initial\",\n  role: \"list\",\n  variants: {\n    animate: ({ height }) => ({\n      height,\n      opacity: 1,\n      transition: { duration: 0.4 },\n    }),\n    exit: { height: 0, opacity: 0 },\n    initial: { height: 0, opacity: 1 },\n  },\n})\n\ninterface SnackProps extends Merge<\n  HTMLMotionProps,\n  Merge<Alert.RootProps, Snack>\n> {\n  index: number\n  lastIndex: number\n}\n\nconst Snack = withContext<\"div\", SnackProps>(\n  ({\n    variant = \"plain\",\n    closable = true,\n    description,\n    duration: durationProp = null,\n    loadingScheme,\n    status,\n    title,\n    withIcon = true,\n    closeButtonProps,\n    contentProps,\n    descriptionProps,\n    iconProps,\n    loadingProps,\n    titleProps,\n    onClose: onCloseProp,\n    onCloseComplete,\n    ...rest\n  }) => {\n    const [duration, setDuration] = useState(durationProp)\n    const present = useIsPresent()\n    const onClose = present ? onCloseProp : noop\n\n    const onMouseEnter = useCallback(() => {\n      setDuration(null)\n    }, [])\n\n    const onMouseLeave = useCallback(() => {\n      setDuration(durationProp)\n    }, [durationProp])\n\n    useUpdateEffect(() => {\n      if (!present) onCloseComplete?.()\n    }, [present])\n\n    useUpdateEffect(() => {\n      setDuration(durationProp)\n    }, [durationProp])\n\n    useTimeout(onClose, duration)\n\n    return (\n      <Alert.Root\n        as={motion.div}\n        variant={variant}\n        status={status}\n        {...rest}\n        onMouseEnter={handlerAll(rest.onMouseEnter, onMouseEnter)}\n        onMouseLeave={handlerAll(rest.onMouseLeave, onMouseLeave)}\n      >\n        {withIcon ? (\n          loadingScheme ? (\n            <Alert.Loading loadingScheme={loadingScheme} {...loadingProps} />\n          ) : (\n            <Alert.Icon {...iconProps} />\n          )\n        ) : null}\n\n        <SnackContent data-close-button={dataAttr(closable)} {...contentProps}>\n          {title ? (\n            <Alert.Title me=\"0\" {...titleProps}>\n              {title}\n            </Alert.Title>\n          ) : null}\n\n          {description ? (\n            <Alert.Description {...descriptionProps}>\n              {description}\n            </Alert.Description>\n          ) : null}\n        </SnackContent>\n\n        {closable ? (\n          <SnackCloseButton\n            data-variant={variant}\n            {...closeButtonProps}\n            onClick={handlerAll(closeButtonProps?.onClick, onClose)}\n          />\n        ) : null}\n      </Alert.Root>\n    )\n  },\n  \"item\",\n)(\n  {\n    animate: \"animate\",\n    exit: \"exit\",\n    initial: \"initial\",\n    layout: true,\n    role: \"listitem\",\n    variants: {\n      animate: ({ index }) => ({\n        opacity: 1,\n        transition: createTransition.enter()(!index ? 0.2 : 0, 0.4),\n        y: 0,\n      }),\n      exit: {\n        opacity: 0,\n        transition: createTransition.exit()(undefined, 0.2),\n      },\n      initial: ({ direction, index }) => ({\n        opacity: 0,\n        ...(index ? { y: (direction === \"start\" ? -1 : 1) * 16 } : {}),\n      }),\n    },\n  },\n  ({ index, lastIndex, ...rest }) => {\n    const ref = useRef<HTMLDivElement>(null)\n    const { direction, elMapRef, startIndex } = useComponentContext()\n\n    useEffect(() => {\n      const elMap = elMapRef.current\n\n      elMap.set(index, ref.current)\n\n      return () => {\n        elMap.delete(index)\n      }\n    }, [elMapRef, index])\n\n    return {\n      ref,\n      \"--index\": direction === \"start\" ? lastIndex : index,\n      \"--z-index\": startIndex + index,\n      custom: { direction, index },\n      ...rest,\n    }\n  },\n)\n\nexport interface SnackContentProps extends HTMLStyledProps {}\n\nconst SnackContent = withContext<\"div\", SnackContentProps>(\"div\", \"content\")()\n\nexport interface SnackCloseButtonProps extends CloseButtonProps {}\n\nconst SnackCloseButton = withContext<\"button\", SnackCloseButtonProps>(\n  CloseButton,\n  \"closeButton\",\n)()\n"],"mappings":"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"}
+{"version":3,"file":"snacks.cjs","names":["createSlotComponent","snacksStyle","AnimatePresence","motion","varAttr","createTransition","CloseButton"],"sources":["../../../../src/components/snacks/snacks.tsx"],"sourcesContent":["\"use client\"\n\nimport type { Dispatch, RefObject, SetStateAction } from \"react\"\nimport type { CSSProps, HTMLStyledProps, SimpleDirection } from \"../../core\"\nimport type { Merge } from \"../../utils\"\nimport type { CloseButtonProps } from \"../close-button\"\nimport type { HTMLMotionProps } from \"../motion\"\nimport type { SnacksStyle } from \"./snacks.style\"\nimport type { Snack, UseSnacksReturn } from \"./use-snacks\"\nimport { AnimatePresence, useIsPresent } from \"motion/react\"\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\"\nimport { createSlotComponent, varAttr } from \"../../core\"\nimport { useTimeout } from \"../../hooks/use-timeout\"\nimport { dataAttr, handlerAll, noop, useUpdateEffect } from \"../../utils\"\nimport { Alert } from \"../alert\"\nimport { CloseButton } from \"../close-button\"\nimport { createTransition, motion } from \"../motion\"\nimport { snacksStyle } from \"./snacks.style\"\n\ninterface ComponentContext {\n  direction: SimpleDirection\n  elMapRef: RefObject<Map<number, HTMLDivElement | null>>\n  setExist: Dispatch<SetStateAction<boolean>>\n  startIndex: number\n}\n\nexport interface SnacksProps extends HTMLMotionProps {\n  /**\n   * The snacks created by `useSnacks`.\n   */\n  snacks: UseSnacksReturn[\"snacks\"]\n  /**\n   * The CSS `gap` property.\n   *\n   * @default 'md'\n   */\n  gap?: CSSProps[\"gap\"]\n  /**\n   * A property that provides spacing between the top and bottom.\n   *\n   * @default [0, \"lg\"]\n   */\n  gutter?: [CSSProps[\"paddingTop\"], CSSProps[\"paddingBottom\"]]\n  /**\n   * If `true`, apply gutter value to negative margins\n   *\n   * @default true\n   */\n  negativeMargins?: boolean\n  /**\n   * Props for the snacks list element.\n   */\n  listProps?: HTMLMotionProps\n}\n\nconst {\n  ComponentContext,\n  PropsContext: SnacksPropsContext,\n  useComponentContext,\n  usePropsContext: useSnacksPropsContext,\n  withContext,\n  withProvider,\n} = createSlotComponent<SnacksProps, SnacksStyle, ComponentContext>(\n  \"snacks\",\n  snacksStyle,\n)\n\nexport { SnacksPropsContext, useSnacksPropsContext }\n\nexport const Snacks = withProvider<\"div\", SnacksProps>(\n  ({\n    snacks: { direction = \"start\", items, startIndex = 0 },\n    listProps,\n    ...rest\n  }) => {\n    const count = items.length\n    const elMapRef = useRef<Map<number, HTMLDivElement | null>>(new Map())\n    const [height, setHeight] = useState(0)\n    const [exist, setExist] = useState(!!count)\n    const show = !!count || exist\n    const context = useMemo(\n      () => ({ direction, elMapRef, setExist, startIndex }),\n      [direction, startIndex],\n    )\n\n    const onExitComplete = useCallback(() => {\n      if (!count) setExist(false)\n    }, [count])\n\n    useEffect(() => {\n      let height = 0\n\n      if (!count) return\n\n      const els = [...elMapRef.current.values()].slice(0, count)\n\n      for (const el of els) {\n        if (!el) continue\n\n        let { offsetHeight, offsetTop } = el\n\n        offsetHeight += offsetTop\n\n        if (offsetHeight > height) height = offsetHeight\n      }\n\n      setHeight(height)\n    }, [count, direction])\n\n    useUpdateEffect(() => {\n      if (count) setExist(true)\n    }, [count])\n\n    return (\n      <ComponentContext value={context}>\n        <AnimatePresence initial={false}>\n          {show ? (\n            <motion.div {...rest}>\n              <SnackList custom={{ height }} {...listProps}>\n                <AnimatePresence onExitComplete={onExitComplete}>\n                  {items.map((props, index) => {\n                    return (\n                      <Snack\n                        key={props.id}\n                        index={index}\n                        lastIndex={count - index - 1}\n                        {...props}\n                      />\n                    )\n                  })}\n                </AnimatePresence>\n              </SnackList>\n            </motion.div>\n          ) : null}\n        </AnimatePresence>\n      </ComponentContext>\n    )\n  },\n  \"root\",\n)(\n  {\n    animate: \"animate\",\n    exit: \"exit\",\n    initial: \"initial\",\n    variants: {\n      animate: {\n        padding: \"var(--top) 0 var(--bottom)\",\n        transition: { duration: 0.4 },\n      },\n      exit: { padding: 0 },\n      initial: { padding: 0 },\n    },\n  },\n  ({ gap, gutter = [0, \"lg\"], negativeMargins = true, ...rest }) => ({\n    \"data-negative\": dataAttr(negativeMargins),\n    \"--bottom\": varAttr(gutter[1], \"spaces\", \"0px\"),\n    \"--gap\": varAttr(gap, \"spaces\"),\n    \"--top\": varAttr(gutter[0], \"spaces\", \"0px\"),\n    ...rest,\n  }),\n)\n\ninterface SnackListProps extends HTMLMotionProps {}\n\nconst SnackList = withContext<\"div\", SnackListProps>(\n  motion.div,\n  \"list\",\n)({\n  animate: \"animate\",\n  exit: \"exit\",\n  initial: \"initial\",\n  role: \"list\",\n  variants: {\n    animate: ({ height }) => ({\n      height,\n      opacity: 1,\n      transition: { duration: 0.4 },\n    }),\n    exit: { height: 0, opacity: 0 },\n    initial: { height: 0, opacity: 1 },\n  },\n})\n\ninterface SnackProps extends Merge<\n  HTMLMotionProps,\n  Merge<Alert.RootProps, Snack>\n> {\n  index: number\n  lastIndex: number\n}\n\nconst Snack = withContext<\"div\", SnackProps>(\n  ({\n    variant = \"plain\",\n    closable = true,\n    description,\n    duration: durationProp = null,\n    loadingScheme,\n    status,\n    title,\n    withIcon = true,\n    closeButtonProps,\n    contentProps,\n    descriptionProps,\n    iconProps,\n    loadingProps,\n    titleProps,\n    onClose: onCloseProp,\n    onCloseComplete,\n    ...rest\n  }) => {\n    const [duration, setDuration] = useState(durationProp)\n    const present = useIsPresent()\n    const onClose = present ? onCloseProp : noop\n\n    const onMouseEnter = useCallback(() => {\n      setDuration(null)\n    }, [])\n\n    const onMouseLeave = useCallback(() => {\n      setDuration(durationProp)\n    }, [durationProp])\n\n    useUpdateEffect(() => {\n      if (!present) onCloseComplete?.()\n    }, [present])\n\n    useUpdateEffect(() => {\n      setDuration(durationProp)\n    }, [durationProp])\n\n    useTimeout(onClose, duration)\n\n    return (\n      <Alert.Root\n        as={motion.div}\n        variant={variant}\n        status={status}\n        {...rest}\n        onMouseEnter={handlerAll(rest.onMouseEnter, onMouseEnter)}\n        onMouseLeave={handlerAll(rest.onMouseLeave, onMouseLeave)}\n      >\n        {withIcon ? (\n          loadingScheme ? (\n            <Alert.Loading loadingScheme={loadingScheme} {...loadingProps} />\n          ) : (\n            <Alert.Icon {...iconProps} />\n          )\n        ) : null}\n\n        <SnackContent data-close-button={dataAttr(closable)} {...contentProps}>\n          {title ? (\n            <Alert.Title me=\"0\" {...titleProps}>\n              {title}\n            </Alert.Title>\n          ) : null}\n\n          {description ? (\n            <Alert.Description {...descriptionProps}>\n              {description}\n            </Alert.Description>\n          ) : null}\n        </SnackContent>\n\n        {closable ? (\n          <SnackCloseButton\n            data-variant={variant}\n            {...closeButtonProps}\n            onClick={handlerAll(closeButtonProps?.onClick, onClose)}\n          />\n        ) : null}\n      </Alert.Root>\n    )\n  },\n  \"item\",\n)(\n  {\n    animate: \"animate\",\n    exit: \"exit\",\n    initial: \"initial\",\n    layout: true,\n    role: \"listitem\",\n    variants: {\n      animate: ({ index }) => ({\n        opacity: 1,\n        transition: createTransition.enter()(!index ? 0.2 : 0, 0.4),\n        y: 0,\n      }),\n      exit: {\n        opacity: 0,\n        transition: createTransition.exit()(undefined, 0.2),\n      },\n      initial: ({ direction, index }) => ({\n        opacity: 0,\n        ...(index ? { y: (direction === \"start\" ? -1 : 1) * 16 } : {}),\n      }),\n    },\n  },\n  ({ index, lastIndex, ...rest }) => {\n    const ref = useRef<HTMLDivElement>(null)\n    const { direction, elMapRef, startIndex } = useComponentContext()\n\n    useEffect(() => {\n      const elMap = elMapRef.current\n\n      elMap.set(index, ref.current)\n\n      return () => {\n        elMap.delete(index)\n      }\n    }, [elMapRef, index])\n\n    return {\n      ref,\n      \"--index\": direction === \"start\" ? lastIndex : index,\n      \"--z-index\": startIndex + index,\n      custom: { direction, index },\n      ...rest,\n    }\n  },\n)\n\nexport interface SnackContentProps extends HTMLStyledProps {}\n\nconst SnackContent = withContext<\"div\", SnackContentProps>(\"div\", \"content\")()\n\nexport interface SnackCloseButtonProps extends CloseButtonProps {}\n\nconst SnackCloseButton = withContext<\"button\", SnackCloseButtonProps>(\n  CloseButton,\n  \"closeButton\",\n)()\n"],"mappings":"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"}

package/dist/cjs/components/snacks/snacks.style.cjs

@@ -1,8 +1,5 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/snacks/snacks.style.ts
-const snacksStyle = require_config.defineComponentSlotStyle({ base: {
+const snacksStyle = require("../../core/system/config.cjs").defineComponentSlotStyle({ base: {
 	closeButton: {
 		"&:is([data-variant='plain'], [data-variant='island'])": { colorScheme: "mono!" },
 		"&:is([data-variant='solid'])": {
@@ -40,7 +37,7 @@ const snacksStyle = require_config.defineComponentSlotStyle({ base: {
 		w: "full"
 	}
 } });
-
 //#endregion
 exports.snacksStyle = snacksStyle;
+
 //# sourceMappingURL=snacks.style.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"snacks.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/snacks/snacks.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const snacksStyle = defineComponentSlotStyle({\n  base: {\n    closeButton: {\n      \"&:is([data-variant='plain'], [data-variant='island'])\": {\n        colorScheme: \"mono!\",\n      },\n      \"&:is([data-variant='solid'])\": {\n        color: \"colorScheme.contrast!\",\n        _hover: { bg: \"colorScheme.solid!\" },\n      },\n      fontSize: \"md!\",\n      minBoxSize: \"6!\",\n      position: \"absolute\",\n      right: \"3\",\n      top: \"2.5\",\n    },\n    content: {\n      \"&[data-close-button]\": { pe: \"6\" },\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"1\",\n    },\n    item: {\n      insetX: \"0\",\n      maxW: \"full\",\n      position: \"absolute\",\n      top: \"calc({gap} * {index})\",\n      w: \"100%\",\n      zIndex: \"{z-index}\",\n    },\n    list: { position: \"relative\", w: \"full\" },\n    root: {\n      \"&[data-negative]\": { m: \"calc({top} * -1) 0 calc({bottom} * -1)\" },\n      \"--gap\": \"spaces.md\",\n      w: \"full\",\n    },\n  },\n})\n\nexport type SnacksStyle = typeof snacksStyle\n"],"mappings":";;;;AAEA,MAAa,cAAcA,wCAAyB,EAClD,MAAM;CACJ,aAAa;EACX,yDAAyD,EACvD,aAAa,SACd;EACD,gCAAgC;GAC9B,OAAO;GACP,QAAQ,EAAE,IAAI,sBAAsB;GACrC;EACD,UAAU;EACV,YAAY;EACZ,UAAU;EACV,OAAO;EACP,KAAK;EACN;CACD,SAAS;EACP,wBAAwB,EAAE,IAAI,KAAK;EACnC,SAAS;EACT,MAAM;EACN,eAAe;EACf,KAAK;EACN;CACD,MAAM;EACJ,QAAQ;EACR,MAAM;EACN,UAAU;EACV,KAAK;EACL,GAAG;EACH,QAAQ;EACT;CACD,MAAM;EAAE,UAAU;EAAY,GAAG;EAAQ;CACzC,MAAM;EACJ,oBAAoB,EAAE,GAAG,0CAA0C;EACnE,SAAS;EACT,GAAG;EACJ;CACF,EACF,CAAC"}
+{"version":3,"file":"snacks.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/snacks/snacks.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const snacksStyle = defineComponentSlotStyle({\n  base: {\n    closeButton: {\n      \"&:is([data-variant='plain'], [data-variant='island'])\": {\n        colorScheme: \"mono!\",\n      },\n      \"&:is([data-variant='solid'])\": {\n        color: \"colorScheme.contrast!\",\n        _hover: { bg: \"colorScheme.solid!\" },\n      },\n      fontSize: \"md!\",\n      minBoxSize: \"6!\",\n      position: \"absolute\",\n      right: \"3\",\n      top: \"2.5\",\n    },\n    content: {\n      \"&[data-close-button]\": { pe: \"6\" },\n      display: \"flex\",\n      flex: \"1\",\n      flexDirection: \"column\",\n      gap: \"1\",\n    },\n    item: {\n      insetX: \"0\",\n      maxW: \"full\",\n      position: \"absolute\",\n      top: \"calc({gap} * {index})\",\n      w: \"100%\",\n      zIndex: \"{z-index}\",\n    },\n    list: { position: \"relative\", w: \"full\" },\n    root: {\n      \"&[data-negative]\": { m: \"calc({top} * -1) 0 calc({bottom} * -1)\" },\n      \"--gap\": \"spaces.md\",\n      w: \"full\",\n    },\n  },\n})\n\nexport type SnacksStyle = typeof snacksStyle\n"],"mappings":";AAEA,MAAa,qDAAcA,CAAAA,yBAAyB,EAClD,MAAM;CACJ,aAAa;EACX,yDAAyD,EACvD,aAAa,SACd;EACD,gCAAgC;GAC9B,OAAO;GACP,QAAQ,EAAE,IAAI,sBAAsB;GACrC;EACD,UAAU;EACV,YAAY;EACZ,UAAU;EACV,OAAO;EACP,KAAK;EACN;CACD,SAAS;EACP,wBAAwB,EAAE,IAAI,KAAK;EACnC,SAAS;EACT,MAAM;EACN,eAAe;EACf,KAAK;EACN;CACD,MAAM;EACJ,QAAQ;EACR,MAAM;EACN,UAAU;EACV,KAAK;EACL,GAAG;EACH,QAAQ;EACT;CACD,MAAM;EAAE,UAAU;EAAY,GAAG;EAAQ;CACzC,MAAM;EACJ,oBAAoB,EAAE,GAAG,0CAA0C;EACnE,SAAS;EACT,GAAG;EACJ;CACF,EACF,CAAC"}

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

@@ -1,10 +1,7 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_system_provider = require('../../core/system/system-provider.cjs');
-require('../../core/index.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_system_provider = require("../../core/system/system-provider.cjs");
 let react = require("react");
-
 //#region src/components/snacks/use-snacks.tsx
 let counter = 0;
 /**
@@ -21,16 +18,16 @@ const useSnacks = (options = {}) => {
 		...options
 	}), [options, systemOptions]);
 	const { direction, limit = 3, startIndex } = defaultOptions;
-	const getOptions = (0, react.useCallback)((options$1) => ({
+	const getOptions = (0, react.useCallback)((options) => ({
 		...defaultOptions,
-		...options$1
+		...options
 	}), [defaultOptions]);
 	return {
 		snack: (0, react.useMemo)(() => {
-			const methods = (options$1 = {}) => {
-				options$1 = getOptions(options$1);
+			const methods = (options = {}) => {
+				options = getOptions(options);
 				counter += 1;
-				const { id = counter.toString(), ...rest } = options$1;
+				const { id = counter.toString(), ...rest } = options;
 				const onClose = () => setItems((prev) => prev.filter((prevOptions) => prevOptions.id !== id));
 				const snack = {
 					id,
@@ -40,11 +37,11 @@ const useSnacks = (options = {}) => {
 				setItems((prev) => [...prev.splice(-1 * ((limit ?? Infinity) - 1)), snack]);
 				return id;
 			};
-			methods.update = (id, options$1) => {
-				options$1 = getOptions(options$1);
+			methods.update = (id, options) => {
+				options = getOptions(options);
 				setItems((prev) => prev.map((prevOptions) => prevOptions.id === id ? {
 					...prevOptions,
-					...options$1
+					...options
 				} : prevOptions));
 			};
 			methods.closeAll = () => {
@@ -71,7 +68,7 @@ const useSnacks = (options = {}) => {
 		])
 	};
 };
-
 //#endregion
 exports.useSnacks = useSnacks;
+
 //# sourceMappingURL=use-snacks.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-snacks.cjs","names":["useSystem","options","snack: Snack"],"sources":["../../../../src/components/snacks/use-snacks.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { SnacksConfig } from \"../../core\"\nimport type { Alert } from \"../alert\"\nimport type { SnackCloseButtonProps, SnackContentProps } from \"./snacks\"\nimport { useCallback, useMemo, useState } from \"react\"\nimport { useSystem } from \"../../core\"\n\nexport interface Snack extends Omit<\n  UseSnacksOptions,\n  \"direction\" | \"limit\" | \"startIndex\"\n> {\n  id: string\n  onClose: () => void\n  onCloseComplete?: () => void\n}\n\nlet counter = 0\n\ninterface SnackMethodsOptions extends Partial<Omit<Snack, \"onClose\">> {}\n\nexport interface UseSnacksOptions\n  extends\n    Omit<Alert.RootProps, \"direction\" | \"title\">,\n    Pick<Alert.LoadingProps, \"loadingScheme\">,\n    SnacksConfig {\n  /**\n   * The description of the snack.\n   */\n  description?: ReactNode\n  /**\n   * The title of the snack.\n   */\n  title?: ReactNode\n  /**\n   * If `true`, the snack will have an icon.\n   *\n   * @default true\n   */\n  withIcon?: boolean\n  /**\n   * Props for the snack close button.\n   */\n  closeButtonProps?: SnackCloseButtonProps\n  /**\n   * Props for the snack content component.\n   */\n  contentProps?: SnackContentProps\n  /**\n   * Props for the alert description component.\n   */\n  descriptionProps?: Alert.DescriptionProps\n  /**\n   * Props for the alert icon component.\n   */\n  iconProps?: Alert.IconProps\n  /**\n   * Props for the alert loading component.\n   */\n  loadingProps?: Alert.LoadingProps\n  /**\n   * Props for the alert title component.\n   */\n  titleProps?: Alert.TitleProps\n}\n\n/**\n * `useSnacks` is a custom hook for controlling notifications used in forms and the like.\n *\n * @see https://yamada-ui.com/docs/hooks/use-snacks\n */\nexport const useSnacks = (options: UseSnacksOptions = {}) => {\n  const [items, setItems] = useState<Snack[]>([])\n  const { config } = useSystem()\n\n  const systemOptions = useMemo(() => config.snacks ?? {}, [config])\n  const defaultOptions = useMemo(\n    () => ({ ...systemOptions, ...options }),\n    [options, systemOptions],\n  )\n  const { direction, limit = 3, startIndex } = defaultOptions\n\n  const getOptions = useCallback(\n    (options: SnackMethodsOptions) => ({ ...defaultOptions, ...options }),\n    [defaultOptions],\n  )\n\n  const snack = useMemo(() => {\n    const methods = (options: SnackMethodsOptions = {}) => {\n      options = getOptions(options)\n      // eslint-disable-next-line react-hooks/globals\n      counter += 1\n\n      const { id = counter.toString(), ...rest } = options\n      const onClose = () =>\n        setItems((prev) => prev.filter((prevOptions) => prevOptions.id !== id))\n\n      const snack: Snack = { id, onClose, ...rest }\n\n      setItems((prev) => [\n        ...prev.splice(-1 * ((limit ?? Infinity) - 1)),\n        snack,\n      ])\n\n      return id\n    }\n\n    methods.update = (\n      id: number | string,\n      options: Omit<SnackMethodsOptions, \"id\">,\n    ) => {\n      options = getOptions(options)\n\n      setItems((prev) =>\n        prev.map((prevOptions) =>\n          prevOptions.id === id ? { ...prevOptions, ...options } : prevOptions,\n        ),\n      )\n    }\n\n    methods.closeAll = () => {\n      setItems([])\n    }\n\n    methods.close = (id: number | string) => {\n      setItems((prev) => prev.filter((prevOptions) => prevOptions.id !== id))\n    }\n\n    methods.isActive = (id: number | string) =>\n      !!items.find((prevOptions) => prevOptions.id === id)\n\n    return methods\n  }, [items, limit, getOptions])\n\n  const snacks = useMemo(\n    () => ({ direction, items, startIndex }),\n    [direction, startIndex, items],\n  )\n\n  return { snack, snacks }\n}\n\nexport type UseSnacksReturn = ReturnType<typeof useSnacks>\n"],"mappings":";;;;;;;;AAkBA,IAAI,UAAU;;;;;;AAsDd,MAAa,aAAa,UAA4B,EAAE,KAAK;CAC3D,MAAM,CAAC,OAAO,gCAA8B,EAAE,CAAC;CAC/C,MAAM,EAAE,WAAWA,mCAAW;CAE9B,MAAM,yCAA8B,OAAO,UAAU,EAAE,EAAE,CAAC,OAAO,CAAC;CAClE,MAAM,2CACG;EAAE,GAAG;EAAe,GAAG;EAAS,GACvC,CAAC,SAAS,cAAc,CACzB;CACD,MAAM,EAAE,WAAW,QAAQ,GAAG,eAAe;CAE7C,MAAM,qCACH,eAAkC;EAAE,GAAG;EAAgB,GAAGC;EAAS,GACpE,CAAC,eAAe,CACjB;AAsDD,QAAO;EAAE,gCApDmB;GAC1B,MAAM,WAAW,YAA+B,EAAE,KAAK;AACrD,gBAAU,WAAWA,UAAQ;AAE7B,eAAW;IAEX,MAAM,EAAE,KAAK,QAAQ,UAAU,EAAE,GAAG,SAASA;IAC7C,MAAM,gBACJ,UAAU,SAAS,KAAK,QAAQ,gBAAgB,YAAY,OAAO,GAAG,CAAC;IAEzE,MAAMC,QAAe;KAAE;KAAI;KAAS,GAAG;KAAM;AAE7C,cAAU,SAAS,CACjB,GAAG,KAAK,OAAO,OAAO,SAAS,YAAY,GAAG,EAC9C,MACD,CAAC;AAEF,WAAO;;AAGT,WAAQ,UACN,IACA,cACG;AACH,gBAAU,WAAWD,UAAQ;AAE7B,cAAU,SACR,KAAK,KAAK,gBACR,YAAY,OAAO,KAAK;KAAE,GAAG;KAAa,GAAGA;KAAS,GAAG,YAC1D,CACF;;AAGH,WAAQ,iBAAiB;AACvB,aAAS,EAAE,CAAC;;AAGd,WAAQ,SAAS,OAAwB;AACvC,cAAU,SAAS,KAAK,QAAQ,gBAAgB,YAAY,OAAO,GAAG,CAAC;;AAGzE,WAAQ,YAAY,OAClB,CAAC,CAAC,MAAM,MAAM,gBAAgB,YAAY,OAAO,GAAG;AAEtD,UAAO;KACN;GAAC;GAAO;GAAO;GAAW,CAAC;EAOd,kCAJP;GAAE;GAAW;GAAO;GAAY,GACvC;GAAC;GAAW;GAAY;GAAM,CAC/B;EAEuB"}
+{"version":3,"file":"use-snacks.cjs","names":["useSystem"],"sources":["../../../../src/components/snacks/use-snacks.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactNode } from \"react\"\nimport type { SnacksConfig } from \"../../core\"\nimport type { Alert } from \"../alert\"\nimport type { SnackCloseButtonProps, SnackContentProps } from \"./snacks\"\nimport { useCallback, useMemo, useState } from \"react\"\nimport { useSystem } from \"../../core\"\n\nexport interface Snack extends Omit<\n  UseSnacksOptions,\n  \"direction\" | \"limit\" | \"startIndex\"\n> {\n  id: string\n  onClose: () => void\n  onCloseComplete?: () => void\n}\n\nlet counter = 0\n\ninterface SnackMethodsOptions extends Partial<Omit<Snack, \"onClose\">> {}\n\nexport interface UseSnacksOptions\n  extends\n    Omit<Alert.RootProps, \"direction\" | \"title\">,\n    Pick<Alert.LoadingProps, \"loadingScheme\">,\n    SnacksConfig {\n  /**\n   * The description of the snack.\n   */\n  description?: ReactNode\n  /**\n   * The title of the snack.\n   */\n  title?: ReactNode\n  /**\n   * If `true`, the snack will have an icon.\n   *\n   * @default true\n   */\n  withIcon?: boolean\n  /**\n   * Props for the snack close button.\n   */\n  closeButtonProps?: SnackCloseButtonProps\n  /**\n   * Props for the snack content component.\n   */\n  contentProps?: SnackContentProps\n  /**\n   * Props for the alert description component.\n   */\n  descriptionProps?: Alert.DescriptionProps\n  /**\n   * Props for the alert icon component.\n   */\n  iconProps?: Alert.IconProps\n  /**\n   * Props for the alert loading component.\n   */\n  loadingProps?: Alert.LoadingProps\n  /**\n   * Props for the alert title component.\n   */\n  titleProps?: Alert.TitleProps\n}\n\n/**\n * `useSnacks` is a custom hook for controlling notifications used in forms and the like.\n *\n * @see https://yamada-ui.com/docs/hooks/use-snacks\n */\nexport const useSnacks = (options: UseSnacksOptions = {}) => {\n  const [items, setItems] = useState<Snack[]>([])\n  const { config } = useSystem()\n\n  const systemOptions = useMemo(() => config.snacks ?? {}, [config])\n  const defaultOptions = useMemo(\n    () => ({ ...systemOptions, ...options }),\n    [options, systemOptions],\n  )\n  const { direction, limit = 3, startIndex } = defaultOptions\n\n  const getOptions = useCallback(\n    (options: SnackMethodsOptions) => ({ ...defaultOptions, ...options }),\n    [defaultOptions],\n  )\n\n  const snack = useMemo(() => {\n    const methods = (options: SnackMethodsOptions = {}) => {\n      options = getOptions(options)\n      // eslint-disable-next-line react-hooks/globals\n      counter += 1\n\n      const { id = counter.toString(), ...rest } = options\n      const onClose = () =>\n        setItems((prev) => prev.filter((prevOptions) => prevOptions.id !== id))\n\n      const snack: Snack = { id, onClose, ...rest }\n\n      setItems((prev) => [\n        ...prev.splice(-1 * ((limit ?? Infinity) - 1)),\n        snack,\n      ])\n\n      return id\n    }\n\n    methods.update = (\n      id: number | string,\n      options: Omit<SnackMethodsOptions, \"id\">,\n    ) => {\n      options = getOptions(options)\n\n      setItems((prev) =>\n        prev.map((prevOptions) =>\n          prevOptions.id === id ? { ...prevOptions, ...options } : prevOptions,\n        ),\n      )\n    }\n\n    methods.closeAll = () => {\n      setItems([])\n    }\n\n    methods.close = (id: number | string) => {\n      setItems((prev) => prev.filter((prevOptions) => prevOptions.id !== id))\n    }\n\n    methods.isActive = (id: number | string) =>\n      !!items.find((prevOptions) => prevOptions.id === id)\n\n    return methods\n  }, [items, limit, getOptions])\n\n  const snacks = useMemo(\n    () => ({ direction, items, startIndex }),\n    [direction, startIndex, items],\n  )\n\n  return { snack, snacks }\n}\n\nexport type UseSnacksReturn = ReturnType<typeof useSnacks>\n"],"mappings":";;;;;AAkBA,IAAI,UAAU;;;;;;AAsDd,MAAa,aAAa,UAA4B,EAAE,KAAK;CAC3D,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAA8B,EAAE,CAAC;CAC/C,MAAM,EAAE,WAAWA,wBAAAA,WAAW;CAE9B,MAAM,iBAAA,GAAA,MAAA,eAA8B,OAAO,UAAU,EAAE,EAAE,CAAC,OAAO,CAAC;CAClE,MAAM,kBAAA,GAAA,MAAA,gBACG;EAAE,GAAG;EAAe,GAAG;EAAS,GACvC,CAAC,SAAS,cAAc,CACzB;CACD,MAAM,EAAE,WAAW,QAAQ,GAAG,eAAe;CAE7C,MAAM,cAAA,GAAA,MAAA,cACH,aAAkC;EAAE,GAAG;EAAgB,GAAG;EAAS,GACpE,CAAC,eAAe,CACjB;CAsDD,OAAO;EAAE,QAAA,GAAA,MAAA,eApDmB;GAC1B,MAAM,WAAW,UAA+B,EAAE,KAAK;IACrD,UAAU,WAAW,QAAQ;IAE7B,WAAW;IAEX,MAAM,EAAE,KAAK,QAAQ,UAAU,EAAE,GAAG,SAAS;IAC7C,MAAM,gBACJ,UAAU,SAAS,KAAK,QAAQ,gBAAgB,YAAY,OAAO,GAAG,CAAC;IAEzE,MAAM,QAAe;KAAE;KAAI;KAAS,GAAG;KAAM;IAE7C,UAAU,SAAS,CACjB,GAAG,KAAK,OAAO,OAAO,SAAS,YAAY,GAAG,EAC9C,MACD,CAAC;IAEF,OAAO;;GAGT,QAAQ,UACN,IACA,YACG;IACH,UAAU,WAAW,QAAQ;IAE7B,UAAU,SACR,KAAK,KAAK,gBACR,YAAY,OAAO,KAAK;KAAE,GAAG;KAAa,GAAG;KAAS,GAAG,YAC1D,CACF;;GAGH,QAAQ,iBAAiB;IACvB,SAAS,EAAE,CAAC;;GAGd,QAAQ,SAAS,OAAwB;IACvC,UAAU,SAAS,KAAK,QAAQ,gBAAgB,YAAY,OAAO,GAAG,CAAC;;GAGzE,QAAQ,YAAY,OAClB,CAAC,CAAC,MAAM,MAAM,gBAAgB,YAAY,OAAO,GAAG;GAEtD,OAAO;KACN;GAAC;GAAO;GAAO;GAAW,CAOf;EAAE,SAAA,GAAA,MAAA,gBAJP;GAAE;GAAW;GAAO;GAAY,GACvC;GAAC;GAAW;GAAY;GAAM,CAGV;EAAE"}

package/dist/cjs/components/stack/h-stack.cjs

@@ -1,10 +1,7 @@
 "use client";
-
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_h_stack_style = require('./h-stack.style.cjs');
-const require_stack = require('./stack.cjs');
-
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_h_stack_style = require("./h-stack.style.cjs");
+const require_stack = require("./stack.cjs");
 //#region src/components/stack/h-stack.tsx
 const { PropsContext: HStackPropsContext, usePropsContext: useHStackPropsContext, withContext } = require_create_component.createComponent("stack--horizontal", require_h_stack_style.hStackStyle);
 /**
@@ -13,9 +10,9 @@ const { PropsContext: HStackPropsContext, usePropsContext: useHStackPropsContext
 * @see https://yamada-ui.com/docs/components/stack
 */
 const HStack = withContext(require_stack.Stack)(void 0, { direction: "row" });
-
 //#endregion
 exports.HStack = HStack;
 exports.HStackPropsContext = HStackPropsContext;
 exports.useHStackPropsContext = useHStackPropsContext;
+
 //# sourceMappingURL=h-stack.cjs.map

package/dist/cjs/components/stack/h-stack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"h-stack.cjs","names":["createComponent","hStackStyle","Stack"],"sources":["../../../../src/components/stack/h-stack.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { HStackStyle } from \"./h-stack.style\"\nimport type { StackProps } from \"./stack\"\nimport { createComponent } from \"../../core\"\nimport { hStackStyle } from \"./h-stack.style\"\nimport { Stack } from \"./stack\"\n\nexport interface HStackProps\n  extends WithoutThemeProps<StackProps, HStackStyle>, ThemeProps<HStackStyle> {}\n\nconst {\n  PropsContext: HStackPropsContext,\n  usePropsContext: useHStackPropsContext,\n  withContext,\n} = createComponent<HStackProps, HStackStyle>(\"stack--horizontal\", hStackStyle)\n\nexport { HStackPropsContext, useHStackPropsContext }\n\n/**\n * `HStack` is a component that groups elements and provides space between child elements.\n *\n * @see https://yamada-ui.com/docs/components/stack\n */\nexport const HStack = withContext<\"div\", HStackProps>(Stack)(undefined, {\n  direction: \"row\",\n})\n"],"mappings":";;;;;;;;AAYA,MAAM,EACJ,cAAc,oBACd,iBAAiB,uBACjB,gBACEA,yCAA0C,qBAAqBC,kCAAY;;;;;;AAS/E,MAAa,SAAS,YAAgCC,oBAAM,CAAC,QAAW,EACtE,WAAW,OACZ,CAAC"}
+{"version":3,"file":"h-stack.cjs","names":["createComponent","hStackStyle","Stack"],"sources":["../../../../src/components/stack/h-stack.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { HStackStyle } from \"./h-stack.style\"\nimport type { StackProps } from \"./stack\"\nimport { createComponent } from \"../../core\"\nimport { hStackStyle } from \"./h-stack.style\"\nimport { Stack } from \"./stack\"\n\nexport interface HStackProps\n  extends WithoutThemeProps<StackProps, HStackStyle>, ThemeProps<HStackStyle> {}\n\nconst {\n  PropsContext: HStackPropsContext,\n  usePropsContext: useHStackPropsContext,\n  withContext,\n} = createComponent<HStackProps, HStackStyle>(\"stack--horizontal\", hStackStyle)\n\nexport { HStackPropsContext, useHStackPropsContext }\n\n/**\n * `HStack` is a component that groups elements and provides space between child elements.\n *\n * @see https://yamada-ui.com/docs/components/stack\n */\nexport const HStack = withContext<\"div\", HStackProps>(Stack)(undefined, {\n  direction: \"row\",\n})\n"],"mappings":";;;;;AAYA,MAAM,EACJ,cAAc,oBACd,iBAAiB,uBACjB,gBACEA,yBAAAA,gBAA0C,qBAAqBC,sBAAAA,YAAY;;;;;;AAS/E,MAAa,SAAS,YAAgCC,cAAAA,MAAM,CAAC,KAAA,GAAW,EACtE,WAAW,OACZ,CAAC"}

package/dist/cjs/components/stack/h-stack.style.cjs

@@ -1,12 +1,9 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/stack/h-stack.style.ts
-const hStackStyle = require_config.defineComponentStyle({ base: {
+const hStackStyle = require("../../core/system/config.cjs").defineComponentStyle({ base: {
 	alignItems: "center",
 	gap: "md"
 } });
-
 //#endregion
 exports.hStackStyle = hStackStyle;
+
 //# sourceMappingURL=h-stack.style.cjs.map

package/dist/cjs/components/stack/h-stack.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"h-stack.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/stack/h-stack.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const hStackStyle = defineComponentStyle({\n  base: {\n    alignItems: \"center\",\n    gap: \"md\",\n  },\n})\n\nexport type HStackStyle = typeof hStackStyle\n"],"mappings":";;;;AAEA,MAAa,cAAcA,oCAAqB,EAC9C,MAAM;CACJ,YAAY;CACZ,KAAK;CACN,EACF,CAAC"}
+{"version":3,"file":"h-stack.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/stack/h-stack.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const hStackStyle = defineComponentStyle({\n  base: {\n    alignItems: \"center\",\n    gap: \"md\",\n  },\n})\n\nexport type HStackStyle = typeof hStackStyle\n"],"mappings":";AAEA,MAAa,qDAAcA,CAAAA,qBAAqB,EAC9C,MAAM;CACJ,YAAY;CACZ,KAAK;CACN,EACF,CAAC"}

package/dist/cjs/components/stack/index.cjs

@@ -1,12 +1,12 @@
-const require_h_stack_style = require('./h-stack.style.cjs');
-const require_stack_style = require('./stack.style.cjs');
-const require_v_stack_style = require('./v-stack.style.cjs');
-const require_z_stack_style = require('./z-stack.style.cjs');
-const require_stack = require('./stack.cjs');
-const require_h_stack = require('./h-stack.cjs');
-const require_v_stack = require('./v-stack.cjs');
-const require_z_stack = require('./z-stack.cjs');
-
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_h_stack_style = require("./h-stack.style.cjs");
+const require_stack_style = require("./stack.style.cjs");
+const require_v_stack_style = require("./v-stack.style.cjs");
+const require_z_stack_style = require("./z-stack.style.cjs");
+const require_stack = require("./stack.cjs");
+const require_h_stack = require("./h-stack.cjs");
+const require_v_stack = require("./v-stack.cjs");
+const require_z_stack = require("./z-stack.cjs");
 exports.HStack = require_h_stack.HStack;
 exports.HStackPropsContext = require_h_stack.HStackPropsContext;
 exports.Stack = require_stack.Stack;
@@ -22,4 +22,4 @@ exports.useStackPropsContext = require_stack.useStackPropsContext;
 exports.useVStackPropsContext = require_v_stack.useVStackPropsContext;
 exports.useZStackPropsContext = require_z_stack.useZStackPropsContext;
 exports.vStackStyle = require_v_stack_style.vStackStyle;
-exports.zStackStyle = require_z_stack_style.zStackStyle;
+exports.zStackStyle = require_z_stack_style.zStackStyle;

package/dist/cjs/components/stack/stack.cjs

@@ -1,15 +1,12 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_children = require('../../utils/children.cjs');
-const require_utils_index = require('../../utils/index.cjs');
-const require_factory = require('../../core/system/factory.cjs');
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_stack_style = require('./stack.style.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_children = require("../../utils/children.cjs");
+const require_utils_index = require("../../utils/index.cjs");
+const require_factory = require("../../core/system/factory.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_stack_style = require("./stack.style.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/stack/stack.tsx
 const { PropsContext: StackPropsContext, usePropsContext: useStackPropsContext, withContext } = require_create_component.createComponent("stack", require_stack_style.stackStyle);
 /**
@@ -42,9 +39,9 @@ const Stack = withContext(({ align: alignItems, children, direction: flexDirecti
 		children: cloneChildren
 	});
 })();
-
 //#endregion
 exports.Stack = Stack;
 exports.StackPropsContext = StackPropsContext;
 exports.useStackPropsContext = useStackPropsContext;
+
 //# sourceMappingURL=stack.cjs.map

package/dist/cjs/components/stack/stack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"stack.cjs","names":["createComponent","stackStyle","useValidChildren","Fragment","styled"],"sources":["../../../../src/components/stack/stack.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { CSSProps, HTMLStyledProps } from \"../../core\"\nimport type { StackStyle } from \"./stack.style\"\nimport { cloneElement, Fragment, useMemo } from \"react\"\nimport { createComponent, styled } from \"../../core\"\nimport { replaceObject, useValidChildren } from \"../../utils\"\nimport { stackStyle } from \"./stack.style\"\n\nexport interface StackProps extends Omit<HTMLStyledProps, \"direction\"> {\n  /**\n   * The CSS `align-items` property.\n   */\n  align?: CSSProps[\"alignItems\"]\n  /**\n   * The CSS `flex-direction` property.\n   */\n  direction?: CSSProps[\"flexDirection\"]\n  /**\n   * The CSS `justify-content` property.\n   */\n  justify?: CSSProps[\"justifyContent\"]\n  /**\n   * If `true`, each stack item will show a separator.\n   */\n  separator?: ReactElement\n  /**\n   * The CSS `flex-wrap` property.\n   */\n  wrap?: CSSProps[\"flexWrap\"]\n}\n\nconst {\n  PropsContext: StackPropsContext,\n  usePropsContext: useStackPropsContext,\n  withContext,\n} = createComponent<StackProps, StackStyle>(\"stack\", stackStyle)\n\nexport { StackPropsContext, useStackPropsContext }\n\n/**\n * `Stack` is a component that groups elements and provides space between child elements.\n *\n * @see https://yamada-ui.com/docs/components/stack\n */\nexport const Stack = withContext<\"div\", StackProps>(\n  ({\n    align: alignItems,\n    children,\n    direction: flexDirection = \"column\",\n    justify: justifyContent,\n    separator,\n    wrap: flexWrap,\n    ...rest\n  }) => {\n    const isColumn = (value: any) =>\n      value === \"column\" || value === \"column-reverse\"\n\n    const validChildren = useValidChildren(children)\n    const cloneChildren = useMemo(\n      () =>\n        separator\n          ? validChildren.map((child, index) => {\n              const key = typeof child.key !== \"undefined\" ? child.key : index\n\n              const cloneSeparator = cloneElement<any>(separator, {\n                borderWidth: replaceObject(flexDirection, (value) =>\n                  isColumn(value) ? \"0 0 1px 0\" : \"0 0 0 1px\",\n                ),\n                h: replaceObject(flexDirection, (value) =>\n                  isColumn(value) ? \"fit-content\" : \"100%\",\n                ),\n                w: replaceObject(flexDirection, (value) =>\n                  isColumn(value) ? \"100%\" : \"fit-content\",\n                ),\n              })\n\n              return (\n                <Fragment key={key}>\n                  {index ? cloneSeparator : null}\n                  {child}\n                </Fragment>\n              )\n            })\n          : validChildren,\n      [separator, flexDirection, validChildren],\n    )\n\n    return (\n      <styled.div\n        alignItems={alignItems}\n        flexDirection={flexDirection}\n        flexWrap={flexWrap}\n        justifyContent={justifyContent}\n        {...rest}\n      >\n        {cloneChildren}\n      </styled.div>\n    )\n  },\n)()\n"],"mappings":";;;;;;;;;;;;;AAiCA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACEA,yCAAwC,SAASC,+BAAW;;;;;;AAShE,MAAa,QAAQ,aAClB,EACC,OAAO,YACP,UACA,WAAW,gBAAgB,UAC3B,SAAS,gBACT,WACA,MAAM,UACN,GAAG,WACC;CACJ,MAAM,YAAY,UAChB,UAAU,YAAY,UAAU;CAElC,MAAM,gBAAgBC,kCAAiB,SAAS;CAChD,MAAM,yCAEF,YACI,cAAc,KAAK,OAAO,UAAU;EAClC,MAAM,MAAM,OAAO,MAAM,QAAQ,cAAc,MAAM,MAAM;EAE3D,MAAM,yCAAmC,WAAW;GAClD,kEAA2B,gBAAgB,UACzC,SAAS,MAAM,GAAG,cAAc,YACjC;GACD,wDAAiB,gBAAgB,UAC/B,SAAS,MAAM,GAAG,gBAAgB,OACnC;GACD,wDAAiB,gBAAgB,UAC/B,SAAS,MAAM,GAAG,SAAS,cAC5B;GACF,CAAC;AAEF,SACE,4CAACC,6BACE,QAAQ,iBAAiB,MACzB,UAFY,IAGJ;GAEb,GACF,eACN;EAAC;EAAW;EAAe;EAAc,CAC1C;AAED,QACE,2CAACC,uBAAO;EACM;EACG;EACL;EACM;EAChB,GAAI;YAEH;GACU;EAGlB,EAAE"}
+{"version":3,"file":"stack.cjs","names":["createComponent","stackStyle","useValidChildren","Fragment","styled"],"sources":["../../../../src/components/stack/stack.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ReactElement } from \"react\"\nimport type { CSSProps, HTMLStyledProps } from \"../../core\"\nimport type { StackStyle } from \"./stack.style\"\nimport { cloneElement, Fragment, useMemo } from \"react\"\nimport { createComponent, styled } from \"../../core\"\nimport { replaceObject, useValidChildren } from \"../../utils\"\nimport { stackStyle } from \"./stack.style\"\n\nexport interface StackProps extends Omit<HTMLStyledProps, \"direction\"> {\n  /**\n   * The CSS `align-items` property.\n   */\n  align?: CSSProps[\"alignItems\"]\n  /**\n   * The CSS `flex-direction` property.\n   */\n  direction?: CSSProps[\"flexDirection\"]\n  /**\n   * The CSS `justify-content` property.\n   */\n  justify?: CSSProps[\"justifyContent\"]\n  /**\n   * If `true`, each stack item will show a separator.\n   */\n  separator?: ReactElement\n  /**\n   * The CSS `flex-wrap` property.\n   */\n  wrap?: CSSProps[\"flexWrap\"]\n}\n\nconst {\n  PropsContext: StackPropsContext,\n  usePropsContext: useStackPropsContext,\n  withContext,\n} = createComponent<StackProps, StackStyle>(\"stack\", stackStyle)\n\nexport { StackPropsContext, useStackPropsContext }\n\n/**\n * `Stack` is a component that groups elements and provides space between child elements.\n *\n * @see https://yamada-ui.com/docs/components/stack\n */\nexport const Stack = withContext<\"div\", StackProps>(\n  ({\n    align: alignItems,\n    children,\n    direction: flexDirection = \"column\",\n    justify: justifyContent,\n    separator,\n    wrap: flexWrap,\n    ...rest\n  }) => {\n    const isColumn = (value: any) =>\n      value === \"column\" || value === \"column-reverse\"\n\n    const validChildren = useValidChildren(children)\n    const cloneChildren = useMemo(\n      () =>\n        separator\n          ? validChildren.map((child, index) => {\n              const key = typeof child.key !== \"undefined\" ? child.key : index\n\n              const cloneSeparator = cloneElement<any>(separator, {\n                borderWidth: replaceObject(flexDirection, (value) =>\n                  isColumn(value) ? \"0 0 1px 0\" : \"0 0 0 1px\",\n                ),\n                h: replaceObject(flexDirection, (value) =>\n                  isColumn(value) ? \"fit-content\" : \"100%\",\n                ),\n                w: replaceObject(flexDirection, (value) =>\n                  isColumn(value) ? \"100%\" : \"fit-content\",\n                ),\n              })\n\n              return (\n                <Fragment key={key}>\n                  {index ? cloneSeparator : null}\n                  {child}\n                </Fragment>\n              )\n            })\n          : validChildren,\n      [separator, flexDirection, validChildren],\n    )\n\n    return (\n      <styled.div\n        alignItems={alignItems}\n        flexDirection={flexDirection}\n        flexWrap={flexWrap}\n        justifyContent={justifyContent}\n        {...rest}\n      >\n        {cloneChildren}\n      </styled.div>\n    )\n  },\n)()\n"],"mappings":";;;;;;;;;;AAiCA,MAAM,EACJ,cAAc,mBACd,iBAAiB,sBACjB,gBACEA,yBAAAA,gBAAwC,SAASC,oBAAAA,WAAW;;;;;;AAShE,MAAa,QAAQ,aAClB,EACC,OAAO,YACP,UACA,WAAW,gBAAgB,UAC3B,SAAS,gBACT,WACA,MAAM,UACN,GAAG,WACC;CACJ,MAAM,YAAY,UAChB,UAAU,YAAY,UAAU;CAElC,MAAM,gBAAgBC,iBAAAA,iBAAiB,SAAS;CAChD,MAAM,iBAAA,GAAA,MAAA,eAEF,YACI,cAAc,KAAK,OAAO,UAAU;EAClC,MAAM,MAAM,OAAO,MAAM,QAAQ,cAAc,MAAM,MAAM;EAE3D,MAAM,kBAAA,GAAA,MAAA,cAAmC,WAAW;GAClD,cAAA,GAAA,oBAAA,cAAA,eAA2B,gBAAgB,UACzC,SAAS,MAAM,GAAG,cAAc,YACjC;GACD,IAAA,GAAA,oBAAA,cAAA,eAAiB,gBAAgB,UAC/B,SAAS,MAAM,GAAG,gBAAgB,OACnC;GACD,IAAA,GAAA,oBAAA,cAAA,eAAiB,gBAAgB,UAC/B,SAAS,MAAM,GAAG,SAAS,cAC5B;GACF,CAAC;EAEF,OACE,iBAAA,GAAA,kBAAA,MAACC,MAAAA,UAAD,EAAA,UAAA,CACG,QAAQ,iBAAiB,MACzB,MACQ,EAAA,EAHI,IAGJ;GAEb,GACF,eACN;EAAC;EAAW;EAAe;EAAc,CAC1C;CAED,OACE,iBAAA,GAAA,kBAAA,KAACC,gBAAAA,OAAO,KAAR;EACc;EACG;EACL;EACM;EAChB,GAAI;YAEH;EACU,CAAA;EAGlB,EAAE"}

package/dist/cjs/components/stack/stack.style.cjs

@@ -1,12 +1,9 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/stack/stack.style.ts
-const stackStyle = require_config.defineComponentStyle({ base: {
+const stackStyle = require("../../core/system/config.cjs").defineComponentStyle({ base: {
 	display: "flex",
 	gap: "lg"
 } });
-
 //#endregion
 exports.stackStyle = stackStyle;
+
 //# sourceMappingURL=stack.style.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"stack.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/stack/stack.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const stackStyle = defineComponentStyle({\n  base: {\n    display: \"flex\",\n    gap: \"lg\",\n  },\n})\n\nexport type StackStyle = typeof stackStyle\n"],"mappings":";;;;AAEA,MAAa,aAAaA,oCAAqB,EAC7C,MAAM;CACJ,SAAS;CACT,KAAK;CACN,EACF,CAAC"}
+{"version":3,"file":"stack.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/stack/stack.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const stackStyle = defineComponentStyle({\n  base: {\n    display: \"flex\",\n    gap: \"lg\",\n  },\n})\n\nexport type StackStyle = typeof stackStyle\n"],"mappings":";AAEA,MAAa,oDAAaA,CAAAA,qBAAqB,EAC7C,MAAM;CACJ,SAAS;CACT,KAAK;CACN,EACF,CAAC"}

package/dist/cjs/components/stack/v-stack.cjs

@@ -1,10 +1,7 @@
 "use client";
-
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_v_stack_style = require('./v-stack.style.cjs');
-const require_stack = require('./stack.cjs');
-
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_v_stack_style = require("./v-stack.style.cjs");
+const require_stack = require("./stack.cjs");
 //#region src/components/stack/v-stack.tsx
 const { PropsContext: VStackPropsContext, usePropsContext: useVStackPropsContext, withContext } = require_create_component.createComponent("stack--vertical", require_v_stack_style.vStackStyle);
 /**
@@ -13,9 +10,9 @@ const { PropsContext: VStackPropsContext, usePropsContext: useVStackPropsContext
 * @see https://yamada-ui.com/docs/components/stack
 */
 const VStack = withContext(require_stack.Stack)(void 0, { direction: "column" });
-
 //#endregion
 exports.VStack = VStack;
 exports.VStackPropsContext = VStackPropsContext;
 exports.useVStackPropsContext = useVStackPropsContext;
+
 //# sourceMappingURL=v-stack.cjs.map

package/dist/cjs/components/stack/v-stack.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"v-stack.cjs","names":["createComponent","vStackStyle","Stack"],"sources":["../../../../src/components/stack/v-stack.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { StackProps } from \"./stack\"\nimport type { VStackStyle } from \"./v-stack.style\"\nimport { createComponent } from \"../../core\"\nimport { Stack } from \"./stack\"\nimport { vStackStyle } from \"./v-stack.style\"\n\nexport interface VStackProps\n  extends WithoutThemeProps<StackProps, VStackStyle>, ThemeProps<VStackStyle> {}\n\nconst {\n  PropsContext: VStackPropsContext,\n  usePropsContext: useVStackPropsContext,\n  withContext,\n} = createComponent<VStackProps, VStackStyle>(\"stack--vertical\", vStackStyle)\n\nexport { useVStackPropsContext, VStackPropsContext }\n\n/**\n * `VStack` is a component that groups elements and provides space between child elements.\n *\n * @see https://yamada-ui.com/docs/components/stack\n */\nexport const VStack = withContext<\"div\", VStackProps>(Stack)(undefined, {\n  direction: \"column\",\n})\n"],"mappings":";;;;;;;;AAYA,MAAM,EACJ,cAAc,oBACd,iBAAiB,uBACjB,gBACEA,yCAA0C,mBAAmBC,kCAAY;;;;;;AAS7E,MAAa,SAAS,YAAgCC,oBAAM,CAAC,QAAW,EACtE,WAAW,UACZ,CAAC"}
+{"version":3,"file":"v-stack.cjs","names":["createComponent","vStackStyle","Stack"],"sources":["../../../../src/components/stack/v-stack.tsx"],"sourcesContent":["\"use client\"\n\nimport type { ThemeProps, WithoutThemeProps } from \"../../core\"\nimport type { StackProps } from \"./stack\"\nimport type { VStackStyle } from \"./v-stack.style\"\nimport { createComponent } from \"../../core\"\nimport { Stack } from \"./stack\"\nimport { vStackStyle } from \"./v-stack.style\"\n\nexport interface VStackProps\n  extends WithoutThemeProps<StackProps, VStackStyle>, ThemeProps<VStackStyle> {}\n\nconst {\n  PropsContext: VStackPropsContext,\n  usePropsContext: useVStackPropsContext,\n  withContext,\n} = createComponent<VStackProps, VStackStyle>(\"stack--vertical\", vStackStyle)\n\nexport { useVStackPropsContext, VStackPropsContext }\n\n/**\n * `VStack` is a component that groups elements and provides space between child elements.\n *\n * @see https://yamada-ui.com/docs/components/stack\n */\nexport const VStack = withContext<\"div\", VStackProps>(Stack)(undefined, {\n  direction: \"column\",\n})\n"],"mappings":";;;;;AAYA,MAAM,EACJ,cAAc,oBACd,iBAAiB,uBACjB,gBACEA,yBAAAA,gBAA0C,mBAAmBC,sBAAAA,YAAY;;;;;;AAS7E,MAAa,SAAS,YAAgCC,cAAAA,MAAM,CAAC,KAAA,GAAW,EACtE,WAAW,UACZ,CAAC"}

package/dist/cjs/components/stack/v-stack.style.cjs

@@ -1,12 +1,9 @@
-const require_config = require('../../core/system/config.cjs');
-require('../../core/index.cjs');
-
 //#region src/components/stack/v-stack.style.ts
-const vStackStyle = require_config.defineComponentStyle({ base: {
+const vStackStyle = require("../../core/system/config.cjs").defineComponentStyle({ base: {
 	alignItems: "stretch",
 	width: "full"
 } });
-
 //#endregion
 exports.vStackStyle = vStackStyle;
+
 //# sourceMappingURL=v-stack.style.cjs.map

package/dist/cjs/components/stack/v-stack.style.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"v-stack.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/stack/v-stack.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const vStackStyle = defineComponentStyle({\n  base: {\n    alignItems: \"stretch\",\n    width: \"full\",\n  },\n})\n\nexport type VStackStyle = typeof vStackStyle\n"],"mappings":";;;;AAEA,MAAa,cAAcA,oCAAqB,EAC9C,MAAM;CACJ,YAAY;CACZ,OAAO;CACR,EACF,CAAC"}
+{"version":3,"file":"v-stack.style.cjs","names":["defineComponentStyle"],"sources":["../../../../src/components/stack/v-stack.style.ts"],"sourcesContent":["import { defineComponentStyle } from \"../../core\"\n\nexport const vStackStyle = defineComponentStyle({\n  base: {\n    alignItems: \"stretch\",\n    width: \"full\",\n  },\n})\n\nexport type VStackStyle = typeof vStackStyle\n"],"mappings":";AAEA,MAAa,qDAAcA,CAAAA,qBAAqB,EAC9C,MAAM;CACJ,YAAY;CACZ,OAAO;CACR,EACF,CAAC"}

package/dist/cjs/components/stack/z-stack.cjs

@@ -1,18 +1,14 @@
 "use client";
-
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_children = require('../../utils/children.cjs');
-const require_ref = require('../../utils/ref.cjs');
-require('../../utils/index.cjs');
-const require_factory = require('../../core/system/factory.cjs');
-const require_merge_css = require('../../core/css/merge-css.cjs');
-const require_use_inject_vars = require('../../core/css/use-inject-vars.cjs');
-const require_create_component = require('../../core/components/create-component.cjs');
-require('../../core/index.cjs');
-const require_z_stack_style = require('./z-stack.style.cjs');
+require("../../_virtual/_rolldown/runtime.cjs");
+const require_children = require("../../utils/children.cjs");
+const require_ref = require("../../utils/ref.cjs");
+const require_factory = require("../../core/system/factory.cjs");
+const require_merge_css = require("../../core/css/merge-css.cjs");
+const require_use_inject_vars = require("../../core/css/use-inject-vars.cjs");
+const require_create_component = require("../../core/components/create-component.cjs");
+const require_z_stack_style = require("./z-stack.style.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
-
 //#region src/components/stack/z-stack.tsx
 const { PropsContext: ZStackPropsContext, usePropsContext: useZStackPropsContext, withContext } = require_create_component.createComponent("stack--depth", require_z_stack_style.zStackStyle);
 /**
@@ -45,7 +41,7 @@ const ZStack = withContext(({ css, children, direction = "end", fit = true, reve
 			const key = child.key ?? index;
 			const zIndex = startIndex + index;
 			const space = `calc({space} * ${index})`;
-			const css$1 = {
+			const css = {
 				position: "absolute",
 				zIndex,
 				...vertical(space),
@@ -54,7 +50,7 @@ const ZStack = withContext(({ css, children, direction = "end", fit = true, reve
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Fragment, { children: (0, react.cloneElement)(child, {
 				...child.props,
 				ref: require_ref.mergeRefs(child.props.ref, ref),
-				css: require_merge_css.mergeCSS(child.props.css, css$1)
+				css: require_merge_css.mergeCSS(child.props.css, css)
 			}) }, key);
 		});
 	}, [
@@ -108,9 +104,9 @@ const ZStack = withContext(({ css, children, direction = "end", fit = true, reve
 		css
 	};
 });
-
 //#endregion
 exports.ZStack = ZStack;
 exports.ZStackPropsContext = ZStackPropsContext;
 exports.useZStackPropsContext = useZStackPropsContext;
+
 //# sourceMappingURL=z-stack.cjs.map