@akanjs/ui 0.0.151 → 0.0.153

package/esm/Dialog/Provider.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { clsx } from "@akanjs/client";
 import * as Dialog from "@radix-ui/react-dialog";
 import { useEffect, useState } from "react";
@@ -10,7 +11,7 @@ const Provider = ({ className, defaultOpen = false, open = defaultOpen, children
   useEffect(() => {
     setOpenState(open);
   }, [open]);
-  return /* @__PURE__ */ React.createElement(DialogContext.Provider, { value: { open: openState, setOpen: setOpenState, title, setTitle, action, setAction } }, /* @__PURE__ */ React.createElement(Dialog.Root, { open: openState }, /* @__PURE__ */ React.createElement("div", { "data-open": openState, className: clsx("group/dialog", className) }, children)));
+  return /* @__PURE__ */ jsx(DialogContext.Provider, { value: { open: openState, setOpen: setOpenState, title, setTitle, action, setAction }, children: /* @__PURE__ */ jsx(Dialog.Root, { open: openState, children: /* @__PURE__ */ jsx("div", { "data-open": openState, className: clsx("group/dialog", className), children }) }) });
 };
 export {
   Provider

package/esm/Dialog/Trigger.js

@@ -1,17 +1,18 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { useContext } from "react";
 import { DialogContext } from "./context";
 const Trigger = ({ className, children }) => {
   const { setOpen } = useContext(DialogContext);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "a",
     {
       className,
       onClick: () => {
         setOpen(true);
-      }
-    },
-    children
+      },
+      children
+    }
   );
 };
 export {

package/esm/Dialog/index.js

@@ -1,3 +1,4 @@
+import { jsx } from "react/jsx-runtime";
 import { Action } from "./Action";
 import { Content } from "./Content";
 import { Modal } from "./Modal";
@@ -5,7 +6,7 @@ import { Provider } from "./Provider";
 import { Title } from "./Title";
 import { Trigger } from "./Trigger";
 const Dialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ React.createElement(Provider, { ...props }, children);
+  return /* @__PURE__ */ jsx(Provider, { ...props, children });
 };
 Dialog.Modal = Modal;
 Dialog.Title = Title;

package/esm/DragAction.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { clsx } from "@akanjs/client";
 import { useGesture } from "@use-gesture/react";
 import { createContext, useContext, useRef } from "react";
@@ -54,36 +55,36 @@ const DragAction = ({ className, children, onClick, onLeft, onRight }) => {
     },
     { drag: { axis: "x" } }
   );
-  return /* @__PURE__ */ React.createElement(DragActionContext.Provider, { value: { bind, x, y, leftOpacity, leftWidth, rightOpacity, rightWidth, onClick } }, /* @__PURE__ */ React.createElement("div", { ref, className: clsx("relative overflow-x-hidden", className) }, children));
+  return /* @__PURE__ */ jsx(DragActionContext.Provider, { value: { bind, x, y, leftOpacity, leftWidth, rightOpacity, rightWidth, onClick }, children: /* @__PURE__ */ jsx("div", { ref, className: clsx("relative overflow-x-hidden", className), children }) });
 };
 const Body = ({ children }) => {
   const { bind, x, onClick } = useContext(DragActionContext);
-  return /* @__PURE__ */ React.createElement(animated.div, { className: "cursor-pointer", ...bind(), style: { x, touchAction: "pan-y" } }, children);
+  return /* @__PURE__ */ jsx(animated.div, { className: "cursor-pointer", ...bind(), style: { x, touchAction: "pan-y" }, children });
 };
 DragAction.Body = Body;
 const Left = ({ children }) => {
   const { bind, leftOpacity, leftWidth } = useContext(DragActionContext);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     animated.div,
     {
       ...bind(),
       style: { touchAction: "pan-y", opacity: leftOpacity, width: leftWidth },
-      className: "absolute inset-y-0 left-0 flex items-center justify-center"
-    },
-    children
+      className: "absolute inset-y-0 left-0 flex items-center justify-center",
+      children
+    }
   );
 };
 DragAction.Left = Left;
 const Right = ({ children }) => {
   const { bind, rightOpacity, rightWidth } = useContext(DragActionContext);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     animated.div,
     {
       ...bind(),
       style: { opacity: rightOpacity, width: rightWidth },
-      className: "absolute inset-y-0 right-0 flex items-center justify-center"
-    },
-    children
+      className: "absolute inset-y-0 right-0 flex items-center justify-center",
+      children
+    }
   );
 };
 DragAction.Right = Right;

package/esm/DraggableList.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { clsx } from "@akanjs/client";
 import { animated, config, useSprings } from "@react-spring/web";
 import { useGesture } from "@use-gesture/react";
@@ -57,33 +58,33 @@ const DragList = ({ className, mode = "vertical", children, onChange }) => {
       }
     }
   });
-  return /* @__PURE__ */ React.createElement("div", { className: clsx(`flex gap-0`, { "flex-col": mode === "vertical" }, className) }, springs.map(({ zIndex, shadow, movement, scale }, i) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: clsx(`flex gap-0`, { "flex-col": mode === "vertical" }, className), children: springs.map(({ zIndex, shadow, movement, scale }, i) => /* @__PURE__ */ jsx(
     animated.div,
     {
       ref: (el) => {
         refs.current[i] = el;
       },
-      key: i,
       style: {
         zIndex,
         boxShadow: shadow.to((s) => `rgba(0, 0, 0, 0.15) 0px ${s}px ${2 * s}px 0px`),
         scale,
         ...mode === "vertical" ? { y: movement } : { x: movement }
         // cursor: "grab",
-      }
+      },
+      children: /* @__PURE__ */ jsx(dragListContext.Provider, { value: { bind: () => bind(i) }, children: children[i] })
     },
-    /* @__PURE__ */ React.createElement(dragListContext.Provider, { value: { bind: () => bind(i) } }, children[i])
-  )));
+    i
+  )) });
 };
 DragList.Cursor = ({ className, children }) => {
   const { bind } = useDragList();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: clsx("cursor-grab duration-200 hover:scale-[1.01] hover:opacity-70 hover:shadow-xl", className),
-      ...bind()
-    },
-    children
+      ...bind(),
+      children
+    }
   );
 };
 const Item = ({ value, children }) => {

package/esm/Dropdown.js

@@ -1,43 +1,46 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "@akanjs/client";
 import { useState } from "react";
 const Dropdown = ({ value, content, className, buttonClassName, dropdownClassName }) => {
   const [opened, setOpened] = useState(false);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       onClick: () => {
         setOpened(true);
       },
-      className: clsx("dropdown dropdown-end", className)
-    },
-    /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        tabIndex: 0,
-        className: clsx("btn flex", buttonClassName),
-        onClick: () => {
-          setOpened(true);
-        }
-      },
-      value
-    ),
-    /* @__PURE__ */ React.createElement(
-      "ul",
-      {
-        tabIndex: 0,
-        onClick: () => {
-          if (opened)
-            setOpened(false);
-        },
-        className: clsx(
-          "md:scrollbar-thin md:scrollbar-thumb-rounded-md md:scrollbar-thumb-gray-300 md:scrollbar-track-transparent bg-base-100 z-[100] grid max-h-52 gap-2 overflow-auto rounded-md pr-3 whitespace-nowrap shadow-sm",
-          opened ? "dropdown-content size-fit p-1" : "size-0 overflow-hidden",
-          dropdownClassName
+      className: clsx("dropdown dropdown-end", className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "label",
+          {
+            tabIndex: 0,
+            className: clsx("btn flex", buttonClassName),
+            onClick: () => {
+              setOpened(true);
+            },
+            children: value
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "ul",
+          {
+            tabIndex: 0,
+            onClick: () => {
+              if (opened)
+                setOpened(false);
+            },
+            className: clsx(
+              "md:scrollbar-thin md:scrollbar-thumb-rounded-md md:scrollbar-thumb-gray-300 md:scrollbar-track-transparent bg-base-100 z-[100] grid max-h-52 gap-2 overflow-auto rounded-md pr-3 whitespace-nowrap shadow-sm",
+              opened ? "dropdown-content size-fit p-1" : "size-0 overflow-hidden",
+              dropdownClassName
+            ),
+            children: content
+          }
         )
-      },
-      content
-    )
+      ]
+    }
   );
 };
 export {

package/esm/Empty.js

@@ -1,20 +1,25 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import { clsx } from "@akanjs/client";
 import { usePage } from "@akanjs/next";
-import React from "react";
 import { AiOutlineMeh } from "react-icons/ai";
 const Empty = ({ className = "", description, children, minHeight = 300 }) => {
   const { l } = usePage();
-  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: clsx(
-        `min-h-[${minHeight}px] text-base-content/30 flex flex-col items-center justify-center gap-3 pt-6 pb-3`,
-        className
-      )
-    },
-    /* @__PURE__ */ React.createElement(AiOutlineMeh, { className: "scale-150 text-4xl" }),
-    /* @__PURE__ */ React.createElement("p", null, description ?? l("util.noData"))
-  ), children);
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx(
+          `min-h-[${minHeight}px] text-base-content/30 flex flex-col items-center justify-center gap-3 pt-6 pb-3`,
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(AiOutlineMeh, { className: "scale-150 text-4xl" }),
+          /* @__PURE__ */ jsx("p", { children: description ?? l("util.noData") })
+        ]
+      }
+    ),
+    children
+  ] });
 };
 export {
   Empty