@akanjs/ui 0.0.150 → 0.0.152

package/cjs/System/SelectLanguage.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 SelectLanguage_exports = {};
+__export(SelectLanguage_exports, {
+  SelectLanguage: () => SelectLanguage
+});
+module.exports = __toCommonJS(SelectLanguage_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
+var import_next = require("@akanjs/next");
+var import_react = require("react");
+const languageNames = {
+  en: "English",
+  ko: "\uD55C\uAD6D\uC5B4",
+  zhChs: "\u7B80\u4F53\u4E2D\u6587",
+  zhCht: "\u7E41\u9AD4\u4E2D\u6587"
+};
+const SelectLanguage = ({ className, languages = ["en", "ko"] }) => {
+  const { l, lang } = (0, import_next.usePage)();
+  const [open, setOpen] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        id: "select-language",
+        onClick: () => {
+          setOpen(!open);
+        },
+        className: "mx-2 my-auto cursor-pointer rounded-3xl border bg-black/50 px-3 text-xs font-light text-white md:mx-4",
+        children: languageNames[lang]
+      }
+    ),
+    open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-6 -left-4 w-28 rounded-xl border bg-slate-900/90 py-2 text-center text-white", children: languages.filter((lang2) => !!languageNames[lang2]).map((lang2) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        onClick: () => {
+          import_client.router.setLang(lang2);
+          setOpen(false);
+        },
+        className: "cursor-pointer py-1 hover:bg-white/20",
+        children: languageNames[lang2]
+      },
+      lang2
+    )) }) : null
+  ] });
+};

package/cjs/System/ThemeToggle.js

@@ -0,0 +1,44 @@
+"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 ThemeToggle_exports = {};
+__export(ThemeToggle_exports, {
+  ThemeToggle: () => ThemeToggle
+});
+module.exports = __toCommonJS(ThemeToggle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_common = require("@akanjs/common");
+var import_next_themes = require("next-themes");
+var import_react = require("react");
+const ThemeToggle = () => {
+  const [mounted, setMounted] = (0, import_react.useState)(false);
+  const { theme, setTheme, themes } = (0, import_next_themes.useTheme)();
+  (0, import_react.useEffect)(() => {
+    setMounted(true);
+  }, []);
+  const handleTheme = (e) => {
+    setTheme(theme === "dark" ? "light" : "dark");
+  };
+  if (!mounted) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "form-control", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: "label cursor-pointer", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "label-text mr-2 text-sm whitespace-nowrap", children: (0, import_common.capitalize)(theme ?? "") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", { type: "checkbox", className: "toggle toggle-sm", checked: theme === "dark", onChange: handleTheme })
+  ] }) });
+};

package/cjs/System/index.js

@@ -0,0 +1,56 @@
+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)
+    __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 __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 System_exports = {};
+__export(System_exports, {
+  Provider: () => Provider,
+  System: () => System
+});
+module.exports = __toCommonJS(System_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_base = require("@akanjs/base");
+var import_CSR = __toESM(require("./CSR"));
+var import_DevModeToggle = require("./DevModeToggle");
+var import_Reconnect = require("./Reconnect");
+var import_Root = require("./Root");
+var import_SelectLanguage = require("./SelectLanguage");
+var import_SSR = __toESM(require("./SSR"));
+var import_ThemeToggle = require("./ThemeToggle");
+const Provider = (props) => {
+  if (import_base.baseClientEnv.renderMode === "csr")
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CSR.default, { ...props });
+  else
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SSR.default, { ...props });
+};
+const System = {
+  Provider,
+  ThemeToggle: import_ThemeToggle.ThemeToggle,
+  Root: import_Root.Root,
+  SelectLanguage: import_SelectLanguage.SelectLanguage,
+  Reconnect: import_Reconnect.Reconnect,
+  DevModeToggle: import_DevModeToggle.DevModeToggle
+};

package/cjs/Tab/Menu.js

@@ -0,0 +1,71 @@
+"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 Menu_exports = {};
+__export(Menu_exports, {
+  Menu: () => Menu
+});
+module.exports = __toCommonJS(Menu_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
+var import_react = require("react");
+var import_context = require("./context");
+const Menu = ({
+  className,
+  activeClassName = "",
+  disabledClassName = "",
+  disabled = false,
+  menu,
+  children,
+  scrollToTop,
+  tooltip
+}) => {
+  const { menu: currentMenu, setMenu, menuSet } = (0, import_react.useContext)(import_context.TabContext);
+  (0, import_react.useEffect)(() => {
+    if (!menuSet.current)
+      return;
+    menuSet.current.add(menu);
+  }, [menu]);
+  (0, import_react.useEffect)(() => {
+    if (!disabled || !menuSet.current)
+      return;
+    if (currentMenu === menu)
+      setMenu([...menuSet.current.values()].find((m) => m !== menu) ?? null);
+  }, [disabled]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-tip": tooltip,
+      className: (0, import_client.clsx)(className, {
+        "cursor-pointer": menu !== currentMenu && !disabled,
+        "cursor-not-allowed": disabled,
+        tooltip: !!tooltip,
+        [activeClassName]: menu === currentMenu,
+        [disabledClassName]: disabled
+      }),
+      onClick: () => {
+        if (disabled)
+          return;
+        setMenu(menu);
+        if (scrollToTop)
+          window.scrollTo({ top: 0, behavior: "smooth" });
+      },
+      children
+    }
+  );
+};

package/cjs/Tab/Menus.js

@@ -0,0 +1,27 @@
+"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 Menus_exports = {};
+__export(Menus_exports, {
+  Menus: () => Menus
+});
+module.exports = __toCommonJS(Menus_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+const Menus = ({ className, children }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, children });
+};

package/cjs/Tab/Panel.js

@@ -0,0 +1,43 @@
+"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 Panel_exports = {};
+__export(Panel_exports, {
+  Panel: () => Panel
+});
+module.exports = __toCommonJS(Panel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
+var import_react = require("react");
+var import_context = require("./context");
+const Panel = ({ className, menu, children, loading = "eager" }) => {
+  const { menu: currentMenu } = (0, import_react.useContext)(import_context.TabContext);
+  const [loaded, setLoaded] = (0, import_react.useState)(menu === currentMenu);
+  (0, import_react.useEffect)(() => {
+    if (loading === "eager")
+      setLoaded(true);
+    else if (loading === "lazy" && !loaded && currentMenu === menu)
+      setLoaded(true);
+    else if (loading === "every")
+      setLoaded(currentMenu === menu);
+  }, [currentMenu]);
+  if (loading === "eager")
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)(className, { hidden: currentMenu !== menu }), children });
+  else
+    return loaded ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_client.clsx)(className, { hidden: currentMenu !== menu }), children }) : null;
+};

package/cjs/Tab/Provider.js

@@ -0,0 +1,32 @@
+"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 Provider_exports = {};
+__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 import_react = require("react");
+var import_context = require("./context");
+const Provider = ({ className, defaultMenu = null, children }) => {
+  const menuSet = (0, import_react.useRef)(/* @__PURE__ */ new Set());
+  const [menu, setMenu] = (0, import_react.useState)(defaultMenu);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.TabContext.Provider, { value: { defaultMenu, menu, setMenu, menuSet }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-menu": menu, className: (0, import_client.clsx)(className, "group/tab"), children }) });
+};

package/cjs/Tab/context.js

@@ -0,0 +1,30 @@
+"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 context_exports = {};
+__export(context_exports, {
+  TabContext: () => TabContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_react = require("react");
+const TabContext = (0, import_react.createContext)({
+  defaultMenu: null,
+  menu: null,
+  setMenu: (value) => null,
+  menuSet: null
+});

package/cjs/Tab/index.js

@@ -0,0 +1,33 @@
+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 Tab_exports = {};
+__export(Tab_exports, {
+  Tab: () => Tab
+});
+module.exports = __toCommonJS(Tab_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_Menu = require("./Menu");
+var import_Menus = require("./Menus");
+var import_Panel = require("./Panel");
+var import_Provider = require("./Provider");
+const Tab = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Provider.Provider, { ...props });
+};
+Tab.Menu = import_Menu.Menu;
+Tab.Menus = import_Menus.Menus;
+Tab.Panel = import_Panel.Panel;

package/cjs/Table.js

@@ -0,0 +1,84 @@
+"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 Table_exports = {};
+__export(Table_exports, {
+  Table: () => Table
+});
+module.exports = __toCommonJS(Table_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_ai = require("react-icons/ai");
+var import_Empty = require("./Empty");
+var import_Pagination = require("./Pagination");
+const Table = ({
+  columns,
+  dataSource,
+  loading,
+  size,
+  bordered,
+  pagination,
+  showHeader = true,
+  onRow,
+  rowClassName,
+  rowKey
+}) => {
+  const sizeClassName = size === "small" ? "table-compact" : "";
+  const loadingClassName = loading ? "opacity-30" : "";
+  const borderedClassName = bordered ? "border border-gray-200 rounded-xl" : "";
+  const responsive = import_store.st.use.responsive();
+  const renderedColumns = (0, import_react.useMemo)(() => {
+    return columns.filter((c) => !c.responsive || c.responsive.includes(responsive)).map((column, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { className: "whitespace-nowrap", children: column.title }, idx));
+  }, [columns, responsive]);
+  const renderedRows = (0, import_react.useMemo)(() => {
+    return dataSource.map((rowData, rowIndex) => {
+      const renderedCells = columns.filter((c) => !c.responsive || c.responsive.includes(responsive)).map((column, idx) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "td",
+        {
+          className: (0, import_client.clsx)(
+            "whitespace-nowrap",
+            rowClassName ? typeof rowClassName === "string" ? rowClassName : rowClassName(rowData, rowIndex) : ""
+          ),
+          ...onRow?.(rowData, rowIndex),
+          children: column.render ? column.render(rowData[column.dataIndex], rowData, rowIndex) : column.dataIndex ? rowData[column.dataIndex] : null
+        },
+        idx
+      ));
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: renderedCells }, rowIndex);
+    });
+  }, [columns, dataSource, responsive]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_client.clsx)("relative w-full", loadingClassName, borderedClassName), children: [
+    loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ai.AiOutlineLoading3Quarters, { className: "animate-spin text-3xl" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { className: (0, import_client.clsx)("table w-full", sizeClassName), children: [
+      showHeader === true || Array.isArray(showHeader) && showHeader.includes(responsive) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { className: "normal-case", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: renderedColumns }) }) : null,
+      !!dataSource.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: renderedRows })
+    ] }),
+    !dataSource.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Empty.Empty, {}) }),
+    pagination && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Pagination.Pagination,
+      {
+        currentPage: pagination.currentPage,
+        total: pagination.total,
+        onPageSelect: pagination.onPageSelect,
+        itemsPerPage: pagination.itemsPerPage
+      }
+    ) })
+  ] });
+};

package/cjs/ToggleSelect.js

@@ -0,0 +1,123 @@
+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 ToggleSelect_exports = {};
+__export(ToggleSelect_exports, {
+  ToggleSelect: () => ToggleSelect
+});
+module.exports = __toCommonJS(ToggleSelect_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
+var import_next = require("@akanjs/next");
+const ToggleSelect = ({
+  className,
+  btnClassName,
+  items,
+  nullable,
+  validate,
+  value,
+  onChange,
+  disabled
+}) => {
+  const { l } = (0, import_next.usePage)();
+  const validateResult = validate(value ?? "");
+  const invalidMessage = !value?.length || validateResult === true ? null : validateResult === false ? l("util.invalidValueError") : validateResult;
+  const options = items.map(
+    (item) => typeof item === "string" ? { label: item, value: item } : item
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_client.clsx)(
+        "border-base-content/20 relative flex w-full flex-wrap items-center gap-1 rounded-md border p-2",
+        className
+      ),
+      children: [
+        options.map((option, idx) => {
+          const isSelected = value === option.value;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              disabled,
+              className: (0, import_client.clsx)(
+                "btn btn-sm",
+                { "bg-success/70 text-success-content": isSelected },
+                // {
+                //   "btn-error": status === "error",
+                //   "btn-warning": status === "warning",
+                // },
+                btnClassName
+              ),
+              onClick: () => {
+                onChange(option.value, idx);
+              },
+              children: option.label
+            },
+            idx
+          );
+        }),
+        invalidMessage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-error animate-fadeIn absolute -bottom-4 text-xs", children: invalidMessage }) : null
+      ]
+    }
+  );
+};
+const Multi = ({ className, btnClassName, items, nullable, validate, value, onChange, disabled }) => {
+  const { l } = (0, import_next.usePage)();
+  const validateResult = validate(value);
+  const invalidMessage = !value.length || validateResult === true ? null : validateResult === false ? l("util.invalidValueError") : validateResult;
+  const options = items.map(
+    (item) => typeof item === "string" ? { label: item, value: item } : item
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_client.clsx)(
+        "border-base-content/20 relative flex w-full flex-wrap items-center gap-1 rounded-md border p-2",
+        className
+      ),
+      children: [
+        options.map((option, idx) => {
+          const isSelected = value.includes(option.value);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "button",
+            {
+              disabled,
+              className: (0, import_client.clsx)(
+                "btn btn-sm",
+                {
+                  "bg-success/70 text-success-content": isSelected
+                },
+                btnClassName
+              ),
+              onClick: () => {
+                onChange(
+                  isSelected ? value.filter((i) => i !== option.value) : [...value, option.value].sort(
+                    (a, b) => options.findIndex((o) => o.value === a) - items.findIndex((o) => o.value === b)
+                  )
+                );
+              },
+              children: option.label
+            },
+            idx
+          );
+        }),
+        invalidMessage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "text-error animate-fadeIn absolute -bottom-4 text-xs", children: invalidMessage }) : null
+      ]
+    }
+  );
+};
+ToggleSelect.Multi = Multi;

package/cjs/Unauthorized.js

@@ -0,0 +1,45 @@
+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 Unauthorized_exports = {};
+__export(Unauthorized_exports, {
+  Unauthorized: () => Unauthorized
+});
+module.exports = __toCommonJS(Unauthorized_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_client = require("@akanjs/client");
+var import_next = require("@akanjs/next");
+var import_ai = require("react-icons/ai");
+const Unauthorized = ({ className = "", description, children, minHeight = 300 }) => {
+  const { l } = (0, import_next.usePage)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: (0, import_client.clsx)(
+          `min-h-[ w-full${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.AiOutlineBlock, { className: "scale-150 text-4xl" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: description ?? l("util.unauthorized") })
+        ]
+      }
+    ),
+    children
+  ] });
+};