@akanjs/ui 0.0.150 → 0.0.152

package/cjs/KeyboardAvoiding.js

@@ -0,0 +1,66 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var KeyboardAvoiding_exports = {};
+__export(KeyboardAvoiding_exports, {
+  KeyboardAvoiding: () => KeyboardAvoiding
+});
+module.exports = __toCommonJS(KeyboardAvoiding_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
+var import_store = require("@akanjs/store");
+var import_react = require("react");
+var import_react_spring = require("react-spring");
+const KeyboardAvoiding = ({ children, className }) => {
+  const keyboardHeight = import_store.st.use.keyboardHeight();
+  const defaultHeight = (0, import_react.useRef)(null);
+  const pageState = import_store.st.use.pageState();
+  const { pageContentRef } = (0, import_client.useCsr)();
+  const [{ height }, setSpring] = (0, import_react_spring.useSpring)(() => ({
+    height: 0,
+    config: { duration: 100 }
+  }));
+  const onChange = async (height2) => {
+    await Promise.all([setSpring.start({ height: height2 })]);
+  };
+  (0, import_react.useEffect)(() => {
+    const test = async () => {
+      if (!pageContentRef.current)
+        return;
+      const newHeight = keyboardHeight ? keyboardHeight - pageState.bottomSafeArea : 0;
+      await onChange(newHeight);
+      if (Math.floor(pageContentRef.current.scrollTop + pageContentRef.current.clientHeight) === pageContentRef.current.scrollHeight)
+        setTimeout(() => {
+          if (!pageContentRef.current)
+            return;
+          pageContentRef.current.scrollTo({
+            top: pageContentRef.current.scrollHeight,
+            behavior: "smooth"
+          });
+        }, 200);
+    };
+    void test();
+  }, [keyboardHeight]);
+  (0, import_react.useEffect)(() => {
+    if (pageContentRef.current) {
+      const heightNum = parseInt(pageContentRef.current.style.height.replace("px", ""));
+      defaultHeight.current = heightNum;
+    }
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_spring.a.div, { className: "h-auto", style: { marginBottom: height }, children });
+};

package/cjs/Layout/BottomAction.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BottomAction_exports = {};
+__export(BottomAction_exports, {
+  BottomAction: () => BottomAction
+});
+module.exports = __toCommonJS(BottomAction_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_Portal = require("../Portal");
+const BottomAction = ({ className, children }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Portal.Portal, { id: "bottomActionContent", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, children }) });
+};

package/cjs/Layout/BottomInset.js

@@ -0,0 +1,54 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BottomInset_exports = {};
+__export(BottomInset_exports, {
+  BottomInset: () => BottomInset
+});
+module.exports = __toCommonJS(BottomInset_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_base = require("@akanjs/base");
+var import_client = require("@akanjs/client");
+var import_store = require("@akanjs/store");
+var import_react = require("react");
+var import_Portal = require("../Portal");
+const BottomInset = ({ className, children, keyboardSticky }) => {
+  const [render, setRender] = (0, import_react.useState)(false);
+  const { location } = (0, import_client.usePathCtx)();
+  const suffix = import_base.baseClientEnv.renderMode === "csr" ? `-${location.pathRoute.path}` : "";
+  const keyboardHeight = import_store.st.use.keyboardHeight();
+  (0, import_react.useEffect)(() => {
+    setRender(true);
+  }, []);
+  if (!render)
+    return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Portal.Portal, { id: `bottomInsetContent${suffix}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_client.clsx)(className, `size-full transition-all ease-out`, {
+        "duration-[285ms]": keyboardHeight,
+        "duration-0": !keyboardHeight,
+        absolute: keyboardSticky && keyboardHeight
+      }),
+      style: {
+        bottom: keyboardSticky && keyboardHeight ? keyboardHeight - location.pathRoute.pageState.bottomSafeArea : 0
+      },
+      children
+    }
+  ) });
+};

package/cjs/Layout/BottomTab.js

@@ -0,0 +1,62 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BottomTab_exports = {};
+__export(BottomTab_exports, {
+  BottomTab: () => BottomTab
+});
+module.exports = __toCommonJS(BottomTab_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
+var import_next = require("@akanjs/next");
+var import_Link = require("../Link");
+var import_BottomInset = require("./BottomInset");
+const BottomTab = ({ className, tabs, height = 64 }) => {
+  const { lang } = (0, import_next.usePage)();
+  const isActiveTab = (tabHref) => {
+    const locationPath = window.location.pathname.startsWith(`/${lang}`) ? window.location.pathname.slice(lang.length + 1) === "" ? "/" : window.location.pathname.slice(lang.length + 1) : window.location.pathname;
+    return tabHref === "/" ? locationPath === tabHref : locationPath.startsWith(tabHref);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_BottomInset.BottomInset, { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: (0, import_client.clsx)(
+        `bg-base-100 border-base-200 flex size-full items-center justify-around rounded-t-xl border border-b-0`,
+        className
+      ),
+      children: tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_Link.Link,
+        {
+          href: tab.href,
+          className: `relative flex w-full flex-col items-center justify-end gap-1 ${isActiveTab(tab.href) ? "" : "opacity-60"}`,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "indicator", children: [
+              isActiveTab(tab.href) ? tab.activeIcon ?? tab.icon : tab.icon,
+              tab.notiCount && tab.notiCount > 0 ? (
+                // <div className="absolute top-1 right-2 bg-error  w-5 h-5 rounded-full flex items-center justify-center text-base-100">
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "indicator-item text-base-100 bg-secondary flex size-2 items-center justify-center rounded-full text-[10px]" })
+              ) : null
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: tab.name })
+          ]
+        },
+        tab.name
+      ))
+    }
+  ) });
+};

package/cjs/Layout/Header.js

@@ -0,0 +1,56 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Header_exports = {};
+__export(Header_exports, {
+  Header: () => Header
+});
+module.exports = __toCommonJS(Header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
+var import_react = require("react");
+const Header = ({ className, type, children, height = 40 }) => {
+  const [visible, setVisible] = (0, import_react.useState)(true);
+  const position = (0, import_react.useRef)(0);
+  (0, import_react.useEffect)(() => {
+    if (type === "static")
+      return;
+    const handleScroll = () => {
+      const isVisible = window.scrollY < 64 ? true : position.current > window.scrollY;
+      position.current = window.scrollY;
+      setVisible(isVisible);
+    };
+    window.addEventListener("scroll", handleScroll);
+    return () => {
+      window.removeEventListener("scroll", handleScroll);
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { height } }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: (0, import_client.clsx)(
+          `fixed top-0 z-[9] flex duration-300 ${!visible && "md:-translate-y-full"} bg-base-100 w-full shadow-sm backdrop-blur-lg`,
+          className
+        ),
+        children
+      }
+    )
+  ] });
+};

package/cjs/Layout/LeftSider.js

@@ -0,0 +1,52 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var LeftSider_exports = {};
+__export(LeftSider_exports, {
+  LeftSider: () => LeftSider
+});
+module.exports = __toCommonJS(LeftSider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
+var import_bi = require("react-icons/bi");
+const LeftSider = ({ className, children, open, width, onCancel }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_client.clsx)(
+        "bg-base-100 border-base-200 absolute top-0 border-r transition-all duration-150",
+        { "translate-x-0": open, "translate-x-[-100%]": !open },
+        className
+      ),
+      style: { width },
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            className: "btn btn-ghost btn-square absolute top-0 right-0",
+            onClick: () => {
+              onCancel();
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bi.BiX, {})
+          }
+        )
+      ]
+    }
+  );
+};

package/cjs/Layout/Navbar.js

@@ -0,0 +1,45 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Navbar_exports = {};
+__export(Navbar_exports, {
+  Navbar: () => Navbar
+});
+module.exports = __toCommonJS(Navbar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_base = require("@akanjs/base");
+var import_client = require("@akanjs/client");
+var import_react = require("react");
+var import_bi = require("react-icons/bi");
+var import_Link = require("../Link");
+var import_Portal = require("../Portal");
+const Navbar = ({ back = false, className, height, children, title, left, right }) => {
+  const [render, setRender] = (0, import_react.useState)(false);
+  //! 이거 왜 쓰는지 모르겠음 삭제해도 될듯
+  const { location } = (0, import_client.usePathCtx)();
+  const suffix = import_base.baseClientEnv.renderMode === "csr" ? `-${location.pathRoute.path}` : "";
+  (0, import_react.useEffect)(() => {
+    setRender(true);
+  }, []);
+  if (!render)
+    return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Portal.Portal, { id: `topInsetContent${suffix}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)("size-full", className), children }) }),
+    back ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Portal.Portal, { id: `topLeftActionContent${suffix}`, children: typeof back === "boolean" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Link.Link.Back, { className: "text-4xl", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bi.BiChevronLeft, {}) }) : back }) : null
+  ] });
+};

package/cjs/Layout/RightSider.js

@@ -0,0 +1,58 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var RightSider_exports = {};
+__export(RightSider_exports, {
+  RightSider: () => RightSider
+});
+module.exports = __toCommonJS(RightSider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
+var import_ai = require("react-icons/ai");
+const RightSider = ({ className, children, open, title, width, onCancel }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_client.clsx)(
+        "bg-base-100 border-base-200 group absolute top-0 right-0 overflow-y-auto border-l pt-14 transition-all duration-150",
+        { "translate-x-0": open, "translate-x-[100%]": !open },
+        className
+      ),
+      style: { width },
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "absolute top-2 left-4 flex items-center gap-4 pt-2 text-xl", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: (0, import_client.clsx)("bg-base-100 border-base-200 cursor-pointer transition-all duration-150", {
+                "opacity-100": open,
+                "opacity-0": !open
+              }),
+              onClick: () => {
+                onCancel();
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineClose, {})
+            }
+          ),
+          title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "whitespace-nowrap", children: title }) : null
+        ] })
+      ]
+    }
+  ) });
+};

package/cjs/Layout/Sider.js

@@ -0,0 +1,52 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Sider_exports = {};
+__export(Sider_exports, {
+  Sider: () => Sider
+});
+module.exports = __toCommonJS(Sider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
+var import_ai = require("react-icons/ai");
+var import_bi = require("react-icons/bi");
+const Sider = ({ className, bgClassName, children }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "drawer-content", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "sider", className: "btn btn-ghost", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineMenu, {}) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "drawer drawer-start fixed", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { id: "sider", type: "checkbox", className: "drawer-toggle" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "drawer-side", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "sider", className: (0, import_client.clsx)("drawer-overlay", bgClassName) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_client.clsx)("bg-base-200 text-base-content h-full w-3/4 p-4 md:w-80", className), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              className: "absolute top-4 left-4 text-lg",
+              onClick: (e) => {
+                e.preventDefault();
+                document.getElementById("sider")?.click();
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_bi.BiX, {})
+            }
+          ),
+          children
+        ] })
+      ] })
+    ] })
+  ] });
+};

package/cjs/Layout/Template.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Template_exports = {};
+__export(Template_exports, {
+  Template: () => Template
+});
+module.exports = __toCommonJS(Template_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
+const Template = ({ className, children }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)("flex w-full max-w-[100vw] flex-col gap-6 p-2 lg:max-w-screen-md", className), children });
+};

package/cjs/Layout/TopLeftAction.js

@@ -0,0 +1,40 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var TopLeftAction_exports = {};
+__export(TopLeftAction_exports, {
+  TopLeftAction: () => TopLeftAction
+});
+module.exports = __toCommonJS(TopLeftAction_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_base = require("@akanjs/base");
+var import_client = require("@akanjs/client");
+var import_react = require("react");
+var import_Portal = require("../Portal");
+const TopLeftAction = ({ className, children }) => {
+  const [render, setRender] = (0, import_react.useState)(false);
+  //! 이거 왜 쓰는지 모르겠음 삭제해도 될듯
+  const { location } = (0, import_client.usePathCtx)();
+  const suffix = import_base.baseClientEnv.renderMode === "csr" ? `-${location.pathRoute.path}` : "";
+  (0, import_react.useEffect)(() => {
+    setRender(true);
+  }, []);
+  if (!render)
+    return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Portal.Portal, { id: `topLeftActionContent${suffix}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, children }) });
+};

package/cjs/Layout/Unit.js

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Unit_exports = {};
+__export(Unit_exports, {
+  Unit: () => Unit
+});
+module.exports = __toCommonJS(Unit_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
+var import_Link = require("../Link");
+const Unit = ({ className, children, href }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Link.Link, { href, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)("flex w-full flex-col gap-2 p-4", { "cursor-pointer": !!href }, className), children }) });
+};

package/cjs/Layout/View.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var View_exports = {};
+__export(View_exports, {
+  View: () => View
+});
+module.exports = __toCommonJS(View_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
+const View = ({ className, children }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)("flex size-full max-w-screen-lg flex-col gap-6 px-2", className), children });
+};

package/cjs/Layout/Zone.js

@@ -0,0 +1,27 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Zone_exports = {};
+__export(Zone_exports, {
+  Zone: () => Zone
+});
+module.exports = __toCommonJS(Zone_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
+const Zone = ({ className, children }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)("flex size-full max-w-screen-lg flex-col gap-6 px-2", className), children });
+};