@noxickon/onyx 0.1.0 → 1.0.1

package/dist/onyx.es.js

@@ -1,1397 +1,55 @@
-import { j as e } from "./chunks/jsx-runtime--oOP9f8K.js";
-import U, { useState as S, useEffect as V, useId as G, useRef as ee, useCallback as oe, createContext as ae, useContext as ie } from "react";
-import { t as b, b as $, a as B, O as le } from "./chunks/Button-bARrxYyo.js";
-import { c as te, d as se, b as re } from "./chunks/Input-dfvmdIHi.js";
-import { O as jt, a as yt } from "./chunks/Input-dfvmdIHi.js";
-import { createPortal as ce } from "react-dom";
-import { M as pe } from "./chunks/constants-CDXq37n6.js";
-import { f as ge } from "./chunks/formatTimestamp-CMxOnPo1.js";
-import "./chunks/AuthContext-CaZKJMxQ.js";
-import { u as de } from "./chunks/useAuth-CkaMowHd.js";
-import './index.css';const st = ({ children: t, className: s }) => /* @__PURE__ */ e.jsx("div", { className: b("flex items-center gap-3", s), children: t }), Q = {
-  rounded: "rounded-full",
-  square: "rounded-lg"
-}, X = {
-  sm: "h-6 w-6",
-  md: "h-8 w-8",
-  lg: "h-10 w-10",
-  xl: "h-12 w-12",
-  "2xl": "h-16 w-16"
-}, ve = {
-  sm: "h-2 w-2",
-  md: "h-2.5 w-2.5",
-  lg: "h-3 w-3",
-  xl: "h-3.5 w-3.5",
-  "2xl": "h-4 w-4"
-}, we = {
-  online: "bg-green-500",
-  offline: "bg-neutral-500",
-  away: "bg-yellow-500",
-  busy: "bg-red-500"
-}, je = {
-  sm: "text-xs",
-  md: "text-sm",
-  lg: "text-base",
-  xl: "text-base",
-  "2xl": "text-lg"
-}, ye = ({
-  alt: t,
-  className: s,
-  fallback: n,
-  showStatus: o = !1,
-  size: r = "md",
-  skeleton: i = !1,
-  src: a,
-  status: l,
-  type: u = "square"
-}) => {
-  const [h, d] = S(!1), [m, p] = S(!1), [f, g] = S(!0);
-  V(() => {
-    if (!a) {
-      d(!1), p(!0), g(!1);
-      return;
-    }
-    g(!0);
-    const y = new Image();
-    y.src = a;
-    const k = () => {
-      d(!0), p(!1), g(!1);
-    }, c = () => {
-      d(!1), p(!0), g(!1);
-    };
-    return y.addEventListener("load", k), y.addEventListener("error", c), () => {
-      y.removeEventListener("load", k), y.removeEventListener("error", c);
-    };
-  }, [a]);
-  const j = () => f && i ? /* @__PURE__ */ e.jsx("div", { className: $("animate-pulse bg-zinc-800", Q[u], X[r]) }) : h && !m ? /* @__PURE__ */ e.jsx(
-    "img",
-    {
-      alt: t,
-      className: b(Q[u], X[r], "object-cover", s),
-      loading: "lazy",
-      src: a
-    }
-  ) : /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      "aria-label": t,
-      className: b(
-        "flex items-center justify-center bg-zinc-800 font-medium text-white",
-        Q[u],
-        X[r],
-        je[r],
-        s
-      ),
-      role: "img",
-      children: typeof n == "string" && n.length > 2 ? n.substring(0, 2) : n
-    }
-  );
-  return /* @__PURE__ */ e.jsxs("div", { className: "relative shrink-0", children: [
-    j(),
-    o && l && /* @__PURE__ */ e.jsx(
-      "span",
-      {
-        "aria-label": `Status: ${l}`,
-        className: $(
-          "absolute right-0 bottom-0 rounded-full border-2 border-zinc-900",
-          ve[r],
-          we[l]
-        ),
-        role: "status"
-      }
-    )
-  ] });
-}, rt = ({
-  className: t,
-  size: s = "md",
-  subtext: n,
-  username: o
-}) => {
-  const r = {
-    sm: "text-xs",
-    md: "text-sm",
-    lg: "text-base",
-    xl: "text-lg",
-    "2xl": "text-xl"
-  }, i = {
-    sm: "text-xs",
-    md: "text-xs",
-    lg: "text-sm",
-    xl: "text-sm",
-    "2xl": "text-base"
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: b("flex flex-col justify-center overflow-hidden", t), children: [
-    /* @__PURE__ */ e.jsx("span", { className: $("block truncate font-medium text-white", r[s]), children: o }),
-    n && /* @__PURE__ */ e.jsx("span", { className: $("block truncate text-neutral-400", i[s]), children: n })
-  ] });
-}, Ne = {
-  sm: "px-1 py-0.5 text-xs",
-  md: "px-1.5 py-0.5 text-sm",
-  lg: "px-2 py-1 text-base"
-}, ke = {
-  purple: "bg-purple-500/25 text-purple-400",
-  lime: "bg-lime-400/10 text-lime-300",
-  red: "bg-red-500/25 text-red-400",
-  yellow: "bg-yellow-500/25 text-yellow-400",
-  green: "bg-green-500/25 text-green-400",
-  blue: "bg-blue-500/25 text-blue-400",
-  indigo: "bg-indigo-500/25 text-indigo-400",
-  pink: "bg-pink-500/25 text-pink-400",
-  amber: "bg-amber-500/25 text-amber-400",
-  emerald: "bg-emerald-500/25 text-emerald-400",
-  teal: "bg-teal-500/25 text-teal-400",
-  cyan: "bg-cyan-500/25 text-cyan-400",
-  sky: "bg-sky-500/25 text-sky-400",
-  violet: "bg-violet-500/25 text-violet-400",
-  fuchsia: "bg-fuchsia-500/25 text-fuchsia-400",
-  gray: "bg-gray-500/25 text-gray-400"
-};
-function Ce(t) {
-  const s = t.startsWith("#") ? t.substring(1) : t;
-  if (!/^[0-9A-Fa-f]{3,6}$/.test(s)) return "#FFFFFF";
-  const o = parseInt(s.length === 3 ? s[0] + s[0] : s.substr(0, 2), 16), r = parseInt(s.length === 3 ? s[1] + s[1] : s.substr(2, 2), 16), i = parseInt(s.length === 3 ? s[2] + s[2] : s.substr(4, 2), 16);
-  return (0.299 * o + 0.587 * r + 0.114 * i) / 255 > 0.5 ? "#000000" : "#FFFFFF";
-}
-const q = ({
-  bgColor: t,
-  children: s,
-  className: n,
-  color: o = "purple",
-  size: r = "md",
-  textColor: i
-}) => {
-  const a = !t && !i ? ke[o] : "", l = {};
-  return t && (l.backgroundColor = t, i || (l.color = Ce(t))), i && (l.color = i), /* @__PURE__ */ e.jsx(
-    "span",
-    {
-      className: b(
-        "inline-flex items-center rounded-md font-medium",
-        Ne[r],
-        a,
-        n
-      ),
-      style: Object.keys(l).length ? l : void 0,
-      children: s
-    }
-  );
-}, Oe = {
-  default: "bg-zinc-900/90 border border-zinc-800",
-  outline: "bg-transparent border border-zinc-700",
-  gradient: "bg-gradient-to-br from-zinc-900 via-purple-900/20 to-zinc-900 border border-purple-800/30"
-}, ze = {
-  none: "p-0",
-  sm: "p-3",
-  md: "p-4",
-  lg: "p-6"
-}, Ee = {
-  none: "",
-  lift: "hover:scale-[1.01] hover:-translate-y-1",
-  glow: "hover:shadow-lg hover:shadow-purple-500/10",
-  border: "hover:border-purple-500/50"
-}, Ie = {
-  purple: "hover:border-purple-500/50",
-  blue: "hover:border-blue-500/50",
-  emerald: "hover:border-emerald-500/50",
-  orange: "hover:border-orange-500/50",
-  rose: "hover:border-rose-500/50",
-  amber: "hover:border-amber-500/50",
-  cyan: "hover:border-cyan-500/50",
-  indigo: "hover:border-indigo-500/50"
-}, Le = {
-  purple: "from-purple-500/5 to-pink-500/5",
-  blue: "from-blue-500/5 to-cyan-500/5",
-  emerald: "from-emerald-500/5 to-teal-500/5",
-  orange: "from-orange-500/5 to-red-500/5",
-  rose: "from-rose-500/5 to-pink-500/5",
-  amber: "from-amber-500/5 to-orange-500/5",
-  cyan: "from-cyan-500/5 to-blue-500/5",
-  indigo: "from-indigo-500/5 to-purple-500/5"
-}, nt = ({
-  backdropBlur: t = !1,
-  children: s,
-  className: n,
-  color: o = "purple",
-  equalHeight: r = !1,
-  hoverVariant: i = "lift",
-  hoverable: a = !1,
-  padding: l = "md",
-  variant: u = "default",
-  ...h
-}) => {
-  const d = a ? i : "none", m = a && d !== "none";
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: b(
-        "relative overflow-hidden rounded-lg transition-all duration-300",
-        Oe[u],
-        ze[l],
-        r && "flex flex-col",
-        t && "backdrop-blur-sm",
-        m && Ee[d],
-        m && "group hover:bg-white/5",
-        m && Ie[o],
-        n
-      ),
-      ...h,
-      children: [
-        m && /* @__PURE__ */ e.jsx(
-          "div",
-          {
-            className: b(
-              "absolute inset-0 bg-gradient-to-br opacity-0 transition-opacity duration-300 group-hover:opacity-100",
-              Le[o]
-            )
-          }
-        ),
-        /* @__PURE__ */ e.jsx("div", { className: "relative z-10", children: s })
-      ]
-    }
-  );
-}, Fe = {
-  purple: {
-    border: "border-purple-500/20",
-    bg: "bg-purple-500/10",
-    text: "text-purple-400"
-  },
-  blue: {
-    border: "border-blue-500/20",
-    bg: "bg-blue-500/10",
-    text: "text-blue-400"
-  },
-  emerald: {
-    border: "border-emerald-500/20",
-    bg: "bg-emerald-500/10",
-    text: "text-emerald-400"
-  },
-  orange: {
-    border: "border-orange-500/20",
-    bg: "bg-orange-500/10",
-    text: "text-orange-400"
-  },
-  rose: {
-    border: "border-rose-500/20",
-    bg: "bg-rose-500/10",
-    text: "text-rose-400"
-  },
-  amber: {
-    border: "border-amber-500/20",
-    bg: "bg-amber-500/10",
-    text: "text-amber-400"
-  },
-  cyan: {
-    border: "border-cyan-500/20",
-    bg: "bg-cyan-500/10",
-    text: "text-cyan-400"
-  },
-  indigo: {
-    border: "border-indigo-500/20",
-    bg: "bg-indigo-500/10",
-    text: "text-indigo-400"
-  }
-}, ot = ({
-  action: t,
-  children: s,
-  className: n,
-  color: o = "purple",
-  icon: r,
-  iconColor: i,
-  subtitle: a,
-  title: l,
-  ...u
-}) => {
-  if (s)
-    return /* @__PURE__ */ e.jsx("div", { className: b("mb-4", n), ...u, children: s });
-  const d = Fe[i || o];
-  return /* @__PURE__ */ e.jsxs("div", { className: b("mb-4 flex items-start justify-between gap-3", n), ...u, children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
-      r && /* @__PURE__ */ e.jsx("div", { className: b("rounded-lg border p-2", d.border, d.bg), children: /* @__PURE__ */ e.jsx(B, { className: d.text, icon: r }) }),
-      /* @__PURE__ */ e.jsxs("div", { children: [
-        l && /* @__PURE__ */ e.jsx("h3", { className: "text-base font-semibold text-white", children: l }),
-        a && /* @__PURE__ */ e.jsx("p", { className: "text-sm text-neutral-400", children: a })
-      ] })
-    ] }),
-    t && /* @__PURE__ */ e.jsx("div", { children: t })
-  ] });
-}, lt = ({
-  children: t,
-  className: s,
-  flexGrow: n = !0,
-  ...o
-}) => /* @__PURE__ */ e.jsx("div", { className: b("py-2", n && "flex-grow", s), ...o, children: t }), at = ({ children: t, className: s, ...n }) => /* @__PURE__ */ e.jsx(
-  "div",
-  {
-    className: b(
-      "mt-4 flex items-center justify-end border-t border-neutral-800 pt-4",
-      s
-    ),
-    ...n,
-    children: t
-  }
-), Se = {
-  sm: "h-4 w-4",
-  md: "h-5 w-5",
-  lg: "h-6 w-6"
-}, $e = {
-  sm: 0.5,
-  md: 0.7,
-  lg: 0.9
-}, it = ({
-  checked: t,
-  className: s,
-  defaultChecked: n,
-  description: o,
-  disabled: r = !1,
-  error: i = !1,
-  errorMessage: a,
-  id: l,
-  label: u,
-  name: h,
-  onChange: d,
-  required: m = !1,
-  size: p = "md",
-  value: f,
-  ...g
-}) => {
-  const j = G(), y = l || j, k = `${y}-checkbox`, c = `${y}-description`, v = `${y}-error`, N = i && a, E = /* @__PURE__ */ e.jsxs("div", { className: "relative inline-flex shrink-0", children: [
-    /* @__PURE__ */ e.jsx(
-      "input",
-      {
-        id: k,
-        "aria-describedby": [o ? c : "", N ? v : ""].filter(Boolean).join(" ") || void 0,
-        "aria-invalid": i,
-        "aria-required": m,
-        checked: t,
-        className: b(
-          "peer cursor-pointer appearance-none rounded-sm",
-          "checked:bg-violet-700",
-          "default-outset-focus",
-          "disabled:cursor-not-allowed disabled:opacity-50",
-          i ? "default-error-border" : "default-border",
-          Se[p],
-          s
-        ),
-        defaultChecked: n,
-        disabled: r,
-        name: h,
-        type: "checkbox",
-        value: f,
-        onChange: d,
-        ...g
-      }
-    ),
-    /* @__PURE__ */ e.jsx(
-      B,
-      {
-        className: "pointer-events-none absolute inset-0 m-auto opacity-0 peer-checked:opacity-80",
-        icon: "mdiCheck",
-        size: $e[p] || 0.7
-      }
-    )
-  ] });
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col gap-1", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
-      E,
-      u && /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col gap-1", children: [
-        /* @__PURE__ */ e.jsx(te, { htmlFor: k, required: m, children: u }),
-        o ? /* @__PURE__ */ e.jsx(se, { id: c, disabled: r, children: o }) : null
-      ] })
-    ] }),
-    N ? /* @__PURE__ */ e.jsx(re, { id: v, children: a }) : null
-  ] });
-}, ne = ({
-  align: t = "center",
-  ariaHaspopup: s,
-  children: n,
-  className: o,
-  content: r,
-  contentClassName: i,
-  contentRole: a,
-  contentStyle: l,
-  disabled: u = !1,
-  id: h,
-  offset: d = 8,
-  onOpenChange: m,
-  open: p,
-  portal: f = !0,
-  position: g = "top",
-  trigger: j = "hover",
-  useAriaControls: y = !1
-}) => {
-  const k = G(), [c, v] = S(!1), N = ee(null), E = ee(null), F = p !== void 0, C = u ? !1 : F ? p : c, D = h || k, I = oe(
-    (x) => {
-      u || (m?.(x), F || v(x));
-    },
-    [u, F, m]
-  ), W = oe(() => {
-    if (!N.current || !E.current || !C) return;
-    const x = N.current.getBoundingClientRect(), w = E.current.getBoundingClientRect(), z = {
-      width: window.innerWidth,
-      height: window.innerHeight
-    };
-    let L = g;
-    g === "top" && x.top < w.height + d ? L = "bottom" : g === "bottom" && x.bottom + w.height + d > z.height ? L = "top" : g === "left" && x.left < w.width + d ? L = "right" : g === "right" && x.right + w.width + d > z.width && (L = "left");
-    const M = H(x, w, L, t, d);
-    E.current && (E.current.style.left = `${M.x}px`, E.current.style.top = `${M.y}px`);
-  }, [C, g, t, d]);
-  V(() => {
-    if (!C || j !== "click") return;
-    const x = (w) => {
-      N.current && !N.current.contains(w.target) && E.current && !E.current.contains(w.target) && I(!1);
-    };
-    return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
-  }, [C, I, j]), V(() => {
-    if (C) {
-      W();
-      const x = () => W(), w = () => W();
-      return window.addEventListener("resize", x), window.addEventListener("scroll", w, !0), () => {
-        window.removeEventListener("resize", x), window.removeEventListener("scroll", w, !0);
-      };
-    }
-  }, [C, g, t, d, W]);
-  const H = (x, w, z, L, M) => {
-    let P = 0, T = 0;
-    switch (z) {
-      case "top":
-        P = x.left, T = x.top - w.height - M;
-        break;
-      case "bottom":
-        P = x.left, T = x.bottom + M;
-        break;
-      case "left":
-        P = x.left - w.width - M, T = x.top;
-        break;
-      case "right":
-        P = x.right + M, T = x.top;
-        break;
-    }
-    if (z === "top" || z === "bottom")
-      switch (L) {
-        case "start":
-          break;
-        case "center":
-          P = x.left + (x.width - w.width) / 2;
-          break;
-        case "end":
-          P = x.right - w.width;
-          break;
-      }
-    else if (z === "left" || z === "right")
-      switch (L) {
-        case "start":
-          break;
-        case "center":
-          T = x.top + (x.height - w.height) / 2;
-          break;
-        case "end":
-          T = x.bottom - w.height;
-          break;
-      }
-    return { x: P, y: T };
-  }, A = () => {
-    j === "hover" && I(!0);
-  }, J = () => {
-    j === "hover" && I(!1);
-  }, K = () => {
-    j === "click" && I(!C);
-  }, _ = () => {
-    j === "focus" && I(!0);
-  }, Y = () => {
-    j === "focus" && I(!1);
-  }, O = C ? /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      id: D,
-      "aria-hidden": !C,
-      className: b(
-        "fixed z-50 transition-opacity duration-200",
-        C ? "opacity-100" : "pointer-events-none opacity-0",
-        i
-      ),
-      ref: E,
-      role: a,
-      style: { left: -9999, top: -9999, ...l },
-      children: /* @__PURE__ */ e.jsx("div", { className: "relative", children: r })
-    }
-  ) : null;
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        "aria-controls": y && C ? D : void 0,
-        "aria-describedby": !y && C ? D : void 0,
-        "aria-expanded": y ? C : void 0,
-        "aria-haspopup": s,
-        className: b("w-full", o),
-        ref: N,
-        onBlur: Y,
-        onClick: K,
-        onFocus: _,
-        onMouseEnter: A,
-        onMouseLeave: J,
-        children: n
-      }
-    ),
-    f && typeof document < "u" ? ce(O, document.body) : O
-  ] });
-}, ue = ({ children: t }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: t }), De = ({ children: t }) => /* @__PURE__ */ e.jsx(e.Fragment, { children: t }), xe = ({ children: t, className: s }) => /* @__PURE__ */ e.jsx(
-  "div",
-  {
-    className: b(
-      "sticky top-0 flex-shrink-0 border-b border-neutral-700 bg-zinc-1000/95 px-3 py-2 backdrop-blur-lg",
-      s
-    ),
-    children: t
-  }
-), me = ae({
-  open: !1,
-  setOpen: () => {
-  },
-  disabled: !1
-});
-function fe() {
-  const t = ie(me);
-  if (t === void 0)
-    throw new Error("useDropdownContext must be used within a DropdownProvider");
-  return t;
-}
-const be = ({
-  animateIcon: t = !1,
-  children: s,
-  className: n,
-  disabled: o = !1,
-  icon: r,
-  outline: i = !1,
-  unstyled: a = !1,
-  ...l
-}) => {
-  const { disabled: u, open: h } = fe(), d = o || u;
-  return /* @__PURE__ */ e.jsxs(
-    "button",
-    {
-      "aria-expanded": h,
-      "aria-haspopup": "menu",
-      className: b(
-        !a && [
-          "flex h-10 items-center justify-between rounded-lg px-3 py-2 text-sm enabled:cursor-pointer enabled:text-white enabled:hover:bg-white/6",
-          "default-outset-focus",
-          i ? "default-border" : "bg-transparent",
-          "default-disabled"
-        ],
-        n
-      ),
-      disabled: d,
-      type: "button",
-      ...l,
-      children: [
-        a ? s : /* @__PURE__ */ e.jsx("span", { className: "flex items-center gap-2", children: s }),
-        r && /* @__PURE__ */ e.jsx(
-          B,
-          {
-            className: $(
-              !a && "ml-2",
-              d && "text-neutral-500",
-              t && ["transition-transform duration-200", h && "rotate-180"]
-            ),
-            icon: r,
-            size: 0.8
-          }
-        )
-      ]
-    }
-  );
-}, We = ({
-  children: t,
-  className: s,
-  defaultOpen: n = !1,
-  disabled: o = !1,
-  onOpenChange: r,
-  open: i
-}) => {
-  const [a, l] = S(n), u = i !== void 0, h = u ? i : a, d = (c) => {
-    o || (u || l(c), r?.(c));
-  }, m = { open: h, setOpen: d, disabled: o };
-  let p = null, f = null;
-  const g = {
-    children: null,
-    className: ""
-  }, j = {
-    children: null,
-    className: ""
-  };
-  let y = {
-    side: "bottom",
-    align: "start",
-    className: ""
-  };
-  U.Children.forEach(t, (c) => {
-    if (U.isValidElement(c)) {
-      if (c.type === be)
-        p = c;
-      else if (c.type === xe) {
-        const v = c.props;
-        g.className = v.className, g.children = v.children;
-      } else if (c.type === De) {
-        const v = c.props;
-        j.className = v.className, j.children = v.children;
-      } else if (c.type === ue) {
-        const v = c.props;
-        f = v.children, y = {
-          side: v.side || "bottom",
-          align: v.align || "start",
-          className: v.className || ""
-        };
-      }
-    }
-  });
-  const k = /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: b(
-        "default-border z-50 flex max-h-96 min-w-[8rem] flex-col overflow-hidden rounded-lg bg-zinc-1000/50 p-1 backdrop-blur-xl",
-        y.side === "bottom" && "animate-dropdown-in-bottom",
-        y.side === "top" && "animate-dropdown-in-top",
-        y.className
-      ),
-      children: [
-        g.children ? /* @__PURE__ */ e.jsx(
-          "div",
-          {
-            className: b(
-              "flex-shrink-0 border-b border-neutral-700 bg-zinc-1000/95 px-3 py-2 backdrop-blur-sm",
-              g.className
-            ),
-            children: g.children
-          }
-        ) : null,
-        /* @__PURE__ */ e.jsx("ul", { className: b("min-h-0 flex-1 overflow-y-auto"), children: f }),
-        j.children ? /* @__PURE__ */ e.jsx(
-          "div",
-          {
-            className: b(
-              "flex-shrink-0 border-t border-neutral-700 bg-zinc-1000/95 px-3 py-2 backdrop-blur-sm",
-              j.className
-            ),
-            children: j.children
-          }
-        ) : null
-      ]
-    }
-  );
-  return /* @__PURE__ */ e.jsx(me.Provider, { value: m, children: /* @__PURE__ */ e.jsx("div", { className: b("inline-block", s), children: /* @__PURE__ */ e.jsx(
-    ne,
-    {
-      align: y.align,
-      content: k,
-      contentRole: "menu",
-      disabled: o,
-      open: h,
-      portal: !0,
-      position: y.side,
-      trigger: "click",
-      onOpenChange: d,
-      children: p
-    }
-  ) }) });
-}, Be = ({
-  children: t,
-  className: s,
-  disabled: n = !1,
-  icon: o,
-  onClick: r,
-  unstyled: i = !1
-}) => {
-  const { setOpen: a } = fe(), l = (u) => {
-    n || (r && r(u), a(!1));
-  };
-  return /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsxs(
-    "button",
-    {
-      className: b(
-        !i && [
-          "group flex w-full items-center rounded-sm px-2 py-1.5 text-left text-sm enabled:text-white",
-          "enabled:cursor-pointer enabled:hover:bg-white/6",
-          "default-inset-focus",
-          "default-disabled"
-        ],
-        s
-      ),
-      disabled: n,
-      role: "menuitem",
-      onClick: l,
-      children: [
-        o && /* @__PURE__ */ e.jsx(
-          B,
-          {
-            className: $("mr-2", n && "text-neutral-500"),
-            icon: o,
-            size: 0.75
-          }
-        ),
-        t
-      ]
-    }
-  ) });
-}, ct = ({ className: t }) => /* @__PURE__ */ e.jsx("li", { className: "px-1 py-1", children: /* @__PURE__ */ e.jsx("hr", { className: b("border-t-neutral-700", t) }) }), dt = ({ children: t, className: s }) => /* @__PURE__ */ e.jsx(
-  "span",
-  {
-    className: b("ml-auto text-xs tracking-widest text-neutral-500", s),
-    "data-part": "dropdown-shortcut",
-    children: t
-  }
-), Me = {
-  error: {
-    background: "bg-rose-500/20",
-    iconClass: "text-rose-400",
-    icon: "mdiAlertCircleOutline"
-  },
-  success: {
-    background: "bg-green-500/20",
-    iconClass: "text-green-400",
-    icon: "mdiCheckCircleOutline"
-  },
-  warning: {
-    background: "bg-amber-500/20",
-    iconClass: "text-amber-400",
-    icon: "mdiAlertOutline"
-  },
-  info: {
-    background: "bg-blue-500/20",
-    iconClass: "text-blue-400",
-    icon: "mdiInformationOutline"
-  },
-  default: {
-    background: "bg-neutral-500/20",
-    iconClass: "text-neutral-400",
-    icon: "mdiBellOutline"
-  }
-}, ut = ({
-  className: t,
-  disabled: s = !1,
-  emptyMessage: n = "No notifications",
-  maxHeight: o = "max-h-96",
-  notifications: r,
-  onMarkAllRead: i,
-  onNotificationClick: a,
-  unreadCount: l = 0
-}) => {
-  const [u, h] = S(!1), [d, m] = S(!1), p = l > 99 ? "99+" : l.toString(), f = l > 0, g = r.length > 0;
-  V(() => {
-    const c = () => {
-      const v = window.innerWidth < pe;
-      m(v), v && u ? document.body.classList.add("overflow-hidden") : document.body.classList.remove("overflow-hidden");
-    };
-    return c(), window.addEventListener("resize", c), () => {
-      document.body.classList.remove("overflow-hidden"), window.removeEventListener("resize", c);
-    };
-  }, [u]);
-  const j = (c) => {
-    a?.(c), d && h(!1);
-  }, y = () => {
-    i?.(), d && h(!1);
-  }, k = () => /* @__PURE__ */ e.jsx(e.Fragment, { children: g ? /* @__PURE__ */ e.jsx("div", { className: "divide-y divide-neutral-800/50", children: r.map((c, v) => {
-    const N = Me[c.type || "default"];
-    return /* @__PURE__ */ e.jsxs(
-      Be,
-      {
-        className: b(
-          "secondary-inset-focus flex w-full items-start gap-3 px-3 py-3 text-left hover:bg-white/6",
-          !c.read && "bg-white/3",
-          v === r.length - 1 && "pb-4"
-        ),
-        unstyled: !0,
-        onClick: () => j(c),
-        children: [
-          /* @__PURE__ */ e.jsx(
-            "div",
-            {
-              className: b(
-                "mt-0.5 flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-lg",
-                N.background
-              ),
-              children: c.img ? /* @__PURE__ */ e.jsx(
-                ye,
-                {
-                  alt: "User avatar",
-                  fallback: "NA",
-                  size: "md",
-                  src: c.img
-                }
-              ) : /* @__PURE__ */ e.jsx(
-                B,
-                {
-                  className: N.iconClass,
-                  icon: c.icon ?? N.icon,
-                  size: 0.75
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e.jsxs("div", { className: "min-w-0 flex-1", children: [
-            /* @__PURE__ */ e.jsx("p", { className: "mb-1 text-sm leading-5 text-white", children: c.title }),
-            c.message && /* @__PURE__ */ e.jsx("p", { className: "mb-1 text-xs leading-4 text-neutral-400", children: c.message }),
-            /* @__PURE__ */ e.jsx("p", { className: "text-xs text-neutral-500", children: ge(c.timestamp) })
-          ] }),
-          !c.read && /* @__PURE__ */ e.jsx("div", { className: "mt-1.5 h-2 w-2 flex-shrink-0 rounded-full bg-rose-500" })
-        ]
-      },
-      c.id
-    );
-  }) }) : /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      "aria-label": "No notifications available",
-      className: "px-3 py-8 text-center",
-      role: "status",
-      children: [
-        /* @__PURE__ */ e.jsx(B, { className: "mx-auto mb-2 text-neutral-500", icon: "mdiBellOffOutline", size: 2 }),
-        /* @__PURE__ */ e.jsx("p", { className: "text-sm text-neutral-400", children: n })
-      ]
-    }
-  ) });
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: d ? /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ e.jsx(
-        le,
-        {
-          "aria-expanded": u,
-          "aria-label": `Notifications${f ? ` (${l} unread)` : ""}`,
-          disabled: s,
-          icon: "mdiBellOutline",
-          variant: "ghost",
-          onClick: () => h(!u)
-        }
-      ),
-      f ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("div", { className: "absolute -top-2 -right-2", children: /* @__PURE__ */ e.jsx(q, { className: "min-w-[1.25rem] justify-center px-1", color: "violet", size: "sm", children: p }) }) }) : null
-    ] }),
-    ce(
-      /* @__PURE__ */ e.jsxs(
-        "div",
-        {
-          "aria-labelledby": "notifications-title-mobile",
-          "aria-modal": "true",
-          className: b(
-            "fixed inset-y-0 z-50 flex w-full flex-col bg-zinc-1000/50 backdrop-blur-xl transition-transform duration-300",
-            u ? "translate-x-0" : "translate-x-full"
-          ),
-          role: "dialog",
-          children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "flex h-15 items-center justify-between border-b border-neutral-800 px-4", children: [
-              d ? /* @__PURE__ */ e.jsx(
-                le,
-                {
-                  "aria-label": "Close sidebar",
-                  icon: "mdiClose",
-                  variant: "ghost",
-                  onClick: () => h(!1)
-                }
-              ) : null,
-              /* @__PURE__ */ e.jsx("h3", { id: "notifications-title-mobile", className: "text-sm font-semibold text-white", children: "Notifications" }),
-              /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: f && i && /* @__PURE__ */ e.jsx(
-                "button",
-                {
-                  className: "cursor-pointer text-xs text-neutral-400 transition-colors hover:text-white",
-                  onClick: y,
-                  children: "Mark all read"
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ e.jsx("ul", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ e.jsx(k, {}) })
-          ]
-        }
-      ),
-      document.body
-    )
-  ] }) : /* @__PURE__ */ e.jsxs(We, { className: t, disabled: s, children: [
-    /* @__PURE__ */ e.jsx(
-      be,
-      {
-        "aria-label": `Notifications${f ? ` (${l} unread)` : ""}`,
-        className: $(
-          "relative flex h-10 w-10 items-center justify-center px-2 text-sm",
-          "secondary-outset-focus group rounded-lg border border-transparent bg-transparent text-white enabled:cursor-pointer enabled:hover:bg-white/6"
-        ),
-        disabled: s,
-        icon: "mdiBellOutline",
-        unstyled: !0,
-        children: f ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("div", { className: "absolute -top-2 -right-2", children: /* @__PURE__ */ e.jsx(q, { className: "min-w-[1.25rem] justify-center px-1", color: "violet", size: "sm", children: p }) }) }) : null
-      }
-    ),
-    /* @__PURE__ */ e.jsx(xe, { children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ e.jsx("h3", { id: "notifications-title", className: "text-sm font-semibold text-white", children: "Notifications" }),
-      f && i && /* @__PURE__ */ e.jsx(
-        "button",
-        {
-          className: "secondary-outset-focus cursor-pointer rounded-lg p-1 text-xs text-neutral-400 transition-colors hover:text-white",
-          onClick: i,
-          children: "Mark all read"
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ e.jsx(
-      ue,
-      {
-        align: "end",
-        "aria-labelledby": "notifications-title",
-        className: b("flex w-85 flex-col overflow-hidden p-0", o),
-        side: "bottom",
-        children: /* @__PURE__ */ e.jsx(k, {})
-      }
-    )
-  ] }) });
-}, he = ae(void 0), Pe = () => {
-  const t = ie(he);
-  if (!t)
-    throw new Error("Select components must be used within an OxSelect");
-  return t;
-}, Te = ({
-  children: t,
-  className: s,
-  disabled: n = !1,
-  id: o,
-  value: r
-}) => {
-  const { closeDropdown: i, onSelect: a, selectedValue: l } = Pe(), u = () => {
-    a({ value: r, label: t });
-  }, h = (m) => {
-    (m.key === "Enter" || m.key === " ") && (m.preventDefault(), a({ value: r, label: t })), m.key === "Escape" && i();
-  }, d = l.includes(r);
-  return /* @__PURE__ */ e.jsx("li", { role: "none", children: /* @__PURE__ */ e.jsxs(
-    "button",
-    {
-      id: o,
-      "aria-selected": d,
-      className: b(
-        "group flex w-full items-center justify-between rounded-sm px-2 py-1.5 text-left text-sm enabled:text-white",
-        "enabled:cursor-pointer enabled:hover:bg-white/6",
-        "default-inset-focus",
-        "default-disabled",
-        d && "bg-white/5",
-        s
-      ),
-      disabled: n,
-      role: "option",
-      tabIndex: n ? -1 : 0,
-      onClick: u,
-      onKeyDown: h,
-      children: [
-        t,
-        d && !n && /* @__PURE__ */ e.jsx(B, { className: "text-violet-700", icon: "mdiCheck", size: 0.8 })
-      ]
-    }
-  ) });
-};
-let Z = null, R = null;
-const He = () => (Z || (Z = document.createElement("canvas"), R = Z.getContext("2d"), R.font = "0.875rem system-ui, sans-serif"), R), Ve = (t, s, n) => {
-  if (t.length === 0) return [];
-  if (!s.current) return t.slice(0, 1);
-  const o = s.current.offsetWidth || 0, r = 12, i = 32, a = 32;
-  let l = o - r - i;
-  t.length > 1 && (l -= a);
-  const u = He();
-  if (!u) return t.slice(0, 2);
-  const h = n ? 4 : 8, d = n ? 12 : 0;
-  let m = 0, p = 0;
-  for (let f = 0; f < t.length; f++) {
-    const g = t[f], j = String(g.label), k = u.measureText(j).width + (n ? d : 0), c = f > 0 ? m + k + h : m + k;
-    if (c <= l)
-      m = c, p++;
-    else
-      break;
-  }
-  return p = Math.max(1, p), t.slice(0, p);
-}, Ae = (t) => t == null ? [] : Array.isArray(t) ? t : [t], xt = ({
-  badgeColor: t = "purple",
-  children: s,
-  className: n,
-  defaultValue: o = null,
-  description: r,
-  disabled: i = !1,
-  displayAsBadges: a = !1,
-  error: l = !1,
-  errorMessage: u,
-  id: h,
-  label: d,
-  multiple: m = !1,
-  name: p,
-  onChange: f,
-  placeholder: g = "Select an option",
-  required: j = !1
-}) => {
-  const y = G(), k = ee(null), [c, v] = S(!1), [N, E] = S([]), F = h || y, C = `${F}-select`, D = `${F}-description`, I = `${F}-error`, W = l && u, H = (O, x) => {
-    let w = null;
-    return U.Children.forEach(O, (z) => {
-      if (U.isValidElement(z) && z.type === Te) {
-        const L = z.props;
-        L.value === x && (w = { value: L.value, label: L.children });
-      }
-    }), w;
-  }, A = (O) => {
-    let x;
-    if (m ? N.some((z) => z.value === O.value) ? x = N.filter((z) => z.value !== O.value) : x = [...N, O] : (x = [O], v(!1)), E(x), f) {
-      const w = m ? x.map((z) => z.value) : x[0]?.value ?? null;
-      f(w);
-    }
-  };
-  V(() => {
-    if (o !== void 0) {
-      const O = Ae(o), x = [];
-      O.forEach((w) => {
-        const z = H(s, w);
-        z && x.push(z);
-      }), E(m ? x : x.slice(0, 1));
-    }
-  }, [o, s, m]);
-  const J = /* @__PURE__ */ e.jsx(
-    "ul",
-    {
-      id: `${C}-listbox`,
-      "aria-multiselectable": m,
-      className: "max-h-72 space-y-0.5 overflow-hidden overflow-y-auto",
-      role: "listbox",
-      children: s
-    }
-  ), K = Ve(N, k, a), _ = N.length - K.length, Y = _ > 0;
-  return /* @__PURE__ */ e.jsx(
-    he.Provider,
-    {
-      value: {
-        selectedValue: N.map((O) => O.value),
-        multiple: m,
-        onSelect: A,
-        closeDropdown: () => v(!1)
-      },
-      children: /* @__PURE__ */ e.jsxs("div", { className: b("flex w-full flex-col gap-1", n), children: [
-        d && /* @__PURE__ */ e.jsx(te, { htmlFor: C, required: j, children: d }),
-        /* @__PURE__ */ e.jsx(
-          ne,
-          {
-            align: "start",
-            content: J,
-            contentClassName: "default-border bg-zinc-1000/70 rounded-lg p-1 backdrop-blur-xl animate-dropdown-in-bottom",
-            contentStyle: { minWidth: `${k.current?.offsetWidth || 200}px` },
-            disabled: i,
-            open: c,
-            position: "bottom",
-            trigger: "click",
-            onOpenChange: v,
-            children: /* @__PURE__ */ e.jsxs(
-              "button",
-              {
-                id: C,
-                "aria-controls": `${C}-listbox`,
-                "aria-describedby": [r ? D : "", W ? I : ""].filter(Boolean).join(" ") || void 0,
-                "aria-disabled": i,
-                "aria-expanded": c,
-                "aria-haspopup": "listbox",
-                "aria-invalid": l,
-                "aria-required": j,
-                className: $(
-                  "relative flex h-10 w-full gap-x-2 rounded-lg py-2 ps-3 pe-8 text-start text-sm enabled:cursor-pointer enabled:text-white",
-                  "default-outset-focus default-disabled",
-                  l ? "default-error-border" : "default-border",
-                  c && "default-active-border"
-                ),
-                disabled: i,
-                ref: k,
-                role: "combobox",
-                type: "button",
-                children: [
-                  /* @__PURE__ */ e.jsx(
-                    "span",
-                    {
-                      className: $(
-                        "w-full overflow-hidden text-ellipsis",
-                        a ? m && "flex flex-wrap gap-1" : "whitespace-nowrap",
-                        i && a && "opacity-50"
-                      ),
-                      children: N.length > 0 ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                        a && m ? K.map((O) => /* @__PURE__ */ e.jsx(q, { color: t, size: "sm", children: O.label }, String(O.value))) : K.map((O, x, w) => /* @__PURE__ */ e.jsxs(U.Fragment, { children: [
-                          O.label,
-                          x < w.length - 1 && ", "
-                        ] }, String(O.value))),
-                        Y && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                          !(a && m) && " ",
-                          /* @__PURE__ */ e.jsxs(q, { color: t, size: "sm", children: [
-                            "+",
-                            _
-                          ] })
-                        ] })
-                      ] }) : g
-                    }
-                  ),
-                  /* @__PURE__ */ e.jsx("div", { className: "absolute end-3 top-1/2 -translate-y-1/2", children: /* @__PURE__ */ e.jsx(
-                    B,
-                    {
-                      className: $(
-                        "transition-transform duration-300 ease-in-out",
-                        i && "text-neutral-500",
-                        c && "rotate-180"
-                      ),
-                      icon: "mdiChevronDown",
-                      size: 0.8
-                    }
-                  ) })
-                ]
-              }
-            )
-          }
-        ),
-        p && /* @__PURE__ */ e.jsx(
-          "input",
-          {
-            name: p,
-            type: "hidden",
-            value: N.map((O) => O.value).join(",")
-          }
-        ),
-        r && /* @__PURE__ */ e.jsx(se, { id: D, disabled: i, children: r }),
-        W && /* @__PURE__ */ e.jsx(re, { id: I, children: u })
-      ] })
-    }
-  );
-}, mt = ({ children: t, className: s }) => /* @__PURE__ */ e.jsx("div", { className: b("px-2 py-1 text-xs font-medium text-neutral-400", s), children: t }), Ke = {
-  default: "bg-zinc-800/80",
-  purple: "bg-purple-950/50",
-  blue: "bg-blue-950/50",
-  gray: "bg-gray-800/50"
-}, Ue = {
-  rectangle: "rounded-md",
-  circle: "rounded-full"
-}, _e = ({
-  animate: t = !0,
-  className: s,
-  color: n = "default",
-  fullWidth: o = !1,
-  height: r,
-  shape: i = "rectangle",
-  width: a,
-  ...l
-}) => {
-  const u = {
-    height: typeof r == "number" ? `${r}px` : r,
-    width: typeof a == "number" ? `${a}px` : a
-  };
-  return /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      "aria-busy": "true",
-      "aria-label": "Loading...",
-      className: b(
-        "relative overflow-hidden",
-        Ke[n],
-        Ue[i],
-        t && "animate-pulse",
-        o && "w-full",
-        s
-      ),
-      role: "status",
-      style: u,
-      ...l
-    }
-  );
-}, ft = ({
-  animate: t = !0,
-  className: s,
-  color: n = "default",
-  fullWidth: o = !1,
-  gap: r = 8,
-  height: i = 20,
-  lines: a = 1,
-  width: l,
-  ...u
-}) => {
-  const h = (p) => p <= 1 ? `${p * 100}%` : `${p}px`, d = (p) => {
-    if (!o) {
-      if (Array.isArray(l)) {
-        const f = l[p % l.length];
-        return f == null ? void 0 : typeof f == "number" ? h(f) : f;
-      }
-      if (typeof l == "number") {
-        if (a > 1 && p === a - 1) {
-          const f = l <= 1 ? l * 0.6 : Math.max(100, l * 0.6);
-          return h(f);
-        }
-        return h(l);
-      }
-      return "200px";
-    }
-  }, m = {
-    4: "space-y-1",
-    8: "space-y-2",
-    12: "space-y-3",
-    16: "space-y-4",
-    20: "space-y-5"
-  }[r] || "space-y-2";
-  return /* @__PURE__ */ e.jsx("div", { className: b("flex flex-col", m, s), ...u, children: Array.from({ length: a }).map((p, f) => /* @__PURE__ */ e.jsx(
-    _e,
-    {
-      animate: t,
-      color: n,
-      fullWidth: o,
-      height: i,
-      width: d(f)
-    },
-    f
-  )) });
-}, bt = ({
-  className: t,
-  description: s,
-  disabled: n = !1,
-  error: o = !1,
-  errorMessage: r,
-  id: i,
-  label: a,
-  name: l,
-  onChange: u,
-  placeholder: h = "Enter text...",
-  readOnly: d = !1,
-  required: m = !1,
-  rows: p = 3,
-  showMaxLength: f = !1,
-  value: g,
-  ...j
-}) => {
-  const y = G(), [k, c] = S(
-    typeof g == "string" ? g.length : 0
-  ), v = i || y, N = `${v}-textarea`, E = `${v}-description`, F = `${v}-error`, C = j.maxLength, D = o && r;
-  V(() => {
-    typeof g == "string" && c(g.length);
-  }, [g]);
-  const I = (H) => {
-    const A = H.target.value.length;
-    c(A), u?.(H);
-  }, W = /* @__PURE__ */ e.jsx(
-    "textarea",
-    {
-      id: N,
-      "aria-describedby": [s ? E : "", D ? F : ""].filter(Boolean).join(" ") || void 0,
-      "aria-invalid": o,
-      "aria-required": m,
-      className: b(
-        "flex min-h-10 w-full resize-y rounded-lg bg-transparent px-2 py-2 text-sm text-white",
-        "placeholder:text-neutral-500",
-        "default-outset-focus",
-        "default-disabled",
-        o ? "default-error-border" : "default-border",
-        t
-      ),
-      disabled: n,
-      name: l,
-      placeholder: h,
-      readOnly: d,
-      rows: p,
-      value: g,
-      onChange: I,
-      ...j
-    }
-  );
-  return /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col gap-1", children: [
-    a ? /* @__PURE__ */ e.jsx(te, { htmlFor: N, required: m, children: a }) : null,
-    W,
-    f && typeof C == "number" ? /* @__PURE__ */ e.jsxs("div", { className: "pointer-events-none mt-1 text-right text-xs text-neutral-400", children: [
-      k,
-      "/",
-      C
-    ] }) : null,
-    s ? /* @__PURE__ */ e.jsx(se, { id: E, disabled: n, children: s }) : null,
-    D ? /* @__PURE__ */ e.jsx(re, { id: F, children: r }) : null
-  ] });
-}, qe = {
-  default: "default-border backdrop-blur-xl text-white bg-zinc-1000/70",
-  error: "bg-red-900/70 text-red-200 border-red-700",
-  warning: "bg-amber-900/70 text-amber-200 border-amber-700",
-  info: "bg-blue-900/70 text-blue-200 border-blue-700",
-  success: "bg-green-900/70 text-green-200 border-green-700"
-}, ht = ({
-  align: t = "center",
-  children: s,
-  className: n,
-  content: o,
-  disabled: r = !1,
-  id: i,
-  onOpenChange: a,
-  open: l,
-  position: u = "top",
-  trigger: h = "hover",
-  variant: d = "default"
-}) => {
-  const m = /* @__PURE__ */ e.jsx(
-    "div",
-    {
-      className: b(
-        "max-w-xs rounded-md border px-2 py-1 text-xs break-words backdrop-blur-sm",
-        qe[d],
-        n
-      ),
-      children: o
-    }
-  );
-  return /* @__PURE__ */ e.jsx(
-    ne,
-    {
-      id: i,
-      align: t,
-      content: m,
-      contentRole: "tooltip",
-      disabled: r,
-      offset: 8,
-      open: l,
-      position: u,
-      trigger: h,
-      useAriaControls: !1,
-      onOpenChange: a,
-      children: s
-    }
-  );
-}, pt = ({
-  children: t,
-  onAuthenticated: s = null,
-  onLoading: n = null
-}) => {
-  const { isLoggedIn: o, loading: r } = de();
-  return r ? n : o ? s : t;
-}, gt = ({
-  children: t,
-  onLoading: s = null,
-  onUnauthenticated: n = null
-}) => {
-  const { isLoggedIn: o, loading: r } = de();
-  return r ? s : o ? t : n;
-};
+import { O as x, a as O, b as e, c as o, d as t, e as r, f as i, g as n, I as p, L as l, V as d, h as T, o as c, i as u, j as g, W as S, J as D, k as b, K as m, X as I, l as k, m as F, Y as L, Z as P, n as v, p as w, M as A, N as B, q as C, r as f, s as h, R as N, S as y, t as E, u as H, v as J, w as R, x as U, y as j, z as q, T as z, A as G, B as K, P as M, U as Q, Q as V, C as W, F as X, D as Y, G as Z, H as _, E as $ } from "./chunks/ui-DxsSYHCv.js";
 export {
-  st as OxAvatar,
-  ye as OxAvatarImage,
-  rt as OxAvatarText,
-  q as OxBadge,
-  le as OxButton,
-  nt as OxCard,
-  lt as OxCardContent,
-  at as OxCardFooter,
-  ot as OxCardHeader,
-  it as OxCheckbox,
-  se as OxDescription,
-  We as OxDropdown,
-  ue as OxDropdownContent,
-  De as OxDropdownFooter,
-  xe as OxDropdownHeader,
-  Be as OxDropdownItem,
-  ct as OxDropdownSeparator,
-  dt as OxDropdownShortcut,
-  be as OxDropdownTrigger,
-  re as OxErrorMessage,
-  jt as OxForm,
-  pt as OxGuestRoute,
-  B as OxIcon,
-  yt as OxInput,
-  te as OxLabel,
-  ut as OxNotificationDropdown,
-  gt as OxProtectedRoute,
-  xt as OxSelect,
-  mt as OxSelectLabel,
-  Te as OxSelectOption,
-  _e as OxSkeleton,
-  ft as OxSkeletonText,
-  bt as OxTextarea,
-  ht as OxTooltip
+  x as OxAccordion,
+  O as OxAlert,
+  e as OxAvatar,
+  o as OxBadge,
+  t as OxBreadcrumb,
+  r as OxButton,
+  i as OxCalendar,
+  n as OxCard,
+  p as OxCheckbox,
+  l as OxDateInput,
+  d as OxDescription,
+  T as OxDescriptionList,
+  c as OxDialog,
+  u as OxDrawer,
+  g as OxDropdown,
+  S as OxError,
+  D as OxFileUpload,
+  b as OxFloating,
+  m as OxForm,
+  I as OxHeading,
+  k as OxIcon,
+  F as OxJsonField,
+  L as OxLabel,
+  P as OxLegend,
+  v as OxLink,
+  w as OxNotifications,
+  A as OxNumberInput,
+  B as OxOtpInput,
+  C as OxPagination,
+  f as OxPopover,
+  h as OxProgress,
+  N as OxRadio,
+  y as OxSelect,
+  E as OxSeparator,
+  H as OxSkeleton,
+  J as OxSkeletonText,
+  R as OxSlider,
+  U as OxSpinner,
+  j as OxStatusDisplay,
+  q as OxStepper,
+  z as OxSwitch,
+  G as OxTable,
+  K as OxTabs,
+  M as OxTextInput,
+  Q as OxTextarea,
+  V as OxTimeInput,
+  W as OxTimeline,
+  X as OxToast,
+  Y as OxToastProvider,
+  Z as OxToggle,
+  _ as OxTooltip,
+  $ as useOxToast
 };