@sqrzro/admin 2.1.0-bz.9 → 2.1.0-r19.3

package/dist/index.cjs

@@ -0,0 +1,1266 @@
+'use strict';
+
+var components = require('@sqrzro/components');
+var headers = require('next/headers');
+var react = require('react');
+var utility = require('@sqrzro/utility');
+var navigation = require('next/navigation');
+var jsxRuntime = require('react/jsx-runtime');
+var hooks = require('@sqrzro/hooks');
+var reactDom = require('react-dom');
+var google = require('next/font/google');
+
+// src/components/index.ts
+
+// src/services/ConfigService.ts
+var config = {
+  app: {
+    name: "Square Zero",
+    url: "http://localhost:8080"
+  },
+  navigation: []
+};
+function setConfig(cfg, logo) {
+  config = { ...cfg, logo };
+  return config;
+}
+function getConfig() {
+  return config;
+}
+async function getLayout() {
+  return Promise.resolve(headers.cookies().get("layout")?.value || "topbar");
+}
+async function submitSettingsForm(formData) {
+  headers.cookies().set("layout", formData.layout);
+  return Promise.resolve([true, null]);
+}
+async function filterList(list) {
+  if (process.env.APP_ENV !== "production" && process.env.DANGEROUSLY_DISABLE_PERMISSIONS) {
+    return Promise.resolve(list);
+  }
+  const cookie = headers.cookies().get("permissions")?.value;
+  if (!cookie) {
+    return Promise.resolve([]);
+  }
+  let value = [];
+  try {
+    value = JSON.parse(cookie);
+  } catch (err) {
+    return Promise.resolve([]);
+  }
+  return Promise.resolve(
+    list.filter(({ permission }) => {
+      if (!permission) {
+        return true;
+      }
+      const permissions = Array.isArray(permission) ? permission : [permission];
+      return permissions.every((item) => value.includes(item));
+    })
+  );
+}
+function getActiveHref(pathname, hrefs) {
+  return hrefs.filter((href) => href && pathname.startsWith(`/${href.replace(/^\//u, "")}`)).sort((first, second) => {
+    if (!first || !second) {
+      return 0;
+    }
+    return second.length - first.length;
+  })[0] || "";
+}
+function useNavigation(data2, options2) {
+  const [activeHref, setActiveHref] = react.useState("");
+  const pathname = navigation.usePathname();
+  const hrefs = data2.map(({ href }) => utility.joinUrl(options2?.basePath, href));
+  react.useEffect(() => {
+    setActiveHref(getActiveHref(pathname, hrefs));
+  }, [pathname]);
+  return data2.map(({ href, label }) => ({
+    href: utility.joinUrl(options2?.basePath, href),
+    isActive: utility.joinUrl(options2?.basePath, href) === activeHref,
+    label
+  }));
+}
+var useNavigation_default = useNavigation;
+function AppNavigationComponent({
+  data: data2,
+  layout
+}) {
+  const navigation = useNavigation_default(data2);
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: components.tw("h-full", layout === "sidebar" ? "w-full" : "pl-6"), children: /* @__PURE__ */ jsxRuntime.jsx(
+    "ul",
+    {
+      className: components.tw(
+        "flex h-full gap-2",
+        layout === "sidebar" ? "flex-col items-start" : "items-center"
+      ),
+      children: navigation.map(({ href, isActive, label }) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: components.tw(layout === "sidebar" ? null : "h-full"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        components.Link,
+        {
+          className: components.tw(
+            "relative flex h-full items-center px-1 font-semibold",
+            isActive ? "before:bg-primary text-white before:absolute before:bottom-0 before:left-0 before:right-0 before:h-1" : "text-white/80 hover:text-white"
+          ),
+          href,
+          children: label
+        }
+      ) }, href))
+    }
+  ) });
+}
+var AppNavigationComponent_default = AppNavigationComponent;
+async function AppNavigation({
+  layout
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(AppNavigationComponent_default, { data: await filterList(getConfig().navigation), layout });
+}
+var AppNavigation_default = AppNavigation;
+function MeActions() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "flex gap-2 text-xs text-slate-300", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(components.Link, { href: "/settings", children: "Settings" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(components.LogoutButton, {}) })
+  ] });
+}
+var MeActions_default = MeActions;
+function MePanel({ layout, user }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: components.tw(
+        "ml-auto flex items-center gap-3",
+        layout === "sidebar" ? "flex-row-reverse" : null
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-end gap-0.5 text-white", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: user?.name }),
+          /* @__PURE__ */ jsxRuntime.jsx(MeActions_default, {})
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-9 w-9 flex-none rounded-full border-4 border-slate-500" })
+      ]
+    }
+  );
+}
+var MePanel_default = MePanel;
+async function AppLayout({ children, user }) {
+  const config2 = getConfig();
+  const layout = await getLayout();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: components.tw("", layout === "sidebar" ? "grid grid-cols-[12rem_1fr]" : null), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("header", { className: "bg-slate-800", children: /* @__PURE__ */ jsxRuntime.jsx(components.Container, { isFullWidth: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: components.tw(
+          "flex items-center",
+          layout === "sidebar" ? "-mx-4 h-screen flex-col py-4" : "h-16 border-b border-slate-700"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            components.Link,
+            {
+              className: components.tw(layout === "sidebar" ? "h-12 w-12" : "h-9 w-9"),
+              href: "/",
+              children: [
+                config2.logo?.(),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: config2.app.name })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(AppNavigation_default, { layout }),
+          /* @__PURE__ */ jsxRuntime.jsx(MePanel_default, { layout, user })
+        ]
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("main", { className: "mb-10 block", children })
+  ] });
+}
+var AppLayout_default = AppLayout;
+var classNames = {
+  root: "bg-slate-800 gap-8",
+  logo: "mx-auto flex h-12 w-32 items-end",
+  panel: "rounded bg-white p-8 shadow-lg pb-10",
+  title: "text-lg font-semibold mb-6 leading-none",
+  link: "font-semibold text-link",
+  actions: "pt-2 w-full",
+  footer: "-mb-2"
+};
+function Auth(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Auth, { ...props, classNames });
+}
+var Auth_default = Auth;
+var classMap = {
+  danger: "bg-red-100 text-red-700",
+  error: "bg-red-100 text-red-700",
+  info: "bg-sky-100 text-sky-700",
+  warning: "bg-yellow-100 text-yellow-700",
+  success: "bg-green-100 text-green-700"
+};
+var dotMap = {
+  danger: "fill-red-400",
+  error: "fill-red-400",
+  info: "fill-sky-400",
+  warning: "fill-yellow-400",
+  success: "fill-green-400"
+};
+function Badge({ children, variant }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "strong",
+    {
+      className: components.tw(
+        "inline-flex items-center gap-1.5 rounded-full bg-slate-100 px-2 py-1 text-xs font-medium text-slate-600",
+        variant ? classMap[variant] : null
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            "aria-hidden": "true",
+            className: components.tw("h-1.5 w-1.5 fill-slate-400", variant ? dotMap[variant] : null),
+            viewBox: "0 0 6 6",
+            children: /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "3", cy: "3", r: "3" })
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+var Badge_default = Badge;
+function Dashboard({ children, title }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-8", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mx-auto text-center text-4xl font-semibold", children: title }),
+    children
+  ] });
+}
+var Dashboard_default = Dashboard;
+function FilterBarClearButton({
+  onClick
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      className: "absolute right-0 top-0 flex h-full w-10 select-none items-center justify-center",
+      onClick,
+      type: "button",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Remove" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-4 w-4 items-center justify-center rounded-full bg-white leading-none text-slate-800", children: "\xD7" })
+      ]
+    }
+  );
+}
+var FilterBarClearButton_default = FilterBarClearButton;
+var data = [
+  {
+    id: "0",
+    name: "No"
+  },
+  {
+    id: "1",
+    name: "Yes"
+  }
+];
+function BooleanFilter({
+  name,
+  onChange,
+  value
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Dropdown, { data, name, onChange, value, isPanelOnly: true });
+}
+function renderBooleanValue(value) {
+  return data.find((item) => item.id === value)?.name || "";
+}
+var BooleanFilter_default = BooleanFilter;
+function DateFilter({ name, onChange, value }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(components.CalendarInput, { name, onChange, value, isPanelOnly: true, isRange: true });
+}
+function transformDateValue(value) {
+  return value || "";
+}
+var LENGTH_OF_YEAR = 4;
+function renderDateString(value, noYear) {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) {
+    return "";
+  }
+  const day = date.getDate().toString().padStart(2, "0");
+  const month = (date.getMonth() + 1).toString().padStart(2, "0");
+  const year = date.getFullYear();
+  return `${day}/${month}${noYear ? "" : `/${year}`}`;
+}
+function renderDateValue(value) {
+  if (value.includes(",")) {
+    const values = value.split(",");
+    const years = values.map((item) => parseInt(item.substring(0, LENGTH_OF_YEAR), 10));
+    return value.split(",").map(
+      (item) => renderDateString(
+        item,
+        years[0] === years[1] && years[0] === (/* @__PURE__ */ new Date()).getFullYear()
+      )
+    ).join(" - ");
+  }
+  return renderDateString(value);
+}
+var DateFilter_default = DateFilter;
+function DropdownFilter({
+  data: data2,
+  name,
+  onChange,
+  value
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Dropdown, { data: data2, name, onChange, value, isPanelOnly: true });
+}
+function renderDropdownValue(value, data2) {
+  return data2?.find((item) => item.id === value)?.name || "";
+}
+var DropdownFilter_default = DropdownFilter;
+var map = {
+  boolean: { component: BooleanFilter_default, renderValue: renderBooleanValue },
+  date: {
+    component: DateFilter_default,
+    renderValue: renderDateValue,
+    size: "w-96",
+    transformValue: transformDateValue
+  },
+  dropdown: { component: DropdownFilter_default, renderValue: renderDropdownValue }
+};
+var DEFAULT_SIZE = "w-56";
+function FilterBarItem({
+  data: data2,
+  label,
+  name,
+  onChange,
+  type,
+  value
+}) {
+  const panel = react.useRef(null);
+  function handleChange(event) {
+    onChange(name, event.target.value);
+    panel.current?.hidePopover();
+  }
+  function handleClear() {
+    onChange(name, "");
+  }
+  const { component: FilterComponent, renderValue, size, transformValue } = map[type];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "li",
+    {
+      className: components.tw(
+        "relative inline-flex h-8 items-center gap-2 rounded-full border px-5 text-xs text-white",
+        value ? "border-solid border-slate-400" : "border-dashed border-slate-400",
+        value ? "bg-slate-700 pr-10" : "text-slate-300"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "", children: label }),
+        value ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "border-l border-l-slate-300 pl-2 font-semibold", children: renderValue(value, data2) }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: components.tw(
+              "absolute left-0 top-0 h-full select-none text-transparent",
+              value ? "right-10" : "right-0"
+            ),
+            id: `${name}-control`,
+            popovertarget: `${name}-target`,
+            type: "button",
+            children: "Edit"
+          }
+        ),
+        value ? /* @__PURE__ */ jsxRuntime.jsx(FilterBarClearButton_default, { onClick: handleClear }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: panel,
+            anchor: `${name}-control`,
+            className: components.tw(
+              "show left-[anchor(left)] top-[anchor(bottom)] -ml-px mt-2 origin-top-left origin-top-left rounded bg-white shadow-lg",
+              size || DEFAULT_SIZE
+            ),
+            id: `${name}-target`,
+            popover: "auto",
+            children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1", role: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+              FilterComponent,
+              {
+                data: data2,
+                name,
+                onChange: handleChange,
+                value: transformValue ? transformValue(value) : value
+              }
+            ) })
+          }
+        )
+      ]
+    }
+  );
+}
+var FilterBarItem_default = FilterBarItem;
+function FilterBar({ hasSearch, map: map2 }) {
+  const router = navigation.useRouter();
+  const [filters, setFilter] = hooks.useFilters();
+  const [search, setSearch] = react.useState(filters.get("search") || "");
+  function handleChange(name, value) {
+    setFilter(name, value);
+    router.refresh();
+  }
+  function handleSearchChange(event) {
+    setSearch(event.target.value || "");
+  }
+  function handleSearchClear() {
+    setSearch("");
+    setFilter("search", "");
+  }
+  function handleSearchKeyDown(event) {
+    if (event.key === "Enter") {
+      setFilter("search", event.currentTarget.value);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: "relative flex gap-2 before:absolute before:left-[calc(50%-50vw)] before:top-full before:h-24 before:w-screen before:bg-slate-800", children: [
+    hasSearch ? /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        components.TextInput,
+        {
+          classNames: {
+            root: {
+              default: components.tw(
+                "h-8 w-56 rounded-full border border-slate-400  px-3 text-xs text-white placeholder:text-slate-300",
+                filters.get("search") ? "bg-slate-700" : "bg-transparent focus:bg-slate-700"
+              )
+            }
+          },
+          name: "search",
+          onChange: handleSearchChange,
+          onKeyDown: handleSearchKeyDown,
+          placeholder: "Search...",
+          value: search
+        }
+      ),
+      filters.get("search") ? /* @__PURE__ */ jsxRuntime.jsx(FilterBarClearButton_default, { onClick: handleSearchClear }) : null
+    ] }) : null,
+    (map2 || []).map((filter) => /* @__PURE__ */ jsxRuntime.jsx(
+      FilterBarItem_default,
+      {
+        onChange: handleChange,
+        value: filters.get(filter.name) || "",
+        ...filter
+      },
+      filter.name
+    ))
+  ] });
+}
+var FilterBar_default = FilterBar;
+function renderMeta(meta) {
+  if (!meta) {
+    return null;
+  }
+  if (Array.isArray(meta)) {
+    return /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex items-center gap-4 text-xs text-slate-600", children: meta.map((item) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: item }, String(item))) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("table", { className: "w-full text-xs", children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: Object.entries(meta).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "odd:bg-slate-100", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("th", { className: "p-2 font-semibold", children: key }),
+    /* @__PURE__ */ jsxRuntime.jsx("td", { className: "p-2 text-right", children: value || "-" })
+  ] }, key)) }) });
+}
+function ListItem({
+  actions: Actions,
+  // eslint-disable-line @typescript-eslint/naming-convention
+  description,
+  href,
+  id,
+  meta,
+  title
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "bg-panel overflow-hidden rounded p-4 shadow-[0px_0px_0px_1px_rgba(9,9,11,0.07),0px_2px_2px_0px_rgba(9,9,11,0.05)]", children: [
+    title ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold", children: href ? /* @__PURE__ */ jsxRuntime.jsx(components.Link, { href, children: title }) : title }) : null,
+    description ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: description }) : null,
+    meta || Actions ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 flex items-center justify-between border-t border-slate-200 pt-3", children: [
+      meta ? renderMeta(meta) : null,
+      Actions ? /* @__PURE__ */ jsxRuntime.jsx(Actions, { id }) : null
+    ] }) : null
+  ] }) });
+}
+var ListItem_default = ListItem;
+function GridListItem({
+  href,
+  image,
+  imageHref,
+  meta,
+  subtitle,
+  title
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "bg-panel overflow-hidden rounded p-4 shadow", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative mb-4 h-64 rounded border border border-slate-300 bg-slate-50 p-4", children: image ? /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("img", { alt: "", className: "h-full w-full object-contain", src: image }),
+      imageHref ? /* @__PURE__ */ jsxRuntime.jsx(components.Link, { className: "absolute inset-0", href: imageHref, scroll: false, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Edit Image" }) }) : null
+    ] }) : imageHref ? /* @__PURE__ */ jsxRuntime.jsxs(
+      components.Link,
+      {
+        className: "absolute inset-0 flex flex-col items-center justify-center gap-3 font-semibold text-slate-500",
+        href: imageHref,
+        scroll: false,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("i", { className: "block h-12 w-12 rounded-full border-2 border-slate-300" }),
+          "Add Image"
+        ]
+      }
+    ) : null }),
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-base font-semibold", children: href ? /* @__PURE__ */ jsxRuntime.jsx(components.Link, { href, children: title }) : title }),
+    subtitle ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-slate-500", children: subtitle }) : null,
+    meta ? /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "my-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-between", children: meta ? renderMeta(meta) : null })
+    ] }) : null,
+    href ? /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("hr", { className: "my-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx(components.Link, { href, scroll: false, children: "Edit" })
+    ] }) : null
+  ] }) });
+}
+var GridListItem_default = GridListItem;
+function defaultTransformer() {
+  return {
+    id: 0,
+    title: ""
+  };
+}
+var reservedSearchParams = ["action"];
+function checkHasFilters(searchParams) {
+  return Array.from(searchParams.entries()).some(
+    ([key, value]) => !reservedSearchParams.includes(key) && Boolean(value)
+  );
+}
+async function List({
+  actions,
+  columns,
+  emptyMessageProps,
+  filters,
+  fn,
+  hasSearch,
+  isMinimal,
+  params,
+  renderItem = ListItem_default,
+  transformer
+}) {
+  let searchParams;
+  try {
+    const { headers } = await import('next/headers');
+    searchParams = new URLSearchParams(headers().get("x-search-params") || "");
+  } catch (err) {
+    searchParams = new URLSearchParams();
+  }
+  const [response, error] = await fn(params, searchParams);
+  if (!Array.isArray(response)) {
+    throw new Error(
+      "Response is not an array. Did you forget to return an Errorable object in the function?"
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Error" });
+  }
+  const data2 = await filterList(response.map(transformer || defaultTransformer));
+  const hasFilters = checkHasFilters(searchParams);
+  const componentEmptyMessageProps = hasFilters ? {
+    children: "Try adjusting the filters above. If you think this is a mistake, please contact your site administrator.",
+    title: "No results match the current filters"
+  } : emptyMessageProps;
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+    (filters || hasSearch) && (data2.length || hasFilters) ? /* @__PURE__ */ jsxRuntime.jsx(FilterBar_default, { hasSearch, map: filters }) : null,
+    data2.length ? /* @__PURE__ */ jsxRuntime.jsx(
+      "ul",
+      {
+        className: components.tw(
+          "relative",
+          columns ? "grid grid-cols-3 gap-6" : "flex flex-col gap-4"
+        ),
+        children: data2.map((item) => /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: renderItem({ actions, ...item }) }, item.id))
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(components.EmptyMessage, { ...componentEmptyMessageProps, classNameProps: { isMinimal } })
+  ] });
+}
+var List_default = List;
+function GridList(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(List_default, { ...props, columns: 3, renderItem: GridListItem_default });
+}
+var GridList_default = GridList;
+var iconClassMap = {
+  danger: "bg-[url(/admin/images/danger.svg)]",
+  info: "bg-[url(/admin/images/info.svg)]",
+  success: "bg-[url(/admin/images/success.svg)]",
+  warning: "bg-[url(/admin/images/warning.svg)]"
+};
+var classMap2 = {
+  danger: "bg-red-50 text-red-700",
+  info: "bg-sky-50 text-sky-700",
+  success: "bg-green-50 text-green-700",
+  warning: "bg-yellow-50 text-yellow-700"
+};
+function InfoPanel({ children, variant = "info" }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: components.tw("grid grid-cols-[1rem_auto] gap-4 rounded p-4", classMap2[variant]), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("i", { className: components.tw("aspect-square bg-contain bg-no-repeat", iconClassMap[variant]) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children })
+  ] });
+}
+var InfoPanel_default = InfoPanel;
+function ListAction({
+  id,
+  onClick,
+  label,
+  variant
+}) {
+  function handleClick() {
+    onClick(id);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(components.ConfirmableButton, { onClick: handleClick, variant, isText: true, children: label });
+}
+var ListAction_default = ListAction;
+function ListActions({ actions, id }) {
+  const [isOpen, setIsOpen, ref] = hooks.useClickOutside();
+  function toggleIsOpen() {
+    setIsOpen(!isOpen);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: "flex flex-row-reverse items-center gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        className: "h-4 rotate-90 text-xs leading-[1em] tracking-tighter text-slate-500",
+        onClick: toggleIsOpen,
+        type: "button",
+        children: [
+          "\u2022\u2022\u2022",
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "sr-only", children: [
+            isOpen ? "Close" : "Open",
+            " Actions"
+          ] })
+        ]
+      }
+    ),
+    isOpen ? /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "show relative flex origin-right gap-4 bg-white before:absolute before:-bottom-2 before:-top-2 before:left-[-999em] before:right-full before:bg-white/80", children: actions.map(({ label, onClick, variant }) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(ListAction_default, { id, label, onClick, variant }) }, label)) }) : null
+  ] });
+}
+var ListActions_default = ListActions;
+function TabsComponent({ basePath = "", data: data2 }) {
+  const navigation = useNavigation_default(data2, { basePath });
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex gap-4", children: navigation.map(({ href, isActive, label }) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
+    components.Link,
+    {
+      className: components.tw(
+        "block border-b-4 border-transparent px-1 pb-2 font-semibold",
+        isActive ? "border-primary" : "opacity-80 hover:opacity-100"
+      ),
+      href,
+      children: label
+    }
+  ) }, href)) }) });
+}
+var TabsComponent_default = TabsComponent;
+async function Tabs({ basePath, data: data2 }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(TabsComponent_default, { basePath, data: await filterList(utility.filterNull(data2)) });
+}
+var Tabs_default = Tabs;
+async function Page({
+  basePath,
+  children,
+  isFullWidth,
+  tabs,
+  title
+}) {
+  const layout = await getLayout();
+  return /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "header",
+      {
+        className: components.tw(
+          "",
+          layout === "sidebar" ? "bg-slate-200" : "bg-slate-800 pb-16 text-white"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(components.Container, { isFullWidth: layout === "sidebar" || isFullWidth, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between py-10", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "min-h-10 text-3xl font-semibold", children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2", id: "page-actions" })
+          ] }),
+          tabs ? /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: components.tw(
+                "-mt-4",
+                layout === "sidebar" ? "" : "mb-8 border-b border-slate-700"
+              ),
+              children: /* @__PURE__ */ jsxRuntime.jsx(Tabs_default, { basePath, data: utility.filterNull(tabs) })
+            }
+          ) : null
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(components.Container, { isFullWidth: layout === "sidebar" || isFullWidth, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: components.tw("flex flex-col gap-8", layout === "sidebar" ? "mt-8" : "-mt-16"),
+        children
+      }
+    ) })
+  ] });
+}
+var Page_default = Page;
+function Panel({ action, children, title }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: "bg-panel relative overflow-hidden rounded p-6 shadow-[0px_0px_0px_1px_rgba(9,9,11,0.07),0px_2px_2px_0px_rgba(9,9,11,0.05)]", children: [
+    title ? /* @__PURE__ */ jsxRuntime.jsxs("header", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-4 border-b border-slate-200 pb-3 text-lg font-semibold leading-none", children: title }),
+      action ? /* @__PURE__ */ jsxRuntime.jsx(components.Button, { href: action.href, children: action.label }) : null
+    ] }) : null,
+    children
+  ] });
+}
+var Panel_default = Panel;
+function PageActions({ children }) {
+  const ref = react.useRef(null);
+  const [mounted, setMounted] = react.useState(false);
+  react.useEffect(() => {
+    ref.current = document.getElementById("page-actions");
+    setMounted(true);
+  }, []);
+  return mounted && ref.current ? reactDom.createPortal(children, ref.current) : null;
+}
+var PageActions_default = PageActions;
+var classNames2 = components.twx({
+  actionList: () => ({
+    root: "flex gap-2"
+  }),
+  button: (props) => ({
+    root: {
+      danger: "border-red-500 bg-red-500 text-white",
+      default: components.tw(
+        "text-md h-10 rounded border border-slate-300 bg-white px-5 text-slate-600",
+        props?.isFullWidth ? "w-full" : null
+      ),
+      primary: "bg-button-bg text-button-text border-none font-semibold"
+    }
+  }),
+  calendar: () => ({
+    root: "p-4 pb-3 text-sm text-slate-600",
+    head: "pb-2 text-center text-xs text-slate-400",
+    month: "w-full table-fixed",
+    day: {
+      default: "h-10 border border-slate-200",
+      highlighted: "bg-slate-100",
+      selected: "bg-slate-200"
+    }
+  }),
+  calendarNavigation: () => ({
+    root: "mb-6 flex items-center justify-between",
+    title: "text-base font-semibold",
+    control: "h-6 w-6 rounded-full border border-slate-300",
+    previous: "-order-1"
+  }),
+  checkboxInput: (props) => ({
+    root: components.tw("flex", props?.isInline ? "gap-6" : "flex-col gap-2"),
+    icon: {
+      default: "h-6 w-6 rounded border border-slate-300",
+      checked: "bg-green-500"
+    },
+    label: "pl-2 font-semibold"
+  }),
+  codeInput: () => ({
+    input: {
+      default: "focus:border-primary h-10 rounded border border-slate-300 text-center",
+      error: "border-red-500"
+    }
+  }),
+  definitionList: () => ({
+    root: "flex flex-col gap-4",
+    row: "border-b border-slate-200 pb-4",
+    term: "pb-1 text-slate-500"
+  }),
+  dropdown: () => ({
+    list: "overflow-hidden rounded",
+    item: { default: "block p-3 text-sm text-slate-700", selected: "bg-slate-100" },
+    title: "block leading-none",
+    meta: "mt-1 block text-xs leading-none text-slate-500",
+    icon: "mr-2 h-5 w-5 bg-[url(/admin/images/chevron.svg)] bg-contain bg-center bg-no-repeat",
+    clear: "mr-2 h-4 w-4 bg-[url(/admin/images/close.svg)] bg-contain bg-center bg-no-repeat"
+  }),
+  editableFieldset: () => ({
+    root: "bg-panel grid grid-cols-[30%_1fr] gap-8 rounded p-8 shadow",
+    title: "mb-8 text-lg font-semibold leading-none text-slate-700",
+    description: "text-slate-600",
+    actions: "flex justify-end gap-2 border-t border-slate-200 pt-4"
+  }),
+  editableFormField: () => ({
+    root: "grid grid-cols-[25%_1fr] border-t border-slate-200 py-4",
+    label: "flex items-center font-semibold leading-none",
+    field: "flex min-h-10 items-center"
+  }),
+  emptyMessage: (props) => ({
+    root: components.tw(
+      "relative mx-auto mt-4 w-full max-w-2xl p-16 text-center text-slate-500",
+      props?.isMinimal ? null : "rounded bg-white shadow before:pointer-events-none before:absolute before:inset-2 before:border-2 before:border-dashed"
+    ),
+    title: "mb-2 text-pretty text-xl font-semibold leading-tight",
+    description: "text-pretty",
+    action: "mt-6 flex justify-center"
+  }),
+  fieldset: () => ({
+    root: "rounded bg-white p-8 shadow",
+    title: "mb-8 text-lg font-semibold leading-none text-slate-700"
+  }),
+  form: () => ({
+    root: "flex flex-col gap-6"
+  }),
+  formField: (props) => ({
+    root: {
+      default: props?.isEditable ? "grid grid-cols-[25%_1fr] border-t border-slate-200 py-4" : ""
+    },
+    label: components.tw(
+      "flex font-semibold leading-none",
+      props?.isEditable ? "items-center" : "mb-2 justify-between"
+    ),
+    details: "mb-2 text-xs font-normal leading-none text-slate-500",
+    optional: "pl-2 text-xs font-normal leading-none text-slate-500",
+    error: components.tw(
+      "mt-2 flex items-center gap-1.5 text-red-600 before:h-4 before:w-4 before:rounded-full before:bg-[url(/admin/images/danger.svg)] before:bg-contain",
+      props?.isEditable ? "col-start-2" : ""
+    )
+  }),
+  imageInput: () => ({
+    root: "h-64 rounded border border-slate-300 bg-slate-50 p-8",
+    icon: "mx-auto mb-2 block h-12 w-12 rounded-full border-2 border-slate-300",
+    title: "mb-1 font-semibold",
+    description: "text-xs italic text-slate-700"
+  }),
+  inputPanel: () => ({
+    root: "show my-1 origin-top rounded border border-slate-300 bg-white shadow-md"
+  }),
+  loadingModal: () => ({
+    root: "open:backdrop:fade py-16 backdrop:bg-slate-700/50 backdrop:backdrop-blur-sm",
+    panel: "text-center text-lg font-semibold text-white"
+  }),
+  modal: () => ({
+    root: "open:backdrop:fade py-16 backdrop:bg-slate-700/50 backdrop:backdrop-blur-sm",
+    panel: "show bg-panel row-start-2 mx-auto w-full max-w-lg rounded p-6 text-left shadow-xl",
+    title: "mb-6 text-lg font-semibold",
+    actions: "flex justify-end"
+  }),
+  multiInput: () => ({
+    root: "flex flex-col gap-2 pt-2",
+    row: "grid grid-cols-[1fr_auto] has-[>_button]:gap-2"
+  }),
+  objectInput: () => ({
+    root: "flex flex-col gap-2"
+  }),
+  passwordInput: () => ({
+    action: {
+      default: "mr-2 h-6 w-6 overflow-hidden bg-[url(/admin/images/eye.svg)] bg-no-repeat indent-12",
+      selected: "bg-bottom"
+    }
+  }),
+  staticTextInput: () => ({
+    root: {
+      default: "text-md flex min-h-10 flex-col justify-center rounded border border-slate-300 bg-white p-3",
+      error: "border-red-500"
+    },
+    label: "block leading-none",
+    meta: "mt-1 block text-xs leading-none text-slate-500",
+    placeholder: "block leading-none text-slate-500"
+  }),
+  switch: () => ({
+    root: "flex gap-4",
+    input: {
+      default: "h-6 w-10 flex-none cursor-pointer rounded-full bg-slate-300 p-1 transition-colors",
+      checked: "bg-green-500"
+    },
+    control: {
+      default: "h-4 w-4 translate-x-0 transform rounded-full bg-white shadow-md transition-transform",
+      checked: "translate-x-full"
+    },
+    label: "font-semibold",
+    details: "block text-xs text-slate-500"
+  }),
+  textArea: () => ({
+    root: {
+      default: "text-md focus:border-primary rounded border border-slate-300 px-3 py-2",
+      error: "border-red-500"
+    }
+  }),
+  textButton: () => ({
+    root: { danger: "text-red-600" }
+  }),
+  textInput: () => ({
+    root: {
+      default: "text-md focus:border-primary h-10 rounded border border-slate-300 px-3",
+      error: "border-red-500"
+    },
+    prefix: {
+      default: "peer-focus:border-primary relative -mr-1 rounded-l border border-slate-300 bg-white px-3 text-sm text-slate-600"
+    }
+  }),
+  toast: () => ({
+    root: {
+      default: "rounded border px-4 py-2",
+      success: "border-green-300 bg-green-100 text-green-700",
+      error: "border-red-300 bg-red-100 text-red-700"
+    }
+  })
+});
+var config_default = classNames2;
+
+// src/components/Config/index.tsx
+function Config({ data: data2 }) {
+  if (data2) {
+    setConfig(data2);
+  }
+  return null;
+}
+var Config_default = Config;
+var inter = google.Inter({
+  subsets: ["latin"],
+  variable: "--font-inter"
+});
+function RootLayout({ children, config: config2, logo }) {
+  if (config2) {
+    setConfig(config2, logo);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("html", { lang: "en", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("head", {}),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "body",
+      {
+        className: components.tw(
+          inter.variable,
+          "overflow-x-hidden overflow-y-scroll bg-slate-50 font-sans text-sm text-slate-800 has-[[data-modal][open]]:overflow-hidden"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "script",
+            {
+              dangerouslySetInnerHTML: {
+                __html: "(function(d){var v=d.createElement('div'),t=d.createElement('style'),s=v.style;s.overflowY='scroll';s.width='50';s.height='50';d.body.append(v);t.innerHTML='body:has([data-modal][open]){padding-right:'+(v.offsetWidth-v.clientWidth)+'px}';d.body.append(t);v.remove()}(document))"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(Config_default, { data: config2 }),
+          /* @__PURE__ */ jsxRuntime.jsx(components.ClassNames, { data: config_default }),
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(components.Toaster, {})
+        ]
+      }
+    )
+  ] });
+}
+var RootLayout_default = RootLayout;
+var options = { sidebar: "Side bar", topbar: "Top bar" };
+function SettingsForm({ defaults }) {
+  const { fieldProps, formProps } = hooks.useEditableForm({
+    defaults,
+    onSubmit: submitSettingsForm
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs(components.EditableForm, { title: "Appearance", ...formProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      components.EditableRadioFormField,
+      {
+        ...fieldProps("layout"),
+        options,
+        renderValue: (value) => value ? options[value] || "-" : "-"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(components.EditableSwitchFormField, { ...fieldProps("isDark"), label: "Dark mode" })
+  ] });
+}
+var SettingsForm_default = SettingsForm;
+async function SettingsPage({
+  children
+}) {
+  const layout = await getLayout();
+  return /* @__PURE__ */ jsxRuntime.jsx(Page_default, { title: "Settings", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SettingsForm_default, { defaults: { layout } }),
+    children
+  ] }) });
+}
+var SettingsPage_default = SettingsPage;
+function createFilterLink(pathname, searchParams, filters) {
+  const updatedSearchParams = new URLSearchParams({
+    ...Object.fromEntries(searchParams),
+    ...filters
+  });
+  return `${pathname}?${updatedSearchParams.toString()}`;
+}
+function getDir(currentDir, isSortActive) {
+  if (isSortActive) {
+    return currentDir === "asc" ? "desc" : "asc";
+  }
+  return "asc";
+}
+function createSortLink(pathname, searchParams, sort) {
+  const dir = getDir(searchParams.get("dir"), searchParams.get("sort") === sort);
+  return createFilterLink(pathname, searchParams, { sort, dir });
+}
+function getSortIconProps(searchParams, sort) {
+  if (searchParams.get("sort") === sort) {
+    return { dir: searchParams.get("dir") };
+  }
+  return { dir: null };
+}
+function isStringArray(array) {
+  return array.every((item) => typeof item === "string");
+}
+function parseColumns(columns) {
+  if (columns.length === 0) {
+    return [];
+  }
+  if (isStringArray(columns)) {
+    return columns.map((key) => ({ key }));
+  }
+  return columns;
+}
+function TableClientComponent({
+  columns,
+  data: data2
+}) {
+  const pathname = navigation.usePathname();
+  const searchParams = navigation.useSearchParams();
+  const parsedColumns = parseColumns(columns);
+  const hasTitles = parsedColumns.some((column) => column.title);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-white shadow-sm", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full", children: [
+    hasTitles ? /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: parsedColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
+      "th",
+      {
+        className: components.tw(
+          "p-4",
+          column.type === "number" ? "text-right" : "text-left"
+        ),
+        children: column.title ? /* @__PURE__ */ jsxRuntime.jsxs(
+          components.Link,
+          {
+            href: createSortLink(
+              pathname,
+              searchParams,
+              column.key
+            ),
+            children: [
+              column.title,
+              " "
+            ]
+          }
+        ) : null
+      },
+      column.key
+    )) }) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: data2.map((item) => /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "odd:bg-slate-100", children: parsedColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
+      "td",
+      {
+        className: components.tw(
+          "border-x border-transparent p-4",
+          getSortIconProps(searchParams, column.key).dir ? "border-sky-300 bg-sky-300/10" : "",
+          column.type === "number" ? "text-right" : "text-left"
+        ),
+        children: item[column.key]
+      },
+      column.key
+    )) }, item.id)) })
+  ] }) });
+}
+var TableClientComponent_default = TableClientComponent;
+function defaultTransformer2(item) {
+  return {
+    id: item.id,
+    ...item
+  };
+}
+async function Table({
+  columns,
+  fn,
+  searchParams
+}) {
+  const [response, error] = await fn(searchParams);
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Error" });
+  }
+  const data2 = response.map(defaultTransformer2);
+  return /* @__PURE__ */ jsxRuntime.jsx(TableClientComponent_default, { columns, data: data2 });
+}
+var Table_default = Table;
+
+Object.defineProperty(exports, "Autocomplete", {
+  enumerable: true,
+  get: function () { return components.Autocomplete; }
+});
+Object.defineProperty(exports, "AutocompleteFormField", {
+  enumerable: true,
+  get: function () { return components.AutocompleteFormField; }
+});
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return components.Button; }
+});
+Object.defineProperty(exports, "CalendarInput", {
+  enumerable: true,
+  get: function () { return components.CalendarInput; }
+});
+Object.defineProperty(exports, "CheckboxInput", {
+  enumerable: true,
+  get: function () { return components.CheckboxInput; }
+});
+Object.defineProperty(exports, "ConfirmableButton", {
+  enumerable: true,
+  get: function () { return components.ConfirmableButton; }
+});
+Object.defineProperty(exports, "ConnectedDropdown", {
+  enumerable: true,
+  get: function () { return components.ConnectedDropdown; }
+});
+Object.defineProperty(exports, "ContentFormField", {
+  enumerable: true,
+  get: function () { return components.ContentFormField; }
+});
+Object.defineProperty(exports, "DateFormField", {
+  enumerable: true,
+  get: function () { return components.DateFormField; }
+});
+Object.defineProperty(exports, "DateInput", {
+  enumerable: true,
+  get: function () { return components.DateInput; }
+});
+Object.defineProperty(exports, "DefinitionList", {
+  enumerable: true,
+  get: function () { return components.DefinitionList; }
+});
+Object.defineProperty(exports, "Dropdown", {
+  enumerable: true,
+  get: function () { return components.Dropdown; }
+});
+Object.defineProperty(exports, "DropdownFormField", {
+  enumerable: true,
+  get: function () { return components.DropdownFormField; }
+});
+Object.defineProperty(exports, "EditableDateFormField", {
+  enumerable: true,
+  get: function () { return components.EditableDateFormField; }
+});
+Object.defineProperty(exports, "EditableDropdownFormField", {
+  enumerable: true,
+  get: function () { return components.EditableDropdownFormField; }
+});
+Object.defineProperty(exports, "EditableForm", {
+  enumerable: true,
+  get: function () { return components.EditableForm; }
+});
+Object.defineProperty(exports, "EditableFormField", {
+  enumerable: true,
+  get: function () { return components.EditableFormField; }
+});
+Object.defineProperty(exports, "EditableMultiFormField", {
+  enumerable: true,
+  get: function () { return components.EditableMultiFormField; }
+});
+Object.defineProperty(exports, "EditableNumberFormField", {
+  enumerable: true,
+  get: function () { return components.EditableNumberFormField; }
+});
+Object.defineProperty(exports, "EditableSwitchFormField", {
+  enumerable: true,
+  get: function () { return components.EditableSwitchFormField; }
+});
+Object.defineProperty(exports, "EditableTextAreaFormField", {
+  enumerable: true,
+  get: function () { return components.EditableTextAreaFormField; }
+});
+Object.defineProperty(exports, "EditableTextFormField", {
+  enumerable: true,
+  get: function () { return components.EditableTextFormField; }
+});
+Object.defineProperty(exports, "EmptyMessage", {
+  enumerable: true,
+  get: function () { return components.EmptyMessage; }
+});
+Object.defineProperty(exports, "Fieldset", {
+  enumerable: true,
+  get: function () { return components.Fieldset; }
+});
+Object.defineProperty(exports, "Form", {
+  enumerable: true,
+  get: function () { return components.Form; }
+});
+Object.defineProperty(exports, "FormField", {
+  enumerable: true,
+  get: function () { return components.FormField; }
+});
+Object.defineProperty(exports, "FormSubmit", {
+  enumerable: true,
+  get: function () { return components.FormSubmit; }
+});
+Object.defineProperty(exports, "ImageFormField", {
+  enumerable: true,
+  get: function () { return components.ImageFormField; }
+});
+Object.defineProperty(exports, "ImageInput", {
+  enumerable: true,
+  get: function () { return components.ImageInput; }
+});
+Object.defineProperty(exports, "Link", {
+  enumerable: true,
+  get: function () { return components.Link; }
+});
+Object.defineProperty(exports, "LoadingModal", {
+  enumerable: true,
+  get: function () { return components.LoadingModal; }
+});
+Object.defineProperty(exports, "ModalForm", {
+  enumerable: true,
+  get: function () { return components.ModalForm; }
+});
+Object.defineProperty(exports, "MultiFormField", {
+  enumerable: true,
+  get: function () { return components.MultiFormField; }
+});
+Object.defineProperty(exports, "NumberFormField", {
+  enumerable: true,
+  get: function () { return components.NumberFormField; }
+});
+Object.defineProperty(exports, "NumberInput", {
+  enumerable: true,
+  get: function () { return components.NumberInput; }
+});
+Object.defineProperty(exports, "RadioInput", {
+  enumerable: true,
+  get: function () { return components.RadioInput; }
+});
+Object.defineProperty(exports, "Switch", {
+  enumerable: true,
+  get: function () { return components.Switch; }
+});
+Object.defineProperty(exports, "SwitchFormField", {
+  enumerable: true,
+  get: function () { return components.SwitchFormField; }
+});
+Object.defineProperty(exports, "TextArea", {
+  enumerable: true,
+  get: function () { return components.TextArea; }
+});
+Object.defineProperty(exports, "TextAreaFormField", {
+  enumerable: true,
+  get: function () { return components.TextAreaFormField; }
+});
+Object.defineProperty(exports, "TextFormField", {
+  enumerable: true,
+  get: function () { return components.TextFormField; }
+});
+Object.defineProperty(exports, "TextInput", {
+  enumerable: true,
+  get: function () { return components.TextInput; }
+});
+Object.defineProperty(exports, "Toaster", {
+  enumerable: true,
+  get: function () { return components.Toaster; }
+});
+exports.AppLayout = AppLayout_default;
+exports.Auth = Auth_default;
+exports.Badge = Badge_default;
+exports.Dashboard = Dashboard_default;
+exports.FilterBar = FilterBar_default;
+exports.GridList = GridList_default;
+exports.InfoPanel = InfoPanel_default;
+exports.List = List_default;
+exports.ListActions = ListActions_default;
+exports.Page = Page_default;
+exports.PageActions = PageActions_default;
+exports.Panel = Panel_default;
+exports.RootLayout = RootLayout_default;
+exports.SettingsPage = SettingsPage_default;
+exports.Table = Table_default;
+exports.getConfig = getConfig;
+exports.setConfig = setConfig;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.cjs.map