@js-empire/emperor-ui 1.3.12 → 1.3.14

package/dist/emperor-ui.js

@@ -1,160 +1,4238 @@
-import { dB as a, dC as i, dD as o, dE as r, dF as t, dG as l, dH as d, dI as C, dJ as f, dK as n, dL as E, dM as I, dN as _, dO as m, dP as S, dQ as p, dR as T, dS as c, dT as M, dU as F, dV as g, dW as A, dX as O, dY as L, dZ as u, d_ as B, d$ as P, e0 as D, e1 as R, e2 as K, e3 as N, e4 as U, e5 as x, e6 as y, e7 as W, e8 as h, e9 as k, ea as v, eb as H, ec as G, ed as w, ee as V, ef as b, eg as Y, eh as z, ei as Q, ej as q, ek as J, el as X, em as Z, en as $, eo as j, ep as ee, eq as se, er as ae, es as ie, et as oe, eu as re, ev as te, ew as le, ex as de, ey as Ce, ez as fe, eA as ne, eB as Ee, eC as Ie, eD as _e, eE as me, eF as Se, eG as pe, eH as Te, eI as ce, eJ as Me, eK as Fe, eL as ge, eM as Ae, eN as Oe, eO as Le, eP as ue, eQ as Be, eR as Pe, eS as De, eT as Re, eU as Ke, eV as Ne, eW as Ue, eX as xe, eY as ye, eZ as We, e_ as he, e$ as ke, f0 as ve, f1 as He, f2 as Ge, f3 as we, f4 as Ve, f5 as be, f6 as Ye, f7 as ze, f8 as Qe, f9 as qe, fa as Je, fb as Xe, fc as Ze, fd as $e, fe as je, ff as es, fg as ss, fh as as, fi as is, fj as os, fk as rs, fl as ts, fm as ls, fn as ds, fo as Cs, fp as fs, fq as ns, fr as Es, fs as Is, ft as _s, fu as ms, fv as Ss, fw as ps, fx as Ts, fy as cs, fz as Ms, fA as Fs, fB as gs, fC as As, fD as Os, fE as Ls, fF as us, fG as Bs, fH as Ps, fI as Ds, fJ as Rs, fK as Ks, fL as Ns, fM as Us, fN as xs, fO as ys, fP as Ws, fQ as hs, fR as ks, fS as vs, fT as Hs, fU as Gs, fV as ws, fW as Vs, fX as bs, fY as Ys, fZ as zs, f_ as Qs, f$ as qs, g0 as Js, g1 as Xs } from "./index-DXWNWGH3.js";
+"use client";
+import { jsx as r, jsxs as b, Fragment as se } from "react/jsx-runtime";
+import { createContext as X, useMemo as E, useState as I, forwardRef as P, useContext as Z, useCallback as R, useEffect as O, useRef as Et, Children as De, isValidElement as Lt, cloneElement as Pt } from "react";
+import At from "clsx";
+import { twMerge as zt } from "tailwind-merge";
+import { Card as Te, CardHeader as Be, CardBody as _e, CardFooter as Re } from "@heroui/card";
+import { Skeleton as T } from "@heroui/skeleton";
+import { motion as F, AnimatePresence as Vt } from "framer-motion";
+import { FacebookIcon as kt, TwitterIcon as Ft, InstagramIcon as Mt, LinkedinIcon as Dt, YoutubeIcon as Tt, Trash2 as Y, Pencil as Oe, Eye as ue, InfoIcon as me, MailIcon as pe, ServerIcon as fe, SettingsIcon as Bt, HelpCircleIcon as _t, LifeBuoyIcon as Rt, HomeIcon as Ue, LogOutIcon as Ot, Star as Ut, EllipsisVertical as Ht, UploadCloud as jt, Search as Gt, SunIcon as Wt, MoonIcon as qt, Copy as Kt, Check as $t, Inbox as Xt } from "lucide-react";
+import { ToastProvider as Zt, addToast as W } from "@heroui/toast";
+import { Image as he } from "@heroui/image";
+import { Chip as Yt } from "@heroui/chip";
+import { Button as L } from "@heroui/button";
+import { Dropdown as Jt, DropdownTrigger as Qt, DropdownMenu as ea, DropdownItem as ta } from "@heroui/dropdown";
+import { Tooltip as aa } from "@heroui/tooltip";
+import { cva as w } from "class-variance-authority";
+import { Link as J } from "@heroui/link";
+import { createPortal as He } from "react-dom";
+import { Avatar as ra } from "@heroui/avatar";
+import { Spinner as ge } from "@heroui/spinner";
+import { useDisclosure as je, Modal as Ge, ModalContent as We, ModalBody as qe, ModalHeader as na, ModalFooter as oa } from "@heroui/modal";
+import { Input as Q, Textarea as sa } from "@heroui/input";
+import { useDebounce as ia } from "use-debounce";
+import { Select as ve, SelectItem as be } from "@heroui/select";
+import { Autocomplete as Ke, AutocompleteItem as $e } from "@heroui/autocomplete";
+import { DatePicker as la } from "@heroui/date-picker";
+import { parseDate as ca } from "@internationalized/date";
+import { Checkbox as we, CheckboxGroup as da } from "@heroui/checkbox";
+import { Switch as Xe } from "@heroui/switch";
+import { Slider as ua } from "@heroui/slider";
+import { Controller as U, useForm as ma, useWatch as pa } from "react-hook-form";
+import { RadioGroup as fa, Radio as ha } from "@heroui/radio";
+import { ThemeProvider as Ze, useTheme as ga } from "next-themes";
+import { motion as Ie, AnimatePresence as va } from "motion/react";
+import { Pagination as ba } from "@heroui/pagination";
+import { HeroUIProvider as wa } from "@heroui/system";
+import xa from "browser-image-compression";
+import { Divider as xe } from "@heroui/divider";
+import { Drawer as ya, DrawerContent as Ca, DrawerHeader as Ia, DrawerBody as Sa, DrawerFooter as Na } from "@heroui/drawer";
+import { ScrollShadow as Ye } from "@heroui/scroll-shadow";
+function c(...e) {
+  return zt(At(e));
+}
+var A = /* @__PURE__ */ ((e) => (e.ARABIC = "ar", e.ENGLISH = "en", e))(A || {});
+A.ARABIC, A.ENGLISH;
+const ee = (e) => e === "en" ? Qe : Je, Ea = {}, La = {}, Pa = {}, Aa = {}, za = {
+  colorPicker: {
+    invalidColorFormat: "يرجى إدخال لون صالح (مثال: #000000 أو #fff)"
+  },
+  uploader: {
+    dropHere: "أسقط الملف هنا",
+    selectFile: "حدد ملفًا أو اسحبه وأفلته هنا",
+    selectionTypes: "JPG, PNG أو PDF، حجم الملف لا يزيد عن 10MB",
+    selectBtn: "حدد ملف",
+    errorUploadingFile: "لم يتم تحميل أي ملف",
+    maxNumImages: "تم تجاوز الحد الأقصى للصور المرفوعة: ",
+    errorUploadedTypes: "نوع الملف المرفوع غير مسموح به",
+    maxSizeExceededError: "يمكنك فقط رفع ملفات/صور بحجم أقل من MAX_FILE_SIZE ميغابايت، بينما حجم الملف الذي رفعته هو UPLOADED_FILE_SIZE ميغابايت",
+    duplicatesDenied: "لا يمكنك رفع صور تحمل نفس الاسم، يمكنك إعادة تسميتها قبل عملية الرفع"
+  }
+}, Va = {
+  colorPicker: {
+    invalidColorFormat: "Please enter a valid color (e.g., #000000 or #fff)"
+  },
+  uploader: {
+    dropHere: "Drop file here",
+    selectFile: "Select a file or drag and drop here",
+    selectionTypes: "JPG, PNG or PDF, file size no more than 10MB",
+    selectBtn: "Select file",
+    errorUploadingFile: "No file was uploaded",
+    maxNumImages: "Maximum number of uploaded images exceeded: ",
+    errorUploadedTypes: "The uploaded file type is not allowed.",
+    maxSizeExceededError: "You can only upload files/images with less than MAX_FILE_SIZE Mega Bytes, you're file's size is UPLOADED_FILE_SIZE Mega Bytes",
+    duplicatesDenied: "You can't upload images with duplicate names, you may rename them before the upload process"
+  }
+}, ka = {}, Fa = {}, Ma = {
+  deletionConfirmor: {
+    confirm: "تأكيد",
+    decline: "إلغاء"
+  },
+  listings: {
+    emptyTitle: "لا توجد عناصر",
+    emptyDescription: "لم نجد أي عناصر تطابق بحثك. جرّب تعديل الفلاتر أو البحث لاحقاً."
+  }
+}, Da = {
+  deletionConfirmor: {
+    confirm: "Confirm",
+    decline: "Decline"
+  },
+  listings: {
+    emptyTitle: "No listings found",
+    emptyDescription: "We couldn't find any listings matching your search. Try adjusting your filters or check back later."
+  }
+}, Ta = {}, Ba = {}, Je = {
+  common: Ea,
+  toasts: Pa,
+  atoms: za,
+  molecules: ka,
+  organisms: Ma,
+  templates: Ta
+}, Qe = {
+  common: La,
+  toasts: Aa,
+  atoms: Va,
+  molecules: Fa,
+  organisms: Da,
+  templates: Ba
+}, B = {
+  layout: {
+    withScaffold: !0
+  },
+  interLocalization: {
+    lang: "en",
+    languages: ["en", "ar"],
+    defaultLanguage: "en",
+    dir: "ltr",
+    isMultiLingual: !1,
+    locales: {
+      en: Qe,
+      ar: Je
+    }
+  },
+  theme: {
+    components: {
+      input: {
+        variant: "faded",
+        labelPlacement: "outside",
+        size: "sm"
+      },
+      textarea: {
+        variant: "faded",
+        labelPlacement: "outside",
+        size: "sm"
+      },
+      button: {
+        variant: "faded",
+        size: "sm"
+      },
+      select: {
+        variant: "faded",
+        labelPlacement: "outside",
+        placeholder: "Select an option",
+        size: "sm"
+      },
+      selectItem: {
+        variant: "faded"
+      },
+      autocomplete: {
+        variant: "faded",
+        labelPlacement: "outside",
+        size: "sm"
+      },
+      autocompleteItem: {
+        variant: "faded"
+      },
+      datePicker: {
+        variant: "faded",
+        labelPlacement: "outside",
+        size: "sm"
+      }
+    }
+  }
+}, ko = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.", q = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,", et = [
+  "image/jpeg",
+  "image/jpg",
+  "image/png",
+  "image/webp",
+  "image/gif",
+  "image/bmp",
+  "image/svg+xml",
+  "image/tiff",
+  "image/x-icon"
+], tt = ["application/pdf"], at = [
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+], rt = [
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  "application/vnd.ms-excel",
+  "text/csv"
+], nt = 1024, _a = {
+  image: [".jpg", ".jpeg", ".png"],
+  doc: [".doc", ".docx"],
+  pdf: [".pdf"],
+  video: [".mp4"],
+  sheet: [".xlsx", ".xlx", ".xls", ".csv"]
+}, Fo = [
+  {
+    title: "Products",
+    links: [
+      {
+        label: "Product 1",
+        href: "/product-1"
+      },
+      {
+        label: "Product 2",
+        href: "/product-2"
+      },
+      {
+        label: "Product 3",
+        href: "/product-3"
+      }
+    ]
+  },
+  {
+    title: "Services",
+    links: [
+      {
+        label: "Service 1",
+        href: "/service-1"
+      },
+      {
+        label: "Service 2",
+        href: "/service-2"
+      },
+      {
+        label: "Service 3",
+        href: "/service-3"
+      },
+      {
+        label: "Service 4",
+        href: "/service-4"
+      }
+    ]
+  },
+  {
+    title: "Resources",
+    links: [
+      {
+        label: "Resource 1",
+        href: "/resource-1"
+      }
+    ]
+  },
+  {
+    title: "Company",
+    links: [
+      {
+        label: "About Us",
+        href: "/about-us"
+      },
+      {
+        label: "Careers",
+        href: "/careers"
+      },
+      {
+        label: "Blog",
+        href: "/blog"
+      }
+    ]
+  },
+  {
+    title: "Support",
+    links: [
+      {
+        label: "Contact Us",
+        href: "/contact-us"
+      }
+    ]
+  }
+], Mo = [
+  {
+    label: "Privacy Policy",
+    href: "/privacy-policy"
+  },
+  {
+    label: "Terms of Service",
+    href: "/terms-of-service"
+  },
+  {
+    label: "Cookie Policy",
+    href: "/cookie-policy"
+  }
+], Do = {
+  year: 2026,
+  text: "All rights reserved - Emperor UI"
+}, To = {
+  mobile: "+964 770 000 0000",
+  email: "contact@emperorui.com",
+  website: "https://jsempire.com",
+  workingHours: "Monday - Friday: 9:00 AM - 5:00 PM",
+  addresses: [
+    {
+      country: "Jordan",
+      street: "Amman, Jordan",
+      city: "Amman",
+      state: "Amman",
+      zip: "11111"
+    },
+    {
+      country: "Saudi Arabia",
+      street: "Riyadh, Saudi Arabia",
+      city: "Riyadh",
+      state: "Riyadh",
+      zip: "11111"
+    }
+  ]
+}, Bo = [
+  {
+    href: "https://facebook.com",
+    icon: /* @__PURE__ */ r(kt, {})
+  },
+  {
+    href: "https://twitter.com",
+    icon: /* @__PURE__ */ r(Ft, {})
+  },
+  {
+    href: "https://instagram.com",
+    icon: /* @__PURE__ */ r(Mt, {})
+  },
+  {
+    href: "https://linkedin.com",
+    icon: /* @__PURE__ */ r(Dt, {})
+  },
+  {
+    href: "https://youtube.com",
+    icon: /* @__PURE__ */ r(Tt, {})
+  }
+], ot = ({}) => ({
+  initial: { opacity: 0, y: 12 },
+  animate: { opacity: 1, y: 0 },
+  transition: { duration: 0.3, ease: "easeOut" },
+  whileHover: {
+    y: -4
+  }
+}), Ra = [
+  {
+    key: "view",
+    label: "View details",
+    color: "primary",
+    variant: "flat",
+    size: "sm",
+    startContent: /* @__PURE__ */ r(ue, { className: "size-4" })
+  },
+  {
+    key: "edit",
+    label: "Edit",
+    color: "secondary",
+    variant: "flat",
+    size: "sm",
+    startContent: /* @__PURE__ */ r(Oe, { className: "size-4" })
+  },
+  {
+    key: "delete",
+    label: "Delete",
+    color: "danger",
+    variant: "flat",
+    size: "sm",
+    startContent: /* @__PURE__ */ r(Y, { className: "size-4" })
+  }
+], _o = Ra.map((e) => ({
+  ...e,
+  variant: "solid",
+  size: "lg",
+  startContent: {
+    view: /* @__PURE__ */ r(ue, { className: "size-5" }),
+    edit: /* @__PURE__ */ r(Oe, { className: "size-5" }),
+    delete: /* @__PURE__ */ r(Y, { className: "size-5" })
+  }[e?.key]
+})), ie = X(
+  void 0
+), st = X(void 0), it = X(
+  void 0
+), lt = X(null);
+function Oa({
+  children: e,
+  config: t = B
+}) {
+  const a = E(() => ({
+    config: {
+      layout: {
+        ...B?.layout,
+        ...t?.layout
+      },
+      interLocalization: {
+        ...B?.interLocalization,
+        ...t?.interLocalization,
+        locales: {
+          [A.ENGLISH]: Ne({
+            defaultLocales: B?.interLocalization?.locales?.[A.ENGLISH],
+            configLocales: t?.interLocalization?.locales?.[A.ENGLISH]
+          }),
+          [A.ARABIC]: Ne({
+            defaultLocales: B?.interLocalization?.locales?.[A.ARABIC],
+            configLocales: t?.interLocalization?.locales?.[A.ARABIC]
+          })
+        }
+      },
+      theme: {
+        ...B?.theme,
+        ...t?.theme,
+        components: {
+          ...B?.theme?.components,
+          ...t?.theme?.components
+        }
+      }
+    }
+  }), [t]);
+  return t.layout?.withScaffold ?? !0 ? /* @__PURE__ */ r(ie.Provider, { value: a, children: /* @__PURE__ */ r(Tr, { children: e }) }) : /* @__PURE__ */ r(ie.Provider, { value: a, children: e });
+}
+function Ua({
+  children: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(Oa, { ...t, children: /* @__PURE__ */ r(wa, { children: /* @__PURE__ */ r(Ha, { children: /* @__PURE__ */ b(Ze, { children: [
+    /* @__PURE__ */ r(
+      Zt,
+      {
+        placement: "top-center",
+        toastProps: {
+          radius: "lg",
+          size: "lg",
+          color: "primary",
+          variant: "flat",
+          timeout: 4e3
+        },
+        ...t?.config?.toast
+      }
+    ),
+    e
+  ] }) }) }) });
+}
+var ct = /* @__PURE__ */ ((e) => (e.COMPACT_SIDEBAR_ID = "emperor-compact-sidebar", e))(ct || {}), dt = /* @__PURE__ */ ((e) => (e.PLACEHOLDER_MALE_AVATAR = "https://api.dicebear.com/7.x/avataaars/svg?seed=male", e.PLACEHOLDER_FEMALE_AVATAR = "https://api.dicebear.com/7.x/avataaars/svg?seed=female", e))(dt || {});
+function Ha({ children: e }) {
+  const [t, a] = I(null), [n, o] = I([]), [s, i] = I(!1), [l, d] = I(!1), u = E(() => ({
+    hoveredItemId: t,
+    subItems: n,
+    isSubItemsBoxOpen: s,
+    subItemsBoxIsHovered: l,
+    setHoveredItemId: a,
+    setSubItems: o,
+    setIsSubItemsBoxOpen: i,
+    setSubItemsBoxIsHovered: d
+  }), [t, n, s, l]);
+  return /* @__PURE__ */ b(
+    st.Provider,
+    {
+      value: u,
+      "data-slot": "emperor-navigation-provider",
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            id: ct.COMPACT_SIDEBAR_ID,
+            "data-slot": "emperor-compact-sidebar"
+          }
+        ),
+        e
+      ]
+    }
+  );
+}
+function ja({
+  children: e,
+  ...t
+}) {
+  const { isOpen: a, onOpen: n, onOpenChange: o } = je(), [s, i] = I(null), l = E(
+    () => !!s?.view && !!s?.file?.name && s?.type === "image",
+    [s]
+  ), d = E(() => ({
+    isOpen: a,
+    onOpen: n,
+    onOpenChange: o,
+    selectedFile: s,
+    setSelectedFile: i,
+    isFileViewable: l,
+    ...t
+  }), [
+    a,
+    l,
+    s,
+    n,
+    o,
+    i,
+    t
+  ]);
+  return /* @__PURE__ */ r(
+    it.Provider,
+    {
+      value: d,
+      "data-slot": "emperor-uploader-provider",
+      children: e
+    }
+  );
+}
+function Ro({ children: e }) {
+  return /* @__PURE__ */ r(Ze, { attribute: "class", defaultTheme: "system", enableSystem: !0, children: e });
+}
+function Ga({
+  children: e,
+  value: t
+}) {
+  return /* @__PURE__ */ r(lt.Provider, { value: t, children: e });
+}
+const Oo = ({
+  config: e = B
+}) => [
+  (t) => /* @__PURE__ */ r(Ua, { config: e, children: /* @__PURE__ */ r(t, {}) })
+];
+async function Wa(e, t) {
+  try {
+    if (!e?.file) return null;
+    const a = await xa(e?.file, {
+      maxSizeMB: t || 2,
+      useWebWorker: !0,
+      // Optimize performance
+      initialQuality: 0.8
+      // Adjust the compression quality (0.1 to 1)
+    }), n = new File([a], e?.file?.name, {
+      type: a.type
+    });
+    return {
+      ...e,
+      file: n
+    };
+  } catch (a) {
+    return console.error("Image compression failed:", a), null;
+  }
+}
+const qa = (e) => et.includes(e) ? "image" : tt.includes(e) ? "pdf" : at.includes(e) ? "doc" : rt.includes(e) ? "sheet" : null, Ka = (e) => {
+  const t = [];
+  return e.forEach((a) => {
+    a === "image" && t.push(...et), a === "doc" && t.push(...at), a === "pdf" && t.push(...tt), a === "sheet" && t.push(...rt);
+  }), t;
+}, $a = ({
+  files: e,
+  fileName: t
+}) => e?.filter(({ file: a }) => a?.name === t)?.length > 0, Xa = ({
+  fileSize: e,
+  maxFileSize: t
+}) => e > t * 1024;
+async function Za({
+  uploadedFiles: e,
+  maxFileSize: t = nt * 10,
+  compressFiles: a,
+  uploaderLocale: n,
+  preventDuplicates: o,
+  files: s
+}) {
+  let i = !1;
+  return {
+    compressedFiles: await Promise.all(
+      e?.map(async (d) => Xa({ fileSize: d?.size, maxFileSize: t }) ? (W({
+        title: n.maxSizeExceededError.replace("MAX_FILE_SIZE", (t / 1024 || 0)?.toString()).replace(
+          "UPLOADED_FILE_SIZE",
+          (d?.size / 1024 / 1024 || 0)?.toFixed(1)?.toString()
+        )
+      }), a ? (await Wa({ file: d }))?.file : (i = !0, d)) : (o && $a({ fileName: d?.name, files: s }) && (W({
+        title: n.duplicatesDenied
+      }), i = !0), d))
+    ),
+    isInValid: i
+  };
+}
+async function Ya({
+  uploadedFiles: e,
+  uploaderLocale: t,
+  allowedTypes: a,
+  isMulti: n,
+  setFiles: o
+}) {
+  return e?.map((s) => {
+    if (s) {
+      const i = qa(s?.type);
+      if (!i) {
+        W({
+          title: `${t.errorUploadedTypes} ${a.join(", ")}`
+        });
+        return;
+      }
+      const l = new FileReader();
+      l.onload = () => {
+        o((d) => [
+          ...n ? d : [],
+          {
+            file: s,
+            view: l.result,
+            type: i,
+            url: URL.createObjectURL(s)
+          }
+        ]);
+      }, l.readAsDataURL(s);
+    }
+  });
+}
+const te = ({
+  defaultUploaderLocale: e,
+  configUploaderLocale: t,
+  contextUploaderLocale: a
+}) => ({
+  ...e,
+  ...t || {},
+  ...a || {}
+}), Se = (e) => typeof e == "object" && e !== null && !Array.isArray(e), Ne = ({
+  defaultLocales: e,
+  configLocales: t
+}) => {
+  const a = (n, o) => {
+    if (o == null || Object.keys(o).length === 0)
+      return n;
+    const s = { ...n };
+    for (const i of Object.keys(o)) {
+      const l = o[i], d = n[i];
+      l !== void 0 && (Se(l) && Se(d) ? s[i] = a(
+        d,
+        l
+      ) : s[i] = l);
+    }
+    return s;
+  };
+  return a(
+    e,
+    t
+  );
+}, Ja = w(["flex flex-col w-full"], {
+  variants: {
+    variant: {
+      default: []
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), Ee = [
+  "laptops",
+  "desktops",
+  "monitors",
+  "keyboards",
+  "mice",
+  "headsets",
+  "printers",
+  "storage",
+  "components",
+  "networking"
+], Le = [
+  "Apple",
+  "Dell",
+  "HP",
+  "Lenovo",
+  "Asus",
+  "Acer",
+  "MSI",
+  "Razer",
+  "Samsung",
+  "Microsoft"
+], Pe = [
+  "black",
+  "gray",
+  "white",
+  "silver",
+  "blue",
+  "red"
+], le = /* @__PURE__ */ new Date("2026-02-04T00:00:00.000Z"), Ae = [
+  "Excellent performance for the price.",
+  "Very quiet and fast machine.",
+  "Solid build quality and screen.",
+  "Battery life could be better.",
+  "Perfect for gaming and streaming.",
+  "Great value, highly recommended.",
+  "Runs cool even under heavy load.",
+  "Keyboard and trackpad feel premium.",
+  "Display is bright and color-accurate.",
+  "Setup was easy and straightforward."
+], ze = [
+  "Ahmed K.",
+  "Sara M.",
+  "Omar A.",
+  "Lina H.",
+  "Mohammed S.",
+  "Nour E.",
+  "Youssef R.",
+  "Fatima D.",
+  "Hassan T.",
+  "Mona L."
+], Ve = [
+  'Ultrabook Pro 14" Laptop',
+  "Gaming Beast RTX Desktop",
+  "Office Essential Mini PC",
+  'Curved 27" 2K Monitor',
+  "Mechanical RGB Gaming Keyboard",
+  "Wireless Silent Mouse",
+  "Studio USB-C Headset",
+  "All-in-One Color Printer",
+  "1TB NVMe PCIe 4.0 SSD",
+  "High-Airflow ATX Case"
+], ke = [
+  "Powerful and lightweight device ideal for productivity, study, and everyday use.",
+  "High-end desktop designed for 1440p and 4K gaming with excellent cooling.",
+  "Compact form factor PC optimized for office applications and web browsing.",
+  "High refresh rate display with vivid colors and thin bezels for immersive work.",
+  "Durable keyboard with customizable RGB lighting and fast mechanical switches.",
+  "Ergonomic wireless mouse with precise sensor and long battery life.",
+  "Comfortable over-ear headset with crystal-clear microphone and rich sound.",
+  "Fast wireless printer with automatic duplex printing and mobile support.",
+  "Next-generation SSD with blazing read and write speeds for fast boot times.",
+  "Spacious case with optimized airflow, cable management, and tempered glass."
+], Fe = [
+  "https://images.pexels.com/photos/18105/pexels-photo.jpg",
+  "https://images.pexels.com/photos/1714208/pexels-photo-1714208.jpeg",
+  "https://images.pexels.com/photos/1714341/pexels-photo-1714341.jpeg",
+  "https://images.pexels.com/photos/2047905/pexels-photo-2047905.jpeg",
+  "https://images.pexels.com/photos/163117/keyboard-black-notebook-input-163117.jpeg",
+  "https://images.pexels.com/photos/3829246/pexels-photo-3829246.jpeg",
+  "https://images.pexels.com/photos/3394664/pexels-photo-3394664.jpeg",
+  "https://images.pexels.com/photos/3996439/pexels-photo-3996439.jpeg",
+  "https://images.pexels.com/photos/97077/pexels-photo-97077.jpeg",
+  "https://images.pexels.com/photos/3945650/pexels-photo-3945650.jpeg"
+], Qa = 2e3, Uo = (e, t = Qa) => () => new Promise((a) => {
+  setTimeout(() => {
+    e(), a();
+  }, t);
+}), $ = [
+  {
+    id: "info",
+    label: "Info",
+    href: "#info",
+    Icon: me
+  },
+  {
+    id: "contact",
+    label: "Contact",
+    href: "#contact",
+    Icon: pe
+  },
+  {
+    id: "services",
+    label: "Services",
+    href: "#services",
+    Icon: fe
+  },
+  {
+    id: "settings",
+    label: "Settings",
+    href: "#settings",
+    Icon: Bt
+  },
+  {
+    id: "help",
+    label: "Help",
+    href: "#help",
+    Icon: _t
+  },
+  {
+    id: "support",
+    label: "Support",
+    href: "#support",
+    Icon: Rt
+  }
+], Me = [
+  {
+    id: "home",
+    label: "Home",
+    href: "#home",
+    Icon: Ue
+  },
+  {
+    id: "about",
+    label: "About",
+    href: "#about",
+    Icon: me
+  },
+  {
+    id: "contact",
+    label: "Contact",
+    href: "#contact",
+    Icon: pe
+  },
+  {
+    id: "services",
+    label: "Services",
+    href: "#services",
+    Icon: fe
+  }
+], er = [
+  {
+    id: "home",
+    label: "Home",
+    href: "#home",
+    Icon: Ue,
+    subItems: $
+  },
+  {
+    id: "about",
+    label: "About",
+    href: "#about",
+    Icon: me,
+    subItems: $
+  },
+  {
+    id: "contact",
+    label: "Contact",
+    href: "#contact",
+    Icon: pe,
+    subItems: $
+  },
+  {
+    id: "services",
+    label: "Services",
+    href: "#services",
+    Icon: fe,
+    subItems: $
+  }
+], tr = [
+  {
+    key: "logout",
+    label: "Logout",
+    color: "danger",
+    onPress: () => console.log("logout"),
+    startContent: /* @__PURE__ */ r(Ot, {})
+  }
+], ye = (e, t) => Array.from({ length: e }, (a, n) => {
+  const o = t + n + 1, s = n % 5 + 1 + n % 3 * 0.1, i = Number(Math.min(5, s).toFixed(1)), l = Ae[n % Ae?.length], d = ze[n % ze.length];
+  return {
+    id: o,
+    rating: i,
+    comment: l,
+    author: d,
+    createdAt: le,
+    updatedAt: le
+  };
+}), ar = ye(10, 0), rr = ye(50, 10), nr = ye(100, 60), or = (e) => {
+  const t = e % 5 + 1, a = [];
+  for (let n = 0; n < t; n += 1) {
+    const o = {
+      label: Ee[(e + n) % Ee.length],
+      startContent: /* @__PURE__ */ r(Ut, { className: "size-3 fill-current" })
+    };
+    a.includes(o) || a.push(o);
+  }
+  return a;
+}, sr = (e) => {
+  if (e < 10) return ar;
+  if (e < 30) return rr;
+  const a = e % (100 + 1);
+  return nr.slice(0, a);
+}, ir = (e) => {
+  if (!e.length) return 0;
+  const a = e.reduce((n, o) => n + o.rating, 0) / e.length;
+  return Number(a.toFixed(1));
+}, ut = Array.from(
+  { length: 50 },
+  (e, t) => {
+    const a = t + 1, n = Le[t % Le.length], o = Pe[t % Pe.length], s = Ve[t % Ve.length], i = ke[t % ke.length], l = Fe[t % Fe.length], d = 300 + t % 10 * 75, u = t % 3 * 50, p = d + u, m = t % 7 !== 0, f = t % 6 === 0, h = t % 5 === 0, v = sr(t), g = ir(v), y = new Date(
+      le.getTime() - t * 24 * 60 * 60 * 1e3
+    ), S = y;
+    return {
+      id: a,
+      title: s,
+      description: i,
+      image: l,
+      price: p,
+      categories: or(t),
+      isAvailable: m,
+      isBestSeller: f,
+      isTopRated: h,
+      averageRating: g,
+      reviews: v,
+      brand: n,
+      color: o,
+      createdAt: y,
+      updatedAt: S
+    };
+  }
+), Ho = async ({
+  page: e = 1,
+  pageSize: t = 12
+}) => {
+  const a = ut.slice((e - 1) * t, e * t);
+  return await new Promise((n) => {
+    setTimeout(n, 2e3);
+  }), {
+    items: a
+  };
+}, jo = async () => (await new Promise((e) => {
+  setTimeout(e, 2e3);
+}), {
+  item: ut[0]
+}), Go = {
+  [A.ENGLISH]: {
+    dropHere: "Drop your custom file here",
+    selectFile: "Choose a custom file or drag it here",
+    selectionTypes: "PNG, JPG or PDF, max size 5MB (custom localized)",
+    selectBtn: "Browse custom files",
+    errorUploadingFile: "Custom error: please upload at least one file",
+    maxNumImages: "Custom limit reached for uploaded images: ",
+    errorUploadedTypes: "Custom error: allowed file types are only: ",
+    maxSizeExceededError: "Custom error: maximum allowed size is MAX_FILE_SIZE MB, but your file is UPLOADED_FILE_SIZE MB",
+    duplicatesDenied: "Custom error: duplicate file names are not allowed, please rename before uploading"
+  },
+  [A.ARABIC]: {
+    dropHere: "أسقط الملف المخصص هنا",
+    selectFile: "اختر ملفًا مخصصًا أو اسحبه إلى هنا",
+    selectionTypes: "PNG، JPG أو PDF، الحجم الأقصى 5MB (نص مخصص)",
+    selectBtn: "استعراض الملفات المخصصة",
+    errorUploadingFile: "خطأ مخصص: يرجى رفع ملف واحد على الأقل",
+    maxNumImages: "خطأ مخصص: تم الوصول إلى الحد الأقصى للصور المرفوعة: ",
+    errorUploadedTypes: "خطأ مخصص: يمكنك فقط رفع الملفات من الأنواع التالية: ",
+    maxSizeExceededError: "خطأ مخصص: الحد الأقصى المسموح هو MAX_FILE_SIZE ميغابايت، بينما حجم ملفك هو UPLOADED_FILE_SIZE ميغابايت",
+    duplicatesDenied: "خطأ مخصص: لا يمكنك رفع ملفات بأسماء مكررة، يرجى إعادة تسميتها قبل الرفع"
+  }
+}, lr = {
+  enabled: !0,
+  blur: 10,
+  backgroundColor: "#006fed",
+  foregroundColor: "#fff",
+  opacity: 40
+}, Wo = P(({ className: e, variant: t = "default", children: a, ...n }, o) => /* @__PURE__ */ b(
+  "main",
+  {
+    ref: o,
+    "data-slot": "emperor-landing-page",
+    className: c(Ja({ className: e })),
+    ...n,
+    children: [
+      /* @__PURE__ */ b(Wn, { variant: "floating", glassEffect: lr, children: [
+        /* @__PURE__ */ r(ce, {}),
+        /* @__PURE__ */ r(
+          Ct,
+          {
+            items: er,
+            hoverEffect: "none",
+            variant: "default",
+            className: "hidden md:flex",
+            subItemsColumns: 4
+          }
+        )
+      ] }),
+      /* @__PURE__ */ b("main", { className: "w-full container mx-auto p-5 pt-24 flex flex-col gap-6", children: [
+        /* @__PURE__ */ r("p", { children: q }),
+        /* @__PURE__ */ r("p", { children: q }),
+        /* @__PURE__ */ r("p", { children: q }),
+        /* @__PURE__ */ r("p", { children: q }),
+        /* @__PURE__ */ r("p", { children: q })
+      ] }),
+      a
+    ]
+  }
+));
+function mt({
+  className: e,
+  classNames: t,
+  hoverEffect: a = "none",
+  orientation: n = "vertical"
+}) {
+  return /* @__PURE__ */ r(
+    F.div,
+    {
+      ...ot({}),
+      "data-slot": "emperor-ui-item-card",
+      className: c(
+        ht({ orientation: n }),
+        t?.base,
+        e
+      ),
+      children: /* @__PURE__ */ b(
+        Te,
+        {
+          shadow: "sm",
+          "data-slot": "emperor-ui-item-card-main-wrapper",
+          className: c(
+            gt({ orientation: n }),
+            t?.mainWrapper
+          ),
+          children: [
+            /* @__PURE__ */ r(
+              Be,
+              {
+                "data-slot": "emperor-ui-item-card-header",
+                className: c(bt({ orientation: n }), t?.header),
+                children: /* @__PURE__ */ r(
+                  T,
+                  {
+                    className: c(
+                      vt({ orientation: n }),
+                      t?.imageWrapper
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ b(
+              _e,
+              {
+                "data-slot": "emperor-ui-item-card-body",
+                className: c(wt({ orientation: n }), t?.body),
+                children: [
+                  /* @__PURE__ */ b("div", { className: "flex items-start justify-between gap-2", children: [
+                    /* @__PURE__ */ r(T, { className: "h-5 flex-1 rounded-lg" }),
+                    /* @__PURE__ */ r(T, { className: "size-8 shrink-0 rounded-lg" })
+                  ] }),
+                  /* @__PURE__ */ r(T, { className: "h-4 w-4/5 rounded-lg" }),
+                  /* @__PURE__ */ r(T, { className: "h-4 w-full rounded-lg" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ r(
+              Re,
+              {
+                "data-slot": "emperor-ui-item-card-footer",
+                className: c(xt({ orientation: n }), t?.footer),
+                children: /* @__PURE__ */ b(
+                  "menu",
+                  {
+                    "data-slot": "emperor-ui-item-card-chips",
+                    className: c(yt({ orientation: n }), t?.chips),
+                    children: [
+                      " ",
+                      /* @__PURE__ */ r(T, { className: "h-6 w-16 rounded-full" }),
+                      /* @__PURE__ */ r(T, { className: "h-6 w-20 rounded-full" }),
+                      /* @__PURE__ */ r(T, { className: "h-6 w-14 rounded-full" })
+                    ]
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function cr({
+  item: e,
+  orientation: t,
+  classNames: a
+}) {
+  return e?.banner ? /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "emperor-ui-item-card-banner",
+      className: c(xr({ orientation: t }), a?.banner),
+      children: e?.banner
+    }
+  ) : null;
+}
+function x() {
+  const e = Z(ie);
+  if (!e)
+    throw new Error("useEmperorUI must be used within a EmperorUIProvider");
+  return e;
+}
+function pt() {
+  const e = Z(st);
+  if (!e)
+    throw new Error("useNavigation must be used within a NavigationProvider");
+  return e;
+}
+const ne = "URLSearchParamsChange";
+function V() {
+  const e = R(() => {
+    if (typeof window > "u")
+      return {};
+    const u = new URLSearchParams(window.location.search);
+    return Array.from(u.entries()).reduce((p, [m, f]) => (p[m] = f, p), {});
+  }, []), [t, a] = I(
+    () => e()
+  ), n = R(
+    ({ searchParams: u }) => {
+      if (typeof window > "u") return;
+      const p = u.toString(), m = p ? `?${p}` : "", f = `${window.location.pathname}${m}${window.location.hash}`, h = `${window.location.pathname}${window.location.search}${window.location.hash}`;
+      f !== h && (window.history.replaceState(window.history.state, "", f), window.dispatchEvent(new Event(ne)));
+    },
+    []
+  ), o = R(
+    ({
+      params: u,
+      options: p = { replace: !0 }
+    }) => {
+      if (typeof window > "u") return;
+      const m = new URLSearchParams(window.location.search);
+      let f = !1;
+      Object.entries(u).forEach(([h, v]) => {
+        if (v == null || v === "") {
+          const C = m.has(h);
+          m.delete(h), C && (f = !0);
+          return;
+        }
+        const g = String(v);
+        if (p.replace) {
+          const C = m.getAll(h);
+          if (C.length === 1 && C[0] === g)
+            return;
+          m.delete(h), m.append(h, g), f = !0;
+          return;
+        }
+        m.getAll(h).some(
+          (C) => C === g
+        ) || (m.append(h, g), f = !0);
+      }), f && n({ searchParams: m });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  ), s = R(
+    ({ key: u }) => {
+      if (typeof window > "u")
+        return;
+      const p = new URLSearchParams(window.location.search);
+      p.delete(u), n({ searchParams: p });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  ), i = R(
+    ({ keys: u }) => {
+      if (typeof window > "u") return;
+      const p = new URLSearchParams(window.location.search);
+      let m = !1;
+      u.forEach((f) => {
+        const h = p.has(f);
+        p.delete(f), h && (m = !0);
+      }), m && n({ searchParams: p });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  ), l = R(() => {
+    typeof window > "u" || window.location.search && n({ searchParams: new URLSearchParams() });
+  }, [n]), d = R((u) => typeof window > "u" ? null : new URLSearchParams(window.location.search).get(u), []);
+  return O(() => {
+    if (typeof window > "u")
+      return;
+    const u = () => {
+      a(e());
+    };
+    return u(), window.addEventListener("popstate", u), window.addEventListener(ne, u), () => {
+      window.removeEventListener("popstate", u), window.removeEventListener(ne, u);
+    };
+  }, [e]), {
+    getParam: d,
+    allParams: t,
+    setParams: o,
+    deleteParam: s,
+    deleteParams: i,
+    clearParams: l
+  };
+}
+function H() {
+  const e = Z(it);
+  if (!e)
+    throw new Error(
+      "useUploaderContext must be used within a UploaderProvider"
+    );
+  return e;
+}
+const qo = ({
+  labelContent: e,
+  labelId: t,
+  fileTypes: a,
+  isRequired: n = !1,
+  isDraggable: o = !0,
+  isMulti: s = !1,
+  preventDuplicates: i = !0,
+  maxCount: l = 10,
+  maxFileSize: d = nt * 10,
+  compressFiles: u = !1,
+  onChange: p = () => {
+  },
+  locales: m
+}) => {
+  const { config: f } = x(), [h, v] = I([]), [g, y] = I(!1), S = f?.interLocalization?.locales, C = f?.interLocalization?.lang || f?.interLocalization?.defaultLanguage || "en", z = ee(C), M = te({
+    defaultUploaderLocale: z.atoms.uploader,
+    configUploaderLocale: S?.[C]?.atoms?.uploader,
+    contextUploaderLocale: m
+  });
+  return {
+    files: h,
+    fileTypes: a,
+    labelId: t,
+    isRequired: n,
+    labelContent: e,
+    isDraggable: o,
+    isMulti: s,
+    handleClearFile: (N) => {
+      if (v((D) => D?.filter((_) => _?.file?.name !== N)), t) {
+        const D = document.getElementById(t);
+        D && (D.value = "");
+      }
+    },
+    onInputChange: async (N) => {
+      if (console.log("files: ", N.target.files), (!N.target.files || !N.target.files?.[0]) && (!N?.dataTransfer?.files || !N?.dataTransfer?.files[0]))
+        return W({
+          title: M.errorUploadingFile
+        });
+      const D = Ka(a);
+      if (!N.target.files && !N.dataTransfer.files) return;
+      const _ = Array.from(
+        N.target.files || N.dataTransfer.files
+      );
+      if (s && (_?.length > l || h?.length + _?.length > l)) {
+        W({
+          title: `${M.maxNumImages} ${l}`
+        });
+        return;
+      }
+      if (!_?.map((re) => re?.type)?.every((re) => D.includes(re))) {
+        W({
+          title: M.errorUploadedTypes
+        });
+        return;
+      }
+      const { compressedFiles: Ce, isInValid: ae } = await Za({
+        uploadedFiles: _,
+        maxFileSize: d,
+        compressFiles: u,
+        preventDuplicates: i,
+        files: h,
+        uploaderLocale: M
+      });
+      ae || (y(!0), await Promise.all(
+        await Ya({
+          uploadedFiles: Ce,
+          uploaderLocale: M,
+          allowedTypes: D,
+          isMulti: s,
+          setFiles: v
+        })
+      ).finally(() => {
+        y(!1);
+      }), setTimeout(() => {
+        p();
+      }, 200), N.target && "value" in N.target && N.target.files && (N.target.value = ""));
+    },
+    setFiles: v,
+    isLoading: g,
+    locales: m
+  };
+}, K = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+}, dr = () => {
+  const [e, t] = I({ width: 0, height: 0 });
+  O(() => {
+    function s() {
+      t({ width: window.innerWidth, height: window.innerHeight });
+    }
+    return window.addEventListener("resize", s), s(), () => window.removeEventListener("resize", s);
+  }, []);
+  const a = E(() => e?.width > K?.["2xl"] ? "2xl" : e?.width > K?.xl ? "xl" : e?.width > K?.lg ? "lg" : e?.width > K?.md ? "md" : e?.width > K?.sm ? "sm" : "base", [e]), n = E(
+    () => ["base", "sm", "md"].includes(a),
+    [a]
+  ), o = E(
+    () => ["base"].includes(a),
+    [a]
+  );
+  return {
+    viewportWidth: e.width,
+    viewportHeight: e.height,
+    currentScreen: a,
+    isSmallDevice: n,
+    isExtraSmallDevice: o
+  };
+};
+function Ko() {
+  const { allParams: e, clearParams: t } = V();
+  return { filters: E(() => Object.keys(e).length ? e : null, [e]), clearFilters: t };
+}
+function j() {
+  const e = Z(lt);
+  if (!e)
+    throw new Error(
+      "'useFormBuilder' must be used within a 'FormBuilderProvider', make sure to wrap 'Field' components with 'FormBuilder' as well."
+    );
+  return e;
+}
+function ur({
+  variants: e,
+  isLoading: t = !1,
+  className: a,
+  classNames: n,
+  item: o,
+  actions: s = [],
+  hoverEffect: i = "none",
+  onActionClick: l,
+  orientation: d = "vertical",
+  actionsViewVariant: u = "dropdown"
+}) {
+  const { isExtraSmallDevice: p } = dr(), m = p ? "vertical" : d;
+  if (t)
+    return /* @__PURE__ */ r(
+      mt,
+      {
+        className: a,
+        classNames: n,
+        orientation: m
+      }
+    );
+  const f = s && s.length > 0, h = u === "dropdown", v = u === "hover-overlay";
+  return /* @__PURE__ */ r(
+    F.div,
+    {
+      "data-slot": "emperor-ui-item-card",
+      className: c(
+        ht({ orientation: m }),
+        "group",
+        n?.base,
+        a
+      ),
+      variants: e,
+      ...ot({}),
+      children: /* @__PURE__ */ b(
+        Te,
+        {
+          shadow: "sm",
+          "data-slot": "emperor-ui-item-card-main-wrapper",
+          className: c(
+            gt({ orientation: m }),
+            "relative overflow-hidden",
+            n?.mainWrapper
+          ),
+          children: [
+            /* @__PURE__ */ r(
+              mr,
+              {
+                item: o,
+                orientation: m,
+                classNames: n,
+                actions: s,
+                onActionClick: l,
+                actionsViewVariant: h ? "dropdown" : u
+              }
+            ),
+            /* @__PURE__ */ r(
+              pr,
+              {
+                item: o,
+                orientation: m,
+                classNames: n,
+                actions: s,
+                onActionClick: l,
+                actionsViewVariant: h ? "dropdown" : u
+              }
+            ),
+            /* @__PURE__ */ r(
+              fr,
+              {
+                item: o,
+                orientation: m,
+                classNames: n,
+                actions: s,
+                onActionClick: l,
+                actionsViewVariant: u
+              }
+            ),
+            v && f && /* @__PURE__ */ r(
+              gr,
+              {
+                actions: s,
+                classNames: n,
+                onActionClick: l,
+                orientation: m
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function mr({
+  item: e,
+  orientation: t,
+  classNames: a,
+  actions: n,
+  onActionClick: o,
+  actionsViewVariant: s = "dropdown"
+}) {
+  return /* @__PURE__ */ b(
+    Be,
+    {
+      "data-slot": "emperor-ui-item-card-header",
+      className: c(bt({ orientation: t }), a?.header),
+      children: [
+        e?.image && /* @__PURE__ */ r(
+          "div",
+          {
+            "data-slot": "emperor-ui-item-card-image-wrapper",
+            className: c(
+              vt({ orientation: t }),
+              a?.imageWrapper
+            ),
+            children: /* @__PURE__ */ r(
+              he,
+              {
+                "data-slot": "emperor-ui-item-card-image",
+                src: e?.image?.src,
+                alt: e?.image?.alt,
+                className: c("size-full object-cover", a?.image),
+                radius: "none",
+                removeWrapper: !0
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ r(
+          cr,
+          {
+            item: e,
+            orientation: t,
+            classNames: a
+          }
+        ),
+        t === "vertical" && s === "dropdown" && /* @__PURE__ */ r(
+          ft,
+          {
+            actions: n,
+            classNames: a,
+            onActionClick: o
+          }
+        )
+      ]
+    }
+  );
+}
+function pr({
+  item: e,
+  orientation: t,
+  classNames: a,
+  actions: n,
+  onActionClick: o,
+  actionsViewVariant: s = "dropdown"
+}) {
+  return /* @__PURE__ */ b(
+    _e,
+    {
+      "data-slot": "emperor-ui-item-card-body",
+      className: c(wt({ orientation: t }), a?.body),
+      children: [
+        e?.title && /* @__PURE__ */ r(
+          "h3",
+          {
+            "data-slot": "emperor-ui-item-card-title",
+            className: c(vr({ orientation: t }), a?.title),
+            children: e?.title
+          }
+        ),
+        e?.description && /* @__PURE__ */ r(
+          "p",
+          {
+            "data-slot": "emperor-ui-item-card-description",
+            className: c(
+              wr({ orientation: t }),
+              a?.description
+            ),
+            children: e?.description
+          }
+        ),
+        e?.price && /* @__PURE__ */ r(
+          "p",
+          {
+            "data-slot": "emperor-ui-item-card-price",
+            className: c(br({ orientation: t }), a?.price),
+            children: e?.price
+          }
+        ),
+        t === "horizontal" && s === "dropdown" && /* @__PURE__ */ r(
+          ft,
+          {
+            actions: n,
+            classNames: a,
+            onActionClick: o
+          }
+        )
+      ]
+    }
+  );
+}
+function fr({
+  item: e,
+  orientation: t,
+  classNames: a,
+  actions: n,
+  onActionClick: o,
+  actionsViewVariant: s = "dropdown"
+}) {
+  return /* @__PURE__ */ b(
+    Re,
+    {
+      "data-slot": "emperor-ui-item-card-footer",
+      className: c(xt({ orientation: t }), a?.footer),
+      children: [
+        e?.chips && e?.chips?.length > 0 && /* @__PURE__ */ r(
+          "menu",
+          {
+            "data-slot": "emperor-ui-item-card-chips",
+            className: c(yt({ orientation: t }), a?.chips),
+            children: e?.chips?.map(
+              ({
+                label: i,
+                className: l,
+                classNames: d,
+                ...u
+              }, p) => /* @__PURE__ */ r(
+                Yt,
+                {
+                  "data-slot": "emperor-ui-item-card-chip",
+                  className: c(l, a?.chip),
+                  classNames: {
+                    content: "text-xs mx-1",
+                    ...d
+                  },
+                  size: "sm",
+                  variant: "flat",
+                  color: "primary",
+                  ...u,
+                  children: i
+                },
+                p
+              )
+            )
+          }
+        ),
+        s === "buttons" && n && n?.length > 0 && /* @__PURE__ */ r(
+          hr,
+          {
+            actions: n,
+            classNames: a,
+            onActionClick: o,
+            className: "ml-auto"
+          }
+        )
+      ]
+    }
+  );
+}
+function ft({
+  actions: e,
+  classNames: t,
+  onActionClick: a
+}) {
+  return !e || e?.length === 0 ? null : /* @__PURE__ */ b(Jt, { placement: "bottom-end", children: [
+    /* @__PURE__ */ r(Qt, { "data-slot": "emperor-ui-item-card-actions-dropdown-trigger", children: /* @__PURE__ */ r(
+      L,
+      {
+        isIconOnly: !0,
+        size: "sm",
+        variant: "flat",
+        radius: "full",
+        className: c(
+          "absolute right-2 top-2 z-10 size-7 min-w-7 backdrop-blur-lg",
+          "border border-default-300",
+          t?.dropdown
+        ),
+        children: /* @__PURE__ */ r(Ht, { className: "size-4" })
+      }
+    ) }),
+    /* @__PURE__ */ r(
+      ea,
+      {
+        "data-slot": "emperor-ui-item-card-actions-dropdown-menu",
+        "aria-label": "Card actions",
+        onAction: (n) => a?.(String(n)),
+        items: e,
+        children: ({ key: n, label: o, ...s }) => /* @__PURE__ */ r(
+          ta,
+          {
+            "data-slot": "emperor-ui-item-card-actions-dropdown-item",
+            textValue: o,
+            title: o,
+            ...s
+          },
+          n
+        )
+      }
+    )
+  ] });
+}
+function hr({
+  actions: e,
+  classNames: t,
+  onActionClick: a,
+  className: n
+}) {
+  return !e || e.length === 0 ? null : /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "emperor-ui-item-card-actions-buttons",
+      className: c("flex flex-wrap gap-2", t?.actions, n),
+      children: e.map(
+        ({ key: o, label: s, className: i, ...l }, d) => /* @__PURE__ */ r(
+          L,
+          {
+            "data-slot": "emperor-ui-item-card-actions-button",
+            size: "sm",
+            className: c(t?.action, i),
+            onPress: () => o && a?.(String(o)),
+            ...l,
+            children: s
+          },
+          o ?? d
+        )
+      )
+    }
+  );
+}
+function gr({
+  actions: e,
+  classNames: t,
+  onActionClick: a,
+  orientation: n
+}) {
+  return !e || e?.length === 0 ? null : /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "emperor-ui-item-card-actions-overlay",
+      className: c(
+        "absolute inset-0 z-20 gap-3 flex items-center justify-center bg-black/60 opacity-0",
+        n === "horizontal" ? "flex-row" : "flex-col",
+        "transition-opacity duration-200 group-hover:opacity-100",
+        t?.actions
+      ),
+      children: e?.map(
+        ({ key: o, label: s, className: i, ...l }, d) => /* @__PURE__ */ r(aa, { content: s, children: /* @__PURE__ */ r(
+          L,
+          {
+            "data-slot": "emperor-ui-item-card-actions-overlay-button",
+            isIconOnly: !0,
+            radius: "full",
+            className: c(t?.action, i),
+            onPress: () => o && a?.(String(o)),
+            ...l
+          },
+          o ?? d
+        ) })
+      )
+    }
+  );
+}
+const ht = w(["w-full relative"], {
+  variants: {
+    orientation: {
+      vertical: "max-w-80",
+      horizontal: "min-w-full max-w-full"
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), gt = w(["size-full"], {
+  variants: {
+    orientation: {
+      vertical: "flex flex-col",
+      horizontal: "grid grid-cols-[200px_auto]"
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), vt = w(
+  ["relative aspect-4/3 overflow-hidden"],
+  {
+    variants: {
+      orientation: {
+        vertical: "w-full",
+        horizontal: "w-fit h-full"
+      }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), bt = w(["relative p-0"], {
+  variants: {
+    orientation: {
+      vertical: "",
+      horizontal: "row-span-2"
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), wt = w(["relative flex flex-col gap-2 p-4"], {
+  variants: {
+    orientation: {
+      vertical: "",
+      horizontal: ""
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), xt = w(
+  ["flex flex-wrap flex-col p-4 gap-4 items-start"],
+  {
+    variants: {
+      orientation: {
+        vertical: "",
+        horizontal: "justify-end"
+      }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), vr = w(
+  ["line-clamp-1 font-semibold text-foreground"],
+  {
+    variants: {
+      orientation: {
+        vertical: "",
+        horizontal: "w-[calc(100%-30px)]"
+      }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), br = w(["text-2xl font-bold text-foreground"], {
+  variants: {
+    orientation: {
+      vertical: "",
+      horizontal: ""
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), wr = w(
+  ["line-clamp-2 text-sm text-default-600"],
+  {
+    variants: {
+      orientation: {
+        vertical: "",
+        horizontal: ""
+      }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), yt = w(["flex flex-wrap items-center gap-2 p-1"], {
+  variants: {
+    orientation: {
+      vertical: "",
+      horizontal: ""
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), xr = w(
+  [
+    "absolute left-0 top-0 z-10 px-2 py-1 text-xs font-semibold",
+    "bg-primary-500/50 backdrop-blur-sm text-center flex justify-center items-center",
+    "-rotate-45 w-full text-white"
+  ],
+  {
+    variants: {
+      orientation: {
+        vertical: "-translate-x-28 translate-y-7",
+        horizontal: "-translate-x-14 translate-y-7"
+      }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), yr = w(["relative flex items-center gap-3"], {
+  variants: {
+    hoverEffect: {
+      default: [],
+      solid: [],
+      underline: [],
+      ghost: [],
+      bordered: [],
+      none: []
+    },
+    variant: {
+      default: [],
+      solid: [],
+      bordered: []
+    }
+  },
+  defaultVariants: {
+    hoverEffect: "default",
+    variant: "default"
+  }
+}), Cr = w(["size-full flex items-center"], {
+  variants: {
+    variant: {
+      default: [],
+      solid: [],
+      bordered: []
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), Ir = w(
+  [
+    "relative cursor-pointer px-4 py-2 transition-all font-semibold flex items-center gap-2"
+  ],
+  {
+    variants: {
+      hoverEffect: {
+        default: [],
+        solid: ["hover:opacity-80"],
+        underline: [
+          "relative font-bold",
+          "before:absolute before:bottom-0 before:left-0",
+          "before:h-0.5 before:w-full before:bg-current before:rounded-lg",
+          "before:scale-x-0 before:transition-transform hover:before:scale-x-100"
+        ],
+        ghost: [],
+        bordered: ["last:border-r-2! first:border-l-2!"],
+        none: []
+      },
+      variant: {
+        default: [],
+        solid: [],
+        bordered: ["last:border-r-2! first:border-l-2!"]
+      }
+    },
+    defaultVariants: {
+      hoverEffect: "default",
+      variant: "default"
+    }
+  }
+), Sr = ({
+  primaryColor: e,
+  foregroundColor: t,
+  variant: a
+}) => a === "solid" ? {
+  backgroundColor: e,
+  color: t
+} : {}, Nr = ({}) => ({}), Er = ({
+  foregroundColor: e,
+  hoverEffect: t,
+  primaryColor: a,
+  isHovered: n,
+  variant: o
+}) => t === "solid" ? {
+  color: e,
+  backgroundColor: a
+} : t === "underline" ? {
+  // color: primaryColor,
+} : t === "ghost" ? {
+  color: n ? a : e,
+  backgroundColor: n ? "transparent" : a,
+  borderColor: n ? a : "transparent",
+  borderWidth: "2px",
+  borderStyle: "solid"
+} : t === "bordered" ? {
+  color: n ? e : a,
+  backgroundColor: n ? a : "transparent",
+  borderColor: n ? "transparent" : a,
+  borderTopWidth: "2px",
+  borderBottomWidth: "2px",
+  borderRightWidth: "1px",
+  borderLeftWidth: "1px",
+  borderStyle: "solid"
+} : o === "bordered" ? {
+  color: a,
+  backgroundColor: "transparent",
+  borderColor: a,
+  borderTopWidth: "2px",
+  borderBottomWidth: "2px",
+  borderRightWidth: "1px",
+  borderLeftWidth: "1px",
+  borderStyle: "solid"
+} : {}, Ct = P(
+  ({
+    className: e,
+    hoverEffect: t = "default",
+    variant: a = "default",
+    items: n = [],
+    subItemsColumns: o = 3,
+    ...s
+  }, i) => /* @__PURE__ */ b(
+    "nav",
+    {
+      ref: i,
+      "data-slot": "emperor-nav-bar",
+      className: c(yr({ hoverEffect: t, variant: a, className: e })),
+      style: Sr({
+        variant: a
+      }),
+      ...s,
+      children: [
+        /* @__PURE__ */ r(
+          "ul",
+          {
+            className: c(Cr({ className: e })),
+            style: Nr({}),
+            "data-slot": "emperor-nav-bar-menu",
+            children: n?.map((l) => /* @__PURE__ */ r(
+              Pr,
+              {
+                item: l,
+                variant: a,
+                hoverEffect: t
+              },
+              l.id
+            ))
+          }
+        ),
+        /* @__PURE__ */ r(Lr, { subItemsColumns: o })
+      ]
+    }
+  )
+), Lr = ({ subItemsColumns: e = 3 }) => {
+  const {
+    hoveredItemId: t,
+    subItems: a,
+    isSubItemsBoxOpen: n,
+    subItemsBoxIsHovered: o,
+    setSubItemsBoxIsHovered: s,
+    setIsSubItemsBoxOpen: i
+  } = pt(), l = n || o;
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: c(
+        "absolute top-full left-0 w-full overflow-hidden bg-background",
+        "transition-all duration-300 ease-in-out z-50"
+      ),
+      style: {
+        maxHeight: l ? `${Number(a.length / e) * 70}px` : "0px"
+      },
+      onMouseEnter: () => {
+        s(!0), i(!0);
+      },
+      onMouseLeave: () => {
+        s(!1), t || i(!1);
+      },
+      children: /* @__PURE__ */ r(
+        "ul",
+        {
+          className: "grid border border-gray-200",
+          style: { gridTemplateColumns: `repeat(${e}, 1fr)` },
+          children: a?.map(({ id: d, href: u, label: p, Icon: m }) => /* @__PURE__ */ b(
+            J,
+            {
+              href: u,
+              className: c(
+                " w-full flex items-center gap-2 text-foreground p-2 transition-all duration-300 ease-in-out",
+                "hover:text-background hover:bg-primary"
+              ),
+              children: [
+                m && /* @__PURE__ */ r(m, { className: "size-4" }),
+                p && /* @__PURE__ */ r("p", { children: p })
+              ]
+            },
+            d
+          ))
+        }
+      )
+    }
+  );
+}, Pr = P(({ className: e, item: t, variant: a, hoverEffect: n, ...o }, s) => {
+  const {
+    hoveredItemId: i,
+    subItemsBoxIsHovered: l,
+    setSubItems: d,
+    setHoveredItemId: u,
+    setIsSubItemsBoxOpen: p
+  } = pt(), { id: m, label: f, Icon: h, subItems: v } = t, g = i === m, y = (S) => {
+    if (S) {
+      u(S), v && v.length > 0 ? (d(v), p(!0)) : p(!1);
+      return;
+    }
+    u(null), l || p(!1);
+  };
+  return /* @__PURE__ */ b(
+    "li",
+    {
+      ref: s,
+      "data-slot": "emperor-nav-bar-item",
+      style: Er({
+        hoverEffect: n,
+        isHovered: g,
+        variant: a
+      }),
+      className: c(Ir({ hoverEffect: n, variant: a })),
+      onMouseEnter: () => y(m),
+      onMouseLeave: () => y(null),
+      ...o,
+      children: [
+        h && /* @__PURE__ */ r(h, { className: "size-4" }),
+        f && /* @__PURE__ */ r("p", { children: f })
+      ]
+    }
+  );
+}), Ar = ({
+  foregroundColor: e,
+  primaryColor: t,
+  isHovered: a
+}) => ({
+  color: a ? e : "inherit",
+  backgroundColor: a ? t : "transparent"
+}), zr = w([""], {
+  variants: {
+    variant: {
+      default: [],
+      compact: []
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), Vr = w(
+  [
+    "w-full cursor-pointer px-6 py-2 transition-all font-semibold text-sm flex items-center gap-2"
+  ],
+  {
+    variants: {
+      variant: {
+        default: [],
+        compact: []
+      }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), kr = ({
+  isOpen: e,
+  onOpenChange: t,
+  triggerProps: a,
+  classNames: n,
+  header: o,
+  items: s = [],
+  actions: i = [],
+  variant: l = "default"
+}) => {
+  const { config: d } = x(), [u, p] = I(null), { content: m, ...f } = a || {}, h = d?.interLocalization?.dir, v = h === "rtl";
+  return /* @__PURE__ */ b(se, { children: [
+    /* @__PURE__ */ r(
+      L,
+      {
+        variant: "ghost",
+        isIconOnly: !0,
+        size: "sm",
+        onPress: () => t?.(!0),
+        className: c(n?.trigger),
+        ...f,
+        children: m
+      }
+    ),
+    /* @__PURE__ */ r(
+      ya,
+      {
+        isOpen: e,
+        onOpenChange: t,
+        placement: v ? "right" : "left",
+        size: "sm",
+        dir: h,
+        className: "p-0",
+        children: /* @__PURE__ */ b(Ca, { className: "p-0", children: [
+          /* @__PURE__ */ r(Ia, { className: c("text-xl font-bold", n?.title), children: o }),
+          /* @__PURE__ */ r(Sa, { className: c("p-0 mt-4 h-fit"), children: /* @__PURE__ */ r(
+            Ye,
+            {
+              as: "ul",
+              hideScrollBar: !0,
+              "data-slot": "emperor-side-bar-menu",
+              className: c("max-h-[60vh] overflow-y-auto", n?.menu),
+              children: s?.map(({ id: g, label: y, href: S, Icon: C }) => /* @__PURE__ */ b(
+                "li",
+                {
+                  "data-slot": "emperor-side-bar-item",
+                  style: Ar({
+                    isHovered: u === g
+                  }),
+                  className: c(
+                    Vr({ variant: l }),
+                    n?.menuItem
+                  ),
+                  onMouseEnter: () => p(g),
+                  onMouseLeave: () => p(null),
+                  children: [
+                    C && /* @__PURE__ */ r(C, { className: "size-4" }),
+                    y && /* @__PURE__ */ r("p", { children: y })
+                  ]
+                },
+                S
+              ))
+            }
+          ) }),
+          i && i?.length > 0 && /* @__PURE__ */ b(se, { children: [
+            /* @__PURE__ */ r(xe, { className: "m-auto w-11/12" }),
+            /* @__PURE__ */ r(Na, { className: c(n?.actionsWrapper), children: i?.map(({ key: g, label: y, ...S }) => /* @__PURE__ */ r(
+              L,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: c(n?.actionItem),
+                ...S,
+                children: y
+              },
+              g
+            )) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}, Fr = ({
+  items: e = [],
+  isOpen: t,
+  onOpenChange: a,
+  triggerProps: n
+}) => {
+  const { content: o, ...s } = n || {};
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: c(
+        "flex flex-col gap-4 p-2",
+        "h-[calc(100vh-16px)] bg-gray-200 m-2 rounded-lg overflow-hidden",
+        "transition-width ease-in-out duration-300",
+        t ? "w-[20vw]" : "w-[48px]"
+      ),
+      children: [
+        /* @__PURE__ */ r("div", { className: "w-fit flex flex-col", children: /* @__PURE__ */ r(
+          L,
+          {
+            variant: "light",
+            size: "sm",
+            onPress: () => a?.(!0),
+            className: c("min-w-7 w-fit px-0.5"),
+            ...s,
+            children: o
+          }
+        ) }),
+        /* @__PURE__ */ r(xe, {}),
+        /* @__PURE__ */ r(
+          Ye,
+          {
+            as: "ul",
+            hideScrollBar: !0,
+            className: "max-h-[70vh] flex flex-col gap-4 p-0 overflow-y-auto",
+            children: e?.map(({ id: i, Icon: l, label: d }) => /* @__PURE__ */ b(
+              "li",
+              {
+                className: "w-fit flex items-center justify-center gap-3 ms-1.5 cursor-pointer",
+                children: [
+                  l && /* @__PURE__ */ r(l, { className: "size-5" }),
+                  d && t && /* @__PURE__ */ r("p", { className: c("text-sm font-semibold"), children: d })
+                ]
+              },
+              i
+            ))
+          }
+        )
+      ]
+    }
+  );
+}, Mr = (e) => {
+  const [t, a] = I(null);
+  return O(() => {
+    const n = document.getElementById("emperor-compact-sidebar");
+    setTimeout(() => {
+      a(n);
+    }, 100);
+  }, []), t ? He(/* @__PURE__ */ r(Fr, { ...e }), t) : null;
+}, Dr = P((e, t) => {
+  const { variant: a = "default", className: n, classNames: o } = e;
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      ref: t,
+      "data-slot": "emperor-side-bar",
+      className: c(
+        zr({
+          variant: a,
+          className: c(n, o?.base)
+        })
+      ),
+      ...e,
+      children: [
+        a === "default" && /* @__PURE__ */ r(kr, { ...e }),
+        a === "compact" && /* @__PURE__ */ r(Mr, { ...e })
+      ]
+    }
+  );
+}), Tr = P(
+  ({ className: e, children: t, ...a }, n) => {
+    const { config: o } = x();
+    return /* @__PURE__ */ r(
+      "main",
+      {
+        ref: n,
+        dir: o?.interLocalization?.dir,
+        "data-slot": "scaffold",
+        className: c(Br({ className: e }), e),
+        ...a,
+        children: t
+      }
+    );
+  }
+), Br = w(
+  ["flex flex-col min-h-screen w-full max-w-screen"],
+  {
+    variants: {},
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), _r = w([""], {
+  variants: {
+    variant: {}
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), ce = P(
+  ({
+    className: e,
+    variant: t,
+    src: a,
+    alt: n = "Emperor UI",
+    name: o = "Emperor UI",
+    isIconOnly: s = !1,
+    classNames: i,
+    ...l
+  }, d) => /* @__PURE__ */ b(
+    de,
+    {
+      ref: d,
+      "data-slot": "emperor-brand",
+      className: c(
+        _r({ variant: t, className: c(e, i?.base) })
+      ),
+      ...l,
+      children: [
+        a && /* @__PURE__ */ r(
+          he,
+          {
+            "data-slot": "emperor-brand-logo",
+            src: a,
+            alt: n,
+            radius: "md",
+            className: c("min-w-7 min-h-7 size-7", i?.logo)
+          }
+        ),
+        o && !s && /* @__PURE__ */ r(
+          "p",
+          {
+            "data-slot": "emperor-brand-name",
+            className: c("font-semibold text-lg", i?.name),
+            children: o
+          }
+        )
+      ]
+    }
+  )
+), Rr = w(["flex flex-col gap-3"], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+}), $o = P(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ r("section", { ref: n, className: c(Rr({ className: e })), ...a, children: t })), Or = w(["flex w-full container p-4 mx-auto"], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+}), Xo = P(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ r(
+  "section",
+  {
+    ref: n,
+    "data-slot": "container",
+    className: c(Or({ className: e })),
+    ...a,
+    children: t
+  }
+)), Ur = w(["flex items-center gap-3"], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+}), de = P(({ className: e, children: t, ...a }, n) => /* @__PURE__ */ r(
+  "section",
+  {
+    ref: n,
+    "data-slot": "row",
+    className: c(Ur({ className: e })),
+    ...a,
+    children: t
+  }
+));
+function Zo({
+  children: e,
+  containerId: t,
+  isVisible: a = !0
+}) {
+  const [n, o] = I(null);
+  return O(() => {
+    const s = document.getElementById(t);
+    setTimeout(() => {
+      o(s);
+    }, 100);
+  }, [t]), !n || !a ? null : He(e, n);
+}
+const Hr = w(["w-full flex flex-col gap-2"], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+}), Yo = P(({ className: e, ...t }, a) => {
+  const {
+    isAvatar: n,
+    hideListing: o,
+    isFileViewable: s,
+    hideErrorMessage: i,
+    // Uploader API — must not be forwarded to a DOM element (React warns on unknown props).
+    selectedFile: l,
+    setSelectedFile: d,
+    labelId: u,
+    labelContent: p,
+    avatarLabelContent: m,
+    title: f,
+    errorMessage: h,
+    isRequired: v,
+    isDraggable: g,
+    isLoading: y,
+    isMulti: S,
+    placeholderImage: C,
+    files: z,
+    fileTypes: M,
+    onInputChange: G,
+    handleClearFile: Nt,
+    modal: N,
+    classNames: D,
+    locales: _,
+    setFiles: Ce,
+    ...ae
+  } = t;
+  return /* @__PURE__ */ r(ja, { ...t, children: /* @__PURE__ */ b(
+    "div",
+    {
+      ref: a,
+      className: c(Hr({ className: e })),
+      ...ae,
+      children: [
+        /* @__PURE__ */ r(Xr, {}),
+        n ? /* @__PURE__ */ r(jr, {}) : /* @__PURE__ */ r(Gr, {}),
+        !o && /* @__PURE__ */ r(qr, {}),
+        !i && /* @__PURE__ */ r(Kr, {}),
+        /* @__PURE__ */ r($r, {}),
+        s && /* @__PURE__ */ r(Wr, {})
+      ]
+    }
+  ) });
+});
+function jr() {
+  const { config: e } = x(), [t, a] = I(null), {
+    labelId: n,
+    classNames: o,
+    labelContent: s,
+    isDraggable: i,
+    onInputChange: l,
+    avatarLabelContent: d,
+    placeholderImage: u,
+    files: p,
+    isLoading: m,
+    isMulti: f,
+    locales: h
+  } = H(), v = e?.interLocalization?.locales, g = e?.interLocalization?.lang || e?.interLocalization?.defaultLanguage || "en", y = ee(g), S = te({
+    defaultUploaderLocale: y.atoms.uploader,
+    configUploaderLocale: v?.[g]?.atoms?.uploader,
+    contextUploaderLocale: h
+  }), C = (G) => {
+    G.preventDefault(), l && l(G);
+  }, z = (G) => {
+    G.preventDefault(), a(S.dropHere);
+  }, M = () => {
+    a("");
+  };
+  return !f && p?.length > 0 ? null : m ? /* @__PURE__ */ b("div", { className: c("mx-auto", o?.label), children: [
+    /* @__PURE__ */ r(ge, { className: "mx-auto", size: "lg" }),
+    ";"
+  ] }) : /* @__PURE__ */ b(
+    "label",
+    {
+      className: c(
+        "w-full cursor-pointer mx-auto transition-opacity flex flex-col gap-5",
+        t && "opacity-60",
+        o?.label
+      ),
+      htmlFor: n,
+      onDrop: i ? C : () => {
+      },
+      onDragOver: i ? z : () => {
+      },
+      onDragLeave: i ? M : () => {
+      },
+      children: [
+        d,
+        s || /* @__PURE__ */ r(
+          ra,
+          {
+            src: p?.[0]?.view || u || dt.PLACEHOLDER_MALE_AVATAR,
+            alt: "avatar",
+            size: "lg",
+            className: c("size-24", o?.avatar)
+          }
+        )
+      ]
+    }
+  );
+}
+function Gr() {
+  const { config: e } = x(), [t, a] = I(""), {
+    labelId: n,
+    classNames: o,
+    labelContent: s,
+    isDraggable: i,
+    onInputChange: l,
+    isLoading: d,
+    isMulti: u,
+    files: p,
+    locales: m
+  } = H(), f = e?.interLocalization?.locales, h = e?.interLocalization?.lang || e?.interLocalization?.defaultLanguage || "en", v = ee(h), g = te({
+    defaultUploaderLocale: v.atoms.uploader,
+    configUploaderLocale: f?.[h]?.atoms?.uploader,
+    contextUploaderLocale: m
+  }), y = (z) => {
+    z.preventDefault(), l && l(z);
+  }, S = (z) => {
+    z.preventDefault(), a(g.dropHere);
+  }, C = () => {
+    a("");
+  };
+  return !u && p?.length > 0 ? null : d ? /* @__PURE__ */ b("div", { className: c("w-full flex mx-auto", o?.label), children: [
+    /* @__PURE__ */ r(ge, { className: "mx-auto", size: "lg" }),
+    ";"
+  ] }) : /* @__PURE__ */ r(
+    "label",
+    {
+      className: c("w-full cursor-pointer mx-auto", o?.label),
+      htmlFor: n,
+      onDrop: i ? y : () => {
+      },
+      onDragOver: i ? S : () => {
+      },
+      onDragLeave: i ? C : () => {
+      },
+      children: s || /* @__PURE__ */ b("div", { className: "pointer-events-none flex size-full flex-col items-center justify-center gap-2 rounded-md border border-dashed bg-primary/10 px-2 py-8 text-xs", children: [
+        /* @__PURE__ */ r(jt, { className: "size-10 text-primary" }),
+        /* @__PURE__ */ r("p", { className: "font-bold", children: g.selectFile }),
+        /* @__PURE__ */ r("p", { className: "opacity-70", children: g.selectionTypes }),
+        t && /* @__PURE__ */ r("p", { className: "text-sm font-bold", children: t })
+      ] })
+    }
+  );
+}
+function Wr() {
+  const { config: e } = x(), { modal: t, selectedFile: a } = H(), n = e?.interLocalization?.lang || "en", o = a?.view, s = a?.file?.name;
+  return !o || !s ? null : /* @__PURE__ */ r(
+    Ge,
+    {
+      placement: "center",
+      isOpen: t?.isOpen,
+      dir: n === "ar" ? "rtl" : "ltr",
+      onClose: t?.onClose,
+      onOpenChange: t?.onOpenChange,
+      size: "xl",
+      ...t,
+      children: /* @__PURE__ */ r(We, { className: "px-5", children: /* @__PURE__ */ r(qe, { className: "h-[60vh]", children: /* @__PURE__ */ r(
+        he,
+        {
+          className: "size-full rounded-md object-cover",
+          src: o,
+          alt: s,
+          width: 500,
+          height: 500
+        }
+      ) }) })
+    }
+  );
+}
+function qr() {
+  const { files: e, setSelectedFile: t, handleClearFile: a, classNames: n, modal: o } = H();
+  return /* @__PURE__ */ r("ul", { className: c("w-full flex flex-col gap-2", n?.listing), children: e?.map((s) => {
+    const i = o?.onOpen && s?.view && s?.file?.name && s?.type === "image";
+    return s ? /* @__PURE__ */ b(
+      "li",
+      {
+        className: c(
+          "flex justify-between items-center p-2 gap-2 w-full border border-black/30 rounded-lg",
+          n?.listingItem
+        ),
+        children: [
+          /* @__PURE__ */ r("p", { className: "w-full line-clamp-1 text-xs max-w-60", children: s?.file?.name }),
+          /* @__PURE__ */ r(
+            L,
+            {
+              isIconOnly: !0,
+              variant: "flat",
+              radius: "full",
+              className: "size-6 min-w-6",
+              color: "danger",
+              onPress: () => a(s?.file?.name),
+              startContent: /* @__PURE__ */ r(Y, { className: "rounded-lg size-3" })
+            }
+          ),
+          i && /* @__PURE__ */ r(
+            L,
+            {
+              isIconOnly: !0,
+              variant: "flat",
+              radius: "full",
+              className: "size-6 min-w-6",
+              color: "primary",
+              onPress: () => {
+                t?.(s), o?.onOpen?.();
+              },
+              startContent: /* @__PURE__ */ r(ue, { className: "rounded-lg size-3" })
+            }
+          )
+        ]
+      },
+      s?.file?.name
+    ) : null;
+  }) });
+}
+function Kr() {
+  const { config: e } = x(), { files: t, isRequired: a, classNames: n, errorMessage: o, locales: s } = H(), i = e?.interLocalization?.locales, l = e?.interLocalization?.lang || e?.interLocalization?.defaultLanguage || "en", d = ee(l), u = te({
+    defaultUploaderLocale: d.atoms.uploader,
+    configUploaderLocale: i?.[l]?.atoms?.uploader,
+    contextUploaderLocale: s
+  });
+  return E(
+    () => t?.length === 0 && a,
+    [t, a]
+  ) ? /* @__PURE__ */ r("p", { className: c("text-[14px] text-danger", n?.error), children: o ?? u.errorUploadingFile }) : null;
+}
+function $r() {
+  const {
+    fileTypes: e = [],
+    isMulti: t,
+    labelId: a,
+    onInputChange: n,
+    classNames: o
+  } = H();
+  return /* @__PURE__ */ r(
+    "input",
+    {
+      id: a,
+      type: "file",
+      accept: (() => {
+        const i = [];
+        return e?.forEach((l) => {
+          i.push(..._a?.[l] || []);
+        }), i.join(", ");
+      })(),
+      className: c("hidden", o?.input),
+      onChange: n,
+      multiple: t
+    }
+  );
+}
+function Xr({ ...e }) {
+  const { title: t, classNames: a } = H();
+  return t ? /* @__PURE__ */ r(
+    "h3",
+    {
+      className: c("text-lg font-bold", a?.title),
+      "data-slot": "emperor-uploader-title",
+      ...e,
+      children: t
+    }
+  ) : null;
+}
+const k = w([""], {
+  variants: {
+    type: {
+      search: "",
+      select: "",
+      autocomplete: "",
+      date: "",
+      numeric: "",
+      checkbox: "",
+      checkboxGroup: "",
+      radio: "",
+      switch: "",
+      range: ""
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+});
+function Jo({
+  className: e,
+  type: t,
+  searchProps: a,
+  selectProps: n,
+  autocompleteProps: o,
+  dateProps: s,
+  numericProps: i,
+  checkboxProps: l,
+  checkboxGroupProps: d,
+  radioProps: u,
+  switchProps: p,
+  rangeProps: m,
+  paramKey: f,
+  options: h,
+  ...v
+}) {
+  const g = { paramKey: f }, y = {
+    search: /* @__PURE__ */ r(Zr, { searchProps: a, ...g, ...v }),
+    select: /* @__PURE__ */ r(
+      Yr,
+      {
+        selectProps: n,
+        options: h,
+        ...g,
+        ...v
+      }
+    ),
+    autocomplete: /* @__PURE__ */ r(
+      Jr,
+      {
+        autocompleteProps: o,
+        options: h,
+        ...g,
+        ...v
+      }
+    ),
+    date: /* @__PURE__ */ r(Qr, { dateProps: s, ...g, ...v }),
+    numeric: /* @__PURE__ */ r(en, { numericProps: i, ...g, ...v }),
+    checkbox: /* @__PURE__ */ r(
+      tn,
+      {
+        checkboxProps: l,
+        ...g,
+        ...v
+      }
+    ),
+    checkboxGroup: /* @__PURE__ */ r(
+      an,
+      {
+        checkboxGroupProps: d,
+        options: h,
+        ...g,
+        ...v
+      }
+    ),
+    switch: /* @__PURE__ */ r(rn, { switchProps: p, ...g, ...v }),
+    range: /* @__PURE__ */ r(nn, { rangeProps: m, ...g, ...v })
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "emperor-ui-filter",
+      className: c(
+        k({ type: t }),
+        e,
+        v?.classNames?.base
+      ),
+      children: y[t]
+    }
+  );
+}
+function Zr({
+  classNames: e,
+  searchProps: t,
+  paramKey: a
+}) {
+  const { config: n } = x(), o = n?.theme?.components?.input, [s, i] = I(
+    t?.defaultValue || ""
+  ), { setParams: l } = V(), [d] = ia(s, 700);
+  return O(() => {
+    l({
+      params: {
+        [a]: d
+      }
+    });
+  }, [d]), /* @__PURE__ */ r(
+    Q,
+    {
+      ...o,
+      ...t,
+      endContent: /* @__PURE__ */ r(Gt, { className: "size-4" }),
+      value: s,
+      onValueChange: i,
+      className: c(k({ type: "search" }), e?.field),
+      classNames: {
+        input: "min-w-40",
+        label: "font-semibold",
+        ...o?.classNames,
+        ...t?.classNames
+      }
+    }
+  );
+}
+function Yr({
+  classNames: e,
+  selectProps: t,
+  selectItemProps: a,
+  paramKey: n,
+  options: o
+}) {
+  const { getParam: s, setParams: i } = V(), { config: l } = x(), d = l?.theme?.components?.select, u = l?.theme?.components?.selectItem, p = n ?? "select", m = s(p);
+  if (!o?.length)
+    throw new Error("Filter with type 'select' must have 'options' property.");
+  return /* @__PURE__ */ r(
+    ve,
+    {
+      ...d,
+      ...t,
+      selectedKeys: m ? [m] : [],
+      onSelectionChange: (f) => {
+        const h = Array.from(f)[0];
+        i({
+          params: { [p]: h ? String(h) : void 0 }
+        });
+      },
+      className: c(k({ type: "select" }), e?.field),
+      classNames: {
+        trigger: "min-w-40",
+        label: "font-semibold",
+        ...d?.classNames,
+        ...t?.classNames
+      },
+      children: o.map((f) => /* @__PURE__ */ r(be, { ...u, ...a, children: f.label }, f.key))
+    }
+  );
+}
+function Jr({
+  classNames: e,
+  autocompleteProps: t,
+  autocompleteItemProps: a,
+  paramKey: n,
+  options: o
+}) {
+  const { config: s } = x(), i = s?.theme?.components?.autocomplete, l = s?.theme?.components?.autocompleteItem, { getParam: d, setParams: u } = V(), p = d(n);
+  if (!o?.length)
+    throw new Error(
+      "Filter with type 'autocomplete' must have 'options' property."
+    );
+  return /* @__PURE__ */ r(
+    Ke,
+    {
+      ...i,
+      ...t,
+      selectedKey: p || null,
+      onSelectionChange: (m) => u({
+        params: {
+          [n]: m ? String(m) : void 0
+        }
+      }),
+      className: c(k({ type: "autocomplete" }), e?.field),
+      classNames: {
+        base: "min-w-40",
+        ...i?.classNames,
+        ...t?.classNames
+      },
+      children: (o || [])?.map((m) => /* @__PURE__ */ r(
+        $e,
+        {
+          ...l,
+          ...a,
+          children: m.label
+        },
+        m.key
+      ))
+    }
+  );
+}
+function Qr({
+  classNames: e,
+  dateProps: t,
+  paramKey: a
+}) {
+  const { getParam: n, setParams: o } = V(), { config: s } = x(), i = s?.theme?.components?.datePicker, l = n(a), d = l && /^\d{4}-\d{2}-\d{2}$/.test(l) ? ca(l) : null;
+  return /* @__PURE__ */ r(
+    la,
+    {
+      ...i,
+      ...t,
+      value: d,
+      onChange: (u) => o({
+        params: {
+          [a]: u ? String(u) : void 0
+        }
+      }),
+      className: c(k({ type: "date" }), e?.field),
+      classNames: {
+        label: "font-semibold",
+        ...i?.classNames,
+        ...t?.classNames
+      }
+    }
+  );
+}
+function en({
+  classNames: e,
+  numericProps: t,
+  paramKey: a
+}) {
+  const { getParam: n, setParams: o } = V(), { config: s } = x(), i = s?.theme?.components?.input, l = n(a);
+  return /* @__PURE__ */ r(
+    Q,
+    {
+      ...i,
+      ...t,
+      type: "number",
+      value: l ?? "",
+      onValueChange: (d) => o({
+        params: { [a]: d || void 0 }
+      }),
+      className: c(k({ type: "numeric" }), e?.field),
+      classNames: {
+        input: "min-w-40",
+        label: "font-semibold",
+        ...i?.classNames,
+        ...t?.classNames
+      }
+    }
+  );
+}
+function tn({
+  classNames: e,
+  checkboxProps: t,
+  paramKey: a
+}) {
+  const { config: n } = x(), o = n?.theme?.components?.checkbox, { getParam: s, setParams: i } = V(), { isSelected: l } = E(() => {
+    const d = s(a);
+    return { value: d, isSelected: d === "true" || d === "1" || d === "yes" };
+  }, [a]);
+  return /* @__PURE__ */ r(
+    we,
+    {
+      ...o,
+      ...t,
+      isSelected: l,
+      onValueChange: (d) => i({
+        params: { [a]: d ? "true" : void 0 }
+      }),
+      className: c(k({ type: "checkbox" }), e?.field)
+    }
+  );
+}
+function an({
+  classNames: e,
+  checkboxGroupProps: t,
+  paramKey: a,
+  options: n
+}) {
+  const { config: o } = x(), s = o?.theme?.components?.checkboxGroup, i = o?.theme?.components?.checkbox, { getParam: l, setParams: d } = V(), { value: u } = E(() => {
+    const p = l(a);
+    return { value: p ? p.split(",").filter(Boolean) : [] };
+  }, [a]);
+  if (!n?.length)
+    throw new Error(
+      "Filter with type 'checkboxGroup' must have 'options' property."
+    );
+  return /* @__PURE__ */ r(
+    da,
+    {
+      ...s,
+      ...t,
+      value: u,
+      onValueChange: (p) => d({
+        params: {
+          [a]: p.length > 0 ? p.join(",") : void 0
+        }
+      }),
+      classNames: {
+        label: "font-semibold",
+        ...s?.classNames,
+        ...t?.classNames
+      },
+      className: c(
+        k({ type: "checkboxGroup" }),
+        e?.field
+      ),
+      children: n.map((p) => /* @__PURE__ */ r(we, { ...i, value: p.key, children: p.label }, p.key))
+    }
+  );
+}
+function rn({
+  classNames: e,
+  switchProps: t,
+  paramKey: a
+}) {
+  const { getParam: n, setParams: o } = V(), { config: s } = x(), i = s?.theme?.components?.switch, l = n(a);
+  return /* @__PURE__ */ r(
+    Xe,
+    {
+      ...i,
+      ...t,
+      isSelected: l === "true" || l === "1" || l === "yes",
+      onValueChange: (u) => o({
+        params: { [a]: u ? "true" : void 0 }
+      }),
+      className: c(k({ type: "switch" }), e?.field)
+    }
+  );
+}
+function nn({
+  classNames: e,
+  rangeProps: t,
+  paramKey: a
+}) {
+  const { getParam: n, setParams: o, allParams: s } = V(), { config: i } = x(), l = i?.theme?.components?.slider, d = t?.minValue ?? 0, u = t?.maxValue ?? 100, p = E(() => {
+    const m = n(a), f = [d, u];
+    if (m == null) return f;
+    const [h, v] = m.split(",").map(Number);
+    return !Number.isNaN(h) && !Number.isNaN(v) && h <= v ? [h, v] : f;
+  }, [a, d, u, s]);
+  return /* @__PURE__ */ r(
+    ua,
+    {
+      ...l,
+      ...t,
+      value: p,
+      onChange: (m) => {
+        const f = Array.isArray(m) ? m : [m], h = f.length === 2 && f[0] === d && f[1] === u;
+        o({
+          params: {
+            [a]: f.length === 2 && !h ? `${f[0]},${f[1]}` : void 0
+          }
+        });
+      },
+      classNames: {
+        base: "min-w-40",
+        label: "font-semibold",
+        ...l?.classNames,
+        ...t?.classNames
+      },
+      className: c(k({ type: "range" }), e?.field)
+    }
+  );
+}
+function on({
+  className: e,
+  classNames: t,
+  name: a,
+  type: n,
+  inputProps: o,
+  textareaProps: s,
+  checkboxProps: i,
+  selectProps: l,
+  selectItemProps: d,
+  autocompleteProps: u,
+  autocompleteItemProps: p,
+  switchProps: m,
+  radioGroupProps: f,
+  options: h,
+  children: v
+}) {
+  const g = {
+    input: /* @__PURE__ */ r(ln, { name: a, inputProps: o }),
+    textarea: /* @__PURE__ */ r(cn, { name: a, textareaProps: s }),
+    checkbox: /* @__PURE__ */ r(dn, { name: a, checkboxProps: i, children: v }),
+    select: /* @__PURE__ */ r(
+      un,
+      {
+        name: a,
+        options: h,
+        selectProps: l,
+        selectItemProps: d
+      }
+    ),
+    autocomplete: /* @__PURE__ */ r(
+      mn,
+      {
+        name: a,
+        options: h,
+        autocompleteProps: u,
+        autocompleteItemProps: p
+      }
+    ),
+    switch: /* @__PURE__ */ r(pn, { name: a, switchProps: m, children: v }),
+    radio: /* @__PURE__ */ r(
+      fn,
+      {
+        name: a,
+        options: h,
+        radioGroupProps: f
+      }
+    )
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "emperor-ui-field",
+      className: c(sn({}), e, t?.base),
+      children: g[n]
+    }
+  );
+}
+const sn = w([""], {
+  variants: {
+    variant: {}
+  },
+  defaultVariants: {},
+  compoundVariants: []
+});
+function ln({
+  inputProps: e,
+  name: t
+}) {
+  const { config: a } = x(), n = a?.theme?.components?.input, { control: o } = j();
+  return /* @__PURE__ */ r(
+    U,
+    {
+      control: o,
+      name: t,
+      render: ({ field: s, fieldState: i }) => /* @__PURE__ */ r(
+        Q,
+        {
+          ...n,
+          ...e,
+          value: s.value ? String(s.value) : "",
+          onBlur: s.onBlur,
+          onValueChange: s.onChange,
+          isInvalid: e?.isInvalid ?? !!i.error,
+          errorMessage: e?.errorMessage ?? i.error?.message
+        }
+      )
+    }
+  );
+}
+function cn({
+  textareaProps: e,
+  name: t
+}) {
+  const { config: a } = x(), n = a?.theme?.components?.textarea, { control: o } = j();
+  return /* @__PURE__ */ r(
+    U,
+    {
+      control: o,
+      name: t,
+      render: ({ field: s, fieldState: i }) => /* @__PURE__ */ r(
+        sa,
+        {
+          ...n,
+          ...e,
+          value: s.value ? String(s.value) : "",
+          onBlur: s.onBlur,
+          onValueChange: s.onChange,
+          isInvalid: e?.isInvalid ?? !!i.error,
+          errorMessage: e?.errorMessage ?? i.error?.message
+        }
+      )
+    }
+  );
+}
+function dn({
+  checkboxProps: e,
+  name: t,
+  children: a
+}) {
+  const { config: n } = x(), o = n?.theme?.components?.checkbox, { control: s } = j();
+  return /* @__PURE__ */ r(
+    U,
+    {
+      control: s,
+      name: t,
+      render: ({ field: { value: i, onChange: l } }) => /* @__PURE__ */ r(
+        we,
+        {
+          ...o,
+          ...e,
+          isSelected: !!i,
+          onValueChange: l,
+          children: a
+        }
+      )
+    }
+  );
+}
+function un({
+  options: e,
+  selectItemProps: t,
+  selectProps: a,
+  name: n
+}) {
+  const { config: o } = x(), s = o?.theme?.components?.select;
+  if (!e?.length)
+    throw new Error("Field with type 'select' must include 'options'.");
+  const { control: i } = j();
+  return /* @__PURE__ */ r(
+    U,
+    {
+      control: i,
+      name: n,
+      render: ({ field: l }) => /* @__PURE__ */ r(
+        ve,
+        {
+          ...s,
+          ...a,
+          selectedKeys: l.value ? [String(l.value)] : [],
+          onSelectionChange: (d) => {
+            const u = Array.from(d)[0];
+            l.onChange(u ? String(u) : "");
+          },
+          children: e.map((d) => /* @__PURE__ */ r(be, { ...t, children: d.label }, d.key))
+        }
+      )
+    }
+  );
+}
+function mn({
+  autocompleteItemProps: e,
+  autocompleteProps: t,
+  options: a,
+  name: n
+}) {
+  const { config: o } = x(), s = o?.theme?.components?.autocomplete;
+  if (!a?.length)
+    throw new Error("Field with type 'autocomplete' must include 'options'.");
+  const { control: i } = j();
+  return /* @__PURE__ */ r(
+    U,
+    {
+      control: i,
+      name: n,
+      render: ({ field: l }) => /* @__PURE__ */ r(
+        Ke,
+        {
+          ...s,
+          ...t,
+          selectedKey: l.value ? String(l.value) : null,
+          onSelectionChange: (d) => l.onChange(d ? String(d) : ""),
+          children: a.map((d) => /* @__PURE__ */ r($e, { ...e, children: d.label }, d.key))
+        }
+      )
+    }
+  );
+}
+function pn({
+  switchProps: e,
+  name: t,
+  children: a
+}) {
+  const { config: n } = x(), o = n?.theme?.components?.switch, { control: s } = j();
+  return /* @__PURE__ */ r(
+    U,
+    {
+      control: s,
+      name: t,
+      render: ({ field: i }) => /* @__PURE__ */ r(
+        Xe,
+        {
+          ...o,
+          ...e,
+          isSelected: !!i.value,
+          onValueChange: i.onChange,
+          children: a
+        }
+      )
+    }
+  );
+}
+function fn({
+  options: e,
+  radioGroupProps: t,
+  name: a
+}) {
+  const { config: n } = x(), o = n?.theme?.components?.radio, { control: s } = j();
+  if (!e?.length)
+    throw new Error("Field with type 'radio' must include 'options'.");
+  return /* @__PURE__ */ r(
+    U,
+    {
+      control: s,
+      name: a,
+      render: ({ field: i }) => /* @__PURE__ */ r(
+        fa,
+        {
+          ...o,
+          ...t,
+          value: i.value ? String(i.value) : "",
+          onValueChange: i.onChange,
+          children: e.map((l) => /* @__PURE__ */ r(ha, { value: l.key, children: l.label }, l.key))
+        }
+      )
+    }
+  );
+}
+const hn = w(
+  [
+    "flex items-center justify-center size-9 rounded-lg transition-all duration-300 text-foreground/80 cursor-pointer",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 ",
+    "hover:bg-default-100 hover:text-foreground"
+  ],
+  {
+    variants: {
+      variant: {}
+    },
+    defaultVariants: {},
+    compoundVariants: []
+  }
+);
+function Qo({
+  className: e,
+  classNames: t,
+  ...a
+}) {
+  const { setTheme: n, resolvedTheme: o } = ga(), s = () => {
+    n(o === "dark" ? "light" : "dark");
+  };
+  return /* @__PURE__ */ r(
+    Ie.button,
+    {
+      "data-slot": "emperor-ui-theme-knob",
+      className: c(hn(), e, t?.base),
+      onClick: s,
+      initial: !1,
+      whileHover: { scale: 1.08 },
+      whileTap: { scale: 0.92 },
+      transition: {
+        type: "spring",
+        stiffness: 500,
+        damping: 28
+      },
+      ...a,
+      children: /* @__PURE__ */ r("span", { className: "relative flex size-5 items-center justify-center", children: /* @__PURE__ */ r(va, { mode: "wait", children: /* @__PURE__ */ r(
+        Ie.span,
+        {
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          transition: { duration: 0.2 },
+          className: "absolute inset-0 flex items-center justify-center",
+          children: o === "dark" ? /* @__PURE__ */ r(Wt, { className: "size-5" }) : /* @__PURE__ */ r(qt, { className: "size-5" })
+        },
+        o ?? "loading"
+      ) }) })
+    }
+  );
+}
+function es({ ...e }) {
+  return e?.inputType === "preset" ? /* @__PURE__ */ r(vn, { ...e }) : /* @__PURE__ */ r(gn, { ...e });
+}
+function gn({
+  className: e,
+  classNames: t,
+  value: a = "#000000",
+  onChange: n,
+  defaultValue: o,
+  inputType: s = "free",
+  ...i
+}) {
+  const { config: l } = x(), d = l?.interLocalization?.locales, u = l?.interLocalization?.lang, m = d?.[u ?? "en"]?.atoms?.colorPicker?.invalidColorFormat, f = E(() => a ? !/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(a) : !0, [a]);
+  return /* @__PURE__ */ r(
+    Q,
+    {
+      labelPlacement: "outside",
+      variant: "faded",
+      className: c(e),
+      classNames: { label: "font-bold", input: "h-12", ...t },
+      defaultValue: o,
+      value: a,
+      onValueChange: n,
+      isInvalid: f,
+      errorMessage: f ? m : void 0,
+      endContent: /* @__PURE__ */ r(It, { value: a }),
+      startContent: /* @__PURE__ */ r(
+        "input",
+        {
+          type: "color",
+          className: "color-swatch",
+          value: a,
+          onChange: (h) => {
+            n?.(h.target.value);
+          }
+        }
+      ),
+      ...i
+    }
+  );
+}
+function vn({
+  className: e,
+  classNames: t,
+  value: a = "#000000",
+  onChange: n,
+  defaultValue: o,
+  inputType: s,
+  presets: i = [],
+  ...l
+}) {
+  if (s === "preset" && (!i || i?.length === 0))
+    throw new Error(
+      "Presets array is required in the ColorPicker when the input type is 'preset'."
+    );
+  return /* @__PURE__ */ r(
+    ve,
+    {
+      labelPlacement: "outside",
+      variant: "faded",
+      className: c(e),
+      classNames: {
+        label: "font-bold",
+        input: "h-12",
+        trigger: "min-w-52",
+        ...t
+      },
+      selectedKeys: a ? [a] : void 0,
+      defaultSelectedKeys: o ? [o] : void 0,
+      onSelectionChange: (d) => n?.(d?.currentKey ?? ""),
+      endContent: /* @__PURE__ */ r(It, { value: a }),
+      renderValue: () => /* @__PURE__ */ b("div", { className: "flex items-center gap-2 text-gray-600", children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            style: { backgroundColor: a },
+            className: "size-4 rounded-full border border-gray-300"
+          }
+        ),
+        a
+      ] }),
+      ...l,
+      children: Array.from(new Set(i))?.map((d) => /* @__PURE__ */ r(
+        be,
+        {
+          startContent: /* @__PURE__ */ r(
+            "div",
+            {
+              style: { backgroundColor: d },
+              className: "size-4 rounded-full border border-gray-300"
+            }
+          ),
+          children: d
+        },
+        d
+      ))
+    }
+  );
+}
+function It({ value: e }) {
+  const [t, a] = I("copy"), n = Et(null), o = () => {
+    t === "copy" && (n.current && clearTimeout(n.current), navigator.clipboard.writeText(e), a("loading"), n.current = setTimeout(() => {
+      a("success"), n.current = setTimeout(() => a("copy"), 2e3);
+    }, 500));
+  };
+  return O(
+    () => () => {
+      n.current && clearTimeout(n.current);
+    },
+    []
+  ), /* @__PURE__ */ r(
+    L,
+    {
+      variant: "light",
+      size: "sm",
+      isIconOnly: !0,
+      onPress: o,
+      disabled: t !== "copy",
+      startContent: /* @__PURE__ */ r("span", { className: "relative size-4", children: /* @__PURE__ */ r(Vt, { mode: "wait", children: /* @__PURE__ */ b(
+        F.span,
+        {
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          transition: { duration: 0.2 },
+          className: "absolute inset-0 flex items-center justify-center",
+          children: [
+            t === "copy" && /* @__PURE__ */ r(Kt, { className: "size-4" }),
+            t === "loading" && /* @__PURE__ */ r(
+              ge,
+              {
+                size: "sm",
+                classNames: {
+                  circle1: "border-b-current",
+                  circle2: "border-current"
+                }
+              }
+            ),
+            t === "success" && /* @__PURE__ */ r($t, { className: "size-4 text-success" })
+          ]
+        },
+        t
+      ) }) })
+    }
+  );
+}
+const bn = w(["p-0"], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+}), wn = w([], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+}), xn = w([], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+}), yn = w(
+  ["flex gap-2 justify-end flex-wrap"],
+  {
+    variants: {},
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), ts = ({}) => ({});
+function Cn({
+  isOpen: e,
+  onClose: t,
+  title: a,
+  description: n,
+  className: o,
+  classNames: s,
+  confirmProps: i,
+  declineProps: l
+}) {
+  const { config: d } = x(), u = d?.interLocalization?.lang ?? "en", m = d?.interLocalization?.locales?.[u]?.organisms?.deletionConfirmor, f = (h) => {
+    typeof l?.onPress == "function" && l.onPress(h), t();
+  };
+  return /* @__PURE__ */ r(
+    Ge,
+    {
+      placement: "center",
+      isOpen: e,
+      onClose: t,
+      onOpenChange: (h) => {
+        h || t();
+      },
+      dir: u === "ar" ? "rtl" : "ltr",
+      classNames: o || s?.base ? { base: c(o, s?.base) } : void 0,
+      children: /* @__PURE__ */ b(
+        We,
+        {
+          className: c(bn(), s?.content),
+          children: [
+            /* @__PURE__ */ r(
+              na,
+              {
+                className: c(wn(), s?.header),
+                children: a
+              }
+            ),
+            /* @__PURE__ */ r(
+              qe,
+              {
+                className: c(xn(), s?.body),
+                children: n
+              }
+            ),
+            /* @__PURE__ */ b(
+              oa,
+              {
+                className: c(yn(), s?.footer),
+                children: [
+                  /* @__PURE__ */ r(
+                    L,
+                    {
+                      variant: "flat",
+                      size: "sm",
+                      ...l,
+                      onPress: f,
+                      className: c(l?.className, s?.declineButton),
+                      children: l?.children ?? m?.decline
+                    }
+                  ),
+                  /* @__PURE__ */ r(
+                    L,
+                    {
+                      color: "danger",
+                      size: "sm",
+                      startContent: i?.isLoading ? void 0 : i?.startContent ?? /* @__PURE__ */ r(Y, { className: "size-4", "aria-hidden": !0 }),
+                      ...i,
+                      className: c(i?.className, s?.confirmButton),
+                      children: i?.children ?? m?.confirm
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+const as = (e) => {
+  const [t, a] = I(!1);
+  return /* @__PURE__ */ b("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ r(L, { color: "danger", onPress: () => a(!0), children: "Delete item" }),
+    /* @__PURE__ */ r(
+      Cn,
+      {
+        confirmProps: {
+          onPress: () => a(!1)
+        },
+        ...e,
+        isOpen: t,
+        onClose: () => a(!1)
+      }
+    )
+  ] });
+};
+function rs({ className: e }) {
+  return /* @__PURE__ */ r("div", { className: c("", e), children: "ItemDetails Component" });
+}
+const In = w(["w-full p-4 gap-4 relative"], {
+  variants: {
+    layout: {
+      grid: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+      list: "flex flex-col gap-4",
+      carousel: "flex flex-col gap-4"
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), Sn = w([""], {
+  variants: {
+    layout: {
+      grid: "size-full",
+      list: "w-full h-fit",
+      carousel: ""
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), Nn = w(["mx-auto my-5 col-span-full"], {
+  variants: {
+    layout: {
+      grid: "",
+      list: "",
+      carousel: ""
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), En = w(
+  [
+    "flex flex-col items-center justify-center min-h-[280px] w-full py-12 px-4",
+    "text-center"
+  ],
+  {
+    variants: {},
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), Ln = ({}) => ({});
+function ns({
+  items: e = [],
+  isLoading: t = !1,
+  className: a,
+  classNames: n,
+  layout: o = "grid",
+  actions: s = [],
+  onActionClick: i,
+  pagination: l
+}) {
+  const d = {
+    grid: "vertical",
+    list: "horizontal",
+    carousel: "vertical"
+  }[o], u = e?.length === 0;
+  return /* @__PURE__ */ b(
+    F.section,
+    {
+      "data-slot": "emperor-ui-listings",
+      className: c(In({ className: a, layout: o })),
+      style: Ln({}),
+      initial: "hidden",
+      animate: "visible",
+      children: [
+        t && Array.from({ length: l?.pageSize || 12 }).map((p, m) => /* @__PURE__ */ r(
+          mt,
+          {
+            className: a,
+            classNames: n,
+            orientation: d
+          },
+          m
+        )),
+        !t && u && /* @__PURE__ */ r(zn, { className: "col-span-full" }),
+        !t && !u && e?.map(
+          ({
+            item: p,
+            actions: m,
+            onActionClick: f
+          }) => /* @__PURE__ */ r(
+            ur,
+            {
+              className: c(Sn({ layout: o }), n?.item),
+              item: p,
+              isLoading: t,
+              actions: m || s || [],
+              onActionClick: f || i,
+              orientation: d
+            },
+            p?.key
+          )
+        ),
+        !t && !u && l && /* @__PURE__ */ r(
+          ba,
+          {
+            className: c(
+              Nn({ layout: o }),
+              n?.pagination
+            ),
+            classNames: {
+              next: "rtl:rotate-180 cursor-pointer",
+              prev: "rtl:rotate-180 cursor-pointer",
+              item: "cursor-pointer",
+              chevronNext: "rtl:rotate-180 cursor-pointer",
+              forwardIcon: "rtl:rotate-180 cursor-pointer"
+            },
+            total: l?.pagesCount,
+            page: l?.page,
+            onChange: l?.setPage,
+            variant: "faded",
+            showControls: !0,
+            color: "primary",
+            initialPage: 1,
+            showShadow: !0
+          }
+        )
+      ]
+    }
+  );
+}
+const Pn = {
+  animate: {
+    y: [0, -6, 0],
+    transition: {
+      duration: 3,
+      repeat: 1 / 0,
+      ease: "easeInOut"
+    }
+  }
+}, An = {
+  hidden: { opacity: 0 },
+  visible: {
+    opacity: 1,
+    transition: {
+      staggerChildren: 0.12,
+      delayChildren: 0.08
+    }
+  }
+}, oe = {
+  hidden: { opacity: 0, y: 16 },
+  visible: {
+    opacity: 1,
+    y: 0,
+    transition: { duration: 0.4, ease: "easeOut" }
+  }
+};
+function zn({
+  className: e,
+  classNames: t
+}) {
+  const { config: a } = x(), n = a?.interLocalization?.locales, o = a?.interLocalization?.lang, i = n?.[o || "en"]?.organisms?.listings;
+  return /* @__PURE__ */ b(
+    F.div,
+    {
+      "data-slot": "emperor-ui-empty-listings",
+      className: c(En(), e),
+      variants: An,
+      initial: "hidden",
+      animate: "visible",
+      children: [
+        /* @__PURE__ */ r(
+          F.div,
+          {
+            className: c(
+              "flex items-center justify-center rounded-2xl bg-default-100/80 p-6 mb-5",
+              t?.iconWrapper
+            ),
+            variants: oe,
+            children: /* @__PURE__ */ r(
+              F.div,
+              {
+                variants: Pn,
+                animate: "animate",
+                className: "flex items-center justify-center",
+                children: /* @__PURE__ */ r(
+                  Xt,
+                  {
+                    className: "size-14 text-default-400",
+                    strokeWidth: 1.25,
+                    "aria-hidden": !0
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ r(
+          F.h2,
+          {
+            className: c(
+              "text-xl font-semibold text-foreground mb-2",
+              t?.title
+            ),
+            variants: oe,
+            children: i?.emptyTitle
+          }
+        ),
+        /* @__PURE__ */ r(
+          F.p,
+          {
+            className: c(
+              "text-sm text-default-500 max-w-sm",
+              t?.description
+            ),
+            variants: oe,
+            children: i?.emptyDescription
+          }
+        )
+      ]
+    }
+  );
+}
+const Vn = w(
+  [
+    "w-full grid md:grid-cols-[1fr_2fr] gap-4 p-5 min-h-80",
+    "bg-foreground text-background"
+  ],
+  {
+    variants: {
+      variant: {
+        default: []
+      }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), kn = w(["flex flex-col gap-4"], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+}), Fn = w(
+  [
+    "col-span-full w-fit flex flex-col items-center gap-4 p-5 text-center",
+    "md:flex-row"
+  ],
+  {
+    variants: {},
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), Mn = w(
+  ["w-fit flex p-5 gap-4 items-center flex-wrap"],
+  {
+    variants: {},
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), Dn = w(
+  ["col-span-full w-fit flex p-2 mx-auto text-center"],
+  {
+    variants: {},
+    defaultVariants: {},
+    compoundVariants: []
+  }
+);
+w([""], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+});
+const Tn = w(
+  [
+    "grid gap-4 p-5 w-fit mx-auto",
+    "sm:w-full sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4"
+  ],
+  {
+    variants: {},
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), Bn = ({}) => ({}), os = P(
+  ({
+    className: e,
+    classNames: t,
+    policies: a,
+    copyRights: n,
+    socialLinks: o,
+    contacts: s,
+    quickLinks: i,
+    variant: l = "default",
+    children: d,
+    ...u
+  }, p) => /* @__PURE__ */ b(
+    "footer",
+    {
+      ref: p,
+      "data-slot": "emperor-ui-footer",
+      className: c(
+        Vn({
+          variant: l,
+          className: c(e, t?.base)
+        })
+      ),
+      style: Bn({}),
+      ...u,
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            "data-slot": "emperor-footer-content",
+            className: c(
+              kn({
+                className: c(e, t?.content)
+              })
+            ),
+            children: d
+          }
+        ),
+        /* @__PURE__ */ r(Un, { quickLinks: i, classNames: t }),
+        /* @__PURE__ */ r(xe, { className: "col-span-full bg-background/30" }),
+        /* @__PURE__ */ b(
+          "div",
+          {
+            className: c(
+              "col-span-full flex flex-col gap-4 justify-between items-center w-full",
+              "md:flex-row"
+            ),
+            children: [
+              /* @__PURE__ */ r(On, { socialLinks: o, classNames: t }),
+              /* @__PURE__ */ r(_n, { policies: a, classNames: t })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(Rn, { copyRights: n, classNames: t })
+      ]
+    }
+  )
+);
+function _n({ policies: e, classNames: t }) {
+  return /* @__PURE__ */ r(
+    "section",
+    {
+      "data-slot": "emperor-footer-policies",
+      className: c(
+        Fn({
+          className: c(t?.policiesWrapper)
+        })
+      ),
+      children: e?.map((a) => /* @__PURE__ */ r(
+        J,
+        {
+          href: a.href,
+          className: c(t?.policy),
+          children: a.label
+        },
+        a.href
+      ))
+    }
+  );
+}
+function Rn({ copyRights: e, classNames: t }) {
+  return /* @__PURE__ */ r(
+    "section",
+    {
+      "data-slot": "emperor-footer-policies",
+      className: c(
+        Dn({
+          className: c(t?.copyRightsWrapper)
+        })
+      ),
+      children: /* @__PURE__ */ b(
+        "p",
+        {
+          className: c(
+            "flex items-center gap-1 text-sm text-gray-400 text-center",
+            t?.copyRightsText
+          ),
+          children: [
+            /* @__PURE__ */ r("span", { children: "©" }),
+            /* @__PURE__ */ r("span", { children: e?.year }),
+            /* @__PURE__ */ r("span", { children: e?.text })
+          ]
+        }
+      )
+    }
+  );
+}
+function On({ socialLinks: e, classNames: t }) {
+  return /* @__PURE__ */ r(
+    "section",
+    {
+      "data-slot": "emperor-footer-social-links",
+      className: c(
+        Mn({
+          className: c(t?.socialLinksWrapper)
+        })
+      ),
+      children: e?.map(({ href: a, icon: n, label: o }) => /* @__PURE__ */ b(
+        J,
+        {
+          href: a,
+          className: c(
+            "flex items-center gap-2 text-sm text-gray-400 hover:text-white transition-all duration-300 ease-in-out",
+            t?.socialLink
+          ),
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: [
+            n,
+            o
+          ]
+        },
+        a
+      ))
+    }
+  );
+}
+function Un({ quickLinks: e, classNames: t }) {
+  return /* @__PURE__ */ r(
+    "section",
+    {
+      "data-slot": "emperor-footer-quick-links",
+      className: c(
+        Tn({
+          className: c(t?.quickLinksWrapper)
+        })
+      ),
+      children: e?.map(({ links: a, title: n }) => /* @__PURE__ */ b(
+        "div",
+        {
+          className: c("flex flex-col gap-4", t?.quickLinksItem),
+          children: [
+            /* @__PURE__ */ r(
+              "h3",
+              {
+                className: c("text-lg font-semibold", t?.quickLinksTitle),
+                children: n
+              }
+            ),
+            /* @__PURE__ */ r("ul", { className: c("flex flex-col gap-2", t?.quickLinksList), children: a?.map(({ href: o, label: s, isExternal: i }) => /* @__PURE__ */ r(
+              J,
+              {
+                href: o,
+                target: i ? "_blank" : "_self",
+                className: c(
+                  " text-gray-400 hover:text-white transition-all duration-300 ease-in-out",
+                  t?.quickLinksLink
+                ),
+                children: s
+              },
+              o
+            )) })
+          ]
+        },
+        n
+      ))
+    }
+  );
+}
+const Hn = w(
+  ["flex min-h-16 items-center justify-between gap-4 px-6 w-full"],
+  {
+    variants: {
+      variant: {
+        default: ["flex-nowrap w-full"],
+        floating: [
+          "fixed min-h-14 w-[90vw] rounded-full shadow-lg",
+          "top-3 left-1/2 -translate-x-1/2 z-10"
+        ],
+        light: [],
+        "segmented-floating": [
+          "fixed min-h-12 w-[90vw] top-3 left-1/2 -translate-x-1/2 z-10"
+        ]
+      }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), St = ({
+  glassEffect: e
+}) => ({
+  backgroundColor: e?.backgroundColor ? `${e?.backgroundColor}${e?.opacity ?? 30}` : "transparent",
+  backdropFilter: `blur(${e?.blur ?? 0}px)`,
+  color: e?.foregroundColor
+}), jn = ({
+  primaryColor: e,
+  foregroundColor: t,
+  variant: a,
+  glassEffect: n
+}) => n?.enabled && a !== "segmented-floating" ? St({
+  glassEffect: {
+    ...n,
+    foregroundColor: n?.foregroundColor ?? t
+  }
+}) : ["default", "floating"].includes(a ?? "") ? {
+  backgroundColor: e,
+  color: t
+} : {}, Gn = ({
+  children: e,
+  glassEffect: t
+}) => /* @__PURE__ */ r(de, { className: "w-full min-h-12 justify-between", children: De.toArray(e).map((a, n) => /* @__PURE__ */ r(
+  de,
+  {
+    className: "rounded-full min-h-12 px-5",
+    style: {
+      ...t ? St({
+        glassEffect: t
+      }) : {}
+    },
+    children: a
+  },
+  n
+)) }), Wn = P(
+  ({ className: e, variant: t = "default", glassEffect: a, children: n, ...o }, s) => {
+    const { isOpen: i, onOpenChange: l } = je(), d = n || /* @__PURE__ */ b(se, { children: [
+      /* @__PURE__ */ r(
+        Dr,
+        {
+          items: Me,
+          actions: tr,
+          isOpen: i,
+          onOpenChange: l,
+          header: /* @__PURE__ */ r(ce, { className: "text-white" }),
+          triggerProps: {
+            startContent: /* @__PURE__ */ r(
+              ce,
+              {
+                className: "text-white",
+                classNames: {
+                  logo: "size-6"
+                }
+              }
+            ),
+            isIconOnly: !1,
+            variant: "light"
+          }
+        }
+      ),
+      /* @__PURE__ */ r(
+        Ct,
+        {
+          className: "hidden md:flex mx-auto",
+          items: Me,
+          hoverEffect: {
+            default: "default",
+            floating: "underline",
+            light: "underline",
+            "segmented-floating": "default"
+          }[t],
+          variant: {
+            default: "default",
+            floating: "default",
+            light: "default",
+            "segmented-floating": "default"
+          }[t]
+        }
+      )
+    ] });
+    return /* @__PURE__ */ r(
+      "header",
+      {
+        ref: s,
+        "data-slot": "emperor-header",
+        className: c(Hn({ variant: t, className: e })),
+        style: jn({
+          variant: t,
+          glassEffect: a
+        }),
+        ...o,
+        children: t === "segmented-floating" ? /* @__PURE__ */ r(Gn, { glassEffect: a, children: d }) : d
+      }
+    );
+  }
+);
+function ss({
+  children: e,
+  className: t,
+  classNames: a,
+  formProps: n,
+  onSubmit: o,
+  onSuccess: s,
+  onError: i,
+  onValuesChange: l
+}) {
+  const { control: d, handleSubmit: u } = ma(n), p = E(() => ({}), []), m = pa({ control: d }) ?? p, f = De.toArray(e);
+  f.forEach((g) => {
+    if (!Lt(g) || g.type !== on)
+      throw new Error(
+        "FormBuilder accepts only 'Field' components as children."
+      );
+  });
+  const h = f.map(
+    (g) => Pt(g)
+  );
+  O(() => {
+    l?.(m);
+  }, [m, l]);
+  const v = async (g) => {
+    try {
+      await o(g), s?.(g);
+    } catch (y) {
+      i?.(y);
+    }
+  };
+  return /* @__PURE__ */ r(Ga, { value: { control: d, formValues: m }, children: /* @__PURE__ */ r(
+    "form",
+    {
+      className: c(t, a?.base),
+      onSubmit: u(
+        v,
+        (g) => i?.({
+          errors: g
+        })
+      ),
+      children: h
+    }
+  ) });
+}
 export {
-  a as ALLOWED_DOC_TYPES,
-  i as ALLOWED_IMAGES_TYPES,
-  o as ALLOWED_PDF_TYPES,
-  r as ALLOWED_SHEET_TYPES,
-  t as AutocompleteField,
-  l as AutocompleteFilter,
-  d as AvatarLabel,
-  C as Brand,
-  f as CheckboxField,
-  n as CheckboxFilter,
-  E as CheckboxGroupFilter,
-  I as ColorPicker,
-  _ as Column,
-  m as ConfigProvider,
-  S as Container,
-  p as CopyButton,
-  T as CopyRightsBox,
-  c as DateFilter,
-  M as DeletionConfirmor,
-  F as DeletionConfirmorWithTrigger,
-  g as EmperorUIContext,
-  A as EmperorUIProvider,
-  O as EmptyListings,
-  L as FAKE_PARAGRAPH,
-  u as FAKE_SENTENCE,
-  B as Field,
-  P as Filter,
-  D as Footer,
-  R as FormBuilder,
-  K as FormBuilderContext,
-  N as FormBuilderProvider,
-  U as FreeColorPicker,
-  x as Header,
-  y as ITEM_CARD_ACTIONS,
-  W as ITEM_CARD_ACTIONS_OVERLAY,
-  h as InputField,
-  k as ItemActionsButtons,
-  v as ItemActionsDropdown,
-  H as ItemActionsOverlay,
-  G as ItemBanner,
-  w as ItemCard,
-  V as ItemCardBody,
-  b as ItemCardFooter,
-  Y as ItemCardHeader,
-  z as ItemDetails,
-  Q as LandingPage,
-  q as Listings,
-  J as LoadingItem,
-  X as MOCK_AWAITING_DELETE_MS,
-  Z as MOCK_BASE_DATE,
-  $ as MOCK_COLORS,
-  j as MOCK_HEADER_ACTIONS,
-  ee as MOCK_HEADER_ITEMS,
-  se as MOCK_HEADER_ITEMS_WITH_SUB_ITEMS,
-  ae as MOCK_HEADER_SUB_ITEMS,
-  ie as MOCK_ITEM_BRANDS,
-  oe as MOCK_ITEM_CATEGORIES,
-  re as MOCK_ITEM_REVIEWS_1,
-  te as MOCK_ITEM_REVIEWS_2,
-  le as MOCK_ITEM_REVIEWS_3,
-  de as MOCK_LISTINGS,
-  Ce as MOCK_LISTING_DESCRIPTIONS,
-  fe as MOCK_LISTING_IMAGES,
-  ne as MOCK_LISTING_TITLES,
-  Ee as MOCK_REVIEW_AUTHORS,
-  Ie as MOCK_REVIEW_COMMENTS,
-  _e as NavBar,
-  me as NavBarItem,
-  Se as NavigationContext,
-  pe as NavigationProvider,
-  Te as NumericFilter,
-  ce as ONE_MEGABYTE,
-  Me as Placeholders,
-  Fe as PoliciesBox,
-  ge as Portal,
-  Ae as PreservedKeys,
-  Oe as PresetColorPicker,
-  Le as QuickLinksBox,
-  ue as RadioField,
-  Be as RangeFilter,
-  Pe as Row,
-  De as Scaffold,
-  Re as SearchFilter,
-  Ke as SelectField,
-  Ne as SelectFilter,
-  Ue as SideBar,
-  xe as SocialLinksBox,
-  ye as SubItemsBox,
-  We as SwitchField,
-  he as SwitchFilter,
-  ke as TextareaField,
-  ve as ThemeProvider,
-  He as ThemeSwitch,
-  Ge as UploadFileErrorBox,
-  we as UploadFileInput,
-  Ve as UploadFileLabel,
-  be as UploadFileListing,
-  Ye as Uploader,
-  ze as UploaderContext,
-  Qe as UploaderProvider,
-  qe as UploaderTitle,
-  Je as ViewImageModal,
-  Xe as cn,
-  Ze as compressImage,
-  $e as contacts,
-  je as copyRights,
-  es as defaultEmperorUIConfig,
-  ss as deletionConfirmorBodyClasses,
-  as as deletionConfirmorContentClasses,
-  is as deletionConfirmorFooterClasses,
-  os as deletionConfirmorHeaderClasses,
-  rs as deletionConfirmorStyles,
-  ts as emptyListingsClasses,
-  ls as fieldClasses,
-  ds as fileTypesMapping,
-  Cs as filterClasses,
-  fs as getAllowedTypes,
-  ns as getCardMotion,
-  Es as getListing,
-  Is as getListings,
-  _s as getStorybookDecorators,
-  ms as isFileDuplicated,
-  Ss as isMaxFileSizeExceeded,
-  ps as itemBannerClasses,
-  Ts as itemBodyClasses,
-  cs as itemCardMotionClasses,
-  Ms as itemChipsClasses,
-  Fs as itemDescriptionClasses,
-  gs as itemFooterClasses,
-  As as itemHeaderClasses,
-  Os as itemImageWrapperClasses,
-  Ls as itemMainWrapperClasses,
-  us as itemPriceClasses,
-  Bs as itemTitleClasses,
-  Ps as listingsClasses,
-  Ds as listingsItemClasses,
-  Rs as listingsPaginationClasses,
-  Ks as listingsStyles,
-  Ns as mapFileType,
-  Us as mergeLocales,
-  xs as mergeUploaderLocale,
-  ys as mockAwaitingDelete,
-  Ws as policies,
-  hs as quickLinks,
-  ks as refineUploadedFiles,
-  vs as scaffoldClasses,
-  Hs as socialLinks,
-  Gs as uploaderLocalesMock,
-  ws as useEmperorUI,
-  Vs as useFilters,
-  bs as useFormBuilder,
-  Ys as useNavigation,
-  zs as useSearchParamsHandler,
-  Qs as useUploader,
-  qs as useUploaderContext,
-  Js as useWindowSize,
-  Xs as validateUploadedFiles
+  at as ALLOWED_DOC_TYPES,
+  et as ALLOWED_IMAGES_TYPES,
+  tt as ALLOWED_PDF_TYPES,
+  rt as ALLOWED_SHEET_TYPES,
+  mn as AutocompleteField,
+  Jr as AutocompleteFilter,
+  jr as AvatarLabel,
+  ce as Brand,
+  dn as CheckboxField,
+  tn as CheckboxFilter,
+  an as CheckboxGroupFilter,
+  es as ColorPicker,
+  $o as Column,
+  Oa as ConfigProvider,
+  Xo as Container,
+  It as CopyButton,
+  Rn as CopyRightsBox,
+  Qr as DateFilter,
+  Cn as DeletionConfirmor,
+  as as DeletionConfirmorWithTrigger,
+  ie as EmperorUIContext,
+  Ua as EmperorUIProvider,
+  zn as EmptyListings,
+  q as FAKE_PARAGRAPH,
+  ko as FAKE_SENTENCE,
+  on as Field,
+  Jo as Filter,
+  os as Footer,
+  ss as FormBuilder,
+  lt as FormBuilderContext,
+  Ga as FormBuilderProvider,
+  gn as FreeColorPicker,
+  Wn as Header,
+  Ra as ITEM_CARD_ACTIONS,
+  _o as ITEM_CARD_ACTIONS_OVERLAY,
+  ln as InputField,
+  hr as ItemActionsButtons,
+  ft as ItemActionsDropdown,
+  gr as ItemActionsOverlay,
+  cr as ItemBanner,
+  ur as ItemCard,
+  pr as ItemCardBody,
+  fr as ItemCardFooter,
+  mr as ItemCardHeader,
+  rs as ItemDetails,
+  Wo as LandingPage,
+  ns as Listings,
+  mt as LoadingItem,
+  Qa as MOCK_AWAITING_DELETE_MS,
+  le as MOCK_BASE_DATE,
+  Pe as MOCK_COLORS,
+  tr as MOCK_HEADER_ACTIONS,
+  Me as MOCK_HEADER_ITEMS,
+  er as MOCK_HEADER_ITEMS_WITH_SUB_ITEMS,
+  $ as MOCK_HEADER_SUB_ITEMS,
+  Le as MOCK_ITEM_BRANDS,
+  Ee as MOCK_ITEM_CATEGORIES,
+  ar as MOCK_ITEM_REVIEWS_1,
+  rr as MOCK_ITEM_REVIEWS_2,
+  nr as MOCK_ITEM_REVIEWS_3,
+  ut as MOCK_LISTINGS,
+  ke as MOCK_LISTING_DESCRIPTIONS,
+  Fe as MOCK_LISTING_IMAGES,
+  Ve as MOCK_LISTING_TITLES,
+  ze as MOCK_REVIEW_AUTHORS,
+  Ae as MOCK_REVIEW_COMMENTS,
+  Ct as NavBar,
+  Pr as NavBarItem,
+  st as NavigationContext,
+  Ha as NavigationProvider,
+  en as NumericFilter,
+  nt as ONE_MEGABYTE,
+  dt as Placeholders,
+  _n as PoliciesBox,
+  Zo as Portal,
+  ct as PreservedKeys,
+  vn as PresetColorPicker,
+  Un as QuickLinksBox,
+  fn as RadioField,
+  nn as RangeFilter,
+  de as Row,
+  Tr as Scaffold,
+  Zr as SearchFilter,
+  un as SelectField,
+  Yr as SelectFilter,
+  Dr as SideBar,
+  On as SocialLinksBox,
+  Lr as SubItemsBox,
+  pn as SwitchField,
+  rn as SwitchFilter,
+  cn as TextareaField,
+  Ro as ThemeProvider,
+  Qo as ThemeSwitch,
+  Kr as UploadFileErrorBox,
+  $r as UploadFileInput,
+  Gr as UploadFileLabel,
+  qr as UploadFileListing,
+  Yo as Uploader,
+  it as UploaderContext,
+  ja as UploaderProvider,
+  Xr as UploaderTitle,
+  Wr as ViewImageModal,
+  c as cn,
+  Wa as compressImage,
+  To as contacts,
+  Do as copyRights,
+  B as defaultEmperorUIConfig,
+  xn as deletionConfirmorBodyClasses,
+  bn as deletionConfirmorContentClasses,
+  yn as deletionConfirmorFooterClasses,
+  wn as deletionConfirmorHeaderClasses,
+  ts as deletionConfirmorStyles,
+  En as emptyListingsClasses,
+  sn as fieldClasses,
+  _a as fileTypesMapping,
+  k as filterClasses,
+  Ka as getAllowedTypes,
+  ot as getCardMotion,
+  jo as getListing,
+  Ho as getListings,
+  Oo as getStorybookDecorators,
+  $a as isFileDuplicated,
+  Xa as isMaxFileSizeExceeded,
+  xr as itemBannerClasses,
+  wt as itemBodyClasses,
+  ht as itemCardMotionClasses,
+  yt as itemChipsClasses,
+  wr as itemDescriptionClasses,
+  xt as itemFooterClasses,
+  bt as itemHeaderClasses,
+  vt as itemImageWrapperClasses,
+  gt as itemMainWrapperClasses,
+  br as itemPriceClasses,
+  vr as itemTitleClasses,
+  In as listingsClasses,
+  Sn as listingsItemClasses,
+  Nn as listingsPaginationClasses,
+  Ln as listingsStyles,
+  qa as mapFileType,
+  Ne as mergeLocales,
+  te as mergeUploaderLocale,
+  Uo as mockAwaitingDelete,
+  Mo as policies,
+  Fo as quickLinks,
+  Ya as refineUploadedFiles,
+  Br as scaffoldClasses,
+  Bo as socialLinks,
+  Go as uploaderLocalesMock,
+  x as useEmperorUI,
+  Ko as useFilters,
+  j as useFormBuilder,
+  pt as useNavigation,
+  V as useSearchParamsHandler,
+  qo as useUploader,
+  H as useUploaderContext,
+  dr as useWindowSize,
+  Za as validateUploadedFiles
 };