@e-burgos/tucu-ui 2.6.0 → 2.7.0

package/themes/hooks/use-direction.mjs

@@ -0,0 +1,9 @@
+import { useEffect as t } from "react";
+function o(e) {
+  t(() => {
+    document.documentElement.dir = e;
+  }, [e]);
+}
+export {
+  o as useDirection
+};

package/themes/hooks/use-theme-color.mjs

@@ -0,0 +1,133 @@
+import { useEffect as C } from "react";
+function R(e) {
+  const t = parseInt(e.slice(1, 3), 16), o = parseInt(e.slice(3, 5), 16), n = parseInt(e.slice(5, 7), 16);
+  return `${t} ${o} ${n}`;
+}
+function j({
+  primaryPreset: e,
+  darkPrimaryPreset: t,
+  secondaryPreset: o,
+  darkSecondaryPreset: n,
+  accentPreset: c,
+  darkAccentPreset: m,
+  mutedPreset: l,
+  darkMutedPreset: s,
+  darkBgPreset: y,
+  lightBgPreset: u,
+  lightDarkPreset: r,
+  darkLightDarkPreset: d,
+  successPreset: i,
+  darkSuccessPreset: a,
+  warningPreset: p,
+  darkWarningPreset: E,
+  errorPreset: b,
+  darkErrorPreset: g,
+  infoPreset: f,
+  darkInfoPreset: w,
+  fgPreset: v,
+  darkFgPreset: $,
+  borderPreset: I,
+  darkBorderPreset: T
+}) {
+  C(() => {
+    document.documentElement.style.setProperty(
+      "--color-semantic-bg-primary",
+      e
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-dark-bg-primary",
+      t
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-bg-secondary",
+      o
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-dark-bg-secondary",
+      n
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-accent-bold-yellow",
+      c
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-dark-accent-bold-yellow",
+      m
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-fg-muted",
+      l
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-dark-fg-muted",
+      s
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-bg",
+      u
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-dark-bg",
+      y
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-bg-secondary-wash",
+      r
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-dark-bg-secondary-wash",
+      d
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-bg-positive",
+      i
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-dark-bg-positive",
+      a
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-bg-warning",
+      p
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-dark-bg-warning",
+      E
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-bg-negative",
+      b
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-dark-bg-negative",
+      g
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-bg-info",
+      f
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-dark-bg-info",
+      w
+    ), document.documentElement.style.setProperty("--color-semantic-fg", v), document.documentElement.style.setProperty(
+      "--color-semantic-dark-fg",
+      $
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-line-primary-subtle",
+      I
+    ), document.documentElement.style.setProperty(
+      "--color-semantic-dark-line-primary-subtle",
+      T
+    );
+  }, [
+    c,
+    m,
+    y,
+    d,
+    s,
+    t,
+    n,
+    u,
+    r,
+    l,
+    e,
+    o,
+    i,
+    a,
+    p,
+    E,
+    b,
+    g,
+    f,
+    w,
+    v,
+    $,
+    I,
+    T
+  ]);
+}
+export {
+  R as hexToRGB,
+  j as useThemeColor
+};

package/themes/hooks/use-theme.mjs

@@ -0,0 +1,206 @@
+import { create as S } from "zustand";
+import { persist as y } from "zustand/middleware";
+import { defaultLang as C, defaultLogo as D, defaultThemeVariant as p, defaultMode as m, defaultLayout as k, defaultDirection as f, defaultDarkBorderPreset as T, defaultBorderPreset as b, defaultDarkFgPreset as B, defaultFgPreset as O, defaultDarkInfoPreset as A, defaultInfoPreset as E, defaultDarkErrorPreset as L, defaultErrorPreset as M, defaultDarkWarningPreset as N, defaultWarningPreset as _, defaultDarkSuccessPreset as I, defaultSuccessPreset as F, defaultDarkLightDarkPreset as V, defaultLightDarkPreset as j, defaultLightBgPreset as v, defaultDarkBgPreset as w, defaultDarkMutedPreset as W, defaultMutedPreset as U, defaultDarkAccentPreset as H, defaultAccentPreset as Y, defaultDarkSecondaryPreset as $, defaultSecondaryPreset as z, defaultDarkPrimaryPreset as G, defaultPrimaryPreset as K, TAHOE_ACCENT_BUNDLES as R, buildTahoePresets as q, LAYOUT_OPTIONS as P, SONOMA_ACCENT_BUNDLES as x, buildSonomaPresets as J } from "../config/index.mjs";
+const l = {
+  primaryPreset: K,
+  darkPrimaryPreset: G,
+  secondaryPreset: z,
+  darkSecondaryPreset: $,
+  accentPreset: Y,
+  darkAccentPreset: H,
+  mutedPreset: U,
+  darkMutedPreset: W,
+  darkBgPreset: w,
+  lightBgPreset: v,
+  lightDarkPreset: j,
+  darkLightDarkPreset: V,
+  successPreset: F,
+  darkSuccessPreset: I,
+  warningPreset: _,
+  darkWarningPreset: N,
+  errorPreset: M,
+  darkErrorPreset: L,
+  infoPreset: E,
+  darkInfoPreset: A,
+  fgPreset: O,
+  darkFgPreset: B,
+  borderPreset: b,
+  darkBorderPreset: T
+};
+function u(r) {
+  if (r === "macos-tahoe") {
+    const e = R.find((t) => t.id === "glass-neutral");
+    return {
+      ...e ? q(e) : l,
+      layout: P.MACOS_TAHOE,
+      mode: "dark",
+      direction: f,
+      backgroundVariant: "radial"
+    };
+  } else if (r === "macos") {
+    const e = x.find((t) => t.id === "blue");
+    return {
+      ...e ? J(e) : l,
+      layout: P.MACOS,
+      mode: "dark",
+      direction: f,
+      backgroundVariant: "sonoma"
+    };
+  } else
+    return {
+      ...l,
+      layout: k,
+      mode: m,
+      direction: f,
+      backgroundVariant: "none"
+    };
+}
+const Q = {
+  default: u("default"),
+  macos: u("macos"),
+  "macos-tahoe": u("macos-tahoe")
+}, h = {
+  ...l,
+  direction: f,
+  layout: k,
+  mode: m,
+  colorScheme: p,
+  logo: D,
+  showSettings: !1,
+  isSettingsOpen: !1,
+  lang: C,
+  backgroundVariant: "none",
+  themeConfigs: Q
+}, X = [
+  "primaryPreset",
+  "darkPrimaryPreset",
+  "secondaryPreset",
+  "darkSecondaryPreset",
+  "accentPreset",
+  "darkAccentPreset",
+  "mutedPreset",
+  "darkMutedPreset",
+  "darkBgPreset",
+  "lightBgPreset",
+  "lightDarkPreset",
+  "darkLightDarkPreset",
+  "successPreset",
+  "darkSuccessPreset",
+  "warningPreset",
+  "darkWarningPreset",
+  "errorPreset",
+  "darkErrorPreset",
+  "infoPreset",
+  "darkInfoPreset",
+  "fgPreset",
+  "darkFgPreset",
+  "borderPreset",
+  "darkBorderPreset",
+  "layout",
+  "mode",
+  "direction",
+  "backgroundVariant"
+];
+function g(r, e) {
+  if (!e || typeof e != "object")
+    return e;
+  const o = r.colorScheme, t = e.colorScheme !== void 0 ? e.colorScheme : o;
+  let s = e.themeConfigs !== void 0 ? e.themeConfigs : r.themeConfigs;
+  const c = {};
+  let n = !1;
+  for (const a of X)
+    a in e && (c[a] = e[a], n = !0);
+  if (n && e.themeConfigs === void 0 && s) {
+    const a = s[t];
+    if (a) {
+      const d = {
+        ...a,
+        ...c
+      };
+      s = {
+        ...s,
+        [t]: d
+      };
+    }
+  }
+  let i = {};
+  if (e.colorScheme !== void 0) {
+    const a = s ? s[t] : null;
+    a && (i = {
+      ...a,
+      ...c
+      // ensure that any config overrides passed along with the colorScheme change take precedence
+    });
+  }
+  return {
+    ...e,
+    ...i,
+    themeConfigs: s
+  };
+}
+const Z = (r) => (e, o, t) => {
+  const s = (n, i) => {
+    e((a) => {
+      const d = typeof n == "function" ? n(a) : n;
+      return g(a, d);
+    }, i);
+  }, c = t.setState;
+  return t.setState = (n, i) => {
+    c((a) => {
+      const d = typeof n == "function" ? n(a) : n;
+      return g(a, d);
+    }, i);
+  }, r(s, o, t);
+};
+function ee(r) {
+  const e = Object.keys(h).filter((t) => t !== "themeConfigs"), o = {};
+  for (const t of e) {
+    const s = `set${t.charAt(0).toUpperCase()}${t.slice(1)}`;
+    o[s] = (c) => {
+      r({ [t]: c });
+    };
+  }
+  return o;
+}
+const se = S()(
+  y(
+    Z(
+      (r, e) => ({
+        // State with defaults
+        ...h,
+        // Auto-generated setters (setPrimaryPreset, setMode, etc.)
+        ...ee(r),
+        // Actions
+        restoreDefaultColors: () => {
+          const o = e().colorScheme, t = u(o);
+          r((s) => ({
+            ...t,
+            isSettingsOpen: !1,
+            themeConfigs: {
+              ...s.themeConfigs,
+              [o]: t
+            }
+          }));
+        },
+        applyMacOSTheme: () => r({ colorScheme: "macos" }),
+        applyMacOSTahoeTheme: () => r({ colorScheme: "macos-tahoe" }),
+        applyDefaultTheme: () => r({ colorScheme: "default" }),
+        applyThemeStyle: (o) => {
+          r({ colorScheme: o });
+        }
+      })
+    ),
+    {
+      name: "theme-storage",
+      partialize: (r) => {
+        const { isSettingsOpen: e, ...o } = r;
+        return { ...Object.fromEntries(
+          Object.entries(o).filter(([, s]) => typeof s != "function")
+        ), logo: { ...r.logo, logo: null } };
+      }
+    }
+  )
+);
+export {
+  se as useTheme
+};

package/themes/pages/access-denied.mjs

@@ -0,0 +1,24 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useIsMounted as c } from "../../hooks/use-is-mounted.mjs";
+import { useTheme as l } from "../hooks/use-theme.mjs";
+import { Shield as m } from "lucide-react";
+import { AnchorLink as d } from "../../components/links/anchor-link.mjs";
+import { Button as x } from "../../components/buttons/button/index.mjs";
+const y = ({ basePath: a, buttonText: i }) => {
+  const t = a || document.querySelector("base")?.getAttribute("href") || "/", r = c(), { mode: n } = l(), o = n === "dark";
+  return /* @__PURE__ */ s("div", { className: "bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0", children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]", children: [
+      r && !o && /* @__PURE__ */ e(m, { className: "w-52 h-52 text-primary" }),
+      r && o && /* @__PURE__ */ e(m, { className: "w-52 h-52 text-primary" })
+    ] }),
+    /* @__PURE__ */ e("h2", { className: "mb-2 mt-5 text-base font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-lg min-[1780px]:mt-12 min-[1780px]:text-xl", children: "Access Denied Page" }),
+    /* @__PURE__ */ e("p", { className: "mb-4 px-6 max-w-full text-base leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm", children: "Sorry, you are not authorized to access this page. or go back to the home page." }),
+    /* @__PURE__ */ e(d, { to: t, onClick: () => {
+      window.location.href = t;
+    }, children: /* @__PURE__ */ e(x, { shape: "rounded", children: i || "Go to Home" }) })
+  ] });
+};
+export {
+  y as AccessDeniedPage,
+  y as default
+};

package/themes/pages/default-error.mjs

@@ -0,0 +1,24 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { useIsMounted as l } from "../../hooks/use-is-mounted.mjs";
+import { useTheme as n } from "../hooks/use-theme.mjs";
+import { AlertCircle as a } from "lucide-react";
+import { AnchorLink as c } from "../../components/links/anchor-link.mjs";
+import { Button as x } from "../../components/buttons/button/index.mjs";
+const b = ({ basePath: s }) => {
+  const t = s || document.querySelector("base")?.getAttribute("href") || "/", r = l(), { mode: i } = n(), o = i === "dark";
+  return /* @__PURE__ */ m("div", { className: "bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0", children: [
+    /* @__PURE__ */ m("div", { className: "flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]", children: [
+      r && !o && /* @__PURE__ */ e(a, { className: "w-52 h-52 text-primary" }),
+      r && o && /* @__PURE__ */ e(a, { className: "w-52 h-52 text-primary" })
+    ] }),
+    /* @__PURE__ */ e("h2", { className: "mb-2 mt-5 text-base font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-lg min-[1780px]:mt-12 min-[1780px]:text-xl", children: "Error Page" }),
+    /* @__PURE__ */ e("p", { className: "mb-4 px-6 max-w-full text-base leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm", children: "An error has occurred. Please try again later or go back to the home page." }),
+    /* @__PURE__ */ e(c, { to: t, onClick: () => {
+      window.location.href = t;
+    }, children: /* @__PURE__ */ e(x, { shape: "rounded", children: "Go to Home" }) })
+  ] });
+};
+export {
+  b as DefaultErrorPage,
+  b as default
+};

package/themes/pages/disabled-page.mjs

@@ -0,0 +1,24 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useIsMounted as l } from "../../hooks/use-is-mounted.mjs";
+import { useTheme as n } from "../hooks/use-theme.mjs";
+import { SlidersHorizontal as m } from "lucide-react";
+import { AnchorLink as c } from "../../components/links/anchor-link.mjs";
+import { Button as d } from "../../components/buttons/button/index.mjs";
+const b = ({ basePath: a }) => {
+  const t = a || document.querySelector("base")?.getAttribute("href") || "/", r = l(), { mode: i } = n(), o = i === "dark";
+  return /* @__PURE__ */ s("div", { className: "bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0", children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]", children: [
+      r && !o && /* @__PURE__ */ e(m, { className: "w-52 h-52 text-primary" }),
+      r && o && /* @__PURE__ */ e(m, { className: "w-52 h-52 text-primary" })
+    ] }),
+    /* @__PURE__ */ e("h2", { className: "mb-2 mt-5 text-base font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-lg min-[1780px]:mt-12 min-[1780px]:text-xl", children: "Disabled Page" }),
+    /* @__PURE__ */ e("p", { className: "mb-4 px-6 max-w-full text-base leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm", children: "This resource is currently disabled. Please contact support if you believe this is an error, or go back to the home page." }),
+    /* @__PURE__ */ e(c, { to: t, onClick: () => {
+      window.location.href = t;
+    }, children: /* @__PURE__ */ e(d, { shape: "rounded", children: "Go to Home" }) })
+  ] });
+};
+export {
+  b as DisabledPage,
+  b as default
+};

package/themes/pages/fallback-page.mjs

@@ -0,0 +1,14 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { Loader as l } from "../../components/loaders/loader.mjs";
+import { Typography as s } from "../../components/typography/index.mjs";
+const f = ({
+  loadingText: e,
+  loaderProps: a
+}) => /* @__PURE__ */ t("div", { className: "flex flex-col gap-[16px] items-center justify-center h-screen w-full absolute top-0 left-0", children: [
+  /* @__PURE__ */ r(l, { tag: "span", size: "large", variant: "scaleUp", ...a }),
+  e && /* @__PURE__ */ r(s, { tag: "h3", children: e })
+] });
+export {
+  f as FallbackPage,
+  f as default
+};

package/themes/pages/forbidden.mjs

@@ -0,0 +1,24 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useIsMounted as n } from "../../hooks/use-is-mounted.mjs";
+import { useTheme as l } from "../hooks/use-theme.mjs";
+import { Ban as m } from "lucide-react";
+import { AnchorLink as c } from "../../components/links/anchor-link.mjs";
+import { Button as d } from "../../components/buttons/button/index.mjs";
+const b = ({ basePath: a }) => {
+  const t = a || document.querySelector("base")?.getAttribute("href") || "/", o = n(), { mode: i } = l(), r = i === "dark";
+  return /* @__PURE__ */ s("div", { className: "bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0", children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]", children: [
+      o && !r && /* @__PURE__ */ e(m, { className: "w-52 h-52 text-primary" }),
+      o && r && /* @__PURE__ */ e(m, { className: "w-52 h-52 text-primary" })
+    ] }),
+    /* @__PURE__ */ e("h2", { className: "mb-2 mt-5 text-base font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-lg min-[1780px]:mt-12 min-[1780px]:text-xl", children: "Forbidden Page" }),
+    /* @__PURE__ */ e("p", { className: "mb-4 px-6 max-w-full text-base leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm", children: "You do not have permission to access this resource. Please contact support if you believe this is an error, or go back to the home page." }),
+    /* @__PURE__ */ e(c, { to: t, onClick: () => {
+      window.location.href = t;
+    }, children: /* @__PURE__ */ e(d, { shape: "rounded", children: "Go to Home" }) })
+  ] });
+};
+export {
+  b as ForbiddenPage,
+  b as default
+};

package/themes/pages/no-routes.mjs

@@ -0,0 +1,24 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { useIsMounted as n } from "../../hooks/use-is-mounted.mjs";
+import { useTheme as l } from "../hooks/use-theme.mjs";
+import { RouteOff as s } from "lucide-react";
+import { AnchorLink as c } from "../../components/links/anchor-link.mjs";
+import { Button as d } from "../../components/buttons/button/index.mjs";
+const b = ({ basePath: a }) => {
+  const t = a || document.querySelector("base")?.getAttribute("href") || "/", o = n(), { mode: i } = l(), r = i === "dark";
+  return /* @__PURE__ */ m("div", { className: "bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0", children: [
+    /* @__PURE__ */ m("div", { className: "flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]", children: [
+      o && !r && /* @__PURE__ */ e(s, { className: "w-52 h-52 text-primary" }),
+      o && r && /* @__PURE__ */ e(s, { className: "w-52 h-52 text-primary" })
+    ] }),
+    /* @__PURE__ */ e("h2", { className: "mb-2 mt-5 text-base font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-lg min-[1780px]:mt-12 min-[1780px]:text-xl", children: "No Routes" }),
+    /* @__PURE__ */ e("p", { className: "mb-4 px-6 max-w-full text-base leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm", children: "Please add routes to the menuItems prop to start using the theme provider." }),
+    /* @__PURE__ */ e(c, { to: t, onClick: () => {
+      window.location.href = t;
+    }, children: /* @__PURE__ */ e(d, { shape: "rounded", children: "Go to Home" }) })
+  ] });
+};
+export {
+  b as NoRoutesPage,
+  b as default
+};

package/themes/pages/not-found.mjs

@@ -0,0 +1,26 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { useIsMounted as n } from "../../hooks/use-is-mounted.mjs";
+import l from "../../assets/images/404-light.svg.mjs";
+import c from "../../assets/images/404-dark.svg.mjs";
+import { useTheme as d } from "../hooks/use-theme.mjs";
+import { Image as a } from "../../components/utils/image.mjs";
+import { AnchorLink as x } from "../../components/links/anchor-link.mjs";
+import { Button as h } from "../../components/buttons/button/index.mjs";
+const E = ({ basePath: s }) => {
+  const t = s || document.querySelector("base")?.getAttribute("href") || "/", o = n(), { mode: i } = d(), r = i === "dark";
+  return /* @__PURE__ */ m("div", { className: "bg-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0", children: [
+    /* @__PURE__ */ m("div", { className: "relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]", children: [
+      o && !r && /* @__PURE__ */ e(a, { src: l, alt: "404 Error" }),
+      o && r && /* @__PURE__ */ e(a, { src: c, alt: "404 Error" })
+    ] }),
+    /* @__PURE__ */ e("h2", { className: "mb-2 mt-5 text-base font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-lg min-[1780px]:mt-12 min-[1780px]:text-xl", children: "Not Found Page" }),
+    /* @__PURE__ */ e("p", { className: "mb-4 px-6 max-w-full text-base leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm", children: "Sorry, the page you are looking for does not exist. Please check the URL or go back to the home page." }),
+    /* @__PURE__ */ e(x, { to: t, onClick: () => {
+      window.location.href = t;
+    }, children: /* @__PURE__ */ e(h, { shape: "rounded", children: "Go to Home" }) })
+  ] });
+};
+export {
+  E as NotFoundPage,
+  E as default
+};

package/themes/pages/server-error.mjs

@@ -0,0 +1,24 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useIsMounted as n } from "../../hooks/use-is-mounted.mjs";
+import { useTheme as l } from "../hooks/use-theme.mjs";
+import { ServerCrash as a } from "lucide-react";
+import { AnchorLink as c } from "../../components/links/anchor-link.mjs";
+import { Button as x } from "../../components/buttons/button/index.mjs";
+const b = ({ basePath: m }) => {
+  const t = m || document.querySelector("base")?.getAttribute("href") || "/", r = n(), { mode: i } = l(), o = i === "dark";
+  return /* @__PURE__ */ s("div", { className: "bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0", children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]", children: [
+      r && !o && /* @__PURE__ */ e(a, { className: "w-52 h-52 text-primary" }),
+      r && o && /* @__PURE__ */ e(a, { className: "w-52 h-52 text-primary" })
+    ] }),
+    /* @__PURE__ */ e("h2", { className: "mb-2 mt-5 text-base font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-lg min-[1780px]:mt-12 min-[1780px]:text-xl", children: "Server Error Page" }),
+    /* @__PURE__ */ e("p", { className: "mb-4 px-6 max-w-full text-base leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm", children: "We're experiencing server issues. Our team has been notified and is working on a fix. Please try again later or go back to the home page." }),
+    /* @__PURE__ */ e(c, { to: t, onClick: () => {
+      window.location.href = t;
+    }, children: /* @__PURE__ */ e(x, { shape: "rounded", children: "Go to Home" }) })
+  ] });
+};
+export {
+  b as ServerErrorPage,
+  b as default
+};

package/themes/pages/unknown.mjs

@@ -0,0 +1,24 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { useIsMounted as i } from "../../hooks/use-is-mounted.mjs";
+import { useTheme as l } from "../hooks/use-theme.mjs";
+import { HelpCircle as a } from "lucide-react";
+import { AnchorLink as c } from "../../components/links/anchor-link.mjs";
+import { Button as x } from "../../components/buttons/button/index.mjs";
+const k = ({ basePath: n }) => {
+  const t = n || document.querySelector("base")?.getAttribute("href") || "/", r = i(), { mode: s } = l(), o = s === "dark";
+  return /* @__PURE__ */ m("div", { className: "bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0", children: [
+    /* @__PURE__ */ m("div", { className: "flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]", children: [
+      r && !o && /* @__PURE__ */ e(a, { className: "w-52 h-52 text-primary" }),
+      r && o && /* @__PURE__ */ e(a, { className: "w-52 h-52 text-primary" })
+    ] }),
+    /* @__PURE__ */ e("h2", { className: "mb-2 mt-5 text-base font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-lg min-[1780px]:mt-12 min-[1780px]:text-xl", children: "Unknown Error Page" }),
+    /* @__PURE__ */ e("p", { className: "mb-4 px-6 max-w-full text-base leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm", children: "An unknown error has occurred. Please try again later or go back to the home page." }),
+    /* @__PURE__ */ e(c, { to: t, onClick: () => {
+      window.location.href = t;
+    }, children: /* @__PURE__ */ e(x, { shape: "rounded", children: "Go to Home" }) })
+  ] });
+};
+export {
+  k as UnknownErrorPage,
+  k as default
+};

package/themes/pages/user-blocked.mjs

@@ -0,0 +1,24 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { useIsMounted as i } from "../../hooks/use-is-mounted.mjs";
+import { useTheme as c } from "../hooks/use-theme.mjs";
+import { UserX as m } from "lucide-react";
+import { AnchorLink as l } from "../../components/links/anchor-link.mjs";
+import { Button as d } from "../../components/buttons/button/index.mjs";
+const b = ({ basePath: a }) => {
+  const t = a || document.querySelector("base")?.getAttribute("href") || "/", o = i(), { mode: n } = c(), r = n === "dark";
+  return /* @__PURE__ */ s("div", { className: "bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0", children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]", children: [
+      o && !r && /* @__PURE__ */ e(m, { className: "w-52 h-52 text-primary" }),
+      o && r && /* @__PURE__ */ e(m, { className: "w-52 h-52 text-primary" })
+    ] }),
+    /* @__PURE__ */ e("h2", { className: "mb-2 mt-5 text-base font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-lg min-[1780px]:mt-12 min-[1780px]:text-xl", children: "User Blocked Page" }),
+    /* @__PURE__ */ e("p", { className: "mb-4 px-6 max-w-full text-base leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm", children: "Your account has been blocked. Please contact support for assistance or go back to the home page." }),
+    /* @__PURE__ */ e(l, { to: t, onClick: () => {
+      window.location.href = t;
+    }, children: /* @__PURE__ */ e(d, { shape: "rounded", children: "Go to Home" }) })
+  ] });
+};
+export {
+  b as UserBlockedPage,
+  b as default
+};