@js-empire/emperor-ui 1.3.6 → 1.3.8

package/dist/emperor-ui.js

@@ -1,161 +1,4160 @@
 "use client";
-import { dB as a, dC as i, dD as o, dE as t, dF as r, 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 te, ev as re, 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 ts, fl as rs, 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-ABKcY4tX.js";
+import { jsxs as b, jsx as r, Fragment as se } from "react/jsx-runtime";
+import { forwardRef as A, useState as I, useEffect as $, useMemo as N, useRef as yt, Children as ze, isValidElement as It, cloneElement as St, createContext as Y, useContext as X, useCallback as O } from "react";
+import { cn as c, mergeUploaderLocale as Z, getAllowedTypes as Et, validateUploadedFiles as Nt, refineUploadedFiles as Lt, mergeLocales as Ie, compressImage as At } from "@/utils";
+import { cva as C } from "class-variance-authority";
+import { Header as Pt, Brand as ie, NavBar as ke, itemImageWrapperClasses as Ve, itemHeaderClasses as De, itemBodyClasses as Oe, itemChipsClasses as $e, itemFooterClasses as Re, itemMainWrapperClasses as Ue, itemCardMotionClasses as He, itemBannerClasses as Ft, LoadingItem as We, ItemCardHeader as _t, ItemCardBody as Mt, ItemCardFooter as Tt, ItemActionsOverlay as Bt, ItemBanner as zt, ItemActionsDropdown as Ge, itemTitleClasses as kt, itemDescriptionClasses as Vt, itemPriceClasses as Dt, ItemActionsButtons as Ot, NavBarItem as $t, SubItemsBox as Rt, scaffoldClasses as Ut, Row as le, UploaderTitle as Ht, AvatarLabel as Wt, UploadFileLabel as Gt, UploadFileListing as Kt, UploadFileErrorBox as jt, UploadFileInput as qt, ViewImageModal as Yt, RangeFilter as Xt, SwitchFilter as Zt, CheckboxGroupFilter as Qt, CheckboxFilter as Jt, NumericFilter as ea, DateFilter as ta, AutocompleteFilter as aa, SelectFilter as ra, SearchFilter as oa, filterClasses as M, fieldClasses as na, RadioField as sa, SwitchField as ia, AutocompleteField as la, SelectField as ca, CheckboxField as da, TextareaField as ma, InputField as ua, PresetColorPicker as pa, FreeColorPicker as fa, CopyButton as Ke, DeletionConfirmor as ha, EmptyListings as ga, ItemCard as va, emptyListingsClasses as ba, QuickLinksBox as Ca, SocialLinksBox as wa, PoliciesBox as xa, CopyRightsBox as ya, SideBar as Ia, Field as Sa, Scaffold as Ea } from "@/components";
+import { MOCK_HEADER_ITEMS_WITH_SUB_ITEMS as Na, MOCK_HEADER_ACTIONS as La, MOCK_HEADER_ITEMS as Se } from "@/mocks";
+import { FAKE_PARAGRAPH as K, getCardMotion as je, fileTypesMapping as Aa, ONE_MEGABYTE as qe, defaultEmperorUIConfig as k, ALLOWED_IMAGES_TYPES as Ye, ALLOWED_DOC_TYPES as Xe, ALLOWED_PDF_TYPES as Ze, ALLOWED_SHEET_TYPES as Qe } from "@/constants";
+import { Card as Je, CardHeader as et, CardBody as tt, CardFooter as at } from "@heroui/card";
+import { Skeleton as z } from "@heroui/skeleton";
+import { motion as _, AnimatePresence as Pa } from "framer-motion";
+import { useWindowSize as Fa, useNavigation as rt, useEmperorUI as w, useUploaderContext as R, useSearchParamsHandler as F, useFormBuilder as U } from "@/hooks";
+import { Image as me } from "@heroui/image";
+import { Chip as _a } from "@heroui/chip";
+import { Button as L } from "@heroui/button";
+import { Dropdown as Ma, DropdownTrigger as Ta, DropdownMenu as Ba, DropdownItem as za } from "@heroui/dropdown";
+import { EllipsisVertical as ka, UploadCloud as Va, Trash2 as Q, Eye as ue, Search as Da, SunIcon as Oa, MoonIcon as $a, Copy as Ra, Check as Ua, Inbox as Ha, FacebookIcon as Wa, TwitterIcon as Ga, InstagramIcon as Ka, LinkedinIcon as ja, YoutubeIcon as qa, Pencil as ot, HomeIcon as nt, InfoIcon as pe, MailIcon as fe, ServerIcon as he, SettingsIcon as Ya, HelpCircleIcon as Xa, LifeBuoyIcon as Za, LogOutIcon as Qa, Star as Ja } from "lucide-react";
+import { Tooltip as er } from "@heroui/tooltip";
+import { Link as J } from "@heroui/link";
+import { Drawer as tr, DrawerContent as ar, DrawerHeader as rr, DrawerBody as or, DrawerFooter as nr } from "@heroui/drawer";
+import { ScrollShadow as st } from "@heroui/scroll-shadow";
+import { Divider as ge } from "@heroui/divider";
+import { createPortal as it } from "react-dom";
+import { UploaderProvider as sr, FormBuilderProvider as ir, ConfigProvider as lr, NavigationProvider as cr, EmperorUIProvider as dr } from "@/providers";
+import { Placeholders as mr, PreservedKeys as ur } from "@/enums";
+import { Avatar as pr } from "@heroui/avatar";
+import { Spinner as ve } from "@heroui/spinner";
+import { getLocales as ee, ar as fr, en as hr, LangKey as V } from "@/i18n";
+import { Modal as lt, ModalContent as ct, ModalBody as dt, ModalHeader as gr, ModalFooter as vr, useDisclosure as mt } from "@heroui/modal";
+import { Input as te, Textarea as br } from "@heroui/input";
+import { useDebounce as Cr } from "use-debounce";
+import { Select as be, SelectItem as Ce } from "@heroui/select";
+import { Autocomplete as ut, AutocompleteItem as pt } from "@heroui/autocomplete";
+import { DatePicker as wr } from "@heroui/date-picker";
+import { parseDate as xr } from "@internationalized/date";
+import { Checkbox as we, CheckboxGroup as yr } from "@heroui/checkbox";
+import { Switch as ft } from "@heroui/switch";
+import { Slider as Ir } from "@heroui/slider";
+import { Controller as H, useForm as Sr, useWatch as Er } from "react-hook-form";
+import { RadioGroup as Nr, Radio as Lr } from "@heroui/radio";
+import { useTheme as Ar, ThemeProvider as ht } from "next-themes";
+import { motion as Ee, AnimatePresence as Pr } from "motion/react";
+import { Pagination as Fr } from "@heroui/pagination";
+import { blinkContainer as _r, blinkItem as oe, floating as Mr } from "@/animations";
+import { EmperorUIContext as ce, NavigationContext as gt, UploaderContext as vt, FormBuilderContext as bt } from "@/context";
+import { addToast as G, ToastProvider as Tr } from "@heroui/toast";
+import { HeroUIProvider as Br } from "@heroui/system";
+import zr from "clsx";
+import { twMerge as kr } from "tailwind-merge";
+import Vr from "browser-image-compression";
+import { MOCK_ITEM_BRANDS as Ne, MOCK_COLORS as Le, MOCK_LISTING_TITLES as Ae, MOCK_LISTING_DESCRIPTIONS as Pe, MOCK_LISTING_IMAGES as Fe, MOCK_BASE_DATE as de, MOCK_REVIEW_COMMENTS as _e, MOCK_REVIEW_AUTHORS as Me, MOCK_ITEM_CATEGORIES as Te } from "@/mocks/constants";
+const Dr = C(["flex flex-col w-full"], {
+  variants: {
+    variant: {
+      default: []
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), Or = {
+  enabled: !0,
+  blur: 10,
+  backgroundColor: "#006fed",
+  foregroundColor: "#fff",
+  opacity: 40
+}, Bn = A(({ className: e, variant: t = "default", children: a, ...o }, n) => /* @__PURE__ */ b(
+  "main",
+  {
+    ref: n,
+    "data-slot": "emperor-landing-page",
+    className: c(Dr({ className: e })),
+    ...o,
+    children: [
+      /* @__PURE__ */ b(Pt, { variant: "floating", glassEffect: Or, children: [
+        /* @__PURE__ */ r(ie, {}),
+        /* @__PURE__ */ r(
+          ke,
+          {
+            items: Na,
+            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: K }),
+        /* @__PURE__ */ r("p", { children: K }),
+        /* @__PURE__ */ r("p", { children: K }),
+        /* @__PURE__ */ r("p", { children: K }),
+        /* @__PURE__ */ r("p", { children: K })
+      ] }),
+      a
+    ]
+  }
+));
+function zn({
+  className: e,
+  classNames: t,
+  hoverEffect: a = "none",
+  orientation: o = "vertical"
+}) {
+  return /* @__PURE__ */ r(
+    _.div,
+    {
+      ...je({ hoverEffect: a }),
+      "data-slot": "emperor-ui-item-card",
+      className: c(
+        He({ orientation: o }),
+        t?.base,
+        e
+      ),
+      children: /* @__PURE__ */ b(
+        Je,
+        {
+          shadow: "sm",
+          "data-slot": "emperor-ui-item-card-main-wrapper",
+          className: c(
+            Ue({ orientation: o }),
+            t?.mainWrapper
+          ),
+          children: [
+            /* @__PURE__ */ r(
+              et,
+              {
+                "data-slot": "emperor-ui-item-card-header",
+                className: c(De({ orientation: o }), t?.header),
+                children: /* @__PURE__ */ r(
+                  z,
+                  {
+                    className: c(
+                      Ve({ orientation: o }),
+                      t?.imageWrapper
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ b(
+              tt,
+              {
+                "data-slot": "emperor-ui-item-card-body",
+                className: c(Oe({ orientation: o }), t?.body),
+                children: [
+                  /* @__PURE__ */ b("div", { className: "flex items-start justify-between gap-2", children: [
+                    /* @__PURE__ */ r(z, { className: "h-5 flex-1 rounded-lg" }),
+                    /* @__PURE__ */ r(z, { className: "size-8 shrink-0 rounded-lg" })
+                  ] }),
+                  /* @__PURE__ */ r(z, { className: "h-4 w-4/5 rounded-lg" }),
+                  /* @__PURE__ */ r(z, { className: "h-4 w-full rounded-lg" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ r(
+              at,
+              {
+                "data-slot": "emperor-ui-item-card-footer",
+                className: c(Re({ orientation: o }), t?.footer),
+                children: /* @__PURE__ */ b(
+                  "menu",
+                  {
+                    "data-slot": "emperor-ui-item-card-chips",
+                    className: c($e({ orientation: o }), t?.chips),
+                    children: [
+                      " ",
+                      /* @__PURE__ */ r(z, { className: "h-6 w-16 rounded-full" }),
+                      /* @__PURE__ */ r(z, { className: "h-6 w-20 rounded-full" }),
+                      /* @__PURE__ */ r(z, { className: "h-6 w-14 rounded-full" })
+                    ]
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function kn({
+  item: e,
+  orientation: t,
+  classNames: a
+}) {
+  return e?.banner ? /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "emperor-ui-item-card-banner",
+      className: c(Ft({ orientation: t }), a?.banner),
+      children: e?.banner
+    }
+  ) : null;
+}
+function Vn({
+  variants: e,
+  isLoading: t = !1,
+  className: a,
+  classNames: o,
+  item: n,
+  actions: s = [],
+  hoverEffect: i = "none",
+  onActionClick: l,
+  orientation: d = "vertical",
+  actionsViewVariant: m = "dropdown"
+}) {
+  const { isExtraSmallDevice: p } = Fa(), u = p ? "vertical" : d;
+  if (t)
+    return /* @__PURE__ */ r(
+      We,
+      {
+        className: a,
+        classNames: o,
+        orientation: u
+      }
+    );
+  const f = s && s.length > 0, h = m === "dropdown", v = m === "hover-overlay";
+  return /* @__PURE__ */ r(
+    _.div,
+    {
+      "data-slot": "emperor-ui-item-card",
+      className: c(
+        He({ orientation: u }),
+        "group",
+        o?.base,
+        a
+      ),
+      variants: e,
+      ...je({ hoverEffect: i }),
+      children: /* @__PURE__ */ b(
+        Je,
+        {
+          shadow: "sm",
+          "data-slot": "emperor-ui-item-card-main-wrapper",
+          className: c(
+            Ue({ orientation: u }),
+            "relative overflow-hidden",
+            o?.mainWrapper
+          ),
+          children: [
+            /* @__PURE__ */ r(
+              _t,
+              {
+                item: n,
+                orientation: u,
+                classNames: o,
+                actions: s,
+                onActionClick: l,
+                actionsViewVariant: h ? "dropdown" : m
+              }
+            ),
+            /* @__PURE__ */ r(
+              Mt,
+              {
+                item: n,
+                orientation: u,
+                classNames: o,
+                actions: s,
+                onActionClick: l,
+                actionsViewVariant: h ? "dropdown" : m
+              }
+            ),
+            /* @__PURE__ */ r(
+              Tt,
+              {
+                item: n,
+                orientation: u,
+                classNames: o,
+                actions: s,
+                onActionClick: l,
+                actionsViewVariant: m
+              }
+            ),
+            v && f && /* @__PURE__ */ r(
+              Bt,
+              {
+                actions: s,
+                classNames: o,
+                onActionClick: l,
+                orientation: u
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function Dn({
+  item: e,
+  orientation: t,
+  classNames: a,
+  actions: o,
+  onActionClick: n,
+  actionsViewVariant: s = "dropdown"
+}) {
+  return /* @__PURE__ */ b(
+    et,
+    {
+      "data-slot": "emperor-ui-item-card-header",
+      className: c(De({ orientation: t }), a?.header),
+      children: [
+        e?.image && /* @__PURE__ */ r(
+          "div",
+          {
+            "data-slot": "emperor-ui-item-card-image-wrapper",
+            className: c(
+              Ve({ orientation: t }),
+              a?.imageWrapper
+            ),
+            children: /* @__PURE__ */ r(
+              me,
+              {
+                "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(
+          zt,
+          {
+            item: e,
+            orientation: t,
+            classNames: a
+          }
+        ),
+        t === "vertical" && s === "dropdown" && /* @__PURE__ */ r(
+          Ge,
+          {
+            actions: o,
+            classNames: a,
+            onActionClick: n
+          }
+        )
+      ]
+    }
+  );
+}
+function On({
+  item: e,
+  orientation: t,
+  classNames: a,
+  actions: o,
+  onActionClick: n,
+  actionsViewVariant: s = "dropdown"
+}) {
+  return /* @__PURE__ */ b(
+    tt,
+    {
+      "data-slot": "emperor-ui-item-card-body",
+      className: c(Oe({ orientation: t }), a?.body),
+      children: [
+        e?.title && /* @__PURE__ */ r(
+          "h3",
+          {
+            "data-slot": "emperor-ui-item-card-title",
+            className: c(kt({ orientation: t }), a?.title),
+            children: e?.title
+          }
+        ),
+        e?.description && /* @__PURE__ */ r(
+          "p",
+          {
+            "data-slot": "emperor-ui-item-card-description",
+            className: c(
+              Vt({ orientation: t }),
+              a?.description
+            ),
+            children: e?.description
+          }
+        ),
+        e?.price && /* @__PURE__ */ r(
+          "p",
+          {
+            "data-slot": "emperor-ui-item-card-price",
+            className: c(Dt({ orientation: t }), a?.price),
+            children: e?.price
+          }
+        ),
+        t === "horizontal" && s === "dropdown" && /* @__PURE__ */ r(
+          Ge,
+          {
+            actions: o,
+            classNames: a,
+            onActionClick: n
+          }
+        )
+      ]
+    }
+  );
+}
+function $n({
+  item: e,
+  orientation: t,
+  classNames: a,
+  actions: o,
+  onActionClick: n,
+  actionsViewVariant: s = "dropdown"
+}) {
+  return /* @__PURE__ */ b(
+    at,
+    {
+      "data-slot": "emperor-ui-item-card-footer",
+      className: c(Re({ orientation: t }), a?.footer),
+      children: [
+        e?.chips && e?.chips?.length > 0 && /* @__PURE__ */ r(
+          "menu",
+          {
+            "data-slot": "emperor-ui-item-card-chips",
+            className: c($e({ orientation: t }), a?.chips),
+            children: e?.chips?.map(
+              ({
+                label: i,
+                className: l,
+                classNames: d,
+                ...m
+              }, p) => /* @__PURE__ */ r(
+                _a,
+                {
+                  "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",
+                  ...m,
+                  children: i
+                },
+                p
+              )
+            )
+          }
+        ),
+        s === "buttons" && o && o?.length > 0 && /* @__PURE__ */ r(
+          Ot,
+          {
+            actions: o,
+            classNames: a,
+            onActionClick: n,
+            className: "ml-auto"
+          }
+        )
+      ]
+    }
+  );
+}
+function Rn({
+  actions: e,
+  classNames: t,
+  onActionClick: a
+}) {
+  return !e || e?.length === 0 ? null : /* @__PURE__ */ b(Ma, { placement: "bottom-end", children: [
+    /* @__PURE__ */ r(Ta, { "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(ka, { className: "size-4" })
+      }
+    ) }),
+    /* @__PURE__ */ r(
+      Ba,
+      {
+        "data-slot": "emperor-ui-item-card-actions-dropdown-menu",
+        "aria-label": "Card actions",
+        onAction: (o) => a?.(String(o)),
+        items: e,
+        children: ({ key: o, label: n, ...s }) => /* @__PURE__ */ r(
+          za,
+          {
+            "data-slot": "emperor-ui-item-card-actions-dropdown-item",
+            textValue: n,
+            title: n,
+            ...s
+          },
+          o
+        )
+      }
+    )
+  ] });
+}
+function Un({
+  actions: e,
+  classNames: t,
+  onActionClick: a,
+  className: o
+}) {
+  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, o),
+      children: e.map(
+        ({ key: n, 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: () => n && a?.(String(n)),
+            ...l,
+            children: s
+          },
+          n ?? d
+        )
+      )
+    }
+  );
+}
+function Hn({
+  actions: e,
+  classNames: t,
+  onActionClick: a,
+  orientation: o
+}) {
+  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",
+        o === "horizontal" ? "flex-row" : "flex-col",
+        "transition-opacity duration-200 group-hover:opacity-100",
+        t?.actions
+      ),
+      children: e?.map(
+        ({ key: n, label: s, className: i, ...l }, d) => /* @__PURE__ */ r(er, { 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: () => n && a?.(String(n)),
+            ...l
+          },
+          n ?? d
+        ) })
+      )
+    }
+  );
+}
+const Wn = C(["w-full relative"], {
+  variants: {
+    orientation: {
+      vertical: "max-w-80",
+      horizontal: "min-w-full max-w-full"
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), Gn = C(["size-full"], {
+  variants: {
+    orientation: {
+      vertical: "flex flex-col",
+      horizontal: "grid grid-cols-[200px_auto]"
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), Kn = C(
+  ["relative aspect-4/3 overflow-hidden"],
+  {
+    variants: {
+      orientation: {
+        vertical: "w-full",
+        horizontal: "w-fit h-full"
+      }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), jn = C(["relative p-0"], {
+  variants: {
+    orientation: {
+      vertical: "",
+      horizontal: "row-span-2"
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), qn = C(["relative flex flex-col gap-2 p-4"], {
+  variants: {
+    orientation: {
+      vertical: "",
+      horizontal: ""
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), Yn = C(
+  ["flex flex-wrap flex-col p-4 gap-4 items-start"],
+  {
+    variants: {
+      orientation: {
+        vertical: "",
+        horizontal: "justify-end"
+      }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), Xn = C(
+  ["line-clamp-1 font-semibold text-foreground"],
+  {
+    variants: {
+      orientation: {
+        vertical: "",
+        horizontal: "w-[calc(100%-30px)]"
+      }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), Zn = C(["text-2xl font-bold text-foreground"], {
+  variants: {
+    orientation: {
+      vertical: "",
+      horizontal: ""
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), Qn = C(
+  ["line-clamp-2 text-sm text-default-600"],
+  {
+    variants: {
+      orientation: {
+        vertical: "",
+        horizontal: ""
+      }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), Jn = C(["flex flex-wrap items-center gap-2 p-1"], {
+  variants: {
+    orientation: {
+      vertical: "",
+      horizontal: ""
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), es = C(
+  [
+    "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: []
+  }
+), $r = C(["relative flex items-center gap-3"], {
+  variants: {
+    hoverEffect: {
+      default: [],
+      solid: [],
+      underline: [],
+      ghost: [],
+      bordered: [],
+      none: []
+    },
+    variant: {
+      default: [],
+      solid: [],
+      bordered: []
+    }
+  },
+  defaultVariants: {
+    hoverEffect: "default",
+    variant: "default"
+  }
+}), Rr = C(["size-full flex items-center"], {
+  variants: {
+    variant: {
+      default: [],
+      solid: [],
+      bordered: []
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), Ur = C(
+  [
+    "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"
+    }
+  }
+), Hr = ({
+  primaryColor: e,
+  foregroundColor: t,
+  variant: a
+}) => a === "solid" ? {
+  backgroundColor: e,
+  color: t
+} : {}, Wr = ({}) => ({}), Gr = ({
+  foregroundColor: e,
+  hoverEffect: t,
+  primaryColor: a,
+  isHovered: o,
+  variant: n
+}) => t === "solid" ? {
+  color: e,
+  backgroundColor: a
+} : t === "underline" ? {
+  // color: primaryColor,
+} : t === "ghost" ? {
+  color: o ? a : e,
+  backgroundColor: o ? "transparent" : a,
+  borderColor: o ? a : "transparent",
+  borderWidth: "2px",
+  borderStyle: "solid"
+} : t === "bordered" ? {
+  color: o ? e : a,
+  backgroundColor: o ? a : "transparent",
+  borderColor: o ? "transparent" : a,
+  borderTopWidth: "2px",
+  borderBottomWidth: "2px",
+  borderRightWidth: "1px",
+  borderLeftWidth: "1px",
+  borderStyle: "solid"
+} : n === "bordered" ? {
+  color: a,
+  backgroundColor: "transparent",
+  borderColor: a,
+  borderTopWidth: "2px",
+  borderBottomWidth: "2px",
+  borderRightWidth: "1px",
+  borderLeftWidth: "1px",
+  borderStyle: "solid"
+} : {}, ts = A(
+  ({
+    className: e,
+    hoverEffect: t = "default",
+    variant: a = "default",
+    items: o = [],
+    subItemsColumns: n = 3,
+    ...s
+  }, i) => /* @__PURE__ */ b(
+    "nav",
+    {
+      ref: i,
+      "data-slot": "emperor-nav-bar",
+      className: c($r({ hoverEffect: t, variant: a, className: e })),
+      style: Hr({
+        variant: a
+      }),
+      ...s,
+      children: [
+        /* @__PURE__ */ r(
+          "ul",
+          {
+            className: c(Rr({ className: e })),
+            style: Wr({}),
+            "data-slot": "emperor-nav-bar-menu",
+            children: o?.map((l) => /* @__PURE__ */ r(
+              $t,
+              {
+                item: l,
+                variant: a,
+                hoverEffect: t
+              },
+              l.id
+            ))
+          }
+        ),
+        /* @__PURE__ */ r(Rt, { subItemsColumns: n })
+      ]
+    }
+  )
+), as = ({ subItemsColumns: e = 3 }) => {
+  const {
+    hoveredItemId: t,
+    subItems: a,
+    isSubItemsBoxOpen: o,
+    subItemsBoxIsHovered: n,
+    setSubItemsBoxIsHovered: s,
+    setIsSubItemsBoxOpen: i
+  } = rt(), l = o || n;
+  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: m, label: p, Icon: u }) => /* @__PURE__ */ b(
+            J,
+            {
+              href: m,
+              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: [
+                u && /* @__PURE__ */ r(u, { className: "size-4" }),
+                p && /* @__PURE__ */ r("p", { children: p })
+              ]
+            },
+            d
+          ))
+        }
+      )
+    }
+  );
+}, rs = A(({ className: e, item: t, variant: a, hoverEffect: o, ...n }, s) => {
+  const {
+    hoveredItemId: i,
+    subItemsBoxIsHovered: l,
+    setSubItems: d,
+    setHoveredItemId: m,
+    setIsSubItemsBoxOpen: p
+  } = rt(), { id: u, label: f, Icon: h, subItems: v } = t, g = i === u, x = (S) => {
+    if (S) {
+      m(S), v && v.length > 0 ? (d(v), p(!0)) : p(!1);
+      return;
+    }
+    m(null), l || p(!1);
+  };
+  return /* @__PURE__ */ b(
+    "li",
+    {
+      ref: s,
+      "data-slot": "emperor-nav-bar-item",
+      style: Gr({
+        hoverEffect: o,
+        isHovered: g,
+        variant: a
+      }),
+      className: c(Ur({ hoverEffect: o, variant: a })),
+      onMouseEnter: () => x(u),
+      onMouseLeave: () => x(null),
+      ...n,
+      children: [
+        h && /* @__PURE__ */ r(h, { className: "size-4" }),
+        f && /* @__PURE__ */ r("p", { children: f })
+      ]
+    }
+  );
+}), Kr = ({
+  foregroundColor: e,
+  primaryColor: t,
+  isHovered: a
+}) => ({
+  color: a ? e : "inherit",
+  backgroundColor: a ? t : "transparent"
+}), jr = C([""], {
+  variants: {
+    variant: {
+      default: [],
+      compact: []
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), qr = C(
+  [
+    "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: []
+  }
+), Yr = ({
+  isOpen: e,
+  onOpenChange: t,
+  triggerProps: a,
+  classNames: o,
+  header: n,
+  items: s = [],
+  actions: i = [],
+  variant: l = "default"
+}) => {
+  const { config: d } = w(), [m, p] = I(null), { content: u, ...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(o?.trigger),
+        ...f,
+        children: u
+      }
+    ),
+    /* @__PURE__ */ r(
+      tr,
+      {
+        isOpen: e,
+        onOpenChange: t,
+        placement: v ? "right" : "left",
+        size: "sm",
+        dir: h,
+        className: "p-0",
+        children: /* @__PURE__ */ b(ar, { className: "p-0", children: [
+          /* @__PURE__ */ r(rr, { className: c("text-xl font-bold", o?.title), children: n }),
+          /* @__PURE__ */ r(or, { className: c("p-0 mt-4 h-fit"), children: /* @__PURE__ */ r(
+            st,
+            {
+              as: "ul",
+              hideScrollBar: !0,
+              "data-slot": "emperor-side-bar-menu",
+              className: c("max-h-[60vh] overflow-y-auto", o?.menu),
+              children: s?.map(({ id: g, label: x, href: S, Icon: y }) => /* @__PURE__ */ b(
+                "li",
+                {
+                  "data-slot": "emperor-side-bar-item",
+                  style: Kr({
+                    isHovered: m === g
+                  }),
+                  className: c(
+                    qr({ variant: l }),
+                    o?.menuItem
+                  ),
+                  onMouseEnter: () => p(g),
+                  onMouseLeave: () => p(null),
+                  children: [
+                    y && /* @__PURE__ */ r(y, { className: "size-4" }),
+                    x && /* @__PURE__ */ r("p", { children: x })
+                  ]
+                },
+                S
+              ))
+            }
+          ) }),
+          i && i?.length > 0 && /* @__PURE__ */ b(se, { children: [
+            /* @__PURE__ */ r(ge, { className: "m-auto w-11/12" }),
+            /* @__PURE__ */ r(nr, { className: c(o?.actionsWrapper), children: i?.map(({ key: g, label: x, ...S }) => /* @__PURE__ */ r(
+              L,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: c(o?.actionItem),
+                ...S,
+                children: x
+              },
+              g
+            )) })
+          ] })
+        ] })
+      }
+    )
+  ] });
+}, Xr = ({
+  items: e = [],
+  isOpen: t,
+  onOpenChange: a,
+  triggerProps: o
+}) => {
+  const { content: n, ...s } = o || {};
+  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: n
+          }
+        ) }),
+        /* @__PURE__ */ r(ge, {}),
+        /* @__PURE__ */ r(
+          st,
+          {
+            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
+            ))
+          }
+        )
+      ]
+    }
+  );
+}, Zr = (e) => {
+  const [t, a] = I(null);
+  return $(() => {
+    const o = document.getElementById("emperor-compact-sidebar");
+    setTimeout(() => {
+      a(o);
+    }, 100);
+  }, []), t ? it(/* @__PURE__ */ r(Xr, { ...e }), t) : null;
+}, os = A((e, t) => {
+  const { variant: a = "default", className: o, classNames: n } = e;
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      ref: t,
+      "data-slot": "emperor-side-bar",
+      className: c(
+        jr({
+          variant: a,
+          className: c(o, n?.base)
+        })
+      ),
+      ...e,
+      children: [
+        a === "default" && /* @__PURE__ */ r(Yr, { ...e }),
+        a === "compact" && /* @__PURE__ */ r(Zr, { ...e })
+      ]
+    }
+  );
+}), ns = A(
+  ({ className: e, children: t, ...a }, o) => {
+    const { config: n } = w();
+    return /* @__PURE__ */ r(
+      "main",
+      {
+        ref: o,
+        dir: n?.interLocalization?.dir,
+        "data-slot": "scaffold",
+        className: c(Ut({ className: e }), e),
+        ...a,
+        children: t
+      }
+    );
+  }
+), ss = C(
+  ["flex flex-col min-h-screen w-full max-w-screen"],
+  {
+    variants: {},
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), Qr = C([""], {
+  variants: {
+    variant: {}
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), is = A(
+  ({
+    className: e,
+    variant: t,
+    src: a,
+    alt: o = "Emperor UI",
+    name: n = "Emperor UI",
+    isIconOnly: s = !1,
+    classNames: i,
+    ...l
+  }, d) => /* @__PURE__ */ b(
+    le,
+    {
+      ref: d,
+      "data-slot": "emperor-brand",
+      className: c(
+        Qr({ variant: t, className: c(e, i?.base) })
+      ),
+      ...l,
+      children: [
+        a && /* @__PURE__ */ r(
+          me,
+          {
+            "data-slot": "emperor-brand-logo",
+            src: a,
+            alt: o,
+            radius: "md",
+            className: c("min-w-7 min-h-7 size-7", i?.logo)
+          }
+        ),
+        n && !s && /* @__PURE__ */ r(
+          "p",
+          {
+            "data-slot": "emperor-brand-name",
+            className: c("font-semibold text-lg", i?.name),
+            children: n
+          }
+        )
+      ]
+    }
+  )
+), Jr = C(["flex flex-col gap-3"], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+}), ls = A(({ className: e, children: t, ...a }, o) => /* @__PURE__ */ r("section", { ref: o, className: c(Jr({ className: e })), ...a, children: t })), eo = C(["flex w-full container p-4 mx-auto"], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+}), cs = A(({ className: e, children: t, ...a }, o) => /* @__PURE__ */ r(
+  "section",
+  {
+    ref: o,
+    "data-slot": "container",
+    className: c(eo({ className: e })),
+    ...a,
+    children: t
+  }
+)), to = C(["flex items-center gap-3"], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+}), ds = A(({ className: e, children: t, ...a }, o) => /* @__PURE__ */ r(
+  "section",
+  {
+    ref: o,
+    "data-slot": "row",
+    className: c(to({ className: e })),
+    ...a,
+    children: t
+  }
+));
+function ms({
+  children: e,
+  containerId: t,
+  isVisible: a = !0
+}) {
+  const [o, n] = I(null);
+  return $(() => {
+    const s = document.getElementById(t);
+    setTimeout(() => {
+      n(s);
+    }, 100);
+  }, [t]), !o || !a ? null : it(e, o);
+}
+const ao = C(["w-full flex flex-col gap-2"], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+}), us = A(({ className: e, ...t }, a) => {
+  const {
+    isAvatar: o,
+    hideListing: n,
+    isFileViewable: s,
+    hideErrorMessage: i,
+    // Uploader API — must not be forwarded to a DOM element (React warns on unknown props).
+    selectedFile: l,
+    setSelectedFile: d,
+    labelId: m,
+    labelContent: p,
+    avatarLabelContent: u,
+    title: f,
+    errorMessage: h,
+    isRequired: v,
+    isDraggable: g,
+    isLoading: x,
+    isMulti: S,
+    placeholderImage: y,
+    files: P,
+    fileTypes: T,
+    onInputChange: W,
+    handleClearFile: xt,
+    modal: E,
+    classNames: B,
+    locales: D,
+    setFiles: ye,
+    ...ae
+  } = t;
+  return /* @__PURE__ */ r(sr, { ...t, children: /* @__PURE__ */ b(
+    "div",
+    {
+      ref: a,
+      className: c(ao({ className: e })),
+      ...ae,
+      children: [
+        /* @__PURE__ */ r(Ht, {}),
+        o ? /* @__PURE__ */ r(Wt, {}) : /* @__PURE__ */ r(Gt, {}),
+        !n && /* @__PURE__ */ r(Kt, {}),
+        !i && /* @__PURE__ */ r(jt, {}),
+        /* @__PURE__ */ r(qt, {}),
+        s && /* @__PURE__ */ r(Yt, {})
+      ]
+    }
+  ) });
+});
+function ps() {
+  const { config: e } = w(), [t, a] = I(null), {
+    labelId: o,
+    classNames: n,
+    labelContent: s,
+    isDraggable: i,
+    onInputChange: l,
+    avatarLabelContent: d,
+    placeholderImage: m,
+    files: p,
+    isLoading: u,
+    isMulti: f,
+    locales: h
+  } = R(), v = e?.interLocalization?.locales, g = e?.interLocalization?.lang || e?.interLocalization?.defaultLanguage || "en", x = ee(g), S = Z({
+    defaultUploaderLocale: x.atoms.uploader,
+    configUploaderLocale: v?.[g]?.atoms?.uploader,
+    contextUploaderLocale: h
+  }), y = (W) => {
+    W.preventDefault(), l && l(W);
+  }, P = (W) => {
+    W.preventDefault(), a(S.dropHere);
+  }, T = () => {
+    a("");
+  };
+  return !f && p?.length > 0 ? null : u ? /* @__PURE__ */ b("div", { className: c("mx-auto", n?.label), children: [
+    /* @__PURE__ */ r(ve, { 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",
+        n?.label
+      ),
+      htmlFor: o,
+      onDrop: i ? y : () => {
+      },
+      onDragOver: i ? P : () => {
+      },
+      onDragLeave: i ? T : () => {
+      },
+      children: [
+        d,
+        s || /* @__PURE__ */ r(
+          pr,
+          {
+            src: p?.[0]?.view || m || mr.PLACEHOLDER_MALE_AVATAR,
+            alt: "avatar",
+            size: "lg",
+            className: c("size-24", n?.avatar)
+          }
+        )
+      ]
+    }
+  );
+}
+function fs() {
+  const { config: e } = w(), [t, a] = I(""), {
+    labelId: o,
+    classNames: n,
+    labelContent: s,
+    isDraggable: i,
+    onInputChange: l,
+    isLoading: d,
+    isMulti: m,
+    files: p,
+    locales: u
+  } = R(), f = e?.interLocalization?.locales, h = e?.interLocalization?.lang || e?.interLocalization?.defaultLanguage || "en", v = ee(h), g = Z({
+    defaultUploaderLocale: v.atoms.uploader,
+    configUploaderLocale: f?.[h]?.atoms?.uploader,
+    contextUploaderLocale: u
+  }), x = (P) => {
+    P.preventDefault(), l && l(P);
+  }, S = (P) => {
+    P.preventDefault(), a(g.dropHere);
+  }, y = () => {
+    a("");
+  };
+  return !m && p?.length > 0 ? null : d ? /* @__PURE__ */ b("div", { className: c("w-full flex mx-auto", n?.label), children: [
+    /* @__PURE__ */ r(ve, { className: "mx-auto", size: "lg" }),
+    ";"
+  ] }) : /* @__PURE__ */ r(
+    "label",
+    {
+      className: c("w-full cursor-pointer mx-auto", n?.label),
+      htmlFor: o,
+      onDrop: i ? x : () => {
+      },
+      onDragOver: i ? S : () => {
+      },
+      onDragLeave: i ? y : () => {
+      },
+      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(Va, { 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 hs() {
+  const { config: e } = w(), { modal: t, selectedFile: a } = R(), o = e?.interLocalization?.lang || "en", n = a?.view, s = a?.file?.name;
+  return !n || !s ? null : /* @__PURE__ */ r(
+    lt,
+    {
+      placement: "center",
+      isOpen: t?.isOpen,
+      dir: o === "ar" ? "rtl" : "ltr",
+      onClose: t?.onClose,
+      onOpenChange: t?.onOpenChange,
+      size: "xl",
+      ...t,
+      children: /* @__PURE__ */ r(ct, { className: "px-5", children: /* @__PURE__ */ r(dt, { className: "h-[60vh]", children: /* @__PURE__ */ r(
+        me,
+        {
+          className: "size-full rounded-md object-cover",
+          src: n,
+          alt: s,
+          width: 500,
+          height: 500
+        }
+      ) }) })
+    }
+  );
+}
+function gs() {
+  const { files: e, setSelectedFile: t, handleClearFile: a, classNames: o, modal: n } = R();
+  return /* @__PURE__ */ r("ul", { className: c("w-full flex flex-col gap-2", o?.listing), children: e?.map((s) => {
+    const i = n?.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",
+          o?.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(Q, { 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), n?.onOpen?.();
+              },
+              startContent: /* @__PURE__ */ r(ue, { className: "rounded-lg size-3" })
+            }
+          )
+        ]
+      },
+      s?.file?.name
+    ) : null;
+  }) });
+}
+function vs() {
+  const { config: e } = w(), { files: t, isRequired: a, classNames: o, errorMessage: n, locales: s } = R(), i = e?.interLocalization?.locales, l = e?.interLocalization?.lang || e?.interLocalization?.defaultLanguage || "en", d = ee(l), m = Z({
+    defaultUploaderLocale: d.atoms.uploader,
+    configUploaderLocale: i?.[l]?.atoms?.uploader,
+    contextUploaderLocale: s
+  });
+  return N(
+    () => t?.length === 0 && a,
+    [t, a]
+  ) ? /* @__PURE__ */ r("p", { className: c("text-[14px] text-danger", o?.error), children: n ?? m.errorUploadingFile }) : null;
+}
+function bs() {
+  const {
+    fileTypes: e = [],
+    isMulti: t,
+    labelId: a,
+    onInputChange: o,
+    classNames: n
+  } = R();
+  return /* @__PURE__ */ r(
+    "input",
+    {
+      id: a,
+      type: "file",
+      accept: (() => {
+        const i = [];
+        return e?.forEach((l) => {
+          i.push(...Aa?.[l] || []);
+        }), i.join(", ");
+      })(),
+      className: c("hidden", n?.input),
+      onChange: o,
+      multiple: t
+    }
+  );
+}
+function Cs({ ...e }) {
+  const { title: t, classNames: a } = R();
+  return t ? /* @__PURE__ */ r(
+    "h3",
+    {
+      className: c("text-lg font-bold", a?.title),
+      "data-slot": "emperor-uploader-title",
+      ...e,
+      children: t
+    }
+  ) : null;
+}
+const ro = C([""], {
+  variants: {
+    type: {
+      search: "",
+      select: "",
+      autocomplete: "",
+      date: "",
+      numeric: "",
+      checkbox: "",
+      checkboxGroup: "",
+      radio: "",
+      switch: "",
+      range: ""
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+});
+function ws({
+  className: e,
+  type: t,
+  searchProps: a,
+  selectProps: o,
+  autocompleteProps: n,
+  dateProps: s,
+  numericProps: i,
+  checkboxProps: l,
+  checkboxGroupProps: d,
+  radioProps: m,
+  switchProps: p,
+  rangeProps: u,
+  paramKey: f,
+  options: h,
+  ...v
+}) {
+  const g = { paramKey: f }, x = {
+    search: /* @__PURE__ */ r(oa, { searchProps: a, ...g, ...v }),
+    select: /* @__PURE__ */ r(
+      ra,
+      {
+        selectProps: o,
+        options: h,
+        ...g,
+        ...v
+      }
+    ),
+    autocomplete: /* @__PURE__ */ r(
+      aa,
+      {
+        autocompleteProps: n,
+        options: h,
+        ...g,
+        ...v
+      }
+    ),
+    date: /* @__PURE__ */ r(ta, { dateProps: s, ...g, ...v }),
+    numeric: /* @__PURE__ */ r(ea, { numericProps: i, ...g, ...v }),
+    checkbox: /* @__PURE__ */ r(
+      Jt,
+      {
+        checkboxProps: l,
+        ...g,
+        ...v
+      }
+    ),
+    checkboxGroup: /* @__PURE__ */ r(
+      Qt,
+      {
+        checkboxGroupProps: d,
+        options: h,
+        ...g,
+        ...v
+      }
+    ),
+    switch: /* @__PURE__ */ r(Zt, { switchProps: p, ...g, ...v }),
+    range: /* @__PURE__ */ r(Xt, { rangeProps: u, ...g, ...v })
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "emperor-ui-filter",
+      className: c(
+        ro({ type: t }),
+        e,
+        v?.classNames?.base
+      ),
+      children: x[t]
+    }
+  );
+}
+function xs({
+  classNames: e,
+  searchProps: t,
+  paramKey: a
+}) {
+  const { config: o } = w(), n = o?.theme?.components?.input, [s, i] = I(
+    t?.defaultValue || ""
+  ), { setParams: l } = F(), [d] = Cr(s, 700);
+  return $(() => {
+    l({
+      params: {
+        [a]: d
+      }
+    });
+  }, [d]), /* @__PURE__ */ r(
+    te,
+    {
+      ...n,
+      ...t,
+      endContent: /* @__PURE__ */ r(Da, { className: "size-4" }),
+      value: s,
+      onValueChange: i,
+      className: c(M({ type: "search" }), e?.field),
+      classNames: {
+        input: "min-w-40",
+        label: "font-semibold",
+        ...n?.classNames,
+        ...t?.classNames
+      }
+    }
+  );
+}
+function ys({
+  classNames: e,
+  selectProps: t,
+  selectItemProps: a,
+  paramKey: o,
+  options: n
+}) {
+  const { getParam: s, setParams: i } = F(), { config: l } = w(), d = l?.theme?.components?.select, m = l?.theme?.components?.selectItem, p = o ?? "select", u = s(p);
+  if (!n?.length)
+    throw new Error("Filter with type 'select' must have 'options' property.");
+  return /* @__PURE__ */ r(
+    be,
+    {
+      ...d,
+      ...t,
+      selectedKeys: u ? [u] : [],
+      onSelectionChange: (f) => {
+        const h = Array.from(f)[0];
+        i({
+          params: { [p]: h ? String(h) : void 0 }
+        });
+      },
+      className: c(M({ type: "select" }), e?.field),
+      classNames: {
+        trigger: "min-w-40",
+        label: "font-semibold",
+        ...d?.classNames,
+        ...t?.classNames
+      },
+      children: n.map((f) => /* @__PURE__ */ r(Ce, { ...m, ...a, children: f.label }, f.key))
+    }
+  );
+}
+function Is({
+  classNames: e,
+  autocompleteProps: t,
+  autocompleteItemProps: a,
+  paramKey: o,
+  options: n
+}) {
+  const { config: s } = w(), i = s?.theme?.components?.autocomplete, l = s?.theme?.components?.autocompleteItem, { getParam: d, setParams: m } = F(), p = d(o);
+  if (!n?.length)
+    throw new Error(
+      "Filter with type 'autocomplete' must have 'options' property."
+    );
+  return /* @__PURE__ */ r(
+    ut,
+    {
+      ...i,
+      ...t,
+      selectedKey: p || null,
+      onSelectionChange: (u) => m({
+        params: {
+          [o]: u ? String(u) : void 0
+        }
+      }),
+      className: c(M({ type: "autocomplete" }), e?.field),
+      classNames: {
+        base: "min-w-40",
+        ...i?.classNames,
+        ...t?.classNames
+      },
+      children: (n || [])?.map((u) => /* @__PURE__ */ r(
+        pt,
+        {
+          ...l,
+          ...a,
+          children: u.label
+        },
+        u.key
+      ))
+    }
+  );
+}
+function Ss({
+  classNames: e,
+  dateProps: t,
+  paramKey: a
+}) {
+  const { getParam: o, setParams: n } = F(), { config: s } = w(), i = s?.theme?.components?.datePicker, l = o(a), d = l && /^\d{4}-\d{2}-\d{2}$/.test(l) ? xr(l) : null;
+  return /* @__PURE__ */ r(
+    wr,
+    {
+      ...i,
+      ...t,
+      value: d,
+      onChange: (m) => n({
+        params: {
+          [a]: m ? String(m) : void 0
+        }
+      }),
+      className: c(M({ type: "date" }), e?.field),
+      classNames: {
+        label: "font-semibold",
+        ...i?.classNames,
+        ...t?.classNames
+      }
+    }
+  );
+}
+function Es({
+  classNames: e,
+  numericProps: t,
+  paramKey: a
+}) {
+  const { getParam: o, setParams: n } = F(), { config: s } = w(), i = s?.theme?.components?.input, l = o(a);
+  return /* @__PURE__ */ r(
+    te,
+    {
+      ...i,
+      ...t,
+      type: "number",
+      value: l ?? "",
+      onValueChange: (d) => n({
+        params: { [a]: d || void 0 }
+      }),
+      className: c(M({ type: "numeric" }), e?.field),
+      classNames: {
+        input: "min-w-40",
+        label: "font-semibold",
+        ...i?.classNames,
+        ...t?.classNames
+      }
+    }
+  );
+}
+function Ns({
+  classNames: e,
+  checkboxProps: t,
+  paramKey: a
+}) {
+  const { config: o } = w(), n = o?.theme?.components?.checkbox, { getParam: s, setParams: i } = F(), { isSelected: l } = N(() => {
+    const d = s(a);
+    return { value: d, isSelected: d === "true" || d === "1" || d === "yes" };
+  }, [a]);
+  return /* @__PURE__ */ r(
+    we,
+    {
+      ...n,
+      ...t,
+      isSelected: l,
+      onValueChange: (d) => i({
+        params: { [a]: d ? "true" : void 0 }
+      }),
+      className: c(M({ type: "checkbox" }), e?.field)
+    }
+  );
+}
+function Ls({
+  classNames: e,
+  checkboxGroupProps: t,
+  paramKey: a,
+  options: o
+}) {
+  const { config: n } = w(), s = n?.theme?.components?.checkboxGroup, i = n?.theme?.components?.checkbox, { getParam: l, setParams: d } = F(), { value: m } = N(() => {
+    const p = l(a);
+    return { value: p ? p.split(",").filter(Boolean) : [] };
+  }, [a]);
+  if (!o?.length)
+    throw new Error(
+      "Filter with type 'checkboxGroup' must have 'options' property."
+    );
+  return /* @__PURE__ */ r(
+    yr,
+    {
+      ...s,
+      ...t,
+      value: m,
+      onValueChange: (p) => d({
+        params: {
+          [a]: p.length > 0 ? p.join(",") : void 0
+        }
+      }),
+      classNames: {
+        label: "font-semibold",
+        ...s?.classNames,
+        ...t?.classNames
+      },
+      className: c(
+        M({ type: "checkboxGroup" }),
+        e?.field
+      ),
+      children: o.map((p) => /* @__PURE__ */ r(we, { ...i, value: p.key, children: p.label }, p.key))
+    }
+  );
+}
+function As({
+  classNames: e,
+  switchProps: t,
+  paramKey: a
+}) {
+  const { getParam: o, setParams: n } = F(), { config: s } = w(), i = s?.theme?.components?.switch, l = o(a);
+  return /* @__PURE__ */ r(
+    ft,
+    {
+      ...i,
+      ...t,
+      isSelected: l === "true" || l === "1" || l === "yes",
+      onValueChange: (m) => n({
+        params: { [a]: m ? "true" : void 0 }
+      }),
+      className: c(M({ type: "switch" }), e?.field)
+    }
+  );
+}
+function Ps({
+  classNames: e,
+  rangeProps: t,
+  paramKey: a
+}) {
+  const { getParam: o, setParams: n, allParams: s } = F(), { config: i } = w(), l = i?.theme?.components?.slider, d = t?.minValue ?? 0, m = t?.maxValue ?? 100, p = N(() => {
+    const u = o(a), f = [d, m];
+    if (u == null) return f;
+    const [h, v] = u.split(",").map(Number);
+    return !Number.isNaN(h) && !Number.isNaN(v) && h <= v ? [h, v] : f;
+  }, [a, d, m, s]);
+  return /* @__PURE__ */ r(
+    Ir,
+    {
+      ...l,
+      ...t,
+      value: p,
+      onChange: (u) => {
+        const f = Array.isArray(u) ? u : [u], h = f.length === 2 && f[0] === d && f[1] === m;
+        n({
+          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(M({ type: "range" }), e?.field)
+    }
+  );
+}
+function Fs({
+  className: e,
+  classNames: t,
+  name: a,
+  type: o,
+  inputProps: n,
+  textareaProps: s,
+  checkboxProps: i,
+  selectProps: l,
+  selectItemProps: d,
+  autocompleteProps: m,
+  autocompleteItemProps: p,
+  switchProps: u,
+  radioGroupProps: f,
+  options: h,
+  children: v
+}) {
+  const g = {
+    input: /* @__PURE__ */ r(ua, { name: a, inputProps: n }),
+    textarea: /* @__PURE__ */ r(ma, { name: a, textareaProps: s }),
+    checkbox: /* @__PURE__ */ r(da, { name: a, checkboxProps: i, children: v }),
+    select: /* @__PURE__ */ r(
+      ca,
+      {
+        name: a,
+        options: h,
+        selectProps: l,
+        selectItemProps: d
+      }
+    ),
+    autocomplete: /* @__PURE__ */ r(
+      la,
+      {
+        name: a,
+        options: h,
+        autocompleteProps: m,
+        autocompleteItemProps: p
+      }
+    ),
+    switch: /* @__PURE__ */ r(ia, { name: a, switchProps: u, children: v }),
+    radio: /* @__PURE__ */ r(
+      sa,
+      {
+        name: a,
+        options: h,
+        radioGroupProps: f
+      }
+    )
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      "data-slot": "emperor-ui-field",
+      className: c(na({}), e, t?.base),
+      children: g[o]
+    }
+  );
+}
+const _s = C([""], {
+  variants: {
+    variant: {}
+  },
+  defaultVariants: {},
+  compoundVariants: []
+});
+function Ms({
+  inputProps: e,
+  name: t
+}) {
+  const { config: a } = w(), o = a?.theme?.components?.input, { control: n } = U();
+  return /* @__PURE__ */ r(
+    H,
+    {
+      control: n,
+      name: t,
+      render: ({ field: s, fieldState: i }) => /* @__PURE__ */ r(
+        te,
+        {
+          ...o,
+          ...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 Ts({
+  textareaProps: e,
+  name: t
+}) {
+  const { config: a } = w(), o = a?.theme?.components?.textarea, { control: n } = U();
+  return /* @__PURE__ */ r(
+    H,
+    {
+      control: n,
+      name: t,
+      render: ({ field: s, fieldState: i }) => /* @__PURE__ */ r(
+        br,
+        {
+          ...o,
+          ...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 Bs({
+  checkboxProps: e,
+  name: t,
+  children: a
+}) {
+  const { config: o } = w(), n = o?.theme?.components?.checkbox, { control: s } = U();
+  return /* @__PURE__ */ r(
+    H,
+    {
+      control: s,
+      name: t,
+      render: ({ field: { value: i, onChange: l } }) => /* @__PURE__ */ r(
+        we,
+        {
+          ...n,
+          ...e,
+          isSelected: !!i,
+          onValueChange: l,
+          children: a
+        }
+      )
+    }
+  );
+}
+function zs({
+  options: e,
+  selectItemProps: t,
+  selectProps: a,
+  name: o
+}) {
+  const { config: n } = w(), s = n?.theme?.components?.select;
+  if (!e?.length)
+    throw new Error("Field with type 'select' must include 'options'.");
+  const { control: i } = U();
+  return /* @__PURE__ */ r(
+    H,
+    {
+      control: i,
+      name: o,
+      render: ({ field: l }) => /* @__PURE__ */ r(
+        be,
+        {
+          ...s,
+          ...a,
+          selectedKeys: l.value ? [String(l.value)] : [],
+          onSelectionChange: (d) => {
+            const m = Array.from(d)[0];
+            l.onChange(m ? String(m) : "");
+          },
+          children: e.map((d) => /* @__PURE__ */ r(Ce, { ...t, children: d.label }, d.key))
+        }
+      )
+    }
+  );
+}
+function ks({
+  autocompleteItemProps: e,
+  autocompleteProps: t,
+  options: a,
+  name: o
+}) {
+  const { config: n } = w(), s = n?.theme?.components?.autocomplete;
+  if (!a?.length)
+    throw new Error("Field with type 'autocomplete' must include 'options'.");
+  const { control: i } = U();
+  return /* @__PURE__ */ r(
+    H,
+    {
+      control: i,
+      name: o,
+      render: ({ field: l }) => /* @__PURE__ */ r(
+        ut,
+        {
+          ...s,
+          ...t,
+          selectedKey: l.value ? String(l.value) : null,
+          onSelectionChange: (d) => l.onChange(d ? String(d) : ""),
+          children: a.map((d) => /* @__PURE__ */ r(pt, { ...e, children: d.label }, d.key))
+        }
+      )
+    }
+  );
+}
+function Vs({
+  switchProps: e,
+  name: t,
+  children: a
+}) {
+  const { config: o } = w(), n = o?.theme?.components?.switch, { control: s } = U();
+  return /* @__PURE__ */ r(
+    H,
+    {
+      control: s,
+      name: t,
+      render: ({ field: i }) => /* @__PURE__ */ r(
+        ft,
+        {
+          ...n,
+          ...e,
+          isSelected: !!i.value,
+          onValueChange: i.onChange,
+          children: a
+        }
+      )
+    }
+  );
+}
+function Ds({
+  options: e,
+  radioGroupProps: t,
+  name: a
+}) {
+  const { config: o } = w(), n = o?.theme?.components?.radio, { control: s } = U();
+  if (!e?.length)
+    throw new Error("Field with type 'radio' must include 'options'.");
+  return /* @__PURE__ */ r(
+    H,
+    {
+      control: s,
+      name: a,
+      render: ({ field: i }) => /* @__PURE__ */ r(
+        Nr,
+        {
+          ...n,
+          ...t,
+          value: i.value ? String(i.value) : "",
+          onValueChange: i.onChange,
+          children: e.map((l) => /* @__PURE__ */ r(Lr, { value: l.key, children: l.label }, l.key))
+        }
+      )
+    }
+  );
+}
+const oo = C(
+  [
+    "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 Os({
+  className: e,
+  classNames: t,
+  ...a
+}) {
+  const { setTheme: o, resolvedTheme: n } = Ar(), s = () => {
+    o(n === "dark" ? "light" : "dark");
+  };
+  return /* @__PURE__ */ r(
+    Ee.button,
+    {
+      "data-slot": "emperor-ui-theme-knob",
+      className: c(oo(), 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(Pr, { mode: "wait", children: /* @__PURE__ */ r(
+        Ee.span,
+        {
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          transition: { duration: 0.2 },
+          className: "absolute inset-0 flex items-center justify-center",
+          children: n === "dark" ? /* @__PURE__ */ r(Oa, { className: "size-5" }) : /* @__PURE__ */ r($a, { className: "size-5" })
+        },
+        n ?? "loading"
+      ) }) })
+    }
+  );
+}
+function $s({ ...e }) {
+  return e?.inputType === "preset" ? /* @__PURE__ */ r(pa, { ...e }) : /* @__PURE__ */ r(fa, { ...e });
+}
+function Rs({
+  className: e,
+  classNames: t,
+  value: a = "#000000",
+  onChange: o,
+  defaultValue: n,
+  inputType: s = "free",
+  ...i
+}) {
+  const { config: l } = w(), d = l?.interLocalization?.locales, m = l?.interLocalization?.lang, u = d?.[m ?? "en"]?.atoms?.colorPicker?.invalidColorFormat, f = N(() => a ? !/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(a) : !0, [a]);
+  return /* @__PURE__ */ r(
+    te,
+    {
+      labelPlacement: "outside",
+      variant: "faded",
+      className: c(e),
+      classNames: { label: "font-bold", input: "h-12", ...t },
+      defaultValue: n,
+      value: a,
+      onValueChange: o,
+      isInvalid: f,
+      errorMessage: f ? u : void 0,
+      endContent: /* @__PURE__ */ r(Ke, { value: a }),
+      startContent: /* @__PURE__ */ r(
+        "input",
+        {
+          type: "color",
+          className: "color-swatch",
+          value: a,
+          onChange: (h) => {
+            o?.(h.target.value);
+          }
+        }
+      ),
+      ...i
+    }
+  );
+}
+function Us({
+  className: e,
+  classNames: t,
+  value: a = "#000000",
+  onChange: o,
+  defaultValue: n,
+  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(
+    be,
+    {
+      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: n ? [n] : void 0,
+      onSelectionChange: (d) => o?.(d?.currentKey ?? ""),
+      endContent: /* @__PURE__ */ r(Ke, { 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(
+        Ce,
+        {
+          startContent: /* @__PURE__ */ r(
+            "div",
+            {
+              style: { backgroundColor: d },
+              className: "size-4 rounded-full border border-gray-300"
+            }
+          ),
+          children: d
+        },
+        d
+      ))
+    }
+  );
+}
+function Hs({ value: e }) {
+  const [t, a] = I("copy"), o = yt(null), n = () => {
+    t === "copy" && (o.current && clearTimeout(o.current), navigator.clipboard.writeText(e), a("loading"), o.current = setTimeout(() => {
+      a("success"), o.current = setTimeout(() => a("copy"), 2e3);
+    }, 500));
+  };
+  return $(
+    () => () => {
+      o.current && clearTimeout(o.current);
+    },
+    []
+  ), /* @__PURE__ */ r(
+    L,
+    {
+      variant: "light",
+      size: "sm",
+      isIconOnly: !0,
+      onPress: n,
+      disabled: t !== "copy",
+      startContent: /* @__PURE__ */ r("span", { className: "relative size-4", children: /* @__PURE__ */ r(Pa, { mode: "wait", children: /* @__PURE__ */ b(
+        _.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(Ra, { className: "size-4" }),
+            t === "loading" && /* @__PURE__ */ r(
+              ve,
+              {
+                size: "sm",
+                classNames: {
+                  circle1: "border-b-current",
+                  circle2: "border-current"
+                }
+              }
+            ),
+            t === "success" && /* @__PURE__ */ r(Ua, { className: "size-4 text-success" })
+          ]
+        },
+        t
+      ) }) })
+    }
+  );
+}
+const no = C(["p-0"], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+}), so = C([], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+}), io = C([], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+}), lo = C(
+  ["flex gap-2 justify-end flex-wrap"],
+  {
+    variants: {},
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), Ws = ({}) => ({});
+function Gs({
+  isOpen: e,
+  onClose: t,
+  title: a,
+  description: o,
+  className: n,
+  classNames: s,
+  confirmProps: i,
+  declineProps: l
+}) {
+  const { config: d } = w(), m = d?.interLocalization?.lang ?? "en", u = d?.interLocalization?.locales?.[m]?.organisms?.deletionConfirmor, f = (h) => {
+    typeof l?.onPress == "function" && l.onPress(h), t();
+  };
+  return /* @__PURE__ */ r(
+    lt,
+    {
+      placement: "center",
+      isOpen: e,
+      onClose: t,
+      onOpenChange: (h) => {
+        h || t();
+      },
+      dir: m === "ar" ? "rtl" : "ltr",
+      classNames: n || s?.base ? { base: c(n, s?.base) } : void 0,
+      children: /* @__PURE__ */ b(
+        ct,
+        {
+          className: c(no(), s?.content),
+          children: [
+            /* @__PURE__ */ r(
+              gr,
+              {
+                className: c(so(), s?.header),
+                children: a
+              }
+            ),
+            /* @__PURE__ */ r(
+              dt,
+              {
+                className: c(io(), s?.body),
+                children: o
+              }
+            ),
+            /* @__PURE__ */ b(
+              vr,
+              {
+                className: c(lo(), s?.footer),
+                children: [
+                  /* @__PURE__ */ r(
+                    L,
+                    {
+                      variant: "flat",
+                      size: "sm",
+                      ...l,
+                      onPress: f,
+                      className: c(l?.className, s?.declineButton),
+                      children: l?.children ?? u?.decline
+                    }
+                  ),
+                  /* @__PURE__ */ r(
+                    L,
+                    {
+                      color: "danger",
+                      size: "sm",
+                      startContent: i?.isLoading ? void 0 : i?.startContent ?? /* @__PURE__ */ r(Q, { className: "size-4", "aria-hidden": !0 }),
+                      ...i,
+                      className: c(i?.className, s?.confirmButton),
+                      children: i?.children ?? u?.confirm
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+const Ks = (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(
+      ha,
+      {
+        confirmProps: {
+          onPress: () => a(!1)
+        },
+        ...e,
+        isOpen: t,
+        onClose: () => a(!1)
+      }
+    )
+  ] });
+};
+function js({ className: e }) {
+  return /* @__PURE__ */ r("div", { className: c("", e), children: "ItemDetails Component" });
+}
+const co = C(["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: []
+}), mo = C([""], {
+  variants: {
+    layout: {
+      grid: "size-full",
+      list: "w-full h-fit",
+      carousel: ""
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), uo = C(["mx-auto my-5 col-span-full"], {
+  variants: {
+    layout: {
+      grid: "",
+      list: "",
+      carousel: ""
+    }
+  },
+  defaultVariants: {},
+  compoundVariants: []
+}), qs = C(
+  [
+    "flex flex-col items-center justify-center min-h-[280px] w-full py-12 px-4",
+    "text-center"
+  ],
+  {
+    variants: {},
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), po = ({}) => ({});
+function Ys({
+  items: e = [],
+  isLoading: t = !1,
+  className: a,
+  classNames: o,
+  layout: n = "grid",
+  actions: s = [],
+  onActionClick: i,
+  pagination: l
+}) {
+  const d = {
+    grid: "vertical",
+    list: "horizontal",
+    carousel: "vertical"
+  }[n], m = e?.length === 0;
+  return /* @__PURE__ */ b(
+    _.section,
+    {
+      "data-slot": "emperor-ui-listings",
+      className: c(co({ className: a, layout: n })),
+      style: po({}),
+      initial: "hidden",
+      animate: "visible",
+      children: [
+        t && Array.from({ length: l?.pageSize || 12 }).map((p, u) => /* @__PURE__ */ r(
+          We,
+          {
+            className: a,
+            classNames: o,
+            orientation: d
+          },
+          u
+        )),
+        !t && m && /* @__PURE__ */ r(ga, { className: "col-span-full" }),
+        !t && !m && e?.map(
+          ({
+            item: p,
+            actions: u,
+            onActionClick: f
+          }) => /* @__PURE__ */ r(
+            va,
+            {
+              className: c(mo({ layout: n }), o?.item),
+              item: p,
+              isLoading: t,
+              actions: u || s || [],
+              onActionClick: f || i,
+              orientation: d
+            },
+            p?.key
+          )
+        ),
+        !t && !m && l && /* @__PURE__ */ r(
+          Fr,
+          {
+            className: c(
+              uo({ layout: n }),
+              o?.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
+          }
+        )
+      ]
+    }
+  );
+}
+function Xs({
+  className: e,
+  classNames: t
+}) {
+  const { config: a } = w(), o = a?.interLocalization?.locales, n = a?.interLocalization?.lang, i = o?.[n || "en"]?.organisms?.listings;
+  return /* @__PURE__ */ b(
+    _.div,
+    {
+      "data-slot": "emperor-ui-empty-listings",
+      className: c(ba(), e),
+      variants: _r,
+      initial: "hidden",
+      animate: "visible",
+      children: [
+        /* @__PURE__ */ r(
+          _.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(
+              _.div,
+              {
+                variants: Mr,
+                animate: "animate",
+                className: "flex items-center justify-center",
+                children: /* @__PURE__ */ r(
+                  Ha,
+                  {
+                    className: "size-14 text-default-400",
+                    strokeWidth: 1.25,
+                    "aria-hidden": !0
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ r(
+          _.h2,
+          {
+            className: c(
+              "text-xl font-semibold text-foreground mb-2",
+              t?.title
+            ),
+            variants: oe,
+            children: i?.emptyTitle
+          }
+        ),
+        /* @__PURE__ */ r(
+          _.p,
+          {
+            className: c(
+              "text-sm text-default-500 max-w-sm",
+              t?.description
+            ),
+            variants: oe,
+            children: i?.emptyDescription
+          }
+        )
+      ]
+    }
+  );
+}
+const fo = C(
+  [
+    "w-full grid md:grid-cols-[1fr_2fr] gap-4 p-5 min-h-80",
+    "bg-foreground text-background"
+  ],
+  {
+    variants: {
+      variant: {
+        default: []
+      }
+    },
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), ho = C(["flex flex-col gap-4"], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+}), go = C(
+  [
+    "col-span-full w-fit flex flex-col items-center gap-4 p-5 text-center",
+    "md:flex-row"
+  ],
+  {
+    variants: {},
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), vo = C(
+  ["w-fit flex p-5 gap-4 items-center flex-wrap"],
+  {
+    variants: {},
+    defaultVariants: {},
+    compoundVariants: []
+  }
+), bo = C(
+  ["col-span-full w-fit flex p-2 mx-auto text-center"],
+  {
+    variants: {},
+    defaultVariants: {},
+    compoundVariants: []
+  }
+);
+C([""], {
+  variants: {},
+  defaultVariants: {},
+  compoundVariants: []
+});
+const Co = C(
+  [
+    "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: []
+  }
+), wo = ({}) => ({}), Zs = A(
+  ({
+    className: e,
+    classNames: t,
+    policies: a,
+    copyRights: o,
+    socialLinks: n,
+    contacts: s,
+    quickLinks: i,
+    variant: l = "default",
+    children: d,
+    ...m
+  }, p) => /* @__PURE__ */ b(
+    "footer",
+    {
+      ref: p,
+      "data-slot": "emperor-ui-footer",
+      className: c(
+        fo({
+          variant: l,
+          className: c(e, t?.base)
+        })
+      ),
+      style: wo({}),
+      ...m,
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            "data-slot": "emperor-footer-content",
+            className: c(
+              ho({
+                className: c(e, t?.content)
+              })
+            ),
+            children: d
+          }
+        ),
+        /* @__PURE__ */ r(Ca, { quickLinks: i, classNames: t }),
+        /* @__PURE__ */ r(ge, { 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(wa, { socialLinks: n, classNames: t }),
+              /* @__PURE__ */ r(xa, { policies: a, classNames: t })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r(ya, { copyRights: o, classNames: t })
+      ]
+    }
+  )
+);
+function Qs({ policies: e, classNames: t }) {
+  return /* @__PURE__ */ r(
+    "section",
+    {
+      "data-slot": "emperor-footer-policies",
+      className: c(
+        go({
+          className: c(t?.policiesWrapper)
+        })
+      ),
+      children: e?.map((a) => /* @__PURE__ */ r(
+        J,
+        {
+          href: a.href,
+          className: c(t?.policy),
+          children: a.label
+        },
+        a.href
+      ))
+    }
+  );
+}
+function Js({ copyRights: e, classNames: t }) {
+  return /* @__PURE__ */ r(
+    "section",
+    {
+      "data-slot": "emperor-footer-policies",
+      className: c(
+        bo({
+          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 ei({ socialLinks: e, classNames: t }) {
+  return /* @__PURE__ */ r(
+    "section",
+    {
+      "data-slot": "emperor-footer-social-links",
+      className: c(
+        vo({
+          className: c(t?.socialLinksWrapper)
+        })
+      ),
+      children: e?.map(({ href: a, icon: o, label: n }) => /* @__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: [
+            o,
+            n
+          ]
+        },
+        a
+      ))
+    }
+  );
+}
+function ti({ quickLinks: e, classNames: t }) {
+  return /* @__PURE__ */ r(
+    "section",
+    {
+      "data-slot": "emperor-footer-quick-links",
+      className: c(
+        Co({
+          className: c(t?.quickLinksWrapper)
+        })
+      ),
+      children: e?.map(({ links: a, title: o }) => /* @__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: o
+              }
+            ),
+            /* @__PURE__ */ r("ul", { className: c("flex flex-col gap-2", t?.quickLinksList), children: a?.map(({ href: n, label: s, isExternal: i }) => /* @__PURE__ */ r(
+              J,
+              {
+                href: n,
+                target: i ? "_blank" : "_self",
+                className: c(
+                  " text-gray-400 hover:text-white transition-all duration-300 ease-in-out",
+                  t?.quickLinksLink
+                ),
+                children: s
+              },
+              n
+            )) })
+          ]
+        },
+        o
+      ))
+    }
+  );
+}
+const xo = C(
+  ["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: []
+  }
+), Ct = ({
+  glassEffect: e
+}) => ({
+  backgroundColor: e?.backgroundColor ? `${e?.backgroundColor}${e?.opacity ?? 30}` : "transparent",
+  backdropFilter: `blur(${e?.blur ?? 0}px)`,
+  color: e?.foregroundColor
+}), yo = ({
+  primaryColor: e,
+  foregroundColor: t,
+  variant: a,
+  glassEffect: o
+}) => o?.enabled && a !== "segmented-floating" ? Ct({
+  glassEffect: {
+    ...o,
+    foregroundColor: o?.foregroundColor ?? t
+  }
+}) : ["default", "floating"].includes(a ?? "") ? {
+  backgroundColor: e,
+  color: t
+} : {}, Io = ({
+  children: e,
+  glassEffect: t
+}) => /* @__PURE__ */ r(le, { className: "w-full min-h-12 justify-between", children: ze.toArray(e).map((a, o) => /* @__PURE__ */ r(
+  le,
+  {
+    className: "rounded-full min-h-12 px-5",
+    style: {
+      ...t ? Ct({
+        glassEffect: t
+      }) : {}
+    },
+    children: a
+  },
+  o
+)) }), ai = A(
+  ({ className: e, variant: t = "default", glassEffect: a, children: o, ...n }, s) => {
+    const { isOpen: i, onOpenChange: l } = mt(), d = o || /* @__PURE__ */ b(se, { children: [
+      /* @__PURE__ */ r(
+        Ia,
+        {
+          items: Se,
+          actions: La,
+          isOpen: i,
+          onOpenChange: l,
+          header: /* @__PURE__ */ r(ie, { className: "text-white" }),
+          triggerProps: {
+            startContent: /* @__PURE__ */ r(
+              ie,
+              {
+                className: "text-white",
+                classNames: {
+                  logo: "size-6"
+                }
+              }
+            ),
+            isIconOnly: !1,
+            variant: "light"
+          }
+        }
+      ),
+      /* @__PURE__ */ r(
+        ke,
+        {
+          className: "hidden md:flex mx-auto",
+          items: Se,
+          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(xo({ variant: t, className: e })),
+        style: yo({
+          variant: t,
+          glassEffect: a
+        }),
+        ...n,
+        children: t === "segmented-floating" ? /* @__PURE__ */ r(Io, { glassEffect: a, children: d }) : d
+      }
+    );
+  }
+);
+function ri({
+  children: e,
+  className: t,
+  classNames: a,
+  formProps: o,
+  onSubmit: n,
+  onSuccess: s,
+  onError: i,
+  onValuesChange: l
+}) {
+  const { control: d, handleSubmit: m } = Sr(o), p = N(() => ({}), []), u = Er({ control: d }) ?? p, f = ze.toArray(e);
+  f.forEach((g) => {
+    if (!It(g) || g.type !== Sa)
+      throw new Error(
+        "FormBuilder accepts only 'Field' components as children."
+      );
+  });
+  const h = f.map(
+    (g) => St(g)
+  );
+  $(() => {
+    l?.(u);
+  }, [u, l]);
+  const v = async (g) => {
+    try {
+      await n(g), s?.(g);
+    } catch (x) {
+      i?.(x);
+    }
+  };
+  return /* @__PURE__ */ r(ir, { value: { control: d, formValues: u }, children: /* @__PURE__ */ r(
+    "form",
+    {
+      className: c(t, a?.base),
+      onSubmit: m(
+        v,
+        (g) => i?.({
+          errors: g
+        })
+      ),
+      children: h
+    }
+  ) });
+}
+const oi = {
+  layout: {
+    withScaffold: !0
+  },
+  interLocalization: {
+    lang: "en",
+    languages: ["en", "ar"],
+    defaultLanguage: "en",
+    dir: "ltr",
+    isMultiLingual: !1,
+    locales: {
+      en: hr,
+      ar: fr
+    }
+  },
+  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"
+      }
+    }
+  }
+}, ni = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.", si = "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,", ii = [
+  "image/jpeg",
+  "image/jpg",
+  "image/png",
+  "image/webp",
+  "image/gif",
+  "image/bmp",
+  "image/svg+xml",
+  "image/tiff",
+  "image/x-icon"
+], li = ["application/pdf"], ci = [
+  "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+], di = [
+  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  "application/vnd.ms-excel",
+  "text/csv"
+], mi = 1024, ui = {
+  image: [".jpg", ".jpeg", ".png"],
+  doc: [".doc", ".docx"],
+  pdf: [".pdf"],
+  video: [".mp4"],
+  sheet: [".xlsx", ".xlx", ".xls", ".csv"]
+}, pi = [
+  {
+    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"
+      }
+    ]
+  }
+], fi = [
+  {
+    label: "Privacy Policy",
+    href: "/privacy-policy"
+  },
+  {
+    label: "Terms of Service",
+    href: "/terms-of-service"
+  },
+  {
+    label: "Cookie Policy",
+    href: "/cookie-policy"
+  }
+], hi = {
+  year: 2026,
+  text: "All rights reserved - Emperor UI"
+}, gi = {
+  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"
+    }
+  ]
+}, vi = [
+  {
+    href: "https://facebook.com",
+    icon: /* @__PURE__ */ r(Wa, {})
+  },
+  {
+    href: "https://twitter.com",
+    icon: /* @__PURE__ */ r(Ga, {})
+  },
+  {
+    href: "https://instagram.com",
+    icon: /* @__PURE__ */ r(Ka, {})
+  },
+  {
+    href: "https://linkedin.com",
+    icon: /* @__PURE__ */ r(ja, {})
+  },
+  {
+    href: "https://youtube.com",
+    icon: /* @__PURE__ */ r(qa, {})
+  }
+], bi = ({}) => ({
+  initial: { opacity: 0, y: 12 },
+  animate: { opacity: 1, y: 0 },
+  transition: { duration: 0.3, ease: "easeOut" },
+  whileHover: {
+    y: -4
+  }
+}), So = [
+  {
+    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(ot, { className: "size-4" })
+  },
+  {
+    key: "delete",
+    label: "Delete",
+    color: "danger",
+    variant: "flat",
+    size: "sm",
+    startContent: /* @__PURE__ */ r(Q, { className: "size-4" })
+  }
+], Ci = So.map((e) => ({
+  ...e,
+  variant: "solid",
+  size: "lg",
+  startContent: {
+    view: /* @__PURE__ */ r(ue, { className: "size-5" }),
+    edit: /* @__PURE__ */ r(ot, { className: "size-5" }),
+    delete: /* @__PURE__ */ r(Q, { className: "size-5" })
+  }[e?.key]
+})), wi = Y(
+  void 0
+), xi = Y(void 0), yi = Y(
+  void 0
+), Ii = Y(null);
+function Si() {
+  const e = X(ce);
+  if (!e)
+    throw new Error("useEmperorUI must be used within a EmperorUIProvider");
+  return e;
+}
+function Ei() {
+  const e = X(gt);
+  if (!e)
+    throw new Error("useNavigation must be used within a NavigationProvider");
+  return e;
+}
+const ne = "URLSearchParamsChange";
+function Ni() {
+  const e = O(() => {
+    if (typeof window > "u")
+      return {};
+    const m = new URLSearchParams(window.location.search);
+    return Array.from(m.entries()).reduce((p, [u, f]) => (p[u] = f, p), {});
+  }, []), [t, a] = I(
+    () => e()
+  ), o = O(
+    ({ searchParams: m }) => {
+      if (typeof window > "u") return;
+      const p = m.toString(), u = p ? `?${p}` : "", f = `${window.location.pathname}${u}${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)));
+    },
+    []
+  ), n = O(
+    ({
+      params: m,
+      options: p = { replace: !0 }
+    }) => {
+      if (typeof window > "u") return;
+      const u = new URLSearchParams(window.location.search);
+      let f = !1;
+      Object.entries(m).forEach(([h, v]) => {
+        if (v == null || v === "") {
+          const y = u.has(h);
+          u.delete(h), y && (f = !0);
+          return;
+        }
+        const g = String(v);
+        if (p.replace) {
+          const y = u.getAll(h);
+          if (y.length === 1 && y[0] === g)
+            return;
+          u.delete(h), u.append(h, g), f = !0;
+          return;
+        }
+        u.getAll(h).some(
+          (y) => y === g
+        ) || (u.append(h, g), f = !0);
+      }), f && o({ searchParams: u });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  ), s = O(
+    ({ key: m }) => {
+      if (typeof window > "u")
+        return;
+      const p = new URLSearchParams(window.location.search);
+      p.delete(m), o({ searchParams: p });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  ), i = O(
+    ({ keys: m }) => {
+      if (typeof window > "u") return;
+      const p = new URLSearchParams(window.location.search);
+      let u = !1;
+      m.forEach((f) => {
+        const h = p.has(f);
+        p.delete(f), h && (u = !0);
+      }), u && o({ searchParams: p });
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  ), l = O(() => {
+    typeof window > "u" || window.location.search && o({ searchParams: new URLSearchParams() });
+  }, [o]), d = O((m) => typeof window > "u" ? null : new URLSearchParams(window.location.search).get(m), []);
+  return $(() => {
+    if (typeof window > "u")
+      return;
+    const m = () => {
+      a(e());
+    };
+    return m(), window.addEventListener("popstate", m), window.addEventListener(ne, m), () => {
+      window.removeEventListener("popstate", m), window.removeEventListener(ne, m);
+    };
+  }, [e]), {
+    getParam: d,
+    allParams: t,
+    setParams: n,
+    deleteParam: s,
+    deleteParams: i,
+    clearParams: l
+  };
+}
+function Li() {
+  const e = X(vt);
+  if (!e)
+    throw new Error(
+      "useUploaderContext must be used within a UploaderProvider"
+    );
+  return e;
+}
+const Ai = ({
+  labelContent: e,
+  labelId: t,
+  fileTypes: a,
+  isRequired: o = !1,
+  isDraggable: n = !0,
+  isMulti: s = !1,
+  preventDuplicates: i = !0,
+  maxCount: l = 10,
+  maxFileSize: d = qe * 10,
+  compressFiles: m = !1,
+  onChange: p = () => {
+  },
+  locales: u
+}) => {
+  const { config: f } = w(), [h, v] = I([]), [g, x] = I(!1), S = f?.interLocalization?.locales, y = f?.interLocalization?.lang || f?.interLocalization?.defaultLanguage || "en", P = ee(y), T = Z({
+    defaultUploaderLocale: P.atoms.uploader,
+    configUploaderLocale: S?.[y]?.atoms?.uploader,
+    contextUploaderLocale: u
+  });
+  return {
+    files: h,
+    fileTypes: a,
+    labelId: t,
+    isRequired: o,
+    labelContent: e,
+    isDraggable: n,
+    isMulti: s,
+    handleClearFile: (E) => {
+      if (v((B) => B?.filter((D) => D?.file?.name !== E)), t) {
+        const B = document.getElementById(t);
+        B && (B.value = "");
+      }
+    },
+    onInputChange: async (E) => {
+      if (console.log("files: ", E.target.files), (!E.target.files || !E.target.files?.[0]) && (!E?.dataTransfer?.files || !E?.dataTransfer?.files[0]))
+        return G({
+          title: T.errorUploadingFile
+        });
+      const B = Et(a);
+      if (!E.target.files && !E.dataTransfer.files) return;
+      const D = Array.from(
+        E.target.files || E.dataTransfer.files
+      );
+      if (s && (D?.length > l || h?.length + D?.length > l)) {
+        G({
+          title: `${T.maxNumImages} ${l}`
+        });
+        return;
+      }
+      if (!D?.map((re) => re?.type)?.every((re) => B.includes(re))) {
+        G({
+          title: T.errorUploadedTypes
+        });
+        return;
+      }
+      const { compressedFiles: ye, isInValid: ae } = await Nt({
+        uploadedFiles: D,
+        maxFileSize: d,
+        compressFiles: m,
+        preventDuplicates: i,
+        files: h,
+        uploaderLocale: T
+      });
+      ae || (x(!0), await Promise.all(
+        await Lt({
+          uploadedFiles: ye,
+          uploaderLocale: T,
+          allowedTypes: B,
+          isMulti: s,
+          setFiles: v
+        })
+      ).finally(() => {
+        x(!1);
+      }), setTimeout(() => {
+        p();
+      }, 200), E.target && "value" in E.target && E.target.files && (E.target.value = ""));
+    },
+    setFiles: v,
+    isLoading: g,
+    locales: u
+  };
+}, j = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+}, Pi = () => {
+  const [e, t] = I({ width: 0, height: 0 });
+  $(() => {
+    function s() {
+      t({ width: window.innerWidth, height: window.innerHeight });
+    }
+    return window.addEventListener("resize", s), s(), () => window.removeEventListener("resize", s);
+  }, []);
+  const a = N(() => e?.width > j?.["2xl"] ? "2xl" : e?.width > j?.xl ? "xl" : e?.width > j?.lg ? "lg" : e?.width > j?.md ? "md" : e?.width > j?.sm ? "sm" : "base", [e]), o = N(
+    () => ["base", "sm", "md"].includes(a),
+    [a]
+  ), n = N(
+    () => ["base"].includes(a),
+    [a]
+  );
+  return {
+    viewportWidth: e.width,
+    viewportHeight: e.height,
+    currentScreen: a,
+    isSmallDevice: o,
+    isExtraSmallDevice: n
+  };
+};
+function Fi() {
+  const { allParams: e, clearParams: t } = F();
+  return { filters: N(() => Object.keys(e).length ? e : null, [e]), clearFilters: t };
+}
+function _i() {
+  const e = X(bt);
+  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 Mi({
+  children: e,
+  config: t = k
+}) {
+  const a = N(() => ({
+    config: {
+      layout: {
+        ...k?.layout,
+        ...t?.layout
+      },
+      interLocalization: {
+        ...k?.interLocalization,
+        ...t?.interLocalization,
+        locales: {
+          [V.ENGLISH]: Ie({
+            defaultLocales: k?.interLocalization?.locales?.[V.ENGLISH],
+            configLocales: t?.interLocalization?.locales?.[V.ENGLISH]
+          }),
+          [V.ARABIC]: Ie({
+            defaultLocales: k?.interLocalization?.locales?.[V.ARABIC],
+            configLocales: t?.interLocalization?.locales?.[V.ARABIC]
+          })
+        }
+      },
+      theme: {
+        ...k?.theme,
+        ...t?.theme,
+        components: {
+          ...k?.theme?.components,
+          ...t?.theme?.components
+        }
+      }
+    }
+  }), [t]);
+  return t.layout?.withScaffold ?? !0 ? /* @__PURE__ */ r(ce.Provider, { value: a, children: /* @__PURE__ */ r(Ea, { children: e }) }) : /* @__PURE__ */ r(ce.Provider, { value: a, children: e });
+}
+function Ti({
+  children: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(lr, { ...t, children: /* @__PURE__ */ r(Br, { children: /* @__PURE__ */ r(cr, { children: /* @__PURE__ */ b(ht, { children: [
+    /* @__PURE__ */ r(
+      Tr,
+      {
+        placement: "top-center",
+        toastProps: {
+          radius: "lg",
+          size: "lg",
+          color: "primary",
+          variant: "flat",
+          timeout: 4e3
+        },
+        ...t?.config?.toast
+      }
+    ),
+    e
+  ] }) }) }) });
+}
+function Bi({ children: e }) {
+  const [t, a] = I(null), [o, n] = I([]), [s, i] = I(!1), [l, d] = I(!1), m = N(() => ({
+    hoveredItemId: t,
+    subItems: o,
+    isSubItemsBoxOpen: s,
+    subItemsBoxIsHovered: l,
+    setHoveredItemId: a,
+    setSubItems: n,
+    setIsSubItemsBoxOpen: i,
+    setSubItemsBoxIsHovered: d
+  }), [t, o, s, l]);
+  return /* @__PURE__ */ b(
+    gt.Provider,
+    {
+      value: m,
+      "data-slot": "emperor-navigation-provider",
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            id: ur.COMPACT_SIDEBAR_ID,
+            "data-slot": "emperor-compact-sidebar"
+          }
+        ),
+        e
+      ]
+    }
+  );
+}
+function zi({
+  children: e,
+  ...t
+}) {
+  const { isOpen: a, onOpen: o, onOpenChange: n } = mt(), [s, i] = I(null), l = N(
+    () => !!s?.view && !!s?.file?.name && s?.type === "image",
+    [s]
+  ), d = N(() => ({
+    isOpen: a,
+    onOpen: o,
+    onOpenChange: n,
+    selectedFile: s,
+    setSelectedFile: i,
+    isFileViewable: l,
+    ...t
+  }), [
+    a,
+    l,
+    s,
+    o,
+    n,
+    i,
+    t
+  ]);
+  return /* @__PURE__ */ r(
+    vt.Provider,
+    {
+      value: d,
+      "data-slot": "emperor-uploader-provider",
+      children: e
+    }
+  );
+}
+function ki({ children: e }) {
+  return /* @__PURE__ */ r(ht, { attribute: "class", defaultTheme: "system", enableSystem: !0, children: e });
+}
+function Vi({
+  children: e,
+  value: t
+}) {
+  return /* @__PURE__ */ r(bt.Provider, { value: t, children: e });
+}
+function Di(...e) {
+  return kr(zr(e));
+}
+const Oi = ({
+  config: e = k
+}) => [
+  (t) => /* @__PURE__ */ r(dr, { config: e, children: /* @__PURE__ */ r(t, {}) })
+];
+async function $i(e, t) {
+  try {
+    if (!e?.file) return null;
+    const a = await Vr(e?.file, {
+      maxSizeMB: t || 2,
+      useWebWorker: !0,
+      // Optimize performance
+      initialQuality: 0.8
+      // Adjust the compression quality (0.1 to 1)
+    }), o = new File([a], e?.file?.name, {
+      type: a.type
+    });
+    return {
+      ...e,
+      file: o
+    };
+  } catch (a) {
+    return console.error("Image compression failed:", a), null;
+  }
+}
+const Eo = (e) => Ye.includes(e) ? "image" : Ze.includes(e) ? "pdf" : Xe.includes(e) ? "doc" : Qe.includes(e) ? "sheet" : null, Ri = (e) => {
+  const t = [];
+  return e.forEach((a) => {
+    a === "image" && t.push(...Ye), a === "doc" && t.push(...Xe), a === "pdf" && t.push(...Ze), a === "sheet" && t.push(...Qe);
+  }), t;
+}, No = ({
+  files: e,
+  fileName: t
+}) => e?.filter(({ file: a }) => a?.name === t)?.length > 0, Lo = ({
+  fileSize: e,
+  maxFileSize: t
+}) => e > t * 1024;
+async function Ui({
+  uploadedFiles: e,
+  maxFileSize: t = qe * 10,
+  compressFiles: a,
+  uploaderLocale: o,
+  preventDuplicates: n,
+  files: s
+}) {
+  let i = !1;
+  return {
+    compressedFiles: await Promise.all(
+      e?.map(async (d) => Lo({ fileSize: d?.size, maxFileSize: t }) ? (G({
+        title: o.maxSizeExceededError.replace("MAX_FILE_SIZE", (t / 1024 || 0)?.toString()).replace(
+          "UPLOADED_FILE_SIZE",
+          (d?.size / 1024 / 1024 || 0)?.toFixed(1)?.toString()
+        )
+      }), a ? (await At({ file: d }))?.file : (i = !0, d)) : (n && No({ fileName: d?.name, files: s }) && (G({
+        title: o.duplicatesDenied
+      }), i = !0), d))
+    ),
+    isInValid: i
+  };
+}
+async function Hi({
+  uploadedFiles: e,
+  uploaderLocale: t,
+  allowedTypes: a,
+  isMulti: o,
+  setFiles: n
+}) {
+  return e?.map((s) => {
+    if (s) {
+      const i = Eo(s?.type);
+      if (!i) {
+        G({
+          title: `${t.errorUploadedTypes} ${a.join(", ")}`
+        });
+        return;
+      }
+      const l = new FileReader();
+      l.onload = () => {
+        n((d) => [
+          ...o ? d : [],
+          {
+            file: s,
+            view: l.result,
+            type: i,
+            url: URL.createObjectURL(s)
+          }
+        ]);
+      }, l.readAsDataURL(s);
+    }
+  });
+}
+const Wi = ({
+  defaultUploaderLocale: e,
+  configUploaderLocale: t,
+  contextUploaderLocale: a
+}) => ({
+  ...e,
+  ...t || {},
+  ...a || {}
+}), Be = (e) => typeof e == "object" && e !== null && !Array.isArray(e), Gi = ({
+  defaultLocales: e,
+  configLocales: t
+}) => {
+  const a = (o, n) => {
+    if (n == null || Object.keys(n).length === 0)
+      return o;
+    const s = { ...o };
+    for (const i of Object.keys(n)) {
+      const l = n[i], d = o[i];
+      l !== void 0 && (Be(l) && Be(d) ? s[i] = a(
+        d,
+        l
+      ) : s[i] = l);
+    }
+    return s;
+  };
+  return a(
+    e,
+    t
+  );
+}, Ki = [
+  "laptops",
+  "desktops",
+  "monitors",
+  "keyboards",
+  "mice",
+  "headsets",
+  "printers",
+  "storage",
+  "components",
+  "networking"
+], ji = [
+  "Apple",
+  "Dell",
+  "HP",
+  "Lenovo",
+  "Asus",
+  "Acer",
+  "MSI",
+  "Razer",
+  "Samsung",
+  "Microsoft"
+], qi = [
+  "black",
+  "gray",
+  "white",
+  "silver",
+  "blue",
+  "red"
+], Yi = /* @__PURE__ */ new Date("2026-02-04T00:00:00.000Z"), Xi = [
+  "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."
+], Zi = [
+  "Ahmed K.",
+  "Sara M.",
+  "Omar A.",
+  "Lina H.",
+  "Mohammed S.",
+  "Nour E.",
+  "Youssef R.",
+  "Fatima D.",
+  "Hassan T.",
+  "Mona L."
+], Qi = [
+  '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"
+], Ji = [
+  "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."
+], el = [
+  "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"
+], Ao = 2e3, tl = (e, t = Ao) => () => new Promise((a) => {
+  setTimeout(() => {
+    e(), a();
+  }, t);
+}), q = [
+  {
+    id: "info",
+    label: "Info",
+    href: "#info",
+    Icon: pe
+  },
+  {
+    id: "contact",
+    label: "Contact",
+    href: "#contact",
+    Icon: fe
+  },
+  {
+    id: "services",
+    label: "Services",
+    href: "#services",
+    Icon: he
+  },
+  {
+    id: "settings",
+    label: "Settings",
+    href: "#settings",
+    Icon: Ya
+  },
+  {
+    id: "help",
+    label: "Help",
+    href: "#help",
+    Icon: Xa
+  },
+  {
+    id: "support",
+    label: "Support",
+    href: "#support",
+    Icon: Za
+  }
+], al = [
+  {
+    id: "home",
+    label: "Home",
+    href: "#home",
+    Icon: nt
+  },
+  {
+    id: "about",
+    label: "About",
+    href: "#about",
+    Icon: pe
+  },
+  {
+    id: "contact",
+    label: "Contact",
+    href: "#contact",
+    Icon: fe
+  },
+  {
+    id: "services",
+    label: "Services",
+    href: "#services",
+    Icon: he
+  }
+], rl = [
+  {
+    id: "home",
+    label: "Home",
+    href: "#home",
+    Icon: nt,
+    subItems: q
+  },
+  {
+    id: "about",
+    label: "About",
+    href: "#about",
+    Icon: pe,
+    subItems: q
+  },
+  {
+    id: "contact",
+    label: "Contact",
+    href: "#contact",
+    Icon: fe,
+    subItems: q
+  },
+  {
+    id: "services",
+    label: "Services",
+    href: "#services",
+    Icon: he,
+    subItems: q
+  }
+], ol = [
+  {
+    key: "logout",
+    label: "Logout",
+    color: "danger",
+    onPress: () => console.log("logout"),
+    startContent: /* @__PURE__ */ r(Qa, {})
+  }
+], xe = (e, t) => Array.from({ length: e }, (a, o) => {
+  const n = t + o + 1, s = o % 5 + 1 + o % 3 * 0.1, i = Number(Math.min(5, s).toFixed(1)), l = _e[o % _e?.length], d = Me[o % Me.length];
+  return {
+    id: n,
+    rating: i,
+    comment: l,
+    author: d,
+    createdAt: de,
+    updatedAt: de
+  };
+}), Po = xe(10, 0), Fo = xe(50, 10), _o = xe(100, 60), Mo = (e) => {
+  const t = e % 5 + 1, a = [];
+  for (let o = 0; o < t; o += 1) {
+    const n = {
+      label: Te[(e + o) % Te.length],
+      startContent: /* @__PURE__ */ r(Ja, { className: "size-3 fill-current" })
+    };
+    a.includes(n) || a.push(n);
+  }
+  return a;
+}, To = (e) => {
+  if (e < 10) return Po;
+  if (e < 30) return Fo;
+  const a = e % (100 + 1);
+  return _o.slice(0, a);
+}, Bo = (e) => {
+  if (!e.length) return 0;
+  const a = e.reduce((o, n) => o + n.rating, 0) / e.length;
+  return Number(a.toFixed(1));
+}, wt = Array.from(
+  { length: 50 },
+  (e, t) => {
+    const a = t + 1, o = Ne[t % Ne.length], n = Le[t % Le.length], s = Ae[t % Ae.length], i = Pe[t % Pe.length], l = Fe[t % Fe.length], d = 300 + t % 10 * 75, m = t % 3 * 50, p = d + m, u = t % 7 !== 0, f = t % 6 === 0, h = t % 5 === 0, v = To(t), g = Bo(v), x = new Date(
+      de.getTime() - t * 24 * 60 * 60 * 1e3
+    ), S = x;
+    return {
+      id: a,
+      title: s,
+      description: i,
+      image: l,
+      price: p,
+      categories: Mo(t),
+      isAvailable: u,
+      isBestSeller: f,
+      isTopRated: h,
+      averageRating: g,
+      reviews: v,
+      brand: o,
+      color: n,
+      createdAt: x,
+      updatedAt: S
+    };
+  }
+), nl = async ({
+  page: e = 1,
+  pageSize: t = 12
+}) => {
+  const a = wt.slice((e - 1) * t, e * t);
+  return await new Promise((o) => {
+    setTimeout(o, 2e3);
+  }), {
+    items: a
+  };
+}, sl = async () => (await new Promise((e) => {
+  setTimeout(e, 2e3);
+}), {
+  item: wt[0]
+}), il = {
+  [V.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"
+  },
+  [V.ARABIC]: {
+    dropHere: "أسقط الملف المخصص هنا",
+    selectFile: "اختر ملفًا مخصصًا أو اسحبه إلى هنا",
+    selectionTypes: "PNG، JPG أو PDF، الحجم الأقصى 5MB (نص مخصص)",
+    selectBtn: "استعراض الملفات المخصصة",
+    errorUploadingFile: "خطأ مخصص: يرجى رفع ملف واحد على الأقل",
+    maxNumImages: "خطأ مخصص: تم الوصول إلى الحد الأقصى للصور المرفوعة: ",
+    errorUploadedTypes: "خطأ مخصص: يمكنك فقط رفع الملفات من الأنواع التالية: ",
+    maxSizeExceededError: "خطأ مخصص: الحد الأقصى المسموح هو MAX_FILE_SIZE ميغابايت، بينما حجم ملفك هو UPLOADED_FILE_SIZE ميغابايت",
+    duplicatesDenied: "خطأ مخصص: لا يمكنك رفع ملفات بأسماء مكررة، يرجى إعادة تسميتها قبل الرفع"
+  }
+};
+var zo = /* @__PURE__ */ ((e) => (e.COMPACT_SIDEBAR_ID = "emperor-compact-sidebar", e))(zo || {}), ko = /* @__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))(ko || {});
 export {
-  a as ALLOWED_DOC_TYPES,
-  i as ALLOWED_IMAGES_TYPES,
-  o as ALLOWED_PDF_TYPES,
-  t as ALLOWED_SHEET_TYPES,
-  r 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,
-  te as MOCK_ITEM_REVIEWS_1,
-  re 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,
-  ts as deletionConfirmorStyles,
-  rs 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
+  ci as ALLOWED_DOC_TYPES,
+  ii as ALLOWED_IMAGES_TYPES,
+  li as ALLOWED_PDF_TYPES,
+  di as ALLOWED_SHEET_TYPES,
+  ks as AutocompleteField,
+  Is as AutocompleteFilter,
+  ps as AvatarLabel,
+  is as Brand,
+  Bs as CheckboxField,
+  Ns as CheckboxFilter,
+  Ls as CheckboxGroupFilter,
+  $s as ColorPicker,
+  ls as Column,
+  Mi as ConfigProvider,
+  cs as Container,
+  Hs as CopyButton,
+  Js as CopyRightsBox,
+  Ss as DateFilter,
+  Gs as DeletionConfirmor,
+  Ks as DeletionConfirmorWithTrigger,
+  wi as EmperorUIContext,
+  Ti as EmperorUIProvider,
+  Xs as EmptyListings,
+  si as FAKE_PARAGRAPH,
+  ni as FAKE_SENTENCE,
+  Fs as Field,
+  ws as Filter,
+  Zs as Footer,
+  ri as FormBuilder,
+  Ii as FormBuilderContext,
+  Vi as FormBuilderProvider,
+  Rs as FreeColorPicker,
+  ai as Header,
+  So as ITEM_CARD_ACTIONS,
+  Ci as ITEM_CARD_ACTIONS_OVERLAY,
+  Ms as InputField,
+  Un as ItemActionsButtons,
+  Rn as ItemActionsDropdown,
+  Hn as ItemActionsOverlay,
+  kn as ItemBanner,
+  Vn as ItemCard,
+  On as ItemCardBody,
+  $n as ItemCardFooter,
+  Dn as ItemCardHeader,
+  js as ItemDetails,
+  Bn as LandingPage,
+  Ys as Listings,
+  zn as LoadingItem,
+  Ao as MOCK_AWAITING_DELETE_MS,
+  Yi as MOCK_BASE_DATE,
+  qi as MOCK_COLORS,
+  ol as MOCK_HEADER_ACTIONS,
+  al as MOCK_HEADER_ITEMS,
+  rl as MOCK_HEADER_ITEMS_WITH_SUB_ITEMS,
+  q as MOCK_HEADER_SUB_ITEMS,
+  ji as MOCK_ITEM_BRANDS,
+  Ki as MOCK_ITEM_CATEGORIES,
+  Po as MOCK_ITEM_REVIEWS_1,
+  Fo as MOCK_ITEM_REVIEWS_2,
+  _o as MOCK_ITEM_REVIEWS_3,
+  wt as MOCK_LISTINGS,
+  Ji as MOCK_LISTING_DESCRIPTIONS,
+  el as MOCK_LISTING_IMAGES,
+  Qi as MOCK_LISTING_TITLES,
+  Zi as MOCK_REVIEW_AUTHORS,
+  Xi as MOCK_REVIEW_COMMENTS,
+  ts as NavBar,
+  rs as NavBarItem,
+  xi as NavigationContext,
+  Bi as NavigationProvider,
+  Es as NumericFilter,
+  mi as ONE_MEGABYTE,
+  ko as Placeholders,
+  Qs as PoliciesBox,
+  ms as Portal,
+  zo as PreservedKeys,
+  Us as PresetColorPicker,
+  ti as QuickLinksBox,
+  Ds as RadioField,
+  Ps as RangeFilter,
+  ds as Row,
+  ns as Scaffold,
+  xs as SearchFilter,
+  zs as SelectField,
+  ys as SelectFilter,
+  os as SideBar,
+  ei as SocialLinksBox,
+  as as SubItemsBox,
+  Vs as SwitchField,
+  As as SwitchFilter,
+  Ts as TextareaField,
+  ki as ThemeProvider,
+  Os as ThemeSwitch,
+  vs as UploadFileErrorBox,
+  bs as UploadFileInput,
+  fs as UploadFileLabel,
+  gs as UploadFileListing,
+  us as Uploader,
+  yi as UploaderContext,
+  zi as UploaderProvider,
+  Cs as UploaderTitle,
+  hs as ViewImageModal,
+  Di as cn,
+  $i as compressImage,
+  gi as contacts,
+  hi as copyRights,
+  oi as defaultEmperorUIConfig,
+  io as deletionConfirmorBodyClasses,
+  no as deletionConfirmorContentClasses,
+  lo as deletionConfirmorFooterClasses,
+  so as deletionConfirmorHeaderClasses,
+  Ws as deletionConfirmorStyles,
+  qs as emptyListingsClasses,
+  _s as fieldClasses,
+  ui as fileTypesMapping,
+  ro as filterClasses,
+  Ri as getAllowedTypes,
+  bi as getCardMotion,
+  sl as getListing,
+  nl as getListings,
+  Oi as getStorybookDecorators,
+  No as isFileDuplicated,
+  Lo as isMaxFileSizeExceeded,
+  es as itemBannerClasses,
+  qn as itemBodyClasses,
+  Wn as itemCardMotionClasses,
+  Jn as itemChipsClasses,
+  Qn as itemDescriptionClasses,
+  Yn as itemFooterClasses,
+  jn as itemHeaderClasses,
+  Kn as itemImageWrapperClasses,
+  Gn as itemMainWrapperClasses,
+  Zn as itemPriceClasses,
+  Xn as itemTitleClasses,
+  co as listingsClasses,
+  mo as listingsItemClasses,
+  uo as listingsPaginationClasses,
+  po as listingsStyles,
+  Eo as mapFileType,
+  Gi as mergeLocales,
+  Wi as mergeUploaderLocale,
+  tl as mockAwaitingDelete,
+  fi as policies,
+  pi as quickLinks,
+  Hi as refineUploadedFiles,
+  ss as scaffoldClasses,
+  vi as socialLinks,
+  il as uploaderLocalesMock,
+  Si as useEmperorUI,
+  Fi as useFilters,
+  _i as useFormBuilder,
+  Ei as useNavigation,
+  Ni as useSearchParamsHandler,
+  Ai as useUploader,
+  Li as useUploaderContext,
+  Pi as useWindowSize,
+  Ui as validateUploadedFiles
 };