@yamada-ui/reorder 0.3.15 → 0.3.17

package/dist/{chunk-77SPIQMS.mjs → chunk-UAVAC3SQ.mjs}

@@ -31,17 +31,17 @@ var ReorderItem = forwardRef(
       []
     );
     useEffect(() => {
-      x.onChange((subscription) => {
+      const unsubscribeX = x.on("change", (x2) => {
         if (orientation === "horizontal")
-          setIsDrag(subscription !== 0);
+          setIsDrag(x2 !== 0);
       });
-      y.onChange((subscription) => {
+      const unsubscribeY = y.on("change", (y2) => {
         if (orientation === "vertical")
-          setIsDrag(subscription !== 0);
+          setIsDrag(y2 !== 0);
       });
       return () => {
-        x.destroy();
-        y.destroy();
+        unsubscribeX();
+        unsubscribeY();
       };
     }, [orientation, x, y]);
     const css = {
@@ -59,7 +59,7 @@ var ReorderItem = forwardRef(
       {
         ref,
         as: MotionReorder.Item,
-        className: cx("ui-reorder-item", className),
+        className: cx("ui-reorder__item", className),
         value: label,
         __css: css,
         ...rest,

package/dist/{chunk-4I76OVZ3.mjs → chunk-ZW25IJKF.mjs}

@@ -1,7 +1,7 @@
 "use client"
 import {
   useReorderItemContext
-} from "./chunk-77SPIQMS.mjs";
+} from "./chunk-UAVAC3SQ.mjs";
 import {
   useReorderContext
 } from "./chunk-Q3OZOO4X.mjs";
@@ -29,7 +29,7 @@ var ReorderTrigger = forwardRef(
       ui.div,
       {
         ref: mergeRefs(register, ref),
-        className: cx("ui-reorder-trigger", className),
+        className: cx("ui-reorder__trigger", className),
         __css: css,
         ...rest,
         "data-selected": dataAttr(isDrag),

package/dist/index.js

@@ -144,17 +144,17 @@ var ReorderItem = (0, import_react2.forwardRef)(
       []
     );
     (0, import_react2.useEffect)(() => {
-      x.onChange((subscription) => {
+      const unsubscribeX = x.on("change", (x2) => {
         if (orientation === "horizontal")
-          setIsDrag(subscription !== 0);
+          setIsDrag(x2 !== 0);
       });
-      y.onChange((subscription) => {
+      const unsubscribeY = y.on("change", (y2) => {
         if (orientation === "vertical")
-          setIsDrag(subscription !== 0);
+          setIsDrag(y2 !== 0);
       });
       return () => {
-        x.destroy();
-        y.destroy();
+        unsubscribeX();
+        unsubscribeY();
       };
     }, [orientation, x, y]);
     const css = {
@@ -172,7 +172,7 @@ var ReorderItem = (0, import_react2.forwardRef)(
       {
         ref,
         as: import_motion2.MotionReorder.Item,
-        className: (0, import_utils2.cx)("ui-reorder-item", className),
+        className: (0, import_utils2.cx)("ui-reorder__item", className),
         value: label,
         __css: css,
         ...rest,
@@ -209,7 +209,7 @@ var ReorderTrigger = (0, import_core3.forwardRef)(
       import_core3.ui.div,
       {
         ref: (0, import_utils3.mergeRefs)(register, ref),
-        className: (0, import_utils3.cx)("ui-reorder-trigger", className),
+        className: (0, import_utils3.cx)("ui-reorder__trigger", className),
         __css: css,
         ...rest,
         "data-selected": (0, import_utils3.dataAttr)(isDrag),

package/dist/index.mjs

@@ -1,10 +1,10 @@
 "use client"
 import {
   ReorderTrigger
-} from "./chunk-4I76OVZ3.mjs";
+} from "./chunk-ZW25IJKF.mjs";
 import {
   ReorderItem
-} from "./chunk-77SPIQMS.mjs";
+} from "./chunk-UAVAC3SQ.mjs";
 import {
   Reorder
 } from "./chunk-Q3OZOO4X.mjs";

package/dist/reorder-item.d.mts

@@ -15,7 +15,7 @@ type ReorderItemOptions = {
      */
     label: string | number;
 };
-type ReorderItemProps = Omit<HTMLUIProps<'li'>, 'as'> & Omit<HTMLMotionProps<'li'>, 'as' | 'layout'> & ReorderItemOptions;
+type ReorderItemProps = Omit<HTMLUIProps<"li">, "as"> & Omit<HTMLMotionProps<"li">, "as" | "layout"> & ReorderItemOptions;
 declare const ReorderItem: react.ForwardRefExoticComponent<Omit<HTMLUIProps<"li">, "as"> & Omit<HTMLMotionProps<"li">, "as" | "layout"> & ReorderItemOptions & react.RefAttributes<HTMLLIElement>>;
 
 export { ReorderItem, ReorderItemProps, ReorderItemProvider, useReorderItemContext };

package/dist/reorder-item.d.ts

@@ -15,7 +15,7 @@ type ReorderItemOptions = {
      */
     label: string | number;
 };
-type ReorderItemProps = Omit<HTMLUIProps<'li'>, 'as'> & Omit<HTMLMotionProps<'li'>, 'as' | 'layout'> & ReorderItemOptions;
+type ReorderItemProps = Omit<HTMLUIProps<"li">, "as"> & Omit<HTMLMotionProps<"li">, "as" | "layout"> & ReorderItemOptions;
 declare const ReorderItem: react.ForwardRefExoticComponent<Omit<HTMLUIProps<"li">, "as"> & Omit<HTMLMotionProps<"li">, "as" | "layout"> & ReorderItemOptions & react.RefAttributes<HTMLLIElement>>;
 
 export { ReorderItem, ReorderItemProps, ReorderItemProvider, useReorderItemContext };

package/dist/reorder-item.js

@@ -144,17 +144,17 @@ var ReorderItem = (0, import_react2.forwardRef)(
       []
     );
     (0, import_react2.useEffect)(() => {
-      x.onChange((subscription) => {
+      const unsubscribeX = x.on("change", (x2) => {
         if (orientation === "horizontal")
-          setIsDrag(subscription !== 0);
+          setIsDrag(x2 !== 0);
       });
-      y.onChange((subscription) => {
+      const unsubscribeY = y.on("change", (y2) => {
         if (orientation === "vertical")
-          setIsDrag(subscription !== 0);
+          setIsDrag(y2 !== 0);
       });
       return () => {
-        x.destroy();
-        y.destroy();
+        unsubscribeX();
+        unsubscribeY();
       };
     }, [orientation, x, y]);
     const css = {
@@ -172,7 +172,7 @@ var ReorderItem = (0, import_react2.forwardRef)(
       {
         ref,
         as: import_motion2.MotionReorder.Item,
-        className: (0, import_utils2.cx)("ui-reorder-item", className),
+        className: (0, import_utils2.cx)("ui-reorder__item", className),
         value: label,
         __css: css,
         ...rest,

package/dist/reorder-item.mjs

@@ -3,7 +3,7 @@ import {
   ReorderItem,
   ReorderItemProvider,
   useReorderItemContext
-} from "./chunk-77SPIQMS.mjs";
+} from "./chunk-UAVAC3SQ.mjs";
 import "./chunk-Q3OZOO4X.mjs";
 export {
   ReorderItem,

package/dist/reorder-trigger.d.mts

@@ -1,7 +1,7 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
 
-type ReorderTriggerProps = HTMLUIProps<'div'>;
+type ReorderTriggerProps = HTMLUIProps<"div">;
 declare const ReorderTrigger: _yamada_ui_core.Component<"div", ReorderTriggerProps>;
 
 export { ReorderTrigger, ReorderTriggerProps };

package/dist/reorder-trigger.d.ts

@@ -1,7 +1,7 @@
 import * as _yamada_ui_core from '@yamada-ui/core';
 import { HTMLUIProps } from '@yamada-ui/core';
 
-type ReorderTriggerProps = HTMLUIProps<'div'>;
+type ReorderTriggerProps = HTMLUIProps<"div">;
 declare const ReorderTrigger: _yamada_ui_core.Component<"div", ReorderTriggerProps>;
 
 export { ReorderTrigger, ReorderTriggerProps };

package/dist/reorder-trigger.js

@@ -145,17 +145,17 @@ var ReorderItem = (0, import_react2.forwardRef)(
       []
     );
     (0, import_react2.useEffect)(() => {
-      x.onChange((subscription) => {
+      const unsubscribeX = x.on("change", (x2) => {
         if (orientation === "horizontal")
-          setIsDrag(subscription !== 0);
+          setIsDrag(x2 !== 0);
       });
-      y.onChange((subscription) => {
+      const unsubscribeY = y.on("change", (y2) => {
         if (orientation === "vertical")
-          setIsDrag(subscription !== 0);
+          setIsDrag(y2 !== 0);
       });
       return () => {
-        x.destroy();
-        y.destroy();
+        unsubscribeX();
+        unsubscribeY();
       };
     }, [orientation, x, y]);
     const css = {
@@ -173,7 +173,7 @@ var ReorderItem = (0, import_react2.forwardRef)(
       {
         ref,
         as: import_motion2.MotionReorder.Item,
-        className: (0, import_utils2.cx)("ui-reorder-item", className),
+        className: (0, import_utils2.cx)("ui-reorder__item", className),
         value: label,
         __css: css,
         ...rest,
@@ -207,7 +207,7 @@ var ReorderTrigger = (0, import_core3.forwardRef)(
       import_core3.ui.div,
       {
         ref: (0, import_utils3.mergeRefs)(register, ref),
-        className: (0, import_utils3.cx)("ui-reorder-trigger", className),
+        className: (0, import_utils3.cx)("ui-reorder__trigger", className),
         __css: css,
         ...rest,
         "data-selected": (0, import_utils3.dataAttr)(isDrag),

package/dist/reorder-trigger.mjs

@@ -1,8 +1,8 @@
 "use client"
 import {
   ReorderTrigger
-} from "./chunk-4I76OVZ3.mjs";
-import "./chunk-77SPIQMS.mjs";
+} from "./chunk-ZW25IJKF.mjs";
+import "./chunk-UAVAC3SQ.mjs";
 import "./chunk-Q3OZOO4X.mjs";
 export {
   ReorderTrigger

package/dist/reorder.d.mts

@@ -3,7 +3,7 @@ import { HTMLUIProps, ThemeProps, CSSUIObject } from '@yamada-ui/core';
 import { HTMLMotionProps } from '@yamada-ui/motion';
 
 type ReorderContext = {
-    orientation: 'vertical' | 'horizontal';
+    orientation: "vertical" | "horizontal";
     styles: Record<string, CSSUIObject>;
 };
 declare const ReorderProvider: react.Provider<ReorderContext>;
@@ -14,7 +14,7 @@ type ReorderOptions = {
      *
      * @default 'vertical'
      */
-    orientation?: 'vertical' | 'horizontal';
+    orientation?: "vertical" | "horizontal";
     /**
      * The callback invoked when reorder items are moved.
      */
@@ -24,7 +24,7 @@ type ReorderOptions = {
      */
     onCompleteChange?: (labels: (string | number)[]) => void;
 };
-type ReorderProps = Omit<HTMLUIProps<'ul'>, 'as' | 'onChange'> & Omit<HTMLMotionProps<'ul'>, 'as' | 'onChange'> & ThemeProps<'Reorder'> & ReorderOptions;
+type ReorderProps = Omit<HTMLUIProps<"ul">, "as" | "onChange"> & Omit<HTMLMotionProps<"ul">, "as" | "onChange"> & ThemeProps<"Reorder"> & ReorderOptions;
 declare const Reorder: react.ForwardRefExoticComponent<Omit<HTMLUIProps<"ul">, "as" | "onChange"> & Omit<HTMLMotionProps<"ul">, "as" | "onChange"> & ThemeProps<"Reorder"> & ReorderOptions & react.RefAttributes<HTMLUListElement>>;
 
 export { Reorder, ReorderProps, ReorderProvider, useReorderContext };

package/dist/reorder.d.ts

@@ -3,7 +3,7 @@ import { HTMLUIProps, ThemeProps, CSSUIObject } from '@yamada-ui/core';
 import { HTMLMotionProps } from '@yamada-ui/motion';
 
 type ReorderContext = {
-    orientation: 'vertical' | 'horizontal';
+    orientation: "vertical" | "horizontal";
     styles: Record<string, CSSUIObject>;
 };
 declare const ReorderProvider: react.Provider<ReorderContext>;
@@ -14,7 +14,7 @@ type ReorderOptions = {
      *
      * @default 'vertical'
      */
-    orientation?: 'vertical' | 'horizontal';
+    orientation?: "vertical" | "horizontal";
     /**
      * The callback invoked when reorder items are moved.
      */
@@ -24,7 +24,7 @@ type ReorderOptions = {
      */
     onCompleteChange?: (labels: (string | number)[]) => void;
 };
-type ReorderProps = Omit<HTMLUIProps<'ul'>, 'as' | 'onChange'> & Omit<HTMLMotionProps<'ul'>, 'as' | 'onChange'> & ThemeProps<'Reorder'> & ReorderOptions;
+type ReorderProps = Omit<HTMLUIProps<"ul">, "as" | "onChange"> & Omit<HTMLMotionProps<"ul">, "as" | "onChange"> & ThemeProps<"Reorder"> & ReorderOptions;
 declare const Reorder: react.ForwardRefExoticComponent<Omit<HTMLUIProps<"ul">, "as" | "onChange"> & Omit<HTMLMotionProps<"ul">, "as" | "onChange"> & ThemeProps<"Reorder"> & ReorderOptions & react.RefAttributes<HTMLUListElement>>;
 
 export { Reorder, ReorderProps, ReorderProvider, useReorderContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/reorder",
-  "version": "0.3.15",
+  "version": "0.3.17",
   "description": "Yamada UI reorder component",
   "keywords": [
     "yamada",
@@ -35,10 +35,10 @@
     "url": "https://github.com/hirotomoyamada/yamada-ui/issues"
   },
   "dependencies": {
-    "@yamada-ui/core": "0.12.5",
+    "@yamada-ui/core": "0.12.6",
     "@yamada-ui/utils": "0.3.3",
-    "@yamada-ui/motion": "0.4.15",
-    "@yamada-ui/icon": "0.3.15"
+    "@yamada-ui/motion": "0.4.16",
+    "@yamada-ui/icon": "0.3.16"
   },
   "devDependencies": {
     "react": "^18.0.0",