@akanjs/ui 0.0.151 → 0.0.152

package/cjs/Dialog/Modal.js

@@ -31,6 +31,7 @@ __export(Modal_exports, {
   Modal: () => Modal
 });
 module.exports = __toCommonJS(Modal_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_next = require("@akanjs/next");
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
@@ -100,56 +101,66 @@ const Modal = ({ className, bodyClassName, confirmClose, children, onCancel }) =
     else
       void closeModal({});
   }, [open]);
-  return /* @__PURE__ */ React.createElement(Dialog.Portal, null, /* @__PURE__ */ React.createElement(
-    Dialog.Overlay,
-    {
-      onClick: () => {
-        void closeModal({ confirmClose });
-      }
-    },
-    showBackground ? /* @__PURE__ */ React.createElement("div", { className: "data-[state=open]:animate-fadeIn bg-base-content/50 fixed inset-0 z-10 backdrop-blur-md" }) : null
-  ), /* @__PURE__ */ React.createElement(
-    Dialog.Content,
-    {
-      className: "fixed top-1/2 left-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center justify-center",
-      asChild: true,
-      forceMount: true
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "z-10" }, /* @__PURE__ */ React.createElement(import_react_spring.a.div, { ref, style: { translateY, opacity } }, /* @__PURE__ */ React.createElement(
-      "button",
-      {
-        className: "btn btn-circle btn-sm absolute top-[-16px] right-0 z-20 md:top-[-40px]",
-        onClick: () => void closeModal({ confirmClose })
-      },
-      /* @__PURE__ */ React.createElement(import_bi.BiX, { className: "text-3xl" })
-    ), /* @__PURE__ */ React.createElement(
-      "div",
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Dialog.Portal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Dialog.Overlay,
       {
-        className: (0, import_client.clsx)(
-          "bg-base-100 animate-fadeIn mx-auto mt-6 flex max-h-[75vh] w-full max-w-[96vw] max-w-screen flex-col items-center justify-center overflow-x-hidden rounded-lg transition-all duration-100 sm:w-[90%] sm:px-2 sm:pb-2 md:mt-0 md:max-h-[90vh] md:pt-0",
-          className
-        )
-      },
-      /* @__PURE__ */ React.createElement(Dialog.Title, { asChild: true }, /* @__PURE__ */ React.createElement(
-        import_react_spring.a.div,
-        {
-          ...bind(),
-          className: "animate-fadeIn relative z-10 flex w-full cursor-pointer flex-col items-center justify-center px-4 pt-1"
+        onClick: () => {
+          void closeModal({ confirmClose });
         },
-        /* @__PURE__ */ React.createElement("div", { className: "flex w-full cursor-pointer items-center justify-center pt-1 opacity-50" }, /* @__PURE__ */ React.createElement("div", { className: "h-1 w-24 rounded-full bg-gray-500" })),
-        /* @__PURE__ */ React.createElement("div", { className: "flex w-full items-center justify-start" }, /* @__PURE__ */ React.createElement("div", { className: "w-full text-start text-lg font-bold" }, title))
-      )),
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: (0, import_client.clsx)(
-            "border-base-content/30 scrollbar-none relative m-2 flex size-full min-w-[90vw] overflow-x-hidden overflow-y-scroll border-t-[0.1px] p-4 sm:p-4 md:min-w-[384px] md:px-8 lg:min-w-[576px] xl:min-w-[768px]",
-            bodyClassName
+        children: showBackground ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "data-[state=open]:animate-fadeIn bg-base-content/50 fixed inset-0 z-10 backdrop-blur-md" }) : null
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      Dialog.Content,
+      {
+        className: "fixed top-1/2 left-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center justify-center",
+        asChild: true,
+        forceMount: true,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "z-10", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_spring.a.div, { ref, style: { translateY, opacity }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              className: "btn btn-circle btn-sm absolute top-[-16px] right-0 z-20 md:top-[-40px]",
+              onClick: () => void closeModal({ confirmClose }),
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bi.BiX, { className: "text-3xl" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "div",
+            {
+              className: (0, import_client.clsx)(
+                "bg-base-100 animate-fadeIn mx-auto mt-6 flex max-h-[75vh] w-full max-w-[96vw] max-w-screen flex-col items-center justify-center overflow-x-hidden rounded-lg transition-all duration-100 sm:w-[90%] sm:px-2 sm:pb-2 md:mt-0 md:max-h-[90vh] md:pt-0",
+                className
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog.Title, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                  import_react_spring.a.div,
+                  {
+                    ...bind(),
+                    className: "animate-fadeIn relative z-10 flex w-full cursor-pointer flex-col items-center justify-center px-4 pt-1",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex w-full cursor-pointer items-center justify-center pt-1 opacity-50", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-1 w-24 rounded-full bg-gray-500" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex w-full items-center justify-start", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full text-start text-lg font-bold", children: title }) })
+                    ]
+                  }
+                ) }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "div",
+                  {
+                    className: (0, import_client.clsx)(
+                      "border-base-content/30 scrollbar-none relative m-2 flex size-full min-w-[90vw] overflow-x-hidden overflow-y-scroll border-t-[0.1px] p-4 sm:p-4 md:min-w-[384px] md:px-8 lg:min-w-[576px] xl:min-w-[768px]",
+                      bodyClassName
+                    ),
+                    children
+                  }
+                ),
+                action ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full", children: action }) : null
+              ]
+            }
           )
-        },
-        children
-      ),
-      action ? /* @__PURE__ */ React.createElement("div", { className: "w-full" }, action) : null
-    )))
-  ));
+        ] }) })
+      }
+    )
+  ] });
 };

package/cjs/Dialog/Provider.js

@@ -31,6 +31,7 @@ __export(Provider_exports, {
   Provider: () => Provider
 });
 module.exports = __toCommonJS(Provider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var Dialog = __toESM(require("@radix-ui/react-dialog"));
 var import_react = require("react");
@@ -42,5 +43,5 @@ const Provider = ({ className, defaultOpen = false, open = defaultOpen, children
   (0, import_react.useEffect)(() => {
     setOpenState(open);
   }, [open]);
-  return /* @__PURE__ */ React.createElement(import_context.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: (0, import_client.clsx)("group/dialog", className) }, children)));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.DialogContext.Provider, { value: { open: openState, setOpen: setOpenState, title, setTitle, action, setAction }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog.Root, { open: openState, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-open": openState, className: (0, import_client.clsx)("group/dialog", className), children }) }) });
 };

package/cjs/Dialog/Trigger.js

@@ -21,18 +21,19 @@ __export(Trigger_exports, {
   Trigger: () => Trigger
 });
 module.exports = __toCommonJS(Trigger_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_context = require("./context");
 const Trigger = ({ className, children }) => {
   const { setOpen } = (0, import_react.useContext)(import_context.DialogContext);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "a",
     {
       className,
       onClick: () => {
         setOpen(true);
-      }
-    },
-    children
+      },
+      children
+    }
   );
 };

package/cjs/Dialog/index.js

@@ -20,6 +20,7 @@ __export(Dialog_exports, {
   Dialog: () => Dialog
 });
 module.exports = __toCommonJS(Dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_Action = require("./Action");
 var import_Content = require("./Content");
 var import_Modal = require("./Modal");
@@ -27,7 +28,7 @@ var import_Provider = require("./Provider");
 var import_Title = require("./Title");
 var import_Trigger = require("./Trigger");
 const Dialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ React.createElement(import_Provider.Provider, { ...props }, children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Provider.Provider, { ...props, children });
 };
 Dialog.Modal = import_Modal.Modal;
 Dialog.Title = import_Title.Title;

package/cjs/DragAction.js

@@ -21,6 +21,7 @@ __export(DragAction_exports, {
   DragAction: () => DragAction
 });
 module.exports = __toCommonJS(DragAction_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_react = require("@use-gesture/react");
 var import_react2 = require("react");
@@ -76,36 +77,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: (0, import_client.clsx)("relative overflow-x-hidden", className) }, children));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DragActionContext.Provider, { value: { bind, x, y, leftOpacity, leftWidth, rightOpacity, rightWidth, onClick }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, className: (0, import_client.clsx)("relative overflow-x-hidden", className), children }) });
 };
 const Body = ({ children }) => {
   const { bind, x, onClick } = (0, import_react2.useContext)(DragActionContext);
-  return /* @__PURE__ */ React.createElement(import_react_spring.animated.div, { className: "cursor-pointer", ...bind(), style: { x, touchAction: "pan-y" } }, children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_spring.animated.div, { className: "cursor-pointer", ...bind(), style: { x, touchAction: "pan-y" }, children });
 };
 DragAction.Body = Body;
 const Left = ({ children }) => {
   const { bind, leftOpacity, leftWidth } = (0, import_react2.useContext)(DragActionContext);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_spring.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 } = (0, import_react2.useContext)(DragActionContext);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_react_spring.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/cjs/DraggableList.js

@@ -31,6 +31,7 @@ __export(DraggableList_exports, {
   DraggableList: () => DraggableList
 });
 module.exports = __toCommonJS(DraggableList_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_web = require("@react-spring/web");
 var import_react = require("@use-gesture/react");
@@ -89,33 +90,33 @@ const DragList = ({ className, mode = "vertical", children, onChange }) => {
       }
     }
   });
-  return /* @__PURE__ */ React.createElement("div", { className: (0, import_client.clsx)(`flex gap-0`, { "flex-col": mode === "vertical" }, className) }, springs.map(({ zIndex, shadow, movement, scale }, i) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)(`flex gap-0`, { "flex-col": mode === "vertical" }, className), children: springs.map(({ zIndex, shadow, movement, scale }, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_web.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__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       className: (0, import_client.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/cjs/Dropdown.js

@@ -21,44 +21,47 @@ __export(Dropdown_exports, {
   Dropdown: () => Dropdown
 });
 module.exports = __toCommonJS(Dropdown_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_react = require("react");
 const Dropdown = ({ value, content, className, buttonClassName, dropdownClassName }) => {
   const [opened, setOpened] = (0, import_react.useState)(false);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
       onClick: () => {
         setOpened(true);
       },
-      className: (0, import_client.clsx)("dropdown dropdown-end", className)
-    },
-    /* @__PURE__ */ React.createElement(
-      "label",
-      {
-        tabIndex: 0,
-        className: (0, import_client.clsx)("btn flex", buttonClassName),
-        onClick: () => {
-          setOpened(true);
-        }
-      },
-      value
-    ),
-    /* @__PURE__ */ React.createElement(
-      "ul",
-      {
-        tabIndex: 0,
-        onClick: () => {
-          if (opened)
-            setOpened(false);
-        },
-        className: (0, import_client.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: (0, import_client.clsx)("dropdown dropdown-end", className),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "label",
+          {
+            tabIndex: 0,
+            className: (0, import_client.clsx)("btn flex", buttonClassName),
+            onClick: () => {
+              setOpened(true);
+            },
+            children: value
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "ul",
+          {
+            tabIndex: 0,
+            onClick: () => {
+              if (opened)
+                setOpened(false);
+            },
+            className: (0, import_client.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
-    )
+      ]
+    }
   );
 };

package/cjs/Empty.js

@@ -1,8 +1,6 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -16,35 +14,32 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Empty_exports = {};
 __export(Empty_exports, {
   Empty: () => Empty
 });
 module.exports = __toCommonJS(Empty_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_client = require("@akanjs/client");
 var import_next = require("@akanjs/next");
-var import_react = __toESM(require("react"));
 var import_ai = require("react-icons/ai");
 const Empty = ({ className = "", description, children, minHeight = 300 }) => {
   const { l } = (0, import_next.usePage)();
-  return /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: (0, import_client.clsx)(
-        `min-h-[${minHeight}px] text-base-content/30 flex flex-col items-center justify-center gap-3 pt-6 pb-3`,
-        className
-      )
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_ai.AiOutlineMeh, { className: "scale-150 text-4xl" }),
-    /* @__PURE__ */ import_react.default.createElement("p", null, description ?? l("util.noData"))
-  ), children);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: (0, import_client.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__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineMeh, { className: "scale-150 text-4xl" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: description ?? l("util.noData") })
+        ]
+      }
+    ),
+    children
+  ] });
 };