@yamada-ui/reorder 1.1.1 → 1.1.2-dev-20240614141936

package/dist/{chunk-OIE2K4ZX.mjs → chunk-IW4J52IV.mjs}

@@ -2,7 +2,7 @@
 import {
   useReorderContext,
   useReorderItemContext
-} from "./chunk-IIRSXMNK.mjs";
+} from "./chunk-JCUBP2U3.mjs";
 
 // src/reorder-trigger.tsx
 import { ui, forwardRef } from "@yamada-ui/core";
@@ -111,4 +111,4 @@ var ReorderTriggerIcon = (rest) => {
 export {
   ReorderTrigger
 };
-//# sourceMappingURL=chunk-OIE2K4ZX.mjs.map
+//# sourceMappingURL=chunk-IW4J52IV.mjs.map

package/dist/{chunk-IIRSXMNK.mjs → chunk-JCUBP2U3.mjs}

@@ -69,15 +69,13 @@ var Reorder = forwardRef(
     );
     const onCompleteReorder = useCallback(() => {
       const isEqual = JSON.stringify(prevValues.current) === JSON.stringify(values);
-      if (isEqual)
-        return;
+      if (isEqual) return;
       prevValues.current = values;
       onCompleteChange == null ? void 0 : onCompleteChange(values);
     }, [onCompleteChange, values]);
     useUpdateEffect(() => {
       const isEqual = JSON.stringify(defaultValues) === JSON.stringify(prevDefaultValues.current);
-      if (isEqual)
-        return;
+      if (isEqual) return;
       prevValues.current = defaultValues;
       prevDefaultValues.current = defaultValues;
       setValues(defaultValues);
@@ -140,12 +138,10 @@ var ReorderItem = forwardRef2(
     );
     useEffect(() => {
       const unsubscribeX = x.on("change", (x2) => {
-        if (orientation === "horizontal")
-          setIsDrag(x2 !== 0);
+        if (orientation === "horizontal") setIsDrag(x2 !== 0);
       });
       const unsubscribeY = y.on("change", (y2) => {
-        if (orientation === "vertical")
-          setIsDrag(y2 !== 0);
+        if (orientation === "vertical") setIsDrag(y2 !== 0);
       });
       return () => {
         unsubscribeX();
@@ -189,4 +185,4 @@ export {
   useReorderContext,
   Reorder
 };
-//# sourceMappingURL=chunk-IIRSXMNK.mjs.map
+//# sourceMappingURL=chunk-JCUBP2U3.mjs.map

package/dist/{chunk-IIRSXMNK.mjs.map → chunk-JCUBP2U3.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/reorder-item.tsx","../src/reorder.tsx"],"sourcesContent":["import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps, DragControls } from \"@yamada-ui/motion\"\nimport {\n  MotionReorder,\n  useMotionValue,\n  useDragControls,\n} from \"@yamada-ui/motion\"\nimport { createContext, cx, dataAttr } from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useEffect, useState } from \"react\"\nimport { useReorderContext } from \"./reorder\"\n\ntype ReorderItemContext = {\n  register: (node: HTMLElement | null) => void\n  isDrag: boolean\n  dragControls: DragControls\n}\n\nexport const [ReorderItemProvider, useReorderItemContext] =\n  createContext<ReorderItemContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderItemContext returned is 'undefined'. Seems you forgot to wrap the components in \"<ReorderItem />\"`,\n  })\n\ntype ReorderItemOptions = {\n  /**\n   * The label of the reorder item.\n   */\n  label: string | number\n}\n\nexport type ReorderItemProps = Omit<HTMLUIProps<\"li\">, \"as\"> &\n  Omit<HTMLMotionProps<\"li\">, \"as\" | \"layout\"> &\n  ReorderItemOptions\n\nexport const ReorderItem = forwardRef<HTMLLIElement, ReorderItemProps>(\n  ({ className, label, ...rest }, ref) => {\n    const { orientation, styles } = useReorderContext()\n\n    const dragControls = useDragControls()\n\n    const [hasTrigger, setHasTrigger] = useState<boolean>(false)\n    const [isDrag, setIsDrag] = useState<boolean>(false)\n\n    const x = useMotionValue(0)\n    const y = useMotionValue(0)\n\n    const register = useCallback(\n      (node: HTMLElement | null) => setHasTrigger(!!node),\n      [],\n    )\n\n    useEffect(() => {\n      const unsubscribeX = x.on(\"change\", (x) => {\n        if (orientation === \"horizontal\") setIsDrag(x !== 0)\n      })\n      const unsubscribeY = y.on(\"change\", (y) => {\n        if (orientation === \"vertical\") setIsDrag(y !== 0)\n      })\n\n      return () => {\n        unsubscribeX()\n        unsubscribeY()\n      }\n    }, [orientation, x, y])\n\n    const css: CSSUIObject = {\n      ...(!hasTrigger ? { cursor: \"grab\" } : { userSelect: \"none\" }),\n      ...styles.item,\n      ...(!hasTrigger\n        ? {\n            _selected: {\n              ...(styles.item as any)?._selected,\n              cursor: \"grabbing\",\n            },\n          }\n        : {}),\n    }\n\n    return (\n      <ReorderItemProvider value={{ register, isDrag, dragControls }}>\n        <ui.li\n          ref={ref}\n          as={MotionReorder.Item}\n          className={cx(\"ui-reorder__item\", className)}\n          value={label}\n          __css={css}\n          {...rest}\n          // @ts-ignore\n          dragListener={!hasTrigger}\n          dragControls={dragControls}\n          data-selected={dataAttr(isDrag)}\n          style={{ ...rest.style, x, y }}\n        />\n      </ReorderItemProvider>\n    )\n  },\n)\n\nReorderItem.displayName = \"ReorderItem\"\n","import type { CSSUIObject, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps } from \"@yamada-ui/motion\"\nimport { MotionReorder } from \"@yamada-ui/motion\"\nimport {\n  createContext,\n  cx,\n  getValidChildren,\n  handlerAll,\n  useUpdateEffect,\n} from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useMemo, useRef, useState } from \"react\"\nimport { ReorderItem, type ReorderItemProps } from \"./reorder-item\"\n\ntype ReorderContext = {\n  orientation: \"vertical\" | \"horizontal\"\n  styles: Record<string, CSSUIObject>\n}\n\nexport const [ReorderProvider, useReorderContext] =\n  createContext<ReorderContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderContext returned is 'undefined'. Seems you forgot to wrap the components in \"<Reorder />\"`,\n  })\n\nexport type ReorderGenerateItem = ReorderItemProps\n\ntype ReorderOptions = {\n  /**\n   * The orientation of the reorder.\n   *\n   * @default 'vertical'\n   */\n  orientation?: \"vertical\" | \"horizontal\"\n  /**\n   * If provided, generate reorder items based on items.\n   *\n   */\n  items?: ReorderGenerateItem[]\n  /**\n   * The callback invoked when reorder items are moved.\n   */\n  onChange?: (labels: (string | number)[]) => void\n  /**\n   * The callback invoked when the movement of reorder items is completed.\n   */\n  onCompleteChange?: (labels: (string | number)[]) => void\n}\n\nexport type ReorderProps = Omit<HTMLUIProps<\"ul\">, \"as\" | \"onChange\"> &\n  Omit<HTMLMotionProps<\"ul\">, \"as\" | \"onChange\"> &\n  ThemeProps<\"Reorder\"> &\n  ReorderOptions\n\nconst omitDuplicated = (values: (string | number)[]): (string | number)[] =>\n  Array.from(new Set(values))\n\nconst pickDuplicated = (values: (string | number)[]): (string | number)[] =>\n  values.filter(\n    (value, index, self) =>\n      self.indexOf(value) === index && index !== self.lastIndexOf(value),\n  )\n\n/**\n * `Reorder` is a component that allows you to change the order of items using drag and drop.\n *\n * @see Docs https://yamada-ui.com/components/data-display/reorder\n */\nexport const Reorder = forwardRef<HTMLUListElement, ReorderProps>(\n  (props, ref) => {\n    const [styles, mergedProps] = useMultiComponentStyle(\"Reorder\", props)\n    const {\n      className,\n      orientation = \"vertical\",\n      gap = \"fallback(4, 1rem)\",\n      items = [],\n      onChange,\n      onCompleteChange,\n      children,\n      ...rest\n    } = omitThemeProps(mergedProps)\n\n    const axis = orientation === \"vertical\" ? \"y\" : \"x\"\n\n    const validChildren = getValidChildren(children)\n    const hasChildren = !!validChildren.length\n\n    const defaultValues = useMemo(() => {\n      const values = hasChildren\n        ? validChildren.map(({ props }) => props.label)\n        : items.map(({ label }) => label)\n\n      const duplicatedValues = pickDuplicated(values)\n\n      if (duplicatedValues.length)\n        console.warn(\n          `Reorder: 'label' of 'ReorderItem' must not be duplicated. duplicate 'label' is '${duplicatedValues.join(\n            `', '`,\n          )}' `,\n        )\n\n      return omitDuplicated(values)\n    }, [hasChildren, validChildren, items])\n    const prevDefaultValues = useRef<(string | number)[]>(defaultValues)\n\n    const [values, setValues] = useState<(string | number)[]>(defaultValues)\n    const prevValues = useRef<(string | number)[]>(defaultValues)\n\n    const onReorder = useCallback(\n      (newValues: (string | number)[]) => {\n        setValues(newValues)\n\n        onChange?.(newValues)\n      },\n      [onChange],\n    )\n\n    const onCompleteReorder = useCallback(() => {\n      const isEqual =\n        JSON.stringify(prevValues.current) === JSON.stringify(values)\n\n      if (isEqual) return\n\n      prevValues.current = values\n\n      onCompleteChange?.(values)\n    }, [onCompleteChange, values])\n\n    useUpdateEffect(() => {\n      const isEqual =\n        JSON.stringify(defaultValues) ===\n        JSON.stringify(prevDefaultValues.current)\n\n      if (isEqual) return\n\n      prevValues.current = defaultValues\n      prevDefaultValues.current = defaultValues\n\n      setValues(defaultValues)\n    }, [defaultValues])\n\n    const cloneChildren = useMemo(\n      () =>\n        values.map((value) => {\n          if (hasChildren) {\n            return validChildren.find(({ props }) => props.label === value)\n          } else {\n            const props = items.find(({ label }) => label === value)\n\n            return props ? <ReorderItem key={props.label} {...props} /> : null\n          }\n        }),\n      [values, hasChildren, validChildren, items],\n    )\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: orientation === \"vertical\" ? \"column\" : \"row\",\n      gap,\n      ...styles.container,\n    }\n\n    return (\n      <ReorderProvider value={{ orientation, styles }}>\n        <ui.ul\n          ref={ref}\n          as={MotionReorder.Group}\n          className={cx(\"ui-reorder\", className)}\n          axis={axis}\n          values={values}\n          onReorder={onReorder}\n          __css={css}\n          {...rest}\n          onMouseUp={handlerAll(rest.onMouseUp, onCompleteReorder)}\n          onTouchEnd={handlerAll(rest.onTouchEnd, onCompleteReorder)}\n        >\n          {cloneChildren}\n        </ui.ul>\n      </ReorderProvider>\n    )\n  },\n)\n\nReorder.displayName = \"Reorder\"\n"],"mappings":"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","names":["ui","MotionReorder","createContext","cx","forwardRef","useCallback","useState","values","props","jsx","createContext","forwardRef","useState","useCallback","x","y","ui","MotionReorder","cx"]}
+{"version":3,"sources":["../src/reorder-item.tsx","../src/reorder.tsx"],"sourcesContent":["import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps, DragControls } from \"@yamada-ui/motion\"\nimport {\n  MotionReorder,\n  useMotionValue,\n  useDragControls,\n} from \"@yamada-ui/motion\"\nimport { createContext, cx, dataAttr } from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useEffect, useState } from \"react\"\nimport { useReorderContext } from \"./reorder\"\n\ntype ReorderItemContext = {\n  register: (node: HTMLElement | null) => void\n  isDrag: boolean\n  dragControls: DragControls\n}\n\nexport const [ReorderItemProvider, useReorderItemContext] =\n  createContext<ReorderItemContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderItemContext returned is 'undefined'. Seems you forgot to wrap the components in \"<ReorderItem />\"`,\n  })\n\ntype ReorderItemOptions = {\n  /**\n   * The label of the reorder item.\n   */\n  label: string | number\n}\n\nexport type ReorderItemProps = Omit<HTMLUIProps<\"li\">, \"as\"> &\n  Omit<HTMLMotionProps<\"li\">, \"as\" | \"layout\"> &\n  ReorderItemOptions\n\nexport const ReorderItem = forwardRef<HTMLLIElement, ReorderItemProps>(\n  ({ className, label, ...rest }, ref) => {\n    const { orientation, styles } = useReorderContext()\n\n    const dragControls = useDragControls()\n\n    const [hasTrigger, setHasTrigger] = useState<boolean>(false)\n    const [isDrag, setIsDrag] = useState<boolean>(false)\n\n    const x = useMotionValue(0)\n    const y = useMotionValue(0)\n\n    const register = useCallback(\n      (node: HTMLElement | null) => setHasTrigger(!!node),\n      [],\n    )\n\n    useEffect(() => {\n      const unsubscribeX = x.on(\"change\", (x) => {\n        if (orientation === \"horizontal\") setIsDrag(x !== 0)\n      })\n      const unsubscribeY = y.on(\"change\", (y) => {\n        if (orientation === \"vertical\") setIsDrag(y !== 0)\n      })\n\n      return () => {\n        unsubscribeX()\n        unsubscribeY()\n      }\n    }, [orientation, x, y])\n\n    const css: CSSUIObject = {\n      ...(!hasTrigger ? { cursor: \"grab\" } : { userSelect: \"none\" }),\n      ...styles.item,\n      ...(!hasTrigger\n        ? {\n            _selected: {\n              ...(styles.item as any)?._selected,\n              cursor: \"grabbing\",\n            },\n          }\n        : {}),\n    }\n\n    return (\n      <ReorderItemProvider value={{ register, isDrag, dragControls }}>\n        <ui.li\n          ref={ref}\n          as={MotionReorder.Item}\n          className={cx(\"ui-reorder__item\", className)}\n          value={label}\n          __css={css}\n          {...rest}\n          // @ts-ignore\n          dragListener={!hasTrigger}\n          dragControls={dragControls}\n          data-selected={dataAttr(isDrag)}\n          style={{ ...rest.style, x, y }}\n        />\n      </ReorderItemProvider>\n    )\n  },\n)\n\nReorderItem.displayName = \"ReorderItem\"\n","import type { CSSUIObject, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps } from \"@yamada-ui/motion\"\nimport { MotionReorder } from \"@yamada-ui/motion\"\nimport {\n  createContext,\n  cx,\n  getValidChildren,\n  handlerAll,\n  useUpdateEffect,\n} from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useMemo, useRef, useState } from \"react\"\nimport { ReorderItem, type ReorderItemProps } from \"./reorder-item\"\n\ntype ReorderContext = {\n  orientation: \"vertical\" | \"horizontal\"\n  styles: Record<string, CSSUIObject>\n}\n\nexport const [ReorderProvider, useReorderContext] =\n  createContext<ReorderContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderContext returned is 'undefined'. Seems you forgot to wrap the components in \"<Reorder />\"`,\n  })\n\nexport type ReorderGenerateItem = ReorderItemProps\n\ntype ReorderOptions = {\n  /**\n   * The orientation of the reorder.\n   *\n   * @default 'vertical'\n   */\n  orientation?: \"vertical\" | \"horizontal\"\n  /**\n   * If provided, generate reorder items based on items.\n   *\n   */\n  items?: ReorderGenerateItem[]\n  /**\n   * The callback invoked when reorder items are moved.\n   */\n  onChange?: (labels: (string | number)[]) => void\n  /**\n   * The callback invoked when the movement of reorder items is completed.\n   */\n  onCompleteChange?: (labels: (string | number)[]) => void\n}\n\nexport type ReorderProps = Omit<HTMLUIProps<\"ul\">, \"as\" | \"onChange\"> &\n  Omit<HTMLMotionProps<\"ul\">, \"as\" | \"onChange\"> &\n  ThemeProps<\"Reorder\"> &\n  ReorderOptions\n\nconst omitDuplicated = (values: (string | number)[]): (string | number)[] =>\n  Array.from(new Set(values))\n\nconst pickDuplicated = (values: (string | number)[]): (string | number)[] =>\n  values.filter(\n    (value, index, self) =>\n      self.indexOf(value) === index && index !== self.lastIndexOf(value),\n  )\n\n/**\n * `Reorder` is a component that allows you to change the order of items using drag and drop.\n *\n * @see Docs https://yamada-ui.com/components/data-display/reorder\n */\nexport const Reorder = forwardRef<HTMLUListElement, ReorderProps>(\n  (props, ref) => {\n    const [styles, mergedProps] = useMultiComponentStyle(\"Reorder\", props)\n    const {\n      className,\n      orientation = \"vertical\",\n      gap = \"fallback(4, 1rem)\",\n      items = [],\n      onChange,\n      onCompleteChange,\n      children,\n      ...rest\n    } = omitThemeProps(mergedProps)\n\n    const axis = orientation === \"vertical\" ? \"y\" : \"x\"\n\n    const validChildren = getValidChildren(children)\n    const hasChildren = !!validChildren.length\n\n    const defaultValues = useMemo(() => {\n      const values = hasChildren\n        ? validChildren.map(({ props }) => props.label)\n        : items.map(({ label }) => label)\n\n      const duplicatedValues = pickDuplicated(values)\n\n      if (duplicatedValues.length)\n        console.warn(\n          `Reorder: 'label' of 'ReorderItem' must not be duplicated. duplicate 'label' is '${duplicatedValues.join(\n            `', '`,\n          )}' `,\n        )\n\n      return omitDuplicated(values)\n    }, [hasChildren, validChildren, items])\n    const prevDefaultValues = useRef<(string | number)[]>(defaultValues)\n\n    const [values, setValues] = useState<(string | number)[]>(defaultValues)\n    const prevValues = useRef<(string | number)[]>(defaultValues)\n\n    const onReorder = useCallback(\n      (newValues: (string | number)[]) => {\n        setValues(newValues)\n\n        onChange?.(newValues)\n      },\n      [onChange],\n    )\n\n    const onCompleteReorder = useCallback(() => {\n      const isEqual =\n        JSON.stringify(prevValues.current) === JSON.stringify(values)\n\n      if (isEqual) return\n\n      prevValues.current = values\n\n      onCompleteChange?.(values)\n    }, [onCompleteChange, values])\n\n    useUpdateEffect(() => {\n      const isEqual =\n        JSON.stringify(defaultValues) ===\n        JSON.stringify(prevDefaultValues.current)\n\n      if (isEqual) return\n\n      prevValues.current = defaultValues\n      prevDefaultValues.current = defaultValues\n\n      setValues(defaultValues)\n    }, [defaultValues])\n\n    const cloneChildren = useMemo(\n      () =>\n        values.map((value) => {\n          if (hasChildren) {\n            return validChildren.find(({ props }) => props.label === value)\n          } else {\n            const props = items.find(({ label }) => label === value)\n\n            return props ? <ReorderItem key={props.label} {...props} /> : null\n          }\n        }),\n      [values, hasChildren, validChildren, items],\n    )\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: orientation === \"vertical\" ? \"column\" : \"row\",\n      gap,\n      ...styles.container,\n    }\n\n    return (\n      <ReorderProvider value={{ orientation, styles }}>\n        <ui.ul\n          ref={ref}\n          as={MotionReorder.Group}\n          className={cx(\"ui-reorder\", className)}\n          axis={axis}\n          values={values}\n          onReorder={onReorder}\n          __css={css}\n          {...rest}\n          onMouseUp={handlerAll(rest.onMouseUp, onCompleteReorder)}\n          onTouchEnd={handlerAll(rest.onTouchEnd, onCompleteReorder)}\n        >\n          {cloneChildren}\n        </ui.ul>\n      </ReorderProvider>\n    )\n  },\n)\n\nReorder.displayName = \"Reorder\"\n"],"mappings":"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","names":["ui","MotionReorder","createContext","cx","forwardRef","useCallback","useState","values","props","jsx","createContext","forwardRef","useState","useCallback","x","y","ui","MotionReorder","cx"]}

package/dist/index.js

@@ -58,12 +58,10 @@ var ReorderItem = (0, import_react.forwardRef)(
     );
     (0, import_react.useEffect)(() => {
       const unsubscribeX = x.on("change", (x2) => {
-        if (orientation === "horizontal")
-          setIsDrag(x2 !== 0);
+        if (orientation === "horizontal") setIsDrag(x2 !== 0);
       });
       const unsubscribeY = y.on("change", (y2) => {
-        if (orientation === "vertical")
-          setIsDrag(y2 !== 0);
+        if (orientation === "vertical") setIsDrag(y2 !== 0);
       });
       return () => {
         unsubscribeX();
@@ -148,15 +146,13 @@ var Reorder = (0, import_react2.forwardRef)(
     );
     const onCompleteReorder = (0, import_react2.useCallback)(() => {
       const isEqual = JSON.stringify(prevValues.current) === JSON.stringify(values);
-      if (isEqual)
-        return;
+      if (isEqual) return;
       prevValues.current = values;
       onCompleteChange == null ? void 0 : onCompleteChange(values);
     }, [onCompleteChange, values]);
     (0, import_utils2.useUpdateEffect)(() => {
       const isEqual = JSON.stringify(defaultValues) === JSON.stringify(prevDefaultValues.current);
-      if (isEqual)
-        return;
+      if (isEqual) return;
       prevValues.current = defaultValues;
       prevDefaultValues.current = defaultValues;
       setValues(defaultValues);

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/reorder.tsx","../src/reorder-item.tsx","../src/reorder-trigger.tsx"],"sourcesContent":["export { Reorder } from \"./reorder\"\nexport type { ReorderProps, ReorderGenerateItem } from \"./reorder\"\nexport { ReorderItem } from \"./reorder-item\"\nexport type { ReorderItemProps } from \"./reorder-item\"\nexport { ReorderTrigger } from \"./reorder-trigger\"\nexport type { ReorderTriggerProps } from \"./reorder-trigger\"\n","import type { CSSUIObject, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps } from \"@yamada-ui/motion\"\nimport { MotionReorder } from \"@yamada-ui/motion\"\nimport {\n  createContext,\n  cx,\n  getValidChildren,\n  handlerAll,\n  useUpdateEffect,\n} from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useMemo, useRef, useState } from \"react\"\nimport { ReorderItem, type ReorderItemProps } from \"./reorder-item\"\n\ntype ReorderContext = {\n  orientation: \"vertical\" | \"horizontal\"\n  styles: Record<string, CSSUIObject>\n}\n\nexport const [ReorderProvider, useReorderContext] =\n  createContext<ReorderContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderContext returned is 'undefined'. Seems you forgot to wrap the components in \"<Reorder />\"`,\n  })\n\nexport type ReorderGenerateItem = ReorderItemProps\n\ntype ReorderOptions = {\n  /**\n   * The orientation of the reorder.\n   *\n   * @default 'vertical'\n   */\n  orientation?: \"vertical\" | \"horizontal\"\n  /**\n   * If provided, generate reorder items based on items.\n   *\n   */\n  items?: ReorderGenerateItem[]\n  /**\n   * The callback invoked when reorder items are moved.\n   */\n  onChange?: (labels: (string | number)[]) => void\n  /**\n   * The callback invoked when the movement of reorder items is completed.\n   */\n  onCompleteChange?: (labels: (string | number)[]) => void\n}\n\nexport type ReorderProps = Omit<HTMLUIProps<\"ul\">, \"as\" | \"onChange\"> &\n  Omit<HTMLMotionProps<\"ul\">, \"as\" | \"onChange\"> &\n  ThemeProps<\"Reorder\"> &\n  ReorderOptions\n\nconst omitDuplicated = (values: (string | number)[]): (string | number)[] =>\n  Array.from(new Set(values))\n\nconst pickDuplicated = (values: (string | number)[]): (string | number)[] =>\n  values.filter(\n    (value, index, self) =>\n      self.indexOf(value) === index && index !== self.lastIndexOf(value),\n  )\n\n/**\n * `Reorder` is a component that allows you to change the order of items using drag and drop.\n *\n * @see Docs https://yamada-ui.com/components/data-display/reorder\n */\nexport const Reorder = forwardRef<HTMLUListElement, ReorderProps>(\n  (props, ref) => {\n    const [styles, mergedProps] = useMultiComponentStyle(\"Reorder\", props)\n    const {\n      className,\n      orientation = \"vertical\",\n      gap = \"fallback(4, 1rem)\",\n      items = [],\n      onChange,\n      onCompleteChange,\n      children,\n      ...rest\n    } = omitThemeProps(mergedProps)\n\n    const axis = orientation === \"vertical\" ? \"y\" : \"x\"\n\n    const validChildren = getValidChildren(children)\n    const hasChildren = !!validChildren.length\n\n    const defaultValues = useMemo(() => {\n      const values = hasChildren\n        ? validChildren.map(({ props }) => props.label)\n        : items.map(({ label }) => label)\n\n      const duplicatedValues = pickDuplicated(values)\n\n      if (duplicatedValues.length)\n        console.warn(\n          `Reorder: 'label' of 'ReorderItem' must not be duplicated. duplicate 'label' is '${duplicatedValues.join(\n            `', '`,\n          )}' `,\n        )\n\n      return omitDuplicated(values)\n    }, [hasChildren, validChildren, items])\n    const prevDefaultValues = useRef<(string | number)[]>(defaultValues)\n\n    const [values, setValues] = useState<(string | number)[]>(defaultValues)\n    const prevValues = useRef<(string | number)[]>(defaultValues)\n\n    const onReorder = useCallback(\n      (newValues: (string | number)[]) => {\n        setValues(newValues)\n\n        onChange?.(newValues)\n      },\n      [onChange],\n    )\n\n    const onCompleteReorder = useCallback(() => {\n      const isEqual =\n        JSON.stringify(prevValues.current) === JSON.stringify(values)\n\n      if (isEqual) return\n\n      prevValues.current = values\n\n      onCompleteChange?.(values)\n    }, [onCompleteChange, values])\n\n    useUpdateEffect(() => {\n      const isEqual =\n        JSON.stringify(defaultValues) ===\n        JSON.stringify(prevDefaultValues.current)\n\n      if (isEqual) return\n\n      prevValues.current = defaultValues\n      prevDefaultValues.current = defaultValues\n\n      setValues(defaultValues)\n    }, [defaultValues])\n\n    const cloneChildren = useMemo(\n      () =>\n        values.map((value) => {\n          if (hasChildren) {\n            return validChildren.find(({ props }) => props.label === value)\n          } else {\n            const props = items.find(({ label }) => label === value)\n\n            return props ? <ReorderItem key={props.label} {...props} /> : null\n          }\n        }),\n      [values, hasChildren, validChildren, items],\n    )\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: orientation === \"vertical\" ? \"column\" : \"row\",\n      gap,\n      ...styles.container,\n    }\n\n    return (\n      <ReorderProvider value={{ orientation, styles }}>\n        <ui.ul\n          ref={ref}\n          as={MotionReorder.Group}\n          className={cx(\"ui-reorder\", className)}\n          axis={axis}\n          values={values}\n          onReorder={onReorder}\n          __css={css}\n          {...rest}\n          onMouseUp={handlerAll(rest.onMouseUp, onCompleteReorder)}\n          onTouchEnd={handlerAll(rest.onTouchEnd, onCompleteReorder)}\n        >\n          {cloneChildren}\n        </ui.ul>\n      </ReorderProvider>\n    )\n  },\n)\n\nReorder.displayName = \"Reorder\"\n","import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps, DragControls } from \"@yamada-ui/motion\"\nimport {\n  MotionReorder,\n  useMotionValue,\n  useDragControls,\n} from \"@yamada-ui/motion\"\nimport { createContext, cx, dataAttr } from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useEffect, useState } from \"react\"\nimport { useReorderContext } from \"./reorder\"\n\ntype ReorderItemContext = {\n  register: (node: HTMLElement | null) => void\n  isDrag: boolean\n  dragControls: DragControls\n}\n\nexport const [ReorderItemProvider, useReorderItemContext] =\n  createContext<ReorderItemContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderItemContext returned is 'undefined'. Seems you forgot to wrap the components in \"<ReorderItem />\"`,\n  })\n\ntype ReorderItemOptions = {\n  /**\n   * The label of the reorder item.\n   */\n  label: string | number\n}\n\nexport type ReorderItemProps = Omit<HTMLUIProps<\"li\">, \"as\"> &\n  Omit<HTMLMotionProps<\"li\">, \"as\" | \"layout\"> &\n  ReorderItemOptions\n\nexport const ReorderItem = forwardRef<HTMLLIElement, ReorderItemProps>(\n  ({ className, label, ...rest }, ref) => {\n    const { orientation, styles } = useReorderContext()\n\n    const dragControls = useDragControls()\n\n    const [hasTrigger, setHasTrigger] = useState<boolean>(false)\n    const [isDrag, setIsDrag] = useState<boolean>(false)\n\n    const x = useMotionValue(0)\n    const y = useMotionValue(0)\n\n    const register = useCallback(\n      (node: HTMLElement | null) => setHasTrigger(!!node),\n      [],\n    )\n\n    useEffect(() => {\n      const unsubscribeX = x.on(\"change\", (x) => {\n        if (orientation === \"horizontal\") setIsDrag(x !== 0)\n      })\n      const unsubscribeY = y.on(\"change\", (y) => {\n        if (orientation === \"vertical\") setIsDrag(y !== 0)\n      })\n\n      return () => {\n        unsubscribeX()\n        unsubscribeY()\n      }\n    }, [orientation, x, y])\n\n    const css: CSSUIObject = {\n      ...(!hasTrigger ? { cursor: \"grab\" } : { userSelect: \"none\" }),\n      ...styles.item,\n      ...(!hasTrigger\n        ? {\n            _selected: {\n              ...(styles.item as any)?._selected,\n              cursor: \"grabbing\",\n            },\n          }\n        : {}),\n    }\n\n    return (\n      <ReorderItemProvider value={{ register, isDrag, dragControls }}>\n        <ui.li\n          ref={ref}\n          as={MotionReorder.Item}\n          className={cx(\"ui-reorder__item\", className)}\n          value={label}\n          __css={css}\n          {...rest}\n          // @ts-ignore\n          dragListener={!hasTrigger}\n          dragControls={dragControls}\n          data-selected={dataAttr(isDrag)}\n          style={{ ...rest.style, x, y }}\n        />\n      </ReorderItemProvider>\n    )\n  },\n)\n\nReorderItem.displayName = \"ReorderItem\"\n","import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport type { IconProps } from \"@yamada-ui/icon\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { cx, handlerAll, mergeRefs, dataAttr } from \"@yamada-ui/utils\"\nimport type { FC } from \"react\"\nimport { useReorderContext } from \"./reorder\"\nimport { useReorderItemContext } from \"./reorder-item\"\n\nexport type ReorderTriggerProps = HTMLUIProps<\"div\">\n\nexport const ReorderTrigger = forwardRef<ReorderTriggerProps, \"div\">(\n  ({ className, children = <ReorderTriggerIcon />, ...rest }, ref) => {\n    const { styles } = useReorderContext()\n    const { register, isDrag, dragControls } = useReorderItemContext()\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      cursor: \"grab\",\n      _selected: {\n        cursor: \"grabbing\",\n      },\n      ...styles.trigger,\n    }\n\n    return (\n      <ui.div\n        ref={mergeRefs(register, ref)}\n        className={cx(\"ui-reorder__trigger\", className)}\n        __css={css}\n        {...rest}\n        data-selected={dataAttr(isDrag)}\n        onPointerDown={handlerAll(rest.onPointerDown, (ev) =>\n          dragControls.start(ev),\n        )}\n      >\n        {children}\n      </ui.div>\n    )\n  },\n)\n\nconst ReorderTriggerIcon: FC<IconProps> = (rest) => {\n  return (\n    <Icon viewBox=\"0 0 39 39\" {...rest}>\n      <path\n        d=\"M 5 0 C 7.761 0 10 2.239 10 5 C 10 7.761 7.761 10 5 10 C 2.239 10 0 7.761 0 5 C 0 2.239 2.239 0 5 0 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 19 0 C 21.761 0 24 2.239 24 5 C 24 7.761 21.761 10 19 10 C 16.239 10 14 7.761 14 5 C 14 2.239 16.239 0 19 0 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 33 0 C 35.761 0 38 2.239 38 5 C 38 7.761 35.761 10 33 10 C 30.239 10 28 7.761 28 5 C 28 2.239 30.239 0 33 0 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 33 14 C 35.761 14 38 16.239 38 19 C 38 21.761 35.761 24 33 24 C 30.239 24 28 21.761 28 19 C 28 16.239 30.239 14 33 14 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 19 14 C 21.761 14 24 16.239 24 19 C 24 21.761 21.761 24 19 24 C 16.239 24 14 21.761 14 19 C 14 16.239 16.239 14 19 14 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 5 14 C 7.761 14 10 16.239 10 19 C 10 21.761 7.761 24 5 24 C 2.239 24 0 21.761 0 19 C 0 16.239 2.239 14 5 14 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 5 28 C 7.761 28 10 30.239 10 33 C 10 35.761 7.761 38 5 38 C 2.239 38 0 35.761 0 33 C 0 30.239 2.239 28 5 28 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 19 28 C 21.761 28 24 30.239 24 33 C 24 35.761 21.761 38 19 38 C 16.239 38 14 35.761 14 33 C 14 30.239 16.239 28 19 28 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 33 28 C 35.761 28 38 30.239 38 33 C 38 35.761 35.761 38 33 38 C 30.239 38 28 35.761 28 33 C 28 30.239 30.239 28 33 28 Z\"\n        fill=\"currentColor\"\n      />\n    </Icon>\n  )\n}\n"],"mappings":"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","names":["import_core","import_motion","import_utils","import_react","x","y","import_jsx_runtime","values","props","import_core","import_utils","import_jsx_runtime"]}
+{"version":3,"sources":["../src/index.ts","../src/reorder.tsx","../src/reorder-item.tsx","../src/reorder-trigger.tsx"],"sourcesContent":["export { Reorder } from \"./reorder\"\nexport type { ReorderProps, ReorderGenerateItem } from \"./reorder\"\nexport { ReorderItem } from \"./reorder-item\"\nexport type { ReorderItemProps } from \"./reorder-item\"\nexport { ReorderTrigger } from \"./reorder-trigger\"\nexport type { ReorderTriggerProps } from \"./reorder-trigger\"\n","import type { CSSUIObject, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps } from \"@yamada-ui/motion\"\nimport { MotionReorder } from \"@yamada-ui/motion\"\nimport {\n  createContext,\n  cx,\n  getValidChildren,\n  handlerAll,\n  useUpdateEffect,\n} from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useMemo, useRef, useState } from \"react\"\nimport { ReorderItem, type ReorderItemProps } from \"./reorder-item\"\n\ntype ReorderContext = {\n  orientation: \"vertical\" | \"horizontal\"\n  styles: Record<string, CSSUIObject>\n}\n\nexport const [ReorderProvider, useReorderContext] =\n  createContext<ReorderContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderContext returned is 'undefined'. Seems you forgot to wrap the components in \"<Reorder />\"`,\n  })\n\nexport type ReorderGenerateItem = ReorderItemProps\n\ntype ReorderOptions = {\n  /**\n   * The orientation of the reorder.\n   *\n   * @default 'vertical'\n   */\n  orientation?: \"vertical\" | \"horizontal\"\n  /**\n   * If provided, generate reorder items based on items.\n   *\n   */\n  items?: ReorderGenerateItem[]\n  /**\n   * The callback invoked when reorder items are moved.\n   */\n  onChange?: (labels: (string | number)[]) => void\n  /**\n   * The callback invoked when the movement of reorder items is completed.\n   */\n  onCompleteChange?: (labels: (string | number)[]) => void\n}\n\nexport type ReorderProps = Omit<HTMLUIProps<\"ul\">, \"as\" | \"onChange\"> &\n  Omit<HTMLMotionProps<\"ul\">, \"as\" | \"onChange\"> &\n  ThemeProps<\"Reorder\"> &\n  ReorderOptions\n\nconst omitDuplicated = (values: (string | number)[]): (string | number)[] =>\n  Array.from(new Set(values))\n\nconst pickDuplicated = (values: (string | number)[]): (string | number)[] =>\n  values.filter(\n    (value, index, self) =>\n      self.indexOf(value) === index && index !== self.lastIndexOf(value),\n  )\n\n/**\n * `Reorder` is a component that allows you to change the order of items using drag and drop.\n *\n * @see Docs https://yamada-ui.com/components/data-display/reorder\n */\nexport const Reorder = forwardRef<HTMLUListElement, ReorderProps>(\n  (props, ref) => {\n    const [styles, mergedProps] = useMultiComponentStyle(\"Reorder\", props)\n    const {\n      className,\n      orientation = \"vertical\",\n      gap = \"fallback(4, 1rem)\",\n      items = [],\n      onChange,\n      onCompleteChange,\n      children,\n      ...rest\n    } = omitThemeProps(mergedProps)\n\n    const axis = orientation === \"vertical\" ? \"y\" : \"x\"\n\n    const validChildren = getValidChildren(children)\n    const hasChildren = !!validChildren.length\n\n    const defaultValues = useMemo(() => {\n      const values = hasChildren\n        ? validChildren.map(({ props }) => props.label)\n        : items.map(({ label }) => label)\n\n      const duplicatedValues = pickDuplicated(values)\n\n      if (duplicatedValues.length)\n        console.warn(\n          `Reorder: 'label' of 'ReorderItem' must not be duplicated. duplicate 'label' is '${duplicatedValues.join(\n            `', '`,\n          )}' `,\n        )\n\n      return omitDuplicated(values)\n    }, [hasChildren, validChildren, items])\n    const prevDefaultValues = useRef<(string | number)[]>(defaultValues)\n\n    const [values, setValues] = useState<(string | number)[]>(defaultValues)\n    const prevValues = useRef<(string | number)[]>(defaultValues)\n\n    const onReorder = useCallback(\n      (newValues: (string | number)[]) => {\n        setValues(newValues)\n\n        onChange?.(newValues)\n      },\n      [onChange],\n    )\n\n    const onCompleteReorder = useCallback(() => {\n      const isEqual =\n        JSON.stringify(prevValues.current) === JSON.stringify(values)\n\n      if (isEqual) return\n\n      prevValues.current = values\n\n      onCompleteChange?.(values)\n    }, [onCompleteChange, values])\n\n    useUpdateEffect(() => {\n      const isEqual =\n        JSON.stringify(defaultValues) ===\n        JSON.stringify(prevDefaultValues.current)\n\n      if (isEqual) return\n\n      prevValues.current = defaultValues\n      prevDefaultValues.current = defaultValues\n\n      setValues(defaultValues)\n    }, [defaultValues])\n\n    const cloneChildren = useMemo(\n      () =>\n        values.map((value) => {\n          if (hasChildren) {\n            return validChildren.find(({ props }) => props.label === value)\n          } else {\n            const props = items.find(({ label }) => label === value)\n\n            return props ? <ReorderItem key={props.label} {...props} /> : null\n          }\n        }),\n      [values, hasChildren, validChildren, items],\n    )\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: orientation === \"vertical\" ? \"column\" : \"row\",\n      gap,\n      ...styles.container,\n    }\n\n    return (\n      <ReorderProvider value={{ orientation, styles }}>\n        <ui.ul\n          ref={ref}\n          as={MotionReorder.Group}\n          className={cx(\"ui-reorder\", className)}\n          axis={axis}\n          values={values}\n          onReorder={onReorder}\n          __css={css}\n          {...rest}\n          onMouseUp={handlerAll(rest.onMouseUp, onCompleteReorder)}\n          onTouchEnd={handlerAll(rest.onTouchEnd, onCompleteReorder)}\n        >\n          {cloneChildren}\n        </ui.ul>\n      </ReorderProvider>\n    )\n  },\n)\n\nReorder.displayName = \"Reorder\"\n","import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps, DragControls } from \"@yamada-ui/motion\"\nimport {\n  MotionReorder,\n  useMotionValue,\n  useDragControls,\n} from \"@yamada-ui/motion\"\nimport { createContext, cx, dataAttr } from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useEffect, useState } from \"react\"\nimport { useReorderContext } from \"./reorder\"\n\ntype ReorderItemContext = {\n  register: (node: HTMLElement | null) => void\n  isDrag: boolean\n  dragControls: DragControls\n}\n\nexport const [ReorderItemProvider, useReorderItemContext] =\n  createContext<ReorderItemContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderItemContext returned is 'undefined'. Seems you forgot to wrap the components in \"<ReorderItem />\"`,\n  })\n\ntype ReorderItemOptions = {\n  /**\n   * The label of the reorder item.\n   */\n  label: string | number\n}\n\nexport type ReorderItemProps = Omit<HTMLUIProps<\"li\">, \"as\"> &\n  Omit<HTMLMotionProps<\"li\">, \"as\" | \"layout\"> &\n  ReorderItemOptions\n\nexport const ReorderItem = forwardRef<HTMLLIElement, ReorderItemProps>(\n  ({ className, label, ...rest }, ref) => {\n    const { orientation, styles } = useReorderContext()\n\n    const dragControls = useDragControls()\n\n    const [hasTrigger, setHasTrigger] = useState<boolean>(false)\n    const [isDrag, setIsDrag] = useState<boolean>(false)\n\n    const x = useMotionValue(0)\n    const y = useMotionValue(0)\n\n    const register = useCallback(\n      (node: HTMLElement | null) => setHasTrigger(!!node),\n      [],\n    )\n\n    useEffect(() => {\n      const unsubscribeX = x.on(\"change\", (x) => {\n        if (orientation === \"horizontal\") setIsDrag(x !== 0)\n      })\n      const unsubscribeY = y.on(\"change\", (y) => {\n        if (orientation === \"vertical\") setIsDrag(y !== 0)\n      })\n\n      return () => {\n        unsubscribeX()\n        unsubscribeY()\n      }\n    }, [orientation, x, y])\n\n    const css: CSSUIObject = {\n      ...(!hasTrigger ? { cursor: \"grab\" } : { userSelect: \"none\" }),\n      ...styles.item,\n      ...(!hasTrigger\n        ? {\n            _selected: {\n              ...(styles.item as any)?._selected,\n              cursor: \"grabbing\",\n            },\n          }\n        : {}),\n    }\n\n    return (\n      <ReorderItemProvider value={{ register, isDrag, dragControls }}>\n        <ui.li\n          ref={ref}\n          as={MotionReorder.Item}\n          className={cx(\"ui-reorder__item\", className)}\n          value={label}\n          __css={css}\n          {...rest}\n          // @ts-ignore\n          dragListener={!hasTrigger}\n          dragControls={dragControls}\n          data-selected={dataAttr(isDrag)}\n          style={{ ...rest.style, x, y }}\n        />\n      </ReorderItemProvider>\n    )\n  },\n)\n\nReorderItem.displayName = \"ReorderItem\"\n","import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport type { IconProps } from \"@yamada-ui/icon\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { cx, handlerAll, mergeRefs, dataAttr } from \"@yamada-ui/utils\"\nimport type { FC } from \"react\"\nimport { useReorderContext } from \"./reorder\"\nimport { useReorderItemContext } from \"./reorder-item\"\n\nexport type ReorderTriggerProps = HTMLUIProps<\"div\">\n\nexport const ReorderTrigger = forwardRef<ReorderTriggerProps, \"div\">(\n  ({ className, children = <ReorderTriggerIcon />, ...rest }, ref) => {\n    const { styles } = useReorderContext()\n    const { register, isDrag, dragControls } = useReorderItemContext()\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      cursor: \"grab\",\n      _selected: {\n        cursor: \"grabbing\",\n      },\n      ...styles.trigger,\n    }\n\n    return (\n      <ui.div\n        ref={mergeRefs(register, ref)}\n        className={cx(\"ui-reorder__trigger\", className)}\n        __css={css}\n        {...rest}\n        data-selected={dataAttr(isDrag)}\n        onPointerDown={handlerAll(rest.onPointerDown, (ev) =>\n          dragControls.start(ev),\n        )}\n      >\n        {children}\n      </ui.div>\n    )\n  },\n)\n\nconst ReorderTriggerIcon: FC<IconProps> = (rest) => {\n  return (\n    <Icon viewBox=\"0 0 39 39\" {...rest}>\n      <path\n        d=\"M 5 0 C 7.761 0 10 2.239 10 5 C 10 7.761 7.761 10 5 10 C 2.239 10 0 7.761 0 5 C 0 2.239 2.239 0 5 0 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 19 0 C 21.761 0 24 2.239 24 5 C 24 7.761 21.761 10 19 10 C 16.239 10 14 7.761 14 5 C 14 2.239 16.239 0 19 0 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 33 0 C 35.761 0 38 2.239 38 5 C 38 7.761 35.761 10 33 10 C 30.239 10 28 7.761 28 5 C 28 2.239 30.239 0 33 0 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 33 14 C 35.761 14 38 16.239 38 19 C 38 21.761 35.761 24 33 24 C 30.239 24 28 21.761 28 19 C 28 16.239 30.239 14 33 14 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 19 14 C 21.761 14 24 16.239 24 19 C 24 21.761 21.761 24 19 24 C 16.239 24 14 21.761 14 19 C 14 16.239 16.239 14 19 14 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 5 14 C 7.761 14 10 16.239 10 19 C 10 21.761 7.761 24 5 24 C 2.239 24 0 21.761 0 19 C 0 16.239 2.239 14 5 14 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 5 28 C 7.761 28 10 30.239 10 33 C 10 35.761 7.761 38 5 38 C 2.239 38 0 35.761 0 33 C 0 30.239 2.239 28 5 28 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 19 28 C 21.761 28 24 30.239 24 33 C 24 35.761 21.761 38 19 38 C 16.239 38 14 35.761 14 33 C 14 30.239 16.239 28 19 28 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 33 28 C 35.761 28 38 30.239 38 33 C 38 35.761 35.761 38 33 38 C 30.239 38 28 35.761 28 33 C 28 30.239 30.239 28 33 28 Z\"\n        fill=\"currentColor\"\n      />\n    </Icon>\n  )\n}\n"],"mappings":"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","names":["import_core","import_motion","import_utils","import_react","x","y","import_jsx_runtime","values","props","import_core","import_utils","import_jsx_runtime"]}

package/dist/index.mjs

@@ -1,11 +1,11 @@
 "use client"
 import {
   ReorderTrigger
-} from "./chunk-OIE2K4ZX.mjs";
+} from "./chunk-IW4J52IV.mjs";
 import {
   Reorder,
   ReorderItem
-} from "./chunk-IIRSXMNK.mjs";
+} from "./chunk-JCUBP2U3.mjs";
 export {
   Reorder,
   ReorderItem,

package/dist/reorder-item.js

@@ -84,15 +84,13 @@ var Reorder = (0, import_react.forwardRef)(
     );
     const onCompleteReorder = (0, import_react.useCallback)(() => {
       const isEqual = JSON.stringify(prevValues.current) === JSON.stringify(values);
-      if (isEqual)
-        return;
+      if (isEqual) return;
       prevValues.current = values;
       onCompleteChange == null ? void 0 : onCompleteChange(values);
     }, [onCompleteChange, values]);
     (0, import_utils.useUpdateEffect)(() => {
       const isEqual = JSON.stringify(defaultValues) === JSON.stringify(prevDefaultValues.current);
-      if (isEqual)
-        return;
+      if (isEqual) return;
       prevValues.current = defaultValues;
       prevDefaultValues.current = defaultValues;
       setValues(defaultValues);
@@ -155,12 +153,10 @@ var ReorderItem = (0, import_react2.forwardRef)(
     );
     (0, import_react2.useEffect)(() => {
       const unsubscribeX = x.on("change", (x2) => {
-        if (orientation === "horizontal")
-          setIsDrag(x2 !== 0);
+        if (orientation === "horizontal") setIsDrag(x2 !== 0);
       });
       const unsubscribeY = y.on("change", (y2) => {
-        if (orientation === "vertical")
-          setIsDrag(y2 !== 0);
+        if (orientation === "vertical") setIsDrag(y2 !== 0);
       });
       return () => {
         unsubscribeX();

package/dist/reorder-item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/reorder-item.tsx","../src/reorder.tsx"],"sourcesContent":["import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps, DragControls } from \"@yamada-ui/motion\"\nimport {\n  MotionReorder,\n  useMotionValue,\n  useDragControls,\n} from \"@yamada-ui/motion\"\nimport { createContext, cx, dataAttr } from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useEffect, useState } from \"react\"\nimport { useReorderContext } from \"./reorder\"\n\ntype ReorderItemContext = {\n  register: (node: HTMLElement | null) => void\n  isDrag: boolean\n  dragControls: DragControls\n}\n\nexport const [ReorderItemProvider, useReorderItemContext] =\n  createContext<ReorderItemContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderItemContext returned is 'undefined'. Seems you forgot to wrap the components in \"<ReorderItem />\"`,\n  })\n\ntype ReorderItemOptions = {\n  /**\n   * The label of the reorder item.\n   */\n  label: string | number\n}\n\nexport type ReorderItemProps = Omit<HTMLUIProps<\"li\">, \"as\"> &\n  Omit<HTMLMotionProps<\"li\">, \"as\" | \"layout\"> &\n  ReorderItemOptions\n\nexport const ReorderItem = forwardRef<HTMLLIElement, ReorderItemProps>(\n  ({ className, label, ...rest }, ref) => {\n    const { orientation, styles } = useReorderContext()\n\n    const dragControls = useDragControls()\n\n    const [hasTrigger, setHasTrigger] = useState<boolean>(false)\n    const [isDrag, setIsDrag] = useState<boolean>(false)\n\n    const x = useMotionValue(0)\n    const y = useMotionValue(0)\n\n    const register = useCallback(\n      (node: HTMLElement | null) => setHasTrigger(!!node),\n      [],\n    )\n\n    useEffect(() => {\n      const unsubscribeX = x.on(\"change\", (x) => {\n        if (orientation === \"horizontal\") setIsDrag(x !== 0)\n      })\n      const unsubscribeY = y.on(\"change\", (y) => {\n        if (orientation === \"vertical\") setIsDrag(y !== 0)\n      })\n\n      return () => {\n        unsubscribeX()\n        unsubscribeY()\n      }\n    }, [orientation, x, y])\n\n    const css: CSSUIObject = {\n      ...(!hasTrigger ? { cursor: \"grab\" } : { userSelect: \"none\" }),\n      ...styles.item,\n      ...(!hasTrigger\n        ? {\n            _selected: {\n              ...(styles.item as any)?._selected,\n              cursor: \"grabbing\",\n            },\n          }\n        : {}),\n    }\n\n    return (\n      <ReorderItemProvider value={{ register, isDrag, dragControls }}>\n        <ui.li\n          ref={ref}\n          as={MotionReorder.Item}\n          className={cx(\"ui-reorder__item\", className)}\n          value={label}\n          __css={css}\n          {...rest}\n          // @ts-ignore\n          dragListener={!hasTrigger}\n          dragControls={dragControls}\n          data-selected={dataAttr(isDrag)}\n          style={{ ...rest.style, x, y }}\n        />\n      </ReorderItemProvider>\n    )\n  },\n)\n\nReorderItem.displayName = \"ReorderItem\"\n","import type { CSSUIObject, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps } from \"@yamada-ui/motion\"\nimport { MotionReorder } from \"@yamada-ui/motion\"\nimport {\n  createContext,\n  cx,\n  getValidChildren,\n  handlerAll,\n  useUpdateEffect,\n} from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useMemo, useRef, useState } from \"react\"\nimport { ReorderItem, type ReorderItemProps } from \"./reorder-item\"\n\ntype ReorderContext = {\n  orientation: \"vertical\" | \"horizontal\"\n  styles: Record<string, CSSUIObject>\n}\n\nexport const [ReorderProvider, useReorderContext] =\n  createContext<ReorderContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderContext returned is 'undefined'. Seems you forgot to wrap the components in \"<Reorder />\"`,\n  })\n\nexport type ReorderGenerateItem = ReorderItemProps\n\ntype ReorderOptions = {\n  /**\n   * The orientation of the reorder.\n   *\n   * @default 'vertical'\n   */\n  orientation?: \"vertical\" | \"horizontal\"\n  /**\n   * If provided, generate reorder items based on items.\n   *\n   */\n  items?: ReorderGenerateItem[]\n  /**\n   * The callback invoked when reorder items are moved.\n   */\n  onChange?: (labels: (string | number)[]) => void\n  /**\n   * The callback invoked when the movement of reorder items is completed.\n   */\n  onCompleteChange?: (labels: (string | number)[]) => void\n}\n\nexport type ReorderProps = Omit<HTMLUIProps<\"ul\">, \"as\" | \"onChange\"> &\n  Omit<HTMLMotionProps<\"ul\">, \"as\" | \"onChange\"> &\n  ThemeProps<\"Reorder\"> &\n  ReorderOptions\n\nconst omitDuplicated = (values: (string | number)[]): (string | number)[] =>\n  Array.from(new Set(values))\n\nconst pickDuplicated = (values: (string | number)[]): (string | number)[] =>\n  values.filter(\n    (value, index, self) =>\n      self.indexOf(value) === index && index !== self.lastIndexOf(value),\n  )\n\n/**\n * `Reorder` is a component that allows you to change the order of items using drag and drop.\n *\n * @see Docs https://yamada-ui.com/components/data-display/reorder\n */\nexport const Reorder = forwardRef<HTMLUListElement, ReorderProps>(\n  (props, ref) => {\n    const [styles, mergedProps] = useMultiComponentStyle(\"Reorder\", props)\n    const {\n      className,\n      orientation = \"vertical\",\n      gap = \"fallback(4, 1rem)\",\n      items = [],\n      onChange,\n      onCompleteChange,\n      children,\n      ...rest\n    } = omitThemeProps(mergedProps)\n\n    const axis = orientation === \"vertical\" ? \"y\" : \"x\"\n\n    const validChildren = getValidChildren(children)\n    const hasChildren = !!validChildren.length\n\n    const defaultValues = useMemo(() => {\n      const values = hasChildren\n        ? validChildren.map(({ props }) => props.label)\n        : items.map(({ label }) => label)\n\n      const duplicatedValues = pickDuplicated(values)\n\n      if (duplicatedValues.length)\n        console.warn(\n          `Reorder: 'label' of 'ReorderItem' must not be duplicated. duplicate 'label' is '${duplicatedValues.join(\n            `', '`,\n          )}' `,\n        )\n\n      return omitDuplicated(values)\n    }, [hasChildren, validChildren, items])\n    const prevDefaultValues = useRef<(string | number)[]>(defaultValues)\n\n    const [values, setValues] = useState<(string | number)[]>(defaultValues)\n    const prevValues = useRef<(string | number)[]>(defaultValues)\n\n    const onReorder = useCallback(\n      (newValues: (string | number)[]) => {\n        setValues(newValues)\n\n        onChange?.(newValues)\n      },\n      [onChange],\n    )\n\n    const onCompleteReorder = useCallback(() => {\n      const isEqual =\n        JSON.stringify(prevValues.current) === JSON.stringify(values)\n\n      if (isEqual) return\n\n      prevValues.current = values\n\n      onCompleteChange?.(values)\n    }, [onCompleteChange, values])\n\n    useUpdateEffect(() => {\n      const isEqual =\n        JSON.stringify(defaultValues) ===\n        JSON.stringify(prevDefaultValues.current)\n\n      if (isEqual) return\n\n      prevValues.current = defaultValues\n      prevDefaultValues.current = defaultValues\n\n      setValues(defaultValues)\n    }, [defaultValues])\n\n    const cloneChildren = useMemo(\n      () =>\n        values.map((value) => {\n          if (hasChildren) {\n            return validChildren.find(({ props }) => props.label === value)\n          } else {\n            const props = items.find(({ label }) => label === value)\n\n            return props ? <ReorderItem key={props.label} {...props} /> : null\n          }\n        }),\n      [values, hasChildren, validChildren, items],\n    )\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: orientation === \"vertical\" ? \"column\" : \"row\",\n      gap,\n      ...styles.container,\n    }\n\n    return (\n      <ReorderProvider value={{ orientation, styles }}>\n        <ui.ul\n          ref={ref}\n          as={MotionReorder.Group}\n          className={cx(\"ui-reorder\", className)}\n          axis={axis}\n          values={values}\n          onReorder={onReorder}\n          __css={css}\n          {...rest}\n          onMouseUp={handlerAll(rest.onMouseUp, onCompleteReorder)}\n          onTouchEnd={handlerAll(rest.onTouchEnd, onCompleteReorder)}\n        >\n          {cloneChildren}\n        </ui.ul>\n      </ReorderProvider>\n    )\n  },\n)\n\nReorder.displayName = \"Reorder\"\n"],"mappings":"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","names":["import_core","import_motion","import_utils","import_react","values","props","import_jsx_runtime","x","y"]}
+{"version":3,"sources":["../src/reorder-item.tsx","../src/reorder.tsx"],"sourcesContent":["import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps, DragControls } from \"@yamada-ui/motion\"\nimport {\n  MotionReorder,\n  useMotionValue,\n  useDragControls,\n} from \"@yamada-ui/motion\"\nimport { createContext, cx, dataAttr } from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useEffect, useState } from \"react\"\nimport { useReorderContext } from \"./reorder\"\n\ntype ReorderItemContext = {\n  register: (node: HTMLElement | null) => void\n  isDrag: boolean\n  dragControls: DragControls\n}\n\nexport const [ReorderItemProvider, useReorderItemContext] =\n  createContext<ReorderItemContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderItemContext returned is 'undefined'. Seems you forgot to wrap the components in \"<ReorderItem />\"`,\n  })\n\ntype ReorderItemOptions = {\n  /**\n   * The label of the reorder item.\n   */\n  label: string | number\n}\n\nexport type ReorderItemProps = Omit<HTMLUIProps<\"li\">, \"as\"> &\n  Omit<HTMLMotionProps<\"li\">, \"as\" | \"layout\"> &\n  ReorderItemOptions\n\nexport const ReorderItem = forwardRef<HTMLLIElement, ReorderItemProps>(\n  ({ className, label, ...rest }, ref) => {\n    const { orientation, styles } = useReorderContext()\n\n    const dragControls = useDragControls()\n\n    const [hasTrigger, setHasTrigger] = useState<boolean>(false)\n    const [isDrag, setIsDrag] = useState<boolean>(false)\n\n    const x = useMotionValue(0)\n    const y = useMotionValue(0)\n\n    const register = useCallback(\n      (node: HTMLElement | null) => setHasTrigger(!!node),\n      [],\n    )\n\n    useEffect(() => {\n      const unsubscribeX = x.on(\"change\", (x) => {\n        if (orientation === \"horizontal\") setIsDrag(x !== 0)\n      })\n      const unsubscribeY = y.on(\"change\", (y) => {\n        if (orientation === \"vertical\") setIsDrag(y !== 0)\n      })\n\n      return () => {\n        unsubscribeX()\n        unsubscribeY()\n      }\n    }, [orientation, x, y])\n\n    const css: CSSUIObject = {\n      ...(!hasTrigger ? { cursor: \"grab\" } : { userSelect: \"none\" }),\n      ...styles.item,\n      ...(!hasTrigger\n        ? {\n            _selected: {\n              ...(styles.item as any)?._selected,\n              cursor: \"grabbing\",\n            },\n          }\n        : {}),\n    }\n\n    return (\n      <ReorderItemProvider value={{ register, isDrag, dragControls }}>\n        <ui.li\n          ref={ref}\n          as={MotionReorder.Item}\n          className={cx(\"ui-reorder__item\", className)}\n          value={label}\n          __css={css}\n          {...rest}\n          // @ts-ignore\n          dragListener={!hasTrigger}\n          dragControls={dragControls}\n          data-selected={dataAttr(isDrag)}\n          style={{ ...rest.style, x, y }}\n        />\n      </ReorderItemProvider>\n    )\n  },\n)\n\nReorderItem.displayName = \"ReorderItem\"\n","import type { CSSUIObject, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps } from \"@yamada-ui/motion\"\nimport { MotionReorder } from \"@yamada-ui/motion\"\nimport {\n  createContext,\n  cx,\n  getValidChildren,\n  handlerAll,\n  useUpdateEffect,\n} from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useMemo, useRef, useState } from \"react\"\nimport { ReorderItem, type ReorderItemProps } from \"./reorder-item\"\n\ntype ReorderContext = {\n  orientation: \"vertical\" | \"horizontal\"\n  styles: Record<string, CSSUIObject>\n}\n\nexport const [ReorderProvider, useReorderContext] =\n  createContext<ReorderContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderContext returned is 'undefined'. Seems you forgot to wrap the components in \"<Reorder />\"`,\n  })\n\nexport type ReorderGenerateItem = ReorderItemProps\n\ntype ReorderOptions = {\n  /**\n   * The orientation of the reorder.\n   *\n   * @default 'vertical'\n   */\n  orientation?: \"vertical\" | \"horizontal\"\n  /**\n   * If provided, generate reorder items based on items.\n   *\n   */\n  items?: ReorderGenerateItem[]\n  /**\n   * The callback invoked when reorder items are moved.\n   */\n  onChange?: (labels: (string | number)[]) => void\n  /**\n   * The callback invoked when the movement of reorder items is completed.\n   */\n  onCompleteChange?: (labels: (string | number)[]) => void\n}\n\nexport type ReorderProps = Omit<HTMLUIProps<\"ul\">, \"as\" | \"onChange\"> &\n  Omit<HTMLMotionProps<\"ul\">, \"as\" | \"onChange\"> &\n  ThemeProps<\"Reorder\"> &\n  ReorderOptions\n\nconst omitDuplicated = (values: (string | number)[]): (string | number)[] =>\n  Array.from(new Set(values))\n\nconst pickDuplicated = (values: (string | number)[]): (string | number)[] =>\n  values.filter(\n    (value, index, self) =>\n      self.indexOf(value) === index && index !== self.lastIndexOf(value),\n  )\n\n/**\n * `Reorder` is a component that allows you to change the order of items using drag and drop.\n *\n * @see Docs https://yamada-ui.com/components/data-display/reorder\n */\nexport const Reorder = forwardRef<HTMLUListElement, ReorderProps>(\n  (props, ref) => {\n    const [styles, mergedProps] = useMultiComponentStyle(\"Reorder\", props)\n    const {\n      className,\n      orientation = \"vertical\",\n      gap = \"fallback(4, 1rem)\",\n      items = [],\n      onChange,\n      onCompleteChange,\n      children,\n      ...rest\n    } = omitThemeProps(mergedProps)\n\n    const axis = orientation === \"vertical\" ? \"y\" : \"x\"\n\n    const validChildren = getValidChildren(children)\n    const hasChildren = !!validChildren.length\n\n    const defaultValues = useMemo(() => {\n      const values = hasChildren\n        ? validChildren.map(({ props }) => props.label)\n        : items.map(({ label }) => label)\n\n      const duplicatedValues = pickDuplicated(values)\n\n      if (duplicatedValues.length)\n        console.warn(\n          `Reorder: 'label' of 'ReorderItem' must not be duplicated. duplicate 'label' is '${duplicatedValues.join(\n            `', '`,\n          )}' `,\n        )\n\n      return omitDuplicated(values)\n    }, [hasChildren, validChildren, items])\n    const prevDefaultValues = useRef<(string | number)[]>(defaultValues)\n\n    const [values, setValues] = useState<(string | number)[]>(defaultValues)\n    const prevValues = useRef<(string | number)[]>(defaultValues)\n\n    const onReorder = useCallback(\n      (newValues: (string | number)[]) => {\n        setValues(newValues)\n\n        onChange?.(newValues)\n      },\n      [onChange],\n    )\n\n    const onCompleteReorder = useCallback(() => {\n      const isEqual =\n        JSON.stringify(prevValues.current) === JSON.stringify(values)\n\n      if (isEqual) return\n\n      prevValues.current = values\n\n      onCompleteChange?.(values)\n    }, [onCompleteChange, values])\n\n    useUpdateEffect(() => {\n      const isEqual =\n        JSON.stringify(defaultValues) ===\n        JSON.stringify(prevDefaultValues.current)\n\n      if (isEqual) return\n\n      prevValues.current = defaultValues\n      prevDefaultValues.current = defaultValues\n\n      setValues(defaultValues)\n    }, [defaultValues])\n\n    const cloneChildren = useMemo(\n      () =>\n        values.map((value) => {\n          if (hasChildren) {\n            return validChildren.find(({ props }) => props.label === value)\n          } else {\n            const props = items.find(({ label }) => label === value)\n\n            return props ? <ReorderItem key={props.label} {...props} /> : null\n          }\n        }),\n      [values, hasChildren, validChildren, items],\n    )\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: orientation === \"vertical\" ? \"column\" : \"row\",\n      gap,\n      ...styles.container,\n    }\n\n    return (\n      <ReorderProvider value={{ orientation, styles }}>\n        <ui.ul\n          ref={ref}\n          as={MotionReorder.Group}\n          className={cx(\"ui-reorder\", className)}\n          axis={axis}\n          values={values}\n          onReorder={onReorder}\n          __css={css}\n          {...rest}\n          onMouseUp={handlerAll(rest.onMouseUp, onCompleteReorder)}\n          onTouchEnd={handlerAll(rest.onTouchEnd, onCompleteReorder)}\n        >\n          {cloneChildren}\n        </ui.ul>\n      </ReorderProvider>\n    )\n  },\n)\n\nReorder.displayName = \"Reorder\"\n"],"mappings":"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","names":["import_core","import_motion","import_utils","import_react","values","props","import_jsx_runtime","x","y"]}

package/dist/reorder-item.mjs

@@ -3,7 +3,7 @@ import {
   ReorderItem,
   ReorderItemProvider,
   useReorderItemContext
-} from "./chunk-IIRSXMNK.mjs";
+} from "./chunk-JCUBP2U3.mjs";
 export {
   ReorderItem,
   ReorderItemProvider,

package/dist/reorder-trigger.js

@@ -59,12 +59,10 @@ var ReorderItem = (0, import_react.forwardRef)(
     );
     (0, import_react.useEffect)(() => {
       const unsubscribeX = x.on("change", (x2) => {
-        if (orientation === "horizontal")
-          setIsDrag(x2 !== 0);
+        if (orientation === "horizontal") setIsDrag(x2 !== 0);
       });
       const unsubscribeY = y.on("change", (y2) => {
-        if (orientation === "vertical")
-          setIsDrag(y2 !== 0);
+        if (orientation === "vertical") setIsDrag(y2 !== 0);
       });
       return () => {
         unsubscribeX();
@@ -149,15 +147,13 @@ var Reorder = (0, import_react2.forwardRef)(
     );
     const onCompleteReorder = (0, import_react2.useCallback)(() => {
       const isEqual = JSON.stringify(prevValues.current) === JSON.stringify(values);
-      if (isEqual)
-        return;
+      if (isEqual) return;
       prevValues.current = values;
       onCompleteChange == null ? void 0 : onCompleteChange(values);
     }, [onCompleteChange, values]);
     (0, import_utils2.useUpdateEffect)(() => {
       const isEqual = JSON.stringify(defaultValues) === JSON.stringify(prevDefaultValues.current);
-      if (isEqual)
-        return;
+      if (isEqual) return;
       prevValues.current = defaultValues;
       prevDefaultValues.current = defaultValues;
       setValues(defaultValues);

package/dist/reorder-trigger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/reorder-trigger.tsx","../src/reorder.tsx","../src/reorder-item.tsx"],"sourcesContent":["import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport type { IconProps } from \"@yamada-ui/icon\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { cx, handlerAll, mergeRefs, dataAttr } from \"@yamada-ui/utils\"\nimport type { FC } from \"react\"\nimport { useReorderContext } from \"./reorder\"\nimport { useReorderItemContext } from \"./reorder-item\"\n\nexport type ReorderTriggerProps = HTMLUIProps<\"div\">\n\nexport const ReorderTrigger = forwardRef<ReorderTriggerProps, \"div\">(\n  ({ className, children = <ReorderTriggerIcon />, ...rest }, ref) => {\n    const { styles } = useReorderContext()\n    const { register, isDrag, dragControls } = useReorderItemContext()\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      cursor: \"grab\",\n      _selected: {\n        cursor: \"grabbing\",\n      },\n      ...styles.trigger,\n    }\n\n    return (\n      <ui.div\n        ref={mergeRefs(register, ref)}\n        className={cx(\"ui-reorder__trigger\", className)}\n        __css={css}\n        {...rest}\n        data-selected={dataAttr(isDrag)}\n        onPointerDown={handlerAll(rest.onPointerDown, (ev) =>\n          dragControls.start(ev),\n        )}\n      >\n        {children}\n      </ui.div>\n    )\n  },\n)\n\nconst ReorderTriggerIcon: FC<IconProps> = (rest) => {\n  return (\n    <Icon viewBox=\"0 0 39 39\" {...rest}>\n      <path\n        d=\"M 5 0 C 7.761 0 10 2.239 10 5 C 10 7.761 7.761 10 5 10 C 2.239 10 0 7.761 0 5 C 0 2.239 2.239 0 5 0 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 19 0 C 21.761 0 24 2.239 24 5 C 24 7.761 21.761 10 19 10 C 16.239 10 14 7.761 14 5 C 14 2.239 16.239 0 19 0 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 33 0 C 35.761 0 38 2.239 38 5 C 38 7.761 35.761 10 33 10 C 30.239 10 28 7.761 28 5 C 28 2.239 30.239 0 33 0 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 33 14 C 35.761 14 38 16.239 38 19 C 38 21.761 35.761 24 33 24 C 30.239 24 28 21.761 28 19 C 28 16.239 30.239 14 33 14 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 19 14 C 21.761 14 24 16.239 24 19 C 24 21.761 21.761 24 19 24 C 16.239 24 14 21.761 14 19 C 14 16.239 16.239 14 19 14 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 5 14 C 7.761 14 10 16.239 10 19 C 10 21.761 7.761 24 5 24 C 2.239 24 0 21.761 0 19 C 0 16.239 2.239 14 5 14 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 5 28 C 7.761 28 10 30.239 10 33 C 10 35.761 7.761 38 5 38 C 2.239 38 0 35.761 0 33 C 0 30.239 2.239 28 5 28 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 19 28 C 21.761 28 24 30.239 24 33 C 24 35.761 21.761 38 19 38 C 16.239 38 14 35.761 14 33 C 14 30.239 16.239 28 19 28 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 33 28 C 35.761 28 38 30.239 38 33 C 38 35.761 35.761 38 33 38 C 30.239 38 28 35.761 28 33 C 28 30.239 30.239 28 33 28 Z\"\n        fill=\"currentColor\"\n      />\n    </Icon>\n  )\n}\n","import type { CSSUIObject, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps } from \"@yamada-ui/motion\"\nimport { MotionReorder } from \"@yamada-ui/motion\"\nimport {\n  createContext,\n  cx,\n  getValidChildren,\n  handlerAll,\n  useUpdateEffect,\n} from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useMemo, useRef, useState } from \"react\"\nimport { ReorderItem, type ReorderItemProps } from \"./reorder-item\"\n\ntype ReorderContext = {\n  orientation: \"vertical\" | \"horizontal\"\n  styles: Record<string, CSSUIObject>\n}\n\nexport const [ReorderProvider, useReorderContext] =\n  createContext<ReorderContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderContext returned is 'undefined'. Seems you forgot to wrap the components in \"<Reorder />\"`,\n  })\n\nexport type ReorderGenerateItem = ReorderItemProps\n\ntype ReorderOptions = {\n  /**\n   * The orientation of the reorder.\n   *\n   * @default 'vertical'\n   */\n  orientation?: \"vertical\" | \"horizontal\"\n  /**\n   * If provided, generate reorder items based on items.\n   *\n   */\n  items?: ReorderGenerateItem[]\n  /**\n   * The callback invoked when reorder items are moved.\n   */\n  onChange?: (labels: (string | number)[]) => void\n  /**\n   * The callback invoked when the movement of reorder items is completed.\n   */\n  onCompleteChange?: (labels: (string | number)[]) => void\n}\n\nexport type ReorderProps = Omit<HTMLUIProps<\"ul\">, \"as\" | \"onChange\"> &\n  Omit<HTMLMotionProps<\"ul\">, \"as\" | \"onChange\"> &\n  ThemeProps<\"Reorder\"> &\n  ReorderOptions\n\nconst omitDuplicated = (values: (string | number)[]): (string | number)[] =>\n  Array.from(new Set(values))\n\nconst pickDuplicated = (values: (string | number)[]): (string | number)[] =>\n  values.filter(\n    (value, index, self) =>\n      self.indexOf(value) === index && index !== self.lastIndexOf(value),\n  )\n\n/**\n * `Reorder` is a component that allows you to change the order of items using drag and drop.\n *\n * @see Docs https://yamada-ui.com/components/data-display/reorder\n */\nexport const Reorder = forwardRef<HTMLUListElement, ReorderProps>(\n  (props, ref) => {\n    const [styles, mergedProps] = useMultiComponentStyle(\"Reorder\", props)\n    const {\n      className,\n      orientation = \"vertical\",\n      gap = \"fallback(4, 1rem)\",\n      items = [],\n      onChange,\n      onCompleteChange,\n      children,\n      ...rest\n    } = omitThemeProps(mergedProps)\n\n    const axis = orientation === \"vertical\" ? \"y\" : \"x\"\n\n    const validChildren = getValidChildren(children)\n    const hasChildren = !!validChildren.length\n\n    const defaultValues = useMemo(() => {\n      const values = hasChildren\n        ? validChildren.map(({ props }) => props.label)\n        : items.map(({ label }) => label)\n\n      const duplicatedValues = pickDuplicated(values)\n\n      if (duplicatedValues.length)\n        console.warn(\n          `Reorder: 'label' of 'ReorderItem' must not be duplicated. duplicate 'label' is '${duplicatedValues.join(\n            `', '`,\n          )}' `,\n        )\n\n      return omitDuplicated(values)\n    }, [hasChildren, validChildren, items])\n    const prevDefaultValues = useRef<(string | number)[]>(defaultValues)\n\n    const [values, setValues] = useState<(string | number)[]>(defaultValues)\n    const prevValues = useRef<(string | number)[]>(defaultValues)\n\n    const onReorder = useCallback(\n      (newValues: (string | number)[]) => {\n        setValues(newValues)\n\n        onChange?.(newValues)\n      },\n      [onChange],\n    )\n\n    const onCompleteReorder = useCallback(() => {\n      const isEqual =\n        JSON.stringify(prevValues.current) === JSON.stringify(values)\n\n      if (isEqual) return\n\n      prevValues.current = values\n\n      onCompleteChange?.(values)\n    }, [onCompleteChange, values])\n\n    useUpdateEffect(() => {\n      const isEqual =\n        JSON.stringify(defaultValues) ===\n        JSON.stringify(prevDefaultValues.current)\n\n      if (isEqual) return\n\n      prevValues.current = defaultValues\n      prevDefaultValues.current = defaultValues\n\n      setValues(defaultValues)\n    }, [defaultValues])\n\n    const cloneChildren = useMemo(\n      () =>\n        values.map((value) => {\n          if (hasChildren) {\n            return validChildren.find(({ props }) => props.label === value)\n          } else {\n            const props = items.find(({ label }) => label === value)\n\n            return props ? <ReorderItem key={props.label} {...props} /> : null\n          }\n        }),\n      [values, hasChildren, validChildren, items],\n    )\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: orientation === \"vertical\" ? \"column\" : \"row\",\n      gap,\n      ...styles.container,\n    }\n\n    return (\n      <ReorderProvider value={{ orientation, styles }}>\n        <ui.ul\n          ref={ref}\n          as={MotionReorder.Group}\n          className={cx(\"ui-reorder\", className)}\n          axis={axis}\n          values={values}\n          onReorder={onReorder}\n          __css={css}\n          {...rest}\n          onMouseUp={handlerAll(rest.onMouseUp, onCompleteReorder)}\n          onTouchEnd={handlerAll(rest.onTouchEnd, onCompleteReorder)}\n        >\n          {cloneChildren}\n        </ui.ul>\n      </ReorderProvider>\n    )\n  },\n)\n\nReorder.displayName = \"Reorder\"\n","import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps, DragControls } from \"@yamada-ui/motion\"\nimport {\n  MotionReorder,\n  useMotionValue,\n  useDragControls,\n} from \"@yamada-ui/motion\"\nimport { createContext, cx, dataAttr } from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useEffect, useState } from \"react\"\nimport { useReorderContext } from \"./reorder\"\n\ntype ReorderItemContext = {\n  register: (node: HTMLElement | null) => void\n  isDrag: boolean\n  dragControls: DragControls\n}\n\nexport const [ReorderItemProvider, useReorderItemContext] =\n  createContext<ReorderItemContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderItemContext returned is 'undefined'. Seems you forgot to wrap the components in \"<ReorderItem />\"`,\n  })\n\ntype ReorderItemOptions = {\n  /**\n   * The label of the reorder item.\n   */\n  label: string | number\n}\n\nexport type ReorderItemProps = Omit<HTMLUIProps<\"li\">, \"as\"> &\n  Omit<HTMLMotionProps<\"li\">, \"as\" | \"layout\"> &\n  ReorderItemOptions\n\nexport const ReorderItem = forwardRef<HTMLLIElement, ReorderItemProps>(\n  ({ className, label, ...rest }, ref) => {\n    const { orientation, styles } = useReorderContext()\n\n    const dragControls = useDragControls()\n\n    const [hasTrigger, setHasTrigger] = useState<boolean>(false)\n    const [isDrag, setIsDrag] = useState<boolean>(false)\n\n    const x = useMotionValue(0)\n    const y = useMotionValue(0)\n\n    const register = useCallback(\n      (node: HTMLElement | null) => setHasTrigger(!!node),\n      [],\n    )\n\n    useEffect(() => {\n      const unsubscribeX = x.on(\"change\", (x) => {\n        if (orientation === \"horizontal\") setIsDrag(x !== 0)\n      })\n      const unsubscribeY = y.on(\"change\", (y) => {\n        if (orientation === \"vertical\") setIsDrag(y !== 0)\n      })\n\n      return () => {\n        unsubscribeX()\n        unsubscribeY()\n      }\n    }, [orientation, x, y])\n\n    const css: CSSUIObject = {\n      ...(!hasTrigger ? { cursor: \"grab\" } : { userSelect: \"none\" }),\n      ...styles.item,\n      ...(!hasTrigger\n        ? {\n            _selected: {\n              ...(styles.item as any)?._selected,\n              cursor: \"grabbing\",\n            },\n          }\n        : {}),\n    }\n\n    return (\n      <ReorderItemProvider value={{ register, isDrag, dragControls }}>\n        <ui.li\n          ref={ref}\n          as={MotionReorder.Item}\n          className={cx(\"ui-reorder__item\", className)}\n          value={label}\n          __css={css}\n          {...rest}\n          // @ts-ignore\n          dragListener={!hasTrigger}\n          dragControls={dragControls}\n          data-selected={dataAttr(isDrag)}\n          style={{ ...rest.style, x, y }}\n        />\n      </ReorderItemProvider>\n    )\n  },\n)\n\nReorderItem.displayName = \"ReorderItem\"\n"],"mappings":"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","names":["import_core","import_utils","import_core","import_motion","import_utils","import_react","x","y","import_jsx_runtime","values","props","import_jsx_runtime"]}
+{"version":3,"sources":["../src/reorder-trigger.tsx","../src/reorder.tsx","../src/reorder-item.tsx"],"sourcesContent":["import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui, forwardRef } from \"@yamada-ui/core\"\nimport type { IconProps } from \"@yamada-ui/icon\"\nimport { Icon } from \"@yamada-ui/icon\"\nimport { cx, handlerAll, mergeRefs, dataAttr } from \"@yamada-ui/utils\"\nimport type { FC } from \"react\"\nimport { useReorderContext } from \"./reorder\"\nimport { useReorderItemContext } from \"./reorder-item\"\n\nexport type ReorderTriggerProps = HTMLUIProps<\"div\">\n\nexport const ReorderTrigger = forwardRef<ReorderTriggerProps, \"div\">(\n  ({ className, children = <ReorderTriggerIcon />, ...rest }, ref) => {\n    const { styles } = useReorderContext()\n    const { register, isDrag, dragControls } = useReorderItemContext()\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      cursor: \"grab\",\n      _selected: {\n        cursor: \"grabbing\",\n      },\n      ...styles.trigger,\n    }\n\n    return (\n      <ui.div\n        ref={mergeRefs(register, ref)}\n        className={cx(\"ui-reorder__trigger\", className)}\n        __css={css}\n        {...rest}\n        data-selected={dataAttr(isDrag)}\n        onPointerDown={handlerAll(rest.onPointerDown, (ev) =>\n          dragControls.start(ev),\n        )}\n      >\n        {children}\n      </ui.div>\n    )\n  },\n)\n\nconst ReorderTriggerIcon: FC<IconProps> = (rest) => {\n  return (\n    <Icon viewBox=\"0 0 39 39\" {...rest}>\n      <path\n        d=\"M 5 0 C 7.761 0 10 2.239 10 5 C 10 7.761 7.761 10 5 10 C 2.239 10 0 7.761 0 5 C 0 2.239 2.239 0 5 0 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 19 0 C 21.761 0 24 2.239 24 5 C 24 7.761 21.761 10 19 10 C 16.239 10 14 7.761 14 5 C 14 2.239 16.239 0 19 0 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 33 0 C 35.761 0 38 2.239 38 5 C 38 7.761 35.761 10 33 10 C 30.239 10 28 7.761 28 5 C 28 2.239 30.239 0 33 0 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 33 14 C 35.761 14 38 16.239 38 19 C 38 21.761 35.761 24 33 24 C 30.239 24 28 21.761 28 19 C 28 16.239 30.239 14 33 14 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 19 14 C 21.761 14 24 16.239 24 19 C 24 21.761 21.761 24 19 24 C 16.239 24 14 21.761 14 19 C 14 16.239 16.239 14 19 14 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 5 14 C 7.761 14 10 16.239 10 19 C 10 21.761 7.761 24 5 24 C 2.239 24 0 21.761 0 19 C 0 16.239 2.239 14 5 14 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 5 28 C 7.761 28 10 30.239 10 33 C 10 35.761 7.761 38 5 38 C 2.239 38 0 35.761 0 33 C 0 30.239 2.239 28 5 28 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 19 28 C 21.761 28 24 30.239 24 33 C 24 35.761 21.761 38 19 38 C 16.239 38 14 35.761 14 33 C 14 30.239 16.239 28 19 28 Z\"\n        fill=\"currentColor\"\n      />\n\n      <path\n        d=\"M 33 28 C 35.761 28 38 30.239 38 33 C 38 35.761 35.761 38 33 38 C 30.239 38 28 35.761 28 33 C 28 30.239 30.239 28 33 28 Z\"\n        fill=\"currentColor\"\n      />\n    </Icon>\n  )\n}\n","import type { CSSUIObject, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps } from \"@yamada-ui/motion\"\nimport { MotionReorder } from \"@yamada-ui/motion\"\nimport {\n  createContext,\n  cx,\n  getValidChildren,\n  handlerAll,\n  useUpdateEffect,\n} from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useMemo, useRef, useState } from \"react\"\nimport { ReorderItem, type ReorderItemProps } from \"./reorder-item\"\n\ntype ReorderContext = {\n  orientation: \"vertical\" | \"horizontal\"\n  styles: Record<string, CSSUIObject>\n}\n\nexport const [ReorderProvider, useReorderContext] =\n  createContext<ReorderContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderContext returned is 'undefined'. Seems you forgot to wrap the components in \"<Reorder />\"`,\n  })\n\nexport type ReorderGenerateItem = ReorderItemProps\n\ntype ReorderOptions = {\n  /**\n   * The orientation of the reorder.\n   *\n   * @default 'vertical'\n   */\n  orientation?: \"vertical\" | \"horizontal\"\n  /**\n   * If provided, generate reorder items based on items.\n   *\n   */\n  items?: ReorderGenerateItem[]\n  /**\n   * The callback invoked when reorder items are moved.\n   */\n  onChange?: (labels: (string | number)[]) => void\n  /**\n   * The callback invoked when the movement of reorder items is completed.\n   */\n  onCompleteChange?: (labels: (string | number)[]) => void\n}\n\nexport type ReorderProps = Omit<HTMLUIProps<\"ul\">, \"as\" | \"onChange\"> &\n  Omit<HTMLMotionProps<\"ul\">, \"as\" | \"onChange\"> &\n  ThemeProps<\"Reorder\"> &\n  ReorderOptions\n\nconst omitDuplicated = (values: (string | number)[]): (string | number)[] =>\n  Array.from(new Set(values))\n\nconst pickDuplicated = (values: (string | number)[]): (string | number)[] =>\n  values.filter(\n    (value, index, self) =>\n      self.indexOf(value) === index && index !== self.lastIndexOf(value),\n  )\n\n/**\n * `Reorder` is a component that allows you to change the order of items using drag and drop.\n *\n * @see Docs https://yamada-ui.com/components/data-display/reorder\n */\nexport const Reorder = forwardRef<HTMLUListElement, ReorderProps>(\n  (props, ref) => {\n    const [styles, mergedProps] = useMultiComponentStyle(\"Reorder\", props)\n    const {\n      className,\n      orientation = \"vertical\",\n      gap = \"fallback(4, 1rem)\",\n      items = [],\n      onChange,\n      onCompleteChange,\n      children,\n      ...rest\n    } = omitThemeProps(mergedProps)\n\n    const axis = orientation === \"vertical\" ? \"y\" : \"x\"\n\n    const validChildren = getValidChildren(children)\n    const hasChildren = !!validChildren.length\n\n    const defaultValues = useMemo(() => {\n      const values = hasChildren\n        ? validChildren.map(({ props }) => props.label)\n        : items.map(({ label }) => label)\n\n      const duplicatedValues = pickDuplicated(values)\n\n      if (duplicatedValues.length)\n        console.warn(\n          `Reorder: 'label' of 'ReorderItem' must not be duplicated. duplicate 'label' is '${duplicatedValues.join(\n            `', '`,\n          )}' `,\n        )\n\n      return omitDuplicated(values)\n    }, [hasChildren, validChildren, items])\n    const prevDefaultValues = useRef<(string | number)[]>(defaultValues)\n\n    const [values, setValues] = useState<(string | number)[]>(defaultValues)\n    const prevValues = useRef<(string | number)[]>(defaultValues)\n\n    const onReorder = useCallback(\n      (newValues: (string | number)[]) => {\n        setValues(newValues)\n\n        onChange?.(newValues)\n      },\n      [onChange],\n    )\n\n    const onCompleteReorder = useCallback(() => {\n      const isEqual =\n        JSON.stringify(prevValues.current) === JSON.stringify(values)\n\n      if (isEqual) return\n\n      prevValues.current = values\n\n      onCompleteChange?.(values)\n    }, [onCompleteChange, values])\n\n    useUpdateEffect(() => {\n      const isEqual =\n        JSON.stringify(defaultValues) ===\n        JSON.stringify(prevDefaultValues.current)\n\n      if (isEqual) return\n\n      prevValues.current = defaultValues\n      prevDefaultValues.current = defaultValues\n\n      setValues(defaultValues)\n    }, [defaultValues])\n\n    const cloneChildren = useMemo(\n      () =>\n        values.map((value) => {\n          if (hasChildren) {\n            return validChildren.find(({ props }) => props.label === value)\n          } else {\n            const props = items.find(({ label }) => label === value)\n\n            return props ? <ReorderItem key={props.label} {...props} /> : null\n          }\n        }),\n      [values, hasChildren, validChildren, items],\n    )\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: orientation === \"vertical\" ? \"column\" : \"row\",\n      gap,\n      ...styles.container,\n    }\n\n    return (\n      <ReorderProvider value={{ orientation, styles }}>\n        <ui.ul\n          ref={ref}\n          as={MotionReorder.Group}\n          className={cx(\"ui-reorder\", className)}\n          axis={axis}\n          values={values}\n          onReorder={onReorder}\n          __css={css}\n          {...rest}\n          onMouseUp={handlerAll(rest.onMouseUp, onCompleteReorder)}\n          onTouchEnd={handlerAll(rest.onTouchEnd, onCompleteReorder)}\n        >\n          {cloneChildren}\n        </ui.ul>\n      </ReorderProvider>\n    )\n  },\n)\n\nReorder.displayName = \"Reorder\"\n","import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps, DragControls } from \"@yamada-ui/motion\"\nimport {\n  MotionReorder,\n  useMotionValue,\n  useDragControls,\n} from \"@yamada-ui/motion\"\nimport { createContext, cx, dataAttr } from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useEffect, useState } from \"react\"\nimport { useReorderContext } from \"./reorder\"\n\ntype ReorderItemContext = {\n  register: (node: HTMLElement | null) => void\n  isDrag: boolean\n  dragControls: DragControls\n}\n\nexport const [ReorderItemProvider, useReorderItemContext] =\n  createContext<ReorderItemContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderItemContext returned is 'undefined'. Seems you forgot to wrap the components in \"<ReorderItem />\"`,\n  })\n\ntype ReorderItemOptions = {\n  /**\n   * The label of the reorder item.\n   */\n  label: string | number\n}\n\nexport type ReorderItemProps = Omit<HTMLUIProps<\"li\">, \"as\"> &\n  Omit<HTMLMotionProps<\"li\">, \"as\" | \"layout\"> &\n  ReorderItemOptions\n\nexport const ReorderItem = forwardRef<HTMLLIElement, ReorderItemProps>(\n  ({ className, label, ...rest }, ref) => {\n    const { orientation, styles } = useReorderContext()\n\n    const dragControls = useDragControls()\n\n    const [hasTrigger, setHasTrigger] = useState<boolean>(false)\n    const [isDrag, setIsDrag] = useState<boolean>(false)\n\n    const x = useMotionValue(0)\n    const y = useMotionValue(0)\n\n    const register = useCallback(\n      (node: HTMLElement | null) => setHasTrigger(!!node),\n      [],\n    )\n\n    useEffect(() => {\n      const unsubscribeX = x.on(\"change\", (x) => {\n        if (orientation === \"horizontal\") setIsDrag(x !== 0)\n      })\n      const unsubscribeY = y.on(\"change\", (y) => {\n        if (orientation === \"vertical\") setIsDrag(y !== 0)\n      })\n\n      return () => {\n        unsubscribeX()\n        unsubscribeY()\n      }\n    }, [orientation, x, y])\n\n    const css: CSSUIObject = {\n      ...(!hasTrigger ? { cursor: \"grab\" } : { userSelect: \"none\" }),\n      ...styles.item,\n      ...(!hasTrigger\n        ? {\n            _selected: {\n              ...(styles.item as any)?._selected,\n              cursor: \"grabbing\",\n            },\n          }\n        : {}),\n    }\n\n    return (\n      <ReorderItemProvider value={{ register, isDrag, dragControls }}>\n        <ui.li\n          ref={ref}\n          as={MotionReorder.Item}\n          className={cx(\"ui-reorder__item\", className)}\n          value={label}\n          __css={css}\n          {...rest}\n          // @ts-ignore\n          dragListener={!hasTrigger}\n          dragControls={dragControls}\n          data-selected={dataAttr(isDrag)}\n          style={{ ...rest.style, x, y }}\n        />\n      </ReorderItemProvider>\n    )\n  },\n)\n\nReorderItem.displayName = \"ReorderItem\"\n"],"mappings":"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","names":["import_core","import_utils","import_core","import_motion","import_utils","import_react","x","y","import_jsx_runtime","values","props","import_jsx_runtime"]}

package/dist/reorder-trigger.mjs

@@ -1,8 +1,8 @@
 "use client"
 import {
   ReorderTrigger
-} from "./chunk-OIE2K4ZX.mjs";
-import "./chunk-IIRSXMNK.mjs";
+} from "./chunk-IW4J52IV.mjs";
+import "./chunk-JCUBP2U3.mjs";
 export {
   ReorderTrigger
 };

package/dist/reorder.js

@@ -56,12 +56,10 @@ var ReorderItem = (0, import_react.forwardRef)(
     );
     (0, import_react.useEffect)(() => {
       const unsubscribeX = x.on("change", (x2) => {
-        if (orientation === "horizontal")
-          setIsDrag(x2 !== 0);
+        if (orientation === "horizontal") setIsDrag(x2 !== 0);
       });
       const unsubscribeY = y.on("change", (y2) => {
-        if (orientation === "vertical")
-          setIsDrag(y2 !== 0);
+        if (orientation === "vertical") setIsDrag(y2 !== 0);
       });
       return () => {
         unsubscribeX();
@@ -146,15 +144,13 @@ var Reorder = (0, import_react2.forwardRef)(
     );
     const onCompleteReorder = (0, import_react2.useCallback)(() => {
       const isEqual = JSON.stringify(prevValues.current) === JSON.stringify(values);
-      if (isEqual)
-        return;
+      if (isEqual) return;
       prevValues.current = values;
       onCompleteChange == null ? void 0 : onCompleteChange(values);
     }, [onCompleteChange, values]);
     (0, import_utils2.useUpdateEffect)(() => {
       const isEqual = JSON.stringify(defaultValues) === JSON.stringify(prevDefaultValues.current);
-      if (isEqual)
-        return;
+      if (isEqual) return;
       prevValues.current = defaultValues;
       prevDefaultValues.current = defaultValues;
       setValues(defaultValues);

package/dist/reorder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/reorder.tsx","../src/reorder-item.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps } from \"@yamada-ui/motion\"\nimport { MotionReorder } from \"@yamada-ui/motion\"\nimport {\n  createContext,\n  cx,\n  getValidChildren,\n  handlerAll,\n  useUpdateEffect,\n} from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useMemo, useRef, useState } from \"react\"\nimport { ReorderItem, type ReorderItemProps } from \"./reorder-item\"\n\ntype ReorderContext = {\n  orientation: \"vertical\" | \"horizontal\"\n  styles: Record<string, CSSUIObject>\n}\n\nexport const [ReorderProvider, useReorderContext] =\n  createContext<ReorderContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderContext returned is 'undefined'. Seems you forgot to wrap the components in \"<Reorder />\"`,\n  })\n\nexport type ReorderGenerateItem = ReorderItemProps\n\ntype ReorderOptions = {\n  /**\n   * The orientation of the reorder.\n   *\n   * @default 'vertical'\n   */\n  orientation?: \"vertical\" | \"horizontal\"\n  /**\n   * If provided, generate reorder items based on items.\n   *\n   */\n  items?: ReorderGenerateItem[]\n  /**\n   * The callback invoked when reorder items are moved.\n   */\n  onChange?: (labels: (string | number)[]) => void\n  /**\n   * The callback invoked when the movement of reorder items is completed.\n   */\n  onCompleteChange?: (labels: (string | number)[]) => void\n}\n\nexport type ReorderProps = Omit<HTMLUIProps<\"ul\">, \"as\" | \"onChange\"> &\n  Omit<HTMLMotionProps<\"ul\">, \"as\" | \"onChange\"> &\n  ThemeProps<\"Reorder\"> &\n  ReorderOptions\n\nconst omitDuplicated = (values: (string | number)[]): (string | number)[] =>\n  Array.from(new Set(values))\n\nconst pickDuplicated = (values: (string | number)[]): (string | number)[] =>\n  values.filter(\n    (value, index, self) =>\n      self.indexOf(value) === index && index !== self.lastIndexOf(value),\n  )\n\n/**\n * `Reorder` is a component that allows you to change the order of items using drag and drop.\n *\n * @see Docs https://yamada-ui.com/components/data-display/reorder\n */\nexport const Reorder = forwardRef<HTMLUListElement, ReorderProps>(\n  (props, ref) => {\n    const [styles, mergedProps] = useMultiComponentStyle(\"Reorder\", props)\n    const {\n      className,\n      orientation = \"vertical\",\n      gap = \"fallback(4, 1rem)\",\n      items = [],\n      onChange,\n      onCompleteChange,\n      children,\n      ...rest\n    } = omitThemeProps(mergedProps)\n\n    const axis = orientation === \"vertical\" ? \"y\" : \"x\"\n\n    const validChildren = getValidChildren(children)\n    const hasChildren = !!validChildren.length\n\n    const defaultValues = useMemo(() => {\n      const values = hasChildren\n        ? validChildren.map(({ props }) => props.label)\n        : items.map(({ label }) => label)\n\n      const duplicatedValues = pickDuplicated(values)\n\n      if (duplicatedValues.length)\n        console.warn(\n          `Reorder: 'label' of 'ReorderItem' must not be duplicated. duplicate 'label' is '${duplicatedValues.join(\n            `', '`,\n          )}' `,\n        )\n\n      return omitDuplicated(values)\n    }, [hasChildren, validChildren, items])\n    const prevDefaultValues = useRef<(string | number)[]>(defaultValues)\n\n    const [values, setValues] = useState<(string | number)[]>(defaultValues)\n    const prevValues = useRef<(string | number)[]>(defaultValues)\n\n    const onReorder = useCallback(\n      (newValues: (string | number)[]) => {\n        setValues(newValues)\n\n        onChange?.(newValues)\n      },\n      [onChange],\n    )\n\n    const onCompleteReorder = useCallback(() => {\n      const isEqual =\n        JSON.stringify(prevValues.current) === JSON.stringify(values)\n\n      if (isEqual) return\n\n      prevValues.current = values\n\n      onCompleteChange?.(values)\n    }, [onCompleteChange, values])\n\n    useUpdateEffect(() => {\n      const isEqual =\n        JSON.stringify(defaultValues) ===\n        JSON.stringify(prevDefaultValues.current)\n\n      if (isEqual) return\n\n      prevValues.current = defaultValues\n      prevDefaultValues.current = defaultValues\n\n      setValues(defaultValues)\n    }, [defaultValues])\n\n    const cloneChildren = useMemo(\n      () =>\n        values.map((value) => {\n          if (hasChildren) {\n            return validChildren.find(({ props }) => props.label === value)\n          } else {\n            const props = items.find(({ label }) => label === value)\n\n            return props ? <ReorderItem key={props.label} {...props} /> : null\n          }\n        }),\n      [values, hasChildren, validChildren, items],\n    )\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: orientation === \"vertical\" ? \"column\" : \"row\",\n      gap,\n      ...styles.container,\n    }\n\n    return (\n      <ReorderProvider value={{ orientation, styles }}>\n        <ui.ul\n          ref={ref}\n          as={MotionReorder.Group}\n          className={cx(\"ui-reorder\", className)}\n          axis={axis}\n          values={values}\n          onReorder={onReorder}\n          __css={css}\n          {...rest}\n          onMouseUp={handlerAll(rest.onMouseUp, onCompleteReorder)}\n          onTouchEnd={handlerAll(rest.onTouchEnd, onCompleteReorder)}\n        >\n          {cloneChildren}\n        </ui.ul>\n      </ReorderProvider>\n    )\n  },\n)\n\nReorder.displayName = \"Reorder\"\n","import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps, DragControls } from \"@yamada-ui/motion\"\nimport {\n  MotionReorder,\n  useMotionValue,\n  useDragControls,\n} from \"@yamada-ui/motion\"\nimport { createContext, cx, dataAttr } from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useEffect, useState } from \"react\"\nimport { useReorderContext } from \"./reorder\"\n\ntype ReorderItemContext = {\n  register: (node: HTMLElement | null) => void\n  isDrag: boolean\n  dragControls: DragControls\n}\n\nexport const [ReorderItemProvider, useReorderItemContext] =\n  createContext<ReorderItemContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderItemContext returned is 'undefined'. Seems you forgot to wrap the components in \"<ReorderItem />\"`,\n  })\n\ntype ReorderItemOptions = {\n  /**\n   * The label of the reorder item.\n   */\n  label: string | number\n}\n\nexport type ReorderItemProps = Omit<HTMLUIProps<\"li\">, \"as\"> &\n  Omit<HTMLMotionProps<\"li\">, \"as\" | \"layout\"> &\n  ReorderItemOptions\n\nexport const ReorderItem = forwardRef<HTMLLIElement, ReorderItemProps>(\n  ({ className, label, ...rest }, ref) => {\n    const { orientation, styles } = useReorderContext()\n\n    const dragControls = useDragControls()\n\n    const [hasTrigger, setHasTrigger] = useState<boolean>(false)\n    const [isDrag, setIsDrag] = useState<boolean>(false)\n\n    const x = useMotionValue(0)\n    const y = useMotionValue(0)\n\n    const register = useCallback(\n      (node: HTMLElement | null) => setHasTrigger(!!node),\n      [],\n    )\n\n    useEffect(() => {\n      const unsubscribeX = x.on(\"change\", (x) => {\n        if (orientation === \"horizontal\") setIsDrag(x !== 0)\n      })\n      const unsubscribeY = y.on(\"change\", (y) => {\n        if (orientation === \"vertical\") setIsDrag(y !== 0)\n      })\n\n      return () => {\n        unsubscribeX()\n        unsubscribeY()\n      }\n    }, [orientation, x, y])\n\n    const css: CSSUIObject = {\n      ...(!hasTrigger ? { cursor: \"grab\" } : { userSelect: \"none\" }),\n      ...styles.item,\n      ...(!hasTrigger\n        ? {\n            _selected: {\n              ...(styles.item as any)?._selected,\n              cursor: \"grabbing\",\n            },\n          }\n        : {}),\n    }\n\n    return (\n      <ReorderItemProvider value={{ register, isDrag, dragControls }}>\n        <ui.li\n          ref={ref}\n          as={MotionReorder.Item}\n          className={cx(\"ui-reorder__item\", className)}\n          value={label}\n          __css={css}\n          {...rest}\n          // @ts-ignore\n          dragListener={!hasTrigger}\n          dragControls={dragControls}\n          data-selected={dataAttr(isDrag)}\n          style={{ ...rest.style, x, y }}\n        />\n      </ReorderItemProvider>\n    )\n  },\n)\n\nReorderItem.displayName = \"ReorderItem\"\n"],"mappings":"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","names":["import_core","import_motion","import_utils","import_react","x","y","import_jsx_runtime","values","props"]}
+{"version":3,"sources":["../src/reorder.tsx","../src/reorder-item.tsx"],"sourcesContent":["import type { CSSUIObject, HTMLUIProps, ThemeProps } from \"@yamada-ui/core\"\nimport { ui, useMultiComponentStyle, omitThemeProps } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps } from \"@yamada-ui/motion\"\nimport { MotionReorder } from \"@yamada-ui/motion\"\nimport {\n  createContext,\n  cx,\n  getValidChildren,\n  handlerAll,\n  useUpdateEffect,\n} from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useMemo, useRef, useState } from \"react\"\nimport { ReorderItem, type ReorderItemProps } from \"./reorder-item\"\n\ntype ReorderContext = {\n  orientation: \"vertical\" | \"horizontal\"\n  styles: Record<string, CSSUIObject>\n}\n\nexport const [ReorderProvider, useReorderContext] =\n  createContext<ReorderContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderContext returned is 'undefined'. Seems you forgot to wrap the components in \"<Reorder />\"`,\n  })\n\nexport type ReorderGenerateItem = ReorderItemProps\n\ntype ReorderOptions = {\n  /**\n   * The orientation of the reorder.\n   *\n   * @default 'vertical'\n   */\n  orientation?: \"vertical\" | \"horizontal\"\n  /**\n   * If provided, generate reorder items based on items.\n   *\n   */\n  items?: ReorderGenerateItem[]\n  /**\n   * The callback invoked when reorder items are moved.\n   */\n  onChange?: (labels: (string | number)[]) => void\n  /**\n   * The callback invoked when the movement of reorder items is completed.\n   */\n  onCompleteChange?: (labels: (string | number)[]) => void\n}\n\nexport type ReorderProps = Omit<HTMLUIProps<\"ul\">, \"as\" | \"onChange\"> &\n  Omit<HTMLMotionProps<\"ul\">, \"as\" | \"onChange\"> &\n  ThemeProps<\"Reorder\"> &\n  ReorderOptions\n\nconst omitDuplicated = (values: (string | number)[]): (string | number)[] =>\n  Array.from(new Set(values))\n\nconst pickDuplicated = (values: (string | number)[]): (string | number)[] =>\n  values.filter(\n    (value, index, self) =>\n      self.indexOf(value) === index && index !== self.lastIndexOf(value),\n  )\n\n/**\n * `Reorder` is a component that allows you to change the order of items using drag and drop.\n *\n * @see Docs https://yamada-ui.com/components/data-display/reorder\n */\nexport const Reorder = forwardRef<HTMLUListElement, ReorderProps>(\n  (props, ref) => {\n    const [styles, mergedProps] = useMultiComponentStyle(\"Reorder\", props)\n    const {\n      className,\n      orientation = \"vertical\",\n      gap = \"fallback(4, 1rem)\",\n      items = [],\n      onChange,\n      onCompleteChange,\n      children,\n      ...rest\n    } = omitThemeProps(mergedProps)\n\n    const axis = orientation === \"vertical\" ? \"y\" : \"x\"\n\n    const validChildren = getValidChildren(children)\n    const hasChildren = !!validChildren.length\n\n    const defaultValues = useMemo(() => {\n      const values = hasChildren\n        ? validChildren.map(({ props }) => props.label)\n        : items.map(({ label }) => label)\n\n      const duplicatedValues = pickDuplicated(values)\n\n      if (duplicatedValues.length)\n        console.warn(\n          `Reorder: 'label' of 'ReorderItem' must not be duplicated. duplicate 'label' is '${duplicatedValues.join(\n            `', '`,\n          )}' `,\n        )\n\n      return omitDuplicated(values)\n    }, [hasChildren, validChildren, items])\n    const prevDefaultValues = useRef<(string | number)[]>(defaultValues)\n\n    const [values, setValues] = useState<(string | number)[]>(defaultValues)\n    const prevValues = useRef<(string | number)[]>(defaultValues)\n\n    const onReorder = useCallback(\n      (newValues: (string | number)[]) => {\n        setValues(newValues)\n\n        onChange?.(newValues)\n      },\n      [onChange],\n    )\n\n    const onCompleteReorder = useCallback(() => {\n      const isEqual =\n        JSON.stringify(prevValues.current) === JSON.stringify(values)\n\n      if (isEqual) return\n\n      prevValues.current = values\n\n      onCompleteChange?.(values)\n    }, [onCompleteChange, values])\n\n    useUpdateEffect(() => {\n      const isEqual =\n        JSON.stringify(defaultValues) ===\n        JSON.stringify(prevDefaultValues.current)\n\n      if (isEqual) return\n\n      prevValues.current = defaultValues\n      prevDefaultValues.current = defaultValues\n\n      setValues(defaultValues)\n    }, [defaultValues])\n\n    const cloneChildren = useMemo(\n      () =>\n        values.map((value) => {\n          if (hasChildren) {\n            return validChildren.find(({ props }) => props.label === value)\n          } else {\n            const props = items.find(({ label }) => label === value)\n\n            return props ? <ReorderItem key={props.label} {...props} /> : null\n          }\n        }),\n      [values, hasChildren, validChildren, items],\n    )\n\n    const css: CSSUIObject = {\n      display: \"flex\",\n      flexDirection: orientation === \"vertical\" ? \"column\" : \"row\",\n      gap,\n      ...styles.container,\n    }\n\n    return (\n      <ReorderProvider value={{ orientation, styles }}>\n        <ui.ul\n          ref={ref}\n          as={MotionReorder.Group}\n          className={cx(\"ui-reorder\", className)}\n          axis={axis}\n          values={values}\n          onReorder={onReorder}\n          __css={css}\n          {...rest}\n          onMouseUp={handlerAll(rest.onMouseUp, onCompleteReorder)}\n          onTouchEnd={handlerAll(rest.onTouchEnd, onCompleteReorder)}\n        >\n          {cloneChildren}\n        </ui.ul>\n      </ReorderProvider>\n    )\n  },\n)\n\nReorder.displayName = \"Reorder\"\n","import type { HTMLUIProps, CSSUIObject } from \"@yamada-ui/core\"\nimport { ui } from \"@yamada-ui/core\"\nimport type { HTMLMotionProps, DragControls } from \"@yamada-ui/motion\"\nimport {\n  MotionReorder,\n  useMotionValue,\n  useDragControls,\n} from \"@yamada-ui/motion\"\nimport { createContext, cx, dataAttr } from \"@yamada-ui/utils\"\nimport { forwardRef, useCallback, useEffect, useState } from \"react\"\nimport { useReorderContext } from \"./reorder\"\n\ntype ReorderItemContext = {\n  register: (node: HTMLElement | null) => void\n  isDrag: boolean\n  dragControls: DragControls\n}\n\nexport const [ReorderItemProvider, useReorderItemContext] =\n  createContext<ReorderItemContext>({\n    name: \"ReorderContext\",\n    errorMessage: `useReorderItemContext returned is 'undefined'. Seems you forgot to wrap the components in \"<ReorderItem />\"`,\n  })\n\ntype ReorderItemOptions = {\n  /**\n   * The label of the reorder item.\n   */\n  label: string | number\n}\n\nexport type ReorderItemProps = Omit<HTMLUIProps<\"li\">, \"as\"> &\n  Omit<HTMLMotionProps<\"li\">, \"as\" | \"layout\"> &\n  ReorderItemOptions\n\nexport const ReorderItem = forwardRef<HTMLLIElement, ReorderItemProps>(\n  ({ className, label, ...rest }, ref) => {\n    const { orientation, styles } = useReorderContext()\n\n    const dragControls = useDragControls()\n\n    const [hasTrigger, setHasTrigger] = useState<boolean>(false)\n    const [isDrag, setIsDrag] = useState<boolean>(false)\n\n    const x = useMotionValue(0)\n    const y = useMotionValue(0)\n\n    const register = useCallback(\n      (node: HTMLElement | null) => setHasTrigger(!!node),\n      [],\n    )\n\n    useEffect(() => {\n      const unsubscribeX = x.on(\"change\", (x) => {\n        if (orientation === \"horizontal\") setIsDrag(x !== 0)\n      })\n      const unsubscribeY = y.on(\"change\", (y) => {\n        if (orientation === \"vertical\") setIsDrag(y !== 0)\n      })\n\n      return () => {\n        unsubscribeX()\n        unsubscribeY()\n      }\n    }, [orientation, x, y])\n\n    const css: CSSUIObject = {\n      ...(!hasTrigger ? { cursor: \"grab\" } : { userSelect: \"none\" }),\n      ...styles.item,\n      ...(!hasTrigger\n        ? {\n            _selected: {\n              ...(styles.item as any)?._selected,\n              cursor: \"grabbing\",\n            },\n          }\n        : {}),\n    }\n\n    return (\n      <ReorderItemProvider value={{ register, isDrag, dragControls }}>\n        <ui.li\n          ref={ref}\n          as={MotionReorder.Item}\n          className={cx(\"ui-reorder__item\", className)}\n          value={label}\n          __css={css}\n          {...rest}\n          // @ts-ignore\n          dragListener={!hasTrigger}\n          dragControls={dragControls}\n          data-selected={dataAttr(isDrag)}\n          style={{ ...rest.style, x, y }}\n        />\n      </ReorderItemProvider>\n    )\n  },\n)\n\nReorderItem.displayName = \"ReorderItem\"\n"],"mappings":"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","names":["import_core","import_motion","import_utils","import_react","x","y","import_jsx_runtime","values","props"]}

package/dist/reorder.mjs

@@ -3,7 +3,7 @@ import {
   Reorder,
   ReorderProvider,
   useReorderContext
-} from "./chunk-IIRSXMNK.mjs";
+} from "./chunk-JCUBP2U3.mjs";
 export {
   Reorder,
   ReorderProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/reorder",
-  "version": "1.1.1",
+  "version": "1.1.2-dev-20240614141936",
   "description": "Yamada UI reorder component",
   "keywords": [
     "yamada",
@@ -36,10 +36,10 @@
     "url": "https://github.com/yamada-ui/yamada-ui/issues"
   },
   "dependencies": {
-    "@yamada-ui/core": "1.7.1",
+    "@yamada-ui/core": "1.7.2-dev-20240614141936",
     "@yamada-ui/utils": "1.2.1",
-    "@yamada-ui/motion": "1.0.28",
-    "@yamada-ui/icon": "1.0.27"
+    "@yamada-ui/motion": "1.0.29-dev-20240614141936",
+    "@yamada-ui/icon": "1.0.28-dev-20240614141936"
   },
   "devDependencies": {
     "react": "^18.0.0",