@tenerife.music/ui 0.0.3

package/dist/index.mjs

@@ -0,0 +1,4520 @@
+"use client";
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
+import * as m from "react";
+import re, { useState as Y, useCallback as F, createContext as Me, useContext as Ce, forwardRef as lt, createElement as me, useRef as ct, useEffect as Se, useMemo as ut } from "react";
+import { Slot as De } from "@radix-ui/react-slot";
+import { cva as L } from "class-variance-authority";
+import { clsx as mt } from "clsx";
+import { twMerge as ft } from "tailwind-merge";
+import * as Te from "@radix-ui/react-label";
+import { Sun as ht, Moon as gt, X as de, ChevronRight as le, Check as Oe, Circle as pt, ChevronDown as ce, Search as bt, ChevronUp as yt, Calendar as xt, Info as fe, AlertTriangle as wt, AlertCircle as vt, CheckCircle as Nt, ChevronLeft as kt } from "lucide-react";
+import * as M from "@radix-ui/react-dialog";
+import * as k from "@radix-ui/react-dropdown-menu";
+import * as P from "@radix-ui/react-navigation-menu";
+import * as _ from "@radix-ui/react-tabs";
+import * as S from "@radix-ui/react-select";
+import * as ee from "@radix-ui/react-tooltip";
+import * as q from "@radix-ui/react-popover";
+import { createPortal as Mt } from "react-dom";
+const nn = {
+  day: {
+    background: "hsl(var(--background))",
+    foreground: "hsl(var(--foreground))",
+    card: "hsl(var(--card))",
+    cardForeground: "hsl(var(--card-foreground))",
+    popover: "hsl(var(--popover))",
+    popoverForeground: "hsl(var(--popover-foreground))",
+    primary: "hsl(var(--tm-primary))",
+    primaryForeground: "hsl(var(--tm-primary-foreground))",
+    secondary: "hsl(var(--tm-secondary))",
+    secondaryForeground: "hsl(var(--tm-secondary-foreground))",
+    muted: "hsl(var(--muted))",
+    mutedForeground: "hsl(var(--muted-foreground))",
+    accent: "hsl(var(--tm-accent))",
+    accentForeground: "hsl(var(--tm-accent-foreground))",
+    destructive: "hsl(var(--destructive))",
+    destructiveForeground: "hsl(var(--destructive-foreground))",
+    border: "hsl(var(--border))",
+    input: "hsl(var(--input))",
+    ring: "hsl(var(--ring))",
+    chart1: "hsl(12, 76%, 61%)",
+    chart2: "hsl(173, 58%, 39%)",
+    chart3: "hsl(197, 37%, 24%)",
+    chart4: "hsl(43, 74%, 66%)",
+    chart5: "hsl(27, 87%, 67%)"
+  },
+  night: {
+    background: "hsl(var(--background))",
+    foreground: "hsl(var(--foreground))",
+    card: "hsl(var(--card))",
+    cardForeground: "hsl(var(--card-foreground))",
+    popover: "hsl(var(--popover))",
+    popoverForeground: "hsl(var(--popover-foreground))",
+    primary: "hsl(var(--tm-primary))",
+    primaryForeground: "hsl(var(--tm-primary-foreground))",
+    secondary: "hsl(var(--tm-secondary))",
+    secondaryForeground: "hsl(var(--tm-secondary-foreground))",
+    muted: "hsl(var(--muted))",
+    mutedForeground: "hsl(var(--muted-foreground))",
+    accent: "hsl(var(--tm-accent))",
+    accentForeground: "hsl(var(--tm-accent-foreground))",
+    destructive: "hsl(var(--destructive))",
+    destructiveForeground: "hsl(var(--destructive-foreground))",
+    border: "hsl(var(--border))",
+    input: "hsl(var(--input))",
+    ring: "hsl(var(--ring))",
+    chart1: "hsl(220, 70%, 50%)",
+    chart2: "hsl(160, 60%, 45%)",
+    chart3: "hsl(30, 80%, 55%)",
+    chart4: "hsl(280, 65%, 60%)",
+    chart5: "hsl(340, 75%, 55%)"
+  }
+}, on = {
+  background: "hsl(var(--background))",
+  foreground: "hsl(var(--foreground))",
+  card: {
+    DEFAULT: "hsl(var(--card))",
+    foreground: "hsl(var(--card-foreground))"
+  },
+  popover: {
+    DEFAULT: "hsl(var(--popover))",
+    foreground: "hsl(var(--popover-foreground))"
+  },
+  primary: {
+    DEFAULT: "hsl(var(--tm-primary))",
+    foreground: "hsl(var(--tm-primary-foreground))"
+  },
+  secondary: {
+    DEFAULT: "hsl(var(--tm-secondary))",
+    foreground: "hsl(var(--tm-secondary-foreground))"
+  },
+  muted: {
+    DEFAULT: "hsl(var(--muted))",
+    foreground: "hsl(var(--muted-foreground))"
+  },
+  accent: {
+    DEFAULT: "hsl(var(--tm-accent))",
+    foreground: "hsl(var(--tm-accent-foreground))"
+  },
+  destructive: {
+    DEFAULT: "hsl(var(--destructive))",
+    foreground: "hsl(var(--destructive-foreground))"
+  },
+  border: "hsl(var(--border))",
+  input: "hsl(var(--input))",
+  ring: "hsl(var(--ring))",
+  chart: {
+    1: "hsl(var(--chart-1))",
+    2: "hsl(var(--chart-2))",
+    3: "hsl(var(--chart-3))",
+    4: "hsl(var(--chart-4))",
+    5: "hsl(var(--chart-5))"
+  }
+}, sn = {
+  px: "1px",
+  0: "0px",
+  0.5: "0.125rem",
+  // 2px
+  1: "0.25rem",
+  // 4px
+  1.5: "0.375rem",
+  // 6px
+  2: "0.5rem",
+  // 8px
+  2.5: "0.625rem",
+  // 10px
+  3: "0.75rem",
+  // 12px
+  3.5: "0.875rem",
+  // 14px
+  4: "1rem",
+  // 16px
+  5: "1.25rem",
+  // 20px
+  6: "1.5rem",
+  // 24px
+  7: "1.75rem",
+  // 28px
+  8: "2rem",
+  // 32px
+  9: "2.25rem",
+  // 36px
+  10: "2.5rem",
+  // 40px
+  11: "2.75rem",
+  // 44px
+  12: "3rem",
+  // 48px
+  14: "3.5rem",
+  // 56px
+  16: "4rem",
+  // 64px
+  20: "5rem",
+  // 80px
+  24: "6rem",
+  // 96px
+  28: "7rem",
+  // 112px
+  32: "8rem",
+  // 128px
+  36: "9rem",
+  // 144px
+  40: "10rem",
+  // 160px
+  44: "11rem",
+  // 176px
+  48: "12rem",
+  // 192px
+  52: "13rem",
+  // 208px
+  56: "14rem",
+  // 224px
+  60: "15rem",
+  // 240px
+  64: "16rem",
+  // 256px
+  72: "18rem",
+  // 288px
+  80: "20rem",
+  // 320px
+  96: "24rem"
+  // 384px
+}, dn = {
+  sans: [
+    "ui-sans-serif",
+    "system-ui",
+    "-apple-system",
+    "BlinkMacSystemFont",
+    "Segoe UI",
+    "Roboto",
+    "Helvetica Neue",
+    "Arial",
+    "Noto Sans",
+    "sans-serif",
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji"
+  ],
+  serif: [
+    "ui-serif",
+    "Georgia",
+    "Cambria",
+    "Times New Roman",
+    "Times",
+    "serif"
+  ],
+  mono: [
+    "ui-monospace",
+    "SFMono-Regular",
+    "Menlo",
+    "Monaco",
+    "Consolas",
+    "Liberation Mono",
+    "Courier New",
+    "monospace"
+  ]
+}, ln = {
+  xs: ["0.75rem", { lineHeight: "1rem" }],
+  sm: ["0.875rem", { lineHeight: "1.25rem" }],
+  base: ["1rem", { lineHeight: "1.5rem" }],
+  lg: ["1.125rem", { lineHeight: "1.75rem" }],
+  xl: ["1.25rem", { lineHeight: "1.75rem" }],
+  "2xl": ["1.5rem", { lineHeight: "2rem" }],
+  "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
+  "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
+  "5xl": ["3rem", { lineHeight: "1" }],
+  "6xl": ["3.75rem", { lineHeight: "1" }],
+  "7xl": ["4.5rem", { lineHeight: "1" }],
+  "8xl": ["6rem", { lineHeight: "1" }],
+  "9xl": ["8rem", { lineHeight: "1" }]
+}, cn = {
+  thin: "100",
+  extralight: "200",
+  light: "300",
+  normal: "400",
+  medium: "500",
+  semibold: "600",
+  bold: "700",
+  extrabold: "800",
+  black: "900"
+}, un = {
+  tighter: "-0.05em",
+  tight: "-0.025em",
+  normal: "0em",
+  wide: "0.025em",
+  wider: "0.05em",
+  widest: "0.1em"
+}, mn = {
+  none: "1",
+  tight: "1.25",
+  snug: "1.375",
+  normal: "1.5",
+  relaxed: "1.625",
+  loose: "2"
+}, fn = {
+  none: "0px",
+  sm: "0.125rem",
+  // 2px
+  DEFAULT: "0.25rem",
+  // 4px
+  md: "0.375rem",
+  // 6px
+  lg: "0.5rem",
+  // 8px
+  xl: "0.75rem",
+  // 12px
+  "2xl": "1rem",
+  // 16px
+  "3xl": "1.5rem",
+  // 24px
+  full: "9999px"
+};
+function d(...e) {
+  return ft(mt(e));
+}
+function Ct(e) {
+  return new Intl.DateTimeFormat("en-US", {
+    month: "long",
+    day: "numeric",
+    year: "numeric"
+  }).format(new Date(e));
+}
+function St(e) {
+  return new Intl.DateTimeFormat("en-US", {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: !0
+  }).format(new Date(e));
+}
+function hn(e) {
+  return `${Ct(e)} at ${St(e)}`;
+}
+function gn() {
+  return Math.random().toString(36).substr(2, 9);
+}
+function pn(e, t) {
+  let r;
+  return (...a) => {
+    clearTimeout(r), r = setTimeout(() => e(...a), t);
+  };
+}
+function bn(e, t) {
+  let r;
+  return (...a) => {
+    r || (e(...a), r = !0, setTimeout(() => r = !1, t));
+  };
+}
+const Dt = L(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), j = m.forwardRef(
+  ({ className: e, variant: t, size: r, asChild: a = !1, ...o }, s) => /* @__PURE__ */ n(
+    a ? De : "button",
+    {
+      className: d(Dt({ variant: t, size: r, className: e })),
+      ref: s,
+      ...o
+    }
+  )
+);
+j.displayName = "Button";
+const Tt = L(
+  "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "text-primary hover:text-primary/80 underline-offset-4 hover:underline",
+        destructive: "text-destructive hover:text-destructive/80 underline-offset-4 hover:underline",
+        ghost: "text-foreground hover:text-accent-foreground hover:bg-accent rounded-md px-3 py-2",
+        secondary: "text-secondary-foreground underline-offset-4 hover:underline",
+        button: "bg-primary text-primary-foreground hover:bg-primary/90 rounded-md",
+        "button-outline": "border border-input bg-background hover:bg-accent hover:text-accent-foreground rounded-md",
+        "button-secondary": "bg-secondary text-secondary-foreground hover:bg-secondary/80 rounded-md"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 px-3",
+        lg: "h-11 px-8",
+        icon: "h-10 w-10",
+        none: "h-auto px-0 py-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "none"
+    }
+  }
+), H = m.forwardRef(
+  ({ className: e, variant: t, size: r, asChild: a = !1, ...o }, s) => /* @__PURE__ */ n(
+    a ? De : "a",
+    {
+      className: d(Tt({ variant: t, size: r, className: e })),
+      ref: s,
+      ...o
+    }
+  )
+);
+H.displayName = "Link";
+const X = m.forwardRef(
+  ({ className: e, type: t, ...r }, a) => /* @__PURE__ */ n(
+    "input",
+    {
+      type: t,
+      className: d(
+        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        e
+      ),
+      ref: a,
+      ...r
+    }
+  )
+);
+X.displayName = "Input";
+const J = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: r,
+    className: d(
+      "rounded-xl border bg-card text-card-foreground shadow",
+      e
+    ),
+    ...t
+  }
+));
+J.displayName = "Card";
+const Ot = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: r,
+    className: d("flex flex-col space-y-1.5 p-6", e),
+    ...t
+  }
+));
+Ot.displayName = "CardHeader";
+const Rt = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: r,
+    className: d("font-semibold leading-none tracking-tight", e),
+    ...t
+  }
+));
+Rt.displayName = "CardTitle";
+const Pt = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: r,
+    className: d("text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+Pt.displayName = "CardDescription";
+const K = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n("div", { ref: r, className: d("p-6 pt-0", e), ...t }));
+K.displayName = "CardContent";
+const Et = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  "div",
+  {
+    ref: r,
+    className: d("flex items-center p-6 pt-0", e),
+    ...t
+  }
+));
+Et.displayName = "CardFooter";
+const Lt = L(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function yn({ className: e, variant: t, ...r }) {
+  return /* @__PURE__ */ n("div", { className: d(Lt({ variant: t }), e), ...r });
+}
+const Ft = m.forwardRef(
+  ({ className: e, orientation: t = "horizontal", variant: r = "solid", ...a }, o) => {
+    const s = {
+      solid: "border-solid",
+      dashed: "border-dashed",
+      dotted: "border-dotted"
+    };
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        ref: o,
+        className: d(
+          "border-border",
+          t === "horizontal" ? `w-full border-t ${s[r]}` : `h-full border-l ${s[r]}`,
+          e
+        ),
+        ...a
+      }
+    );
+  }
+);
+Ft.displayName = "Divider";
+const jt = L(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+), te = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  Te.Root,
+  {
+    ref: r,
+    className: d(jt(), e),
+    ...t
+  }
+));
+te.displayName = Te.Root.displayName;
+const Wt = "data-mode", Vt = "data-theme", he = "dark", zt = {
+  day: {
+    "--background": "#ffffff",
+    "--foreground": "#171717",
+    "--popover": "#ffffff",
+    "--tm-primary": "#00bfa6",
+    "--tm-secondary": "#f4f4f5",
+    "--tm-accent": "#e5e7eb"
+  },
+  night: {
+    "--background": "#0b0b10",
+    "--foreground": "#e5e7eb",
+    "--popover": "#0e1016",
+    "--tm-primary": "#7b5eff",
+    "--tm-secondary": "#12121b",
+    "--tm-accent": "#1a1a26"
+  }
+};
+function It(e) {
+  if (typeof document > "u") return;
+  const t = document.documentElement;
+  t.setAttribute(Wt, e), t.setAttribute(Vt, e), e === "night" ? t.classList.add(he) : t.classList.remove(he);
+  const r = zt[e];
+  Object.entries(r).forEach(([o, s]) => {
+    s ? t.style.setProperty(o, s) : t.style.removeProperty(o);
+  });
+  const a = document.body;
+  if (a) {
+    a.dataset.mode = e;
+    const o = r["--background"], s = r["--foreground"];
+    o ? a.style.backgroundColor = o : a.style.removeProperty("background-color"), s ? a.style.color = s : a.style.removeProperty("color");
+  }
+}
+const Re = "tm_mode", Pe = "tm_mode", Ee = "theme", Le = "data-mode", Fe = "data-theme", At = "dark";
+function je(e) {
+  var o, s;
+  if (((s = (o = globalThis.process) == null ? void 0 : o.env) == null ? void 0 : s.NODE_ENV) === "production" || typeof document > "u") return;
+  const r = document.documentElement, a = {
+    "data-mode": r.getAttribute(Le),
+    "data-theme": r.getAttribute(Fe),
+    darkClass: r.classList.contains(At),
+    "--background": getComputedStyle(r).getPropertyValue("--background"),
+    "--tm-primary": getComputedStyle(r).getPropertyValue("--tm-primary")
+  };
+  console.log("[theme-switch]", e, a);
+}
+function Yt(e) {
+  var a;
+  if (typeof document > "u") return;
+  const r = `; ${document.cookie}`.split(`; ${e}=`);
+  if (r.length === 2)
+    return (a = r.pop()) == null ? void 0 : a.split(";")[0];
+}
+function ge() {
+  var a, o;
+  if (typeof document > "u")
+    return "day";
+  const e = document.documentElement.getAttribute(Le);
+  if (e === "day" || e === "night")
+    return e;
+  const t = document.documentElement.getAttribute(Fe);
+  if (t === "day" || t === "night")
+    return t;
+  try {
+    const s = window.localStorage.getItem(Pe);
+    if (s === "day" || s === "night")
+      return s;
+    const i = window.localStorage.getItem(Ee);
+    if (i === "dark") return "night";
+    if (i === "light") return "day";
+  } catch {
+  }
+  const r = Yt(Re);
+  return r === "day" || r === "night" ? r : typeof window < "u" && ((o = (a = window.matchMedia) == null ? void 0 : a.call(window, "(prefers-color-scheme: dark)")) == null ? void 0 : o.matches) ? "night" : "day";
+}
+function pe(e) {
+  It(e);
+  try {
+    window.localStorage.setItem(Pe, e), window.localStorage.setItem(Ee, e === "night" ? "dark" : "light");
+  } catch {
+  }
+  const t = /* @__PURE__ */ new Date();
+  t.setFullYear(t.getFullYear() + 1), document.cookie = `${Re}=${e};expires=${t.toUTCString()};path=/;SameSite=Lax`, je(`persist:${e}`);
+}
+const xn = ({
+  className: e,
+  size: t = "md",
+  variant: r = "default"
+}) => {
+  const [a, o] = re.useState(() => ge());
+  re.useEffect(() => {
+    const u = ge();
+    o(u), pe(u), je(`initial:${u}`);
+  }, []);
+  const s = () => {
+    o((u) => {
+      const f = u === "night" ? "day" : "night";
+      return pe(f), f;
+    });
+  }, i = {
+    sm: "h-8 w-8",
+    md: "h-10 w-10",
+    lg: "h-12 w-12"
+  }, c = {
+    default: "bg-primary text-primary-foreground hover:bg-primary/90",
+    outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+    ghost: "hover:bg-accent hover:text-accent-foreground"
+  };
+  return /* @__PURE__ */ n(
+    "button",
+    {
+      onClick: s,
+      className: d(
+        "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+        i[t],
+        c[r],
+        e
+      ),
+      "aria-label": `Switch to ${a === "night" ? "day" : "night"} theme`,
+      type: "button",
+      children: a === "night" ? /* @__PURE__ */ n(ht, { className: "h-4 w-4" }) : /* @__PURE__ */ n(gt, { className: "h-4 w-4" })
+    }
+  );
+}, wn = ({
+  className: e,
+  children: t,
+  as: r,
+  level: a = 1
+}) => {
+  const o = r || `h${a}`;
+  return /* @__PURE__ */ n(o, { className: d({
+    1: "text-4xl font-bold tracking-tight",
+    2: "text-3xl font-bold tracking-tight",
+    3: "text-2xl font-bold tracking-tight",
+    4: "text-xl font-semibold tracking-tight",
+    5: "text-lg font-semibold tracking-tight",
+    6: "text-base font-semibold tracking-tight"
+  }[a], e), children: t });
+}, Ht = ({
+  className: e,
+  children: t,
+  size: r = "base",
+  weight: a = "normal",
+  color: o = "default"
+}) => {
+  const s = {
+    xs: "text-xs",
+    sm: "text-sm",
+    base: "text-base",
+    lg: "text-lg",
+    xl: "text-xl"
+  }, i = {
+    normal: "font-normal",
+    medium: "font-medium",
+    semibold: "font-semibold",
+    bold: "font-bold"
+  }, c = {
+    default: "text-foreground",
+    muted: "text-muted-foreground",
+    primary: "text-primary",
+    destructive: "text-destructive"
+  };
+  return /* @__PURE__ */ n("span", { className: d(
+    s[r],
+    i[a],
+    c[o],
+    e
+  ), children: t });
+}, vn = ({ className: e, children: t, ...r }) => /* @__PURE__ */ n("p", { className: d("leading-7 [&:not(:first-child)]:mt-6", e), children: /* @__PURE__ */ n(Ht, { ...r, children: t }) }), Nn = ({ className: e, children: t }) => /* @__PURE__ */ n("code", { className: d(
+  "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
+  e
+), children: t }), kn = ({ className: e, children: t }) => /* @__PURE__ */ n("blockquote", { className: d("mt-6 border-l-2 pl-6 italic", e), children: t }), $t = L("flex", {
+  variants: {
+    direction: {
+      row: "flex-row",
+      "row-reverse": "flex-row-reverse",
+      column: "flex-col",
+      "column-reverse": "flex-col-reverse"
+    },
+    wrap: {
+      nowrap: "flex-nowrap",
+      wrap: "flex-wrap",
+      "wrap-reverse": "flex-wrap-reverse"
+    },
+    justify: {
+      start: "justify-start",
+      end: "justify-end",
+      center: "justify-center",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
+    },
+    align: {
+      start: "items-start",
+      end: "items-end",
+      center: "items-center",
+      baseline: "items-baseline",
+      stretch: "items-stretch"
+    },
+    gap: {
+      0: "gap-0",
+      1: "gap-1",
+      2: "gap-2",
+      3: "gap-3",
+      4: "gap-4",
+      5: "gap-5",
+      6: "gap-6",
+      8: "gap-8",
+      10: "gap-10",
+      12: "gap-12",
+      16: "gap-16",
+      20: "gap-20",
+      24: "gap-24"
+    }
+  },
+  defaultVariants: {
+    direction: "row",
+    wrap: "nowrap",
+    justify: "start",
+    align: "start",
+    gap: 0
+  }
+}), _t = m.forwardRef(
+  ({ className: e, direction: t, wrap: r, justify: a, align: o, gap: s, ...i }, c) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: c,
+      className: d($t({ direction: t, wrap: r, justify: a, align: o, gap: s, className: e })),
+      ...i
+    }
+  )
+);
+_t.displayName = "Flex";
+const Bt = L("grid", {
+  variants: {
+    cols: {
+      1: "grid-cols-1",
+      2: "grid-cols-2",
+      3: "grid-cols-3",
+      4: "grid-cols-4",
+      5: "grid-cols-5",
+      6: "grid-cols-6",
+      12: "grid-cols-12",
+      none: "grid-cols-none"
+    },
+    rows: {
+      1: "grid-rows-1",
+      2: "grid-rows-2",
+      3: "grid-rows-3",
+      4: "grid-rows-4",
+      5: "grid-rows-5",
+      6: "grid-rows-6",
+      none: "grid-rows-none"
+    },
+    gap: {
+      0: "gap-0",
+      1: "gap-1",
+      2: "gap-2",
+      3: "gap-3",
+      4: "gap-4",
+      5: "gap-5",
+      6: "gap-6",
+      8: "gap-8",
+      10: "gap-10",
+      12: "gap-12",
+      16: "gap-16",
+      20: "gap-20",
+      24: "gap-24"
+    },
+    flow: {
+      row: "grid-flow-row",
+      col: "grid-flow-col",
+      dense: "grid-flow-dense",
+      "row-dense": "grid-flow-row-dense",
+      "col-dense": "grid-flow-col-dense"
+    }
+  },
+  defaultVariants: {
+    cols: 1,
+    rows: "none",
+    gap: 0,
+    flow: "row"
+  }
+}), qt = m.forwardRef(
+  ({ className: e, cols: t, rows: r, gap: a, flow: o, ...s }, i) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: i,
+      className: d(Bt({ cols: t, rows: r, gap: a, flow: o, className: e })),
+      ...s
+    }
+  )
+);
+qt.displayName = "Grid";
+const Gt = L("flex flex-col", {
+  variants: {
+    spacing: {
+      0: "space-y-0",
+      1: "space-y-1",
+      2: "space-y-2",
+      3: "space-y-3",
+      4: "space-y-4",
+      5: "space-y-5",
+      6: "space-y-6",
+      8: "space-y-8",
+      10: "space-y-10",
+      12: "space-y-12",
+      16: "space-y-16",
+      20: "space-y-20",
+      24: "space-y-24"
+    },
+    align: {
+      start: "items-start",
+      end: "items-end",
+      center: "items-center",
+      stretch: "items-stretch"
+    },
+    justify: {
+      start: "justify-start",
+      end: "justify-end",
+      center: "justify-center",
+      between: "justify-between",
+      around: "justify-around"
+    }
+  },
+  defaultVariants: {
+    spacing: 4,
+    align: "stretch",
+    justify: "start"
+  }
+}), Ut = m.forwardRef(
+  ({ className: e, spacing: t, align: r, justify: a, ...o }, s) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: s,
+      className: d(Gt({ spacing: t, align: r, justify: a, className: e })),
+      ...o
+    }
+  )
+);
+Ut.displayName = "Stack";
+const Qt = L("mx-auto px-4", {
+  variants: {
+    size: {
+      sm: "max-w-sm",
+      md: "max-w-md",
+      lg: "max-w-lg",
+      xl: "max-w-xl",
+      "2xl": "max-w-2xl",
+      "3xl": "max-w-3xl",
+      "4xl": "max-w-4xl",
+      "5xl": "max-w-5xl",
+      "6xl": "max-w-6xl",
+      "7xl": "max-w-7xl",
+      full: "max-w-full"
+    },
+    padding: {
+      none: "px-0",
+      sm: "px-2",
+      md: "px-4",
+      lg: "px-6",
+      xl: "px-8"
+    }
+  },
+  defaultVariants: {
+    size: "7xl",
+    padding: "md"
+  }
+}), Xt = m.forwardRef(
+  ({ className: e, size: t, padding: r, ...a }, o) => /* @__PURE__ */ n(
+    "div",
+    {
+      ref: o,
+      className: d(Qt({ size: t, padding: r, className: e })),
+      ...a
+    }
+  )
+);
+Xt.displayName = "Container";
+const Mn = ({
+  className: e,
+  children: t,
+  padding: r = "md",
+  background: a = "default",
+  as: o = "section"
+}) => {
+  const s = {
+    none: "",
+    sm: "py-4",
+    md: "py-8",
+    lg: "py-12",
+    xl: "py-16"
+  }, i = {
+    default: "",
+    muted: "bg-muted",
+    card: "bg-card"
+  };
+  return /* @__PURE__ */ n(o, { className: d(
+    "w-full",
+    s[r],
+    i[a],
+    e
+  ), children: t });
+}, Cn = ({
+  dayLabel: e = "Day Mode",
+  nightLabel: t = "Night Mode",
+  dayDescription: r = "Bright theme for daytime browsing",
+  nightDescription: a = "Dark theme for nighttime browsing",
+  className: o
+}) => /* @__PURE__ */ n("div", { className: d(
+  "bg-gradient-to-r from-blue-500 to-purple-600 text-white p-8 rounded-lg",
+  o
+), children: /* @__PURE__ */ l("div", { className: "max-w-4xl mx-auto text-center", children: [
+  /* @__PURE__ */ n("h1", { className: "text-4xl font-bold mb-4", children: "Tenerife Music Platform" }),
+  /* @__PURE__ */ n("p", { className: "text-xl mb-8", children: "Discover amazing music events in Tenerife" }),
+  /* @__PURE__ */ l("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+    /* @__PURE__ */ n(J, { className: "bg-white/10 backdrop-blur-sm border-white/20", children: /* @__PURE__ */ l(K, { className: "p-6", children: [
+      /* @__PURE__ */ n("h3", { className: "text-2xl font-semibold mb-2", children: e }),
+      /* @__PURE__ */ n("p", { className: "text-white/80", children: r })
+    ] }) }),
+    /* @__PURE__ */ n(J, { className: "bg-white/10 backdrop-blur-sm border-white/20", children: /* @__PURE__ */ l(K, { className: "p-6", children: [
+      /* @__PURE__ */ n("h3", { className: "text-2xl font-semibold mb-2", children: t }),
+      /* @__PURE__ */ n("p", { className: "text-white/80", children: a })
+    ] }) })
+  ] })
+] }) }), Sn = ({
+  className: e,
+  left: t,
+  right: r,
+  children: a
+}) => /* @__PURE__ */ l("nav", { className: d(
+  "flex items-center justify-between w-full px-4 py-3",
+  e
+), children: [
+  t && /* @__PURE__ */ n("div", { className: "flex items-center", children: t }),
+  a && /* @__PURE__ */ n("div", { className: "flex items-center", children: a }),
+  r && /* @__PURE__ */ n("div", { className: "flex items-center", children: r })
+] }), Dn = ({
+  className: e,
+  left: t,
+  right: r,
+  children: a
+}) => /* @__PURE__ */ n("footer", { className: d(
+  "w-full border-t bg-background px-4 py-6",
+  e
+), children: /* @__PURE__ */ l("div", { className: "flex items-center justify-between w-full", children: [
+  t && /* @__PURE__ */ n("div", { className: "flex items-center", children: t }),
+  a && /* @__PURE__ */ n("div", { className: "flex items-center", children: a }),
+  r && /* @__PURE__ */ n("div", { className: "flex items-center", children: r })
+] }) }), Jt = M.Root, Tn = M.Trigger, Kt = M.Portal, On = M.Close, We = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  M.Overlay,
+  {
+    ref: r,
+    className: d(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...t
+  }
+));
+We.displayName = M.Overlay.displayName;
+const Ve = m.forwardRef(({ className: e, children: t, ...r }, a) => /* @__PURE__ */ l(Kt, { children: [
+  /* @__PURE__ */ n(We, {}),
+  /* @__PURE__ */ l(
+    M.Content,
+    {
+      ref: a,
+      className: d(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        e
+      ),
+      ...r,
+      children: [
+        t,
+        /* @__PURE__ */ l(M.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ n(de, { className: "h-4 w-4" }),
+          /* @__PURE__ */ n("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+Ve.displayName = M.Content.displayName;
+const ze = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: d(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      e
+    ),
+    ...t
+  }
+);
+ze.displayName = "ModalHeader";
+const Ie = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: d(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      e
+    ),
+    ...t
+  }
+);
+Ie.displayName = "ModalFooter";
+const Ae = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  M.Title,
+  {
+    ref: r,
+    className: d(
+      "text-lg font-semibold leading-none tracking-tight",
+      e
+    ),
+    ...t
+  }
+));
+Ae.displayName = M.Title.displayName;
+const Ye = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  M.Description,
+  {
+    ref: r,
+    className: d("text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+Ye.displayName = M.Description.displayName;
+function Zt({
+  isOpen: e,
+  onClose: t,
+  onConfirm: r,
+  title: a = "Confirm Action",
+  description: o = "Are you sure you want to proceed? This action cannot be undone.",
+  confirmText: s = "Confirm",
+  cancelText: i = "Cancel",
+  variant: c = "default",
+  isLoading: u = !1
+}) {
+  return /* @__PURE__ */ n(Jt, { open: e, onOpenChange: t, children: /* @__PURE__ */ l(Ve, { children: [
+    /* @__PURE__ */ l(ze, { children: [
+      /* @__PURE__ */ n(Ae, { children: a }),
+      /* @__PURE__ */ n(Ye, { children: o })
+    ] }),
+    /* @__PURE__ */ l(Ie, { children: [
+      /* @__PURE__ */ n(j, { variant: "outline", onClick: t, disabled: u, children: i }),
+      /* @__PURE__ */ n(
+        j,
+        {
+          variant: c,
+          onClick: () => {
+            r(), t();
+          },
+          disabled: u,
+          children: u ? "Loading..." : s
+        }
+      )
+    ] })
+  ] }) });
+}
+function Rn() {
+  const [e, t] = m.useState({
+    isOpen: !1
+  }), r = m.useCallback(
+    (s) => {
+      t({
+        isOpen: !0,
+        ...s
+      });
+    },
+    []
+  ), a = m.useCallback(() => {
+    t({
+      isOpen: !1
+    });
+  }, []), o = m.useMemo(
+    () => /* @__PURE__ */ n(
+      Zt,
+      {
+        isOpen: e.isOpen,
+        onClose: a,
+        onConfirm: e.onConfirm || (() => {
+        }),
+        title: e.title,
+        description: e.description,
+        variant: e.variant
+      }
+    ),
+    [e, a]
+  );
+  return {
+    showConfirm: r,
+    hideConfirm: a,
+    ConfirmDialog: o
+  };
+}
+function Pn(e = !1) {
+  const [t, r] = Y({
+    isOpen: e,
+    data: void 0
+  }), a = F((i) => {
+    r({
+      isOpen: !0,
+      data: i
+    });
+  }, []), o = F(() => {
+    r((i) => ({
+      ...i,
+      isOpen: !1
+    }));
+  }, []), s = F(() => {
+    r((i) => ({
+      ...i,
+      isOpen: !i.isOpen
+    }));
+  }, []);
+  return {
+    isOpen: t.isOpen,
+    data: t.data,
+    open: a,
+    close: o,
+    toggle: s
+  };
+}
+function er() {
+  const [e, t] = Y({}), r = F((c, u) => {
+    t((f) => ({
+      ...f,
+      [c]: {
+        isOpen: !0,
+        data: u
+      }
+    }));
+  }, []), a = F((c) => {
+    t((u) => ({
+      ...u,
+      [c]: {
+        isOpen: !1,
+        data: void 0
+      }
+    }));
+  }, []), o = F((c) => {
+    t((u) => {
+      var f, h;
+      return {
+        ...u,
+        [c]: {
+          isOpen: !((f = u[c]) != null && f.isOpen),
+          data: (h = u[c]) == null ? void 0 : h.data
+        }
+      };
+    });
+  }, []), s = F((c) => {
+    var u;
+    return ((u = e[c]) == null ? void 0 : u.isOpen) || !1;
+  }, [e]), i = F((c) => {
+    var u;
+    return (u = e[c]) == null ? void 0 : u.data;
+  }, [e]);
+  return {
+    openModal: r,
+    closeModal: a,
+    toggleModal: o,
+    isModalOpen: s,
+    getModalData: i
+  };
+}
+const He = Me(void 0);
+function En({ children: e }) {
+  const t = er();
+  return /* @__PURE__ */ n(He.Provider, { value: t, children: e });
+}
+function tr() {
+  const e = Ce(He);
+  if (e === void 0)
+    throw new Error("useModalContext must be used within a ModalProvider");
+  return e;
+}
+function Ln(e, t) {
+  return function(a) {
+    const { openModal: o, closeModal: s, toggleModal: i, isModalOpen: c, getModalData: u } = tr(), f = {
+      [`${t}Open`]: () => o(t),
+      [`${t}Close`]: () => s(t),
+      [`${t}Toggle`]: () => i(t),
+      [`is${t}Open`]: c(t),
+      [`${t}Data`]: u(t)
+    };
+    return /* @__PURE__ */ n(e, { ...a, ...f });
+  };
+}
+function rr(e, t) {
+  if (e == null) return {};
+  var r = {}, a = Object.keys(e), o, s;
+  for (s = 0; s < a.length; s++)
+    o = a[s], !(t.indexOf(o) >= 0) && (r[o] = e[o]);
+  return r;
+}
+var ar = ["color"], nr = /* @__PURE__ */ lt(function(e, t) {
+  var r = e.color, a = r === void 0 ? "currentColor" : r, o = rr(e, ar);
+  return me("svg", Object.assign({
+    width: "15",
+    height: "15",
+    viewBox: "0 0 15 15",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, o, {
+    ref: t
+  }), me("path", {
+    d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",
+    fill: a,
+    fillRule: "evenodd",
+    clipRule: "evenodd"
+  }));
+});
+const or = M.Root, sr = M.Portal, $e = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  M.Overlay,
+  {
+    ref: r,
+    className: d(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...t
+  }
+));
+$e.displayName = M.Overlay.displayName;
+const _e = m.forwardRef(({ className: e, children: t, ...r }, a) => /* @__PURE__ */ l(sr, { children: [
+  /* @__PURE__ */ n($e, {}),
+  /* @__PURE__ */ l(
+    M.Content,
+    {
+      ref: a,
+      className: d(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        e
+      ),
+      ...r,
+      children: [
+        t,
+        /* @__PURE__ */ l(M.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ n(nr, { className: "h-4 w-4" }),
+          /* @__PURE__ */ n("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+_e.displayName = M.Content.displayName;
+const Be = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ n(
+  "div",
+  {
+    className: d(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      e
+    ),
+    ...t
+  }
+);
+Be.displayName = "DialogHeader";
+const qe = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  M.Title,
+  {
+    ref: r,
+    className: d(
+      "text-lg font-semibold leading-none tracking-tight",
+      e
+    ),
+    ...t
+  }
+));
+qe.displayName = M.Title.displayName;
+const Ge = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  M.Description,
+  {
+    ref: r,
+    className: d("text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+Ge.displayName = M.Description.displayName;
+const Fn = ({
+  isOpen: e,
+  onClose: t,
+  title: r,
+  description: a,
+  children: o,
+  className: s
+}) => /* @__PURE__ */ n(or, { open: e, onOpenChange: (i) => !i && t(), children: /* @__PURE__ */ l(_e, { className: d("max-w-md", s), children: [
+  (r || a) && /* @__PURE__ */ l(Be, { children: [
+    r && /* @__PURE__ */ n(qe, { children: r }),
+    a && /* @__PURE__ */ n(Ge, { children: a })
+  ] }),
+  o
+] }) }), jn = ({
+  isOpen: e,
+  onClose: t,
+  title: r,
+  children: a,
+  className: o
+}) => e ? /* @__PURE__ */ l("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+  /* @__PURE__ */ n(
+    "div",
+    {
+      className: "fixed inset-0 bg-black/50",
+      onClick: t
+    }
+  ),
+  /* @__PURE__ */ l("div", { className: d(
+    "relative bg-card border rounded-lg shadow-lg max-w-md w-full mx-4",
+    o
+  ), children: [
+    r && /* @__PURE__ */ n("div", { className: "p-6 border-b", children: /* @__PURE__ */ n("h2", { className: "text-lg font-semibold", children: r }) }),
+    /* @__PURE__ */ n("div", { className: "p-6", children: a })
+  ] })
+] }) : null, Wn = k.Root, Vn = k.Trigger, zn = k.Group, In = k.Portal, An = k.Sub, Yn = k.RadioGroup, ir = m.forwardRef(({ className: e, inset: t, children: r, ...a }, o) => /* @__PURE__ */ l(
+  k.SubTrigger,
+  {
+    ref: o,
+    className: d(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      t && "pl-8",
+      e
+    ),
+    ...a,
+    children: [
+      r,
+      /* @__PURE__ */ n(le, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+ir.displayName = k.SubTrigger.displayName;
+const dr = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  k.SubContent,
+  {
+    ref: r,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...t
+  }
+));
+dr.displayName = k.SubContent.displayName;
+const lr = m.forwardRef(({ className: e, sideOffset: t = 4, ...r }, a) => /* @__PURE__ */ n(k.Portal, { children: /* @__PURE__ */ n(
+  k.Content,
+  {
+    ref: a,
+    sideOffset: t,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...r
+  }
+) }));
+lr.displayName = k.Content.displayName;
+const cr = m.forwardRef(({ className: e, inset: t, ...r }, a) => /* @__PURE__ */ n(
+  k.Item,
+  {
+    ref: a,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      t && "pl-8",
+      e
+    ),
+    ...r
+  }
+));
+cr.displayName = k.Item.displayName;
+const ur = m.forwardRef(({ className: e, children: t, checked: r, ...a }, o) => /* @__PURE__ */ l(
+  k.CheckboxItem,
+  {
+    ref: o,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    checked: r,
+    ...a,
+    children: [
+      /* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(k.ItemIndicator, { children: /* @__PURE__ */ n(Oe, { className: "h-4 w-4" }) }) }),
+      t
+    ]
+  }
+));
+ur.displayName = k.CheckboxItem.displayName;
+const mr = m.forwardRef(({ className: e, children: t, ...r }, a) => /* @__PURE__ */ l(
+  k.RadioItem,
+  {
+    ref: a,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...r,
+    children: [
+      /* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(k.ItemIndicator, { children: /* @__PURE__ */ n(pt, { className: "h-2 w-2 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+mr.displayName = k.RadioItem.displayName;
+const fr = m.forwardRef(({ className: e, inset: t, ...r }, a) => /* @__PURE__ */ n(
+  k.Label,
+  {
+    ref: a,
+    className: d(
+      "px-2 py-1.5 text-sm font-semibold",
+      t && "pl-8",
+      e
+    ),
+    ...r
+  }
+));
+fr.displayName = k.Label.displayName;
+const hr = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  k.Separator,
+  {
+    ref: r,
+    className: d("-mx-1 my-1 h-px bg-muted", e),
+    ...t
+  }
+));
+hr.displayName = k.Separator.displayName;
+const gr = ({
+  className: e,
+  ...t
+}) => /* @__PURE__ */ n(
+  "span",
+  {
+    className: d("ml-auto text-xs tracking-widest opacity-60", e),
+    ...t
+  }
+);
+gr.displayName = "DropdownMenuShortcut";
+const pr = m.forwardRef(({ className: e, children: t, ...r }, a) => /* @__PURE__ */ l(
+  P.Root,
+  {
+    ref: a,
+    className: d(
+      "relative z-10 flex max-w-max flex-1 items-center justify-center",
+      e
+    ),
+    ...r,
+    children: [
+      t,
+      /* @__PURE__ */ n(Ue, {})
+    ]
+  }
+));
+pr.displayName = P.Root.displayName;
+const br = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  P.List,
+  {
+    ref: r,
+    className: d(
+      "group flex flex-1 list-none items-center justify-center space-x-1",
+      e
+    ),
+    ...t
+  }
+));
+br.displayName = P.List.displayName;
+const Hn = P.Item, yr = L(
+  "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
+), xr = m.forwardRef(({ className: e, children: t, ...r }, a) => /* @__PURE__ */ l(
+  P.Trigger,
+  {
+    ref: a,
+    className: d(yr(), "group", e),
+    ...r,
+    children: [
+      t,
+      " ",
+      /* @__PURE__ */ n(
+        ce,
+        {
+          className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ]
+  }
+));
+xr.displayName = P.Trigger.displayName;
+const wr = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  P.Content,
+  {
+    ref: r,
+    className: d(
+      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",
+      e
+    ),
+    ...t
+  }
+));
+wr.displayName = P.Content.displayName;
+const $n = P.Link, Ue = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n("div", { className: d("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ n(
+  P.Viewport,
+  {
+    className: d(
+      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 md:w-[var(--radix-navigation-menu-viewport-width)]",
+      e
+    ),
+    ref: r,
+    ...t
+  }
+) }));
+Ue.displayName = P.Viewport.displayName;
+const vr = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  P.Indicator,
+  {
+    ref: r,
+    className: d(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ n("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+  }
+));
+vr.displayName = P.Indicator.displayName;
+const _n = _.Root, Nr = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  _.List,
+  {
+    ref: r,
+    className: d(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      e
+    ),
+    ...t
+  }
+));
+Nr.displayName = _.List.displayName;
+const kr = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  _.Trigger,
+  {
+    ref: r,
+    className: d(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
+      e
+    ),
+    ...t
+  }
+));
+kr.displayName = _.Trigger.displayName;
+const Mr = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  _.Content,
+  {
+    ref: r,
+    className: d(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      e
+    ),
+    ...t
+  }
+));
+Mr.displayName = _.Content.displayName;
+function ue({
+  value: e,
+  onChange: t,
+  onClear: r,
+  placeholder: a = "Search...",
+  showClearButton: o = !0,
+  debounceMs: s = 300,
+  className: i,
+  id: c,
+  name: u,
+  ...f
+}) {
+  const h = c || m.useId(), g = u || `search-input-${h}`, [p, C] = m.useState(e), y = m.useRef(null);
+  m.useEffect(() => {
+    C(e);
+  }, [e]);
+  const N = (E) => {
+    const b = E.target.value;
+    C(b), y.current && clearTimeout(y.current), y.current = setTimeout(() => {
+      t(b);
+    }, s);
+  }, R = () => {
+    C(""), t(""), r == null || r();
+  };
+  return m.useEffect(() => () => {
+    y.current && clearTimeout(y.current);
+  }, []), /* @__PURE__ */ l("div", { className: d("relative", i), children: [
+    /* @__PURE__ */ n(bt, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+    /* @__PURE__ */ n(
+      X,
+      {
+        ...f,
+        id: h,
+        name: g,
+        value: p,
+        onChange: N,
+        placeholder: a,
+        className: "pl-10 pr-10"
+      }
+    ),
+    o && p && /* @__PURE__ */ n(
+      j,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: "absolute right-1 top-1/2 h-6 w-6 -translate-y-1/2",
+        onClick: R,
+        children: /* @__PURE__ */ n(de, { className: "h-3 w-3" })
+      }
+    )
+  ] });
+}
+function Bn(e = "") {
+  const [t, r] = m.useState(e), [a, o] = m.useState(e);
+  m.useEffect(() => {
+    const i = setTimeout(() => {
+      o(t);
+    }, 300);
+    return () => clearTimeout(i);
+  }, [t]);
+  const s = m.useCallback(() => {
+    r(""), o("");
+  }, []);
+  return {
+    search: t,
+    debouncedSearch: a,
+    setSearch: r,
+    clearSearch: s
+  };
+}
+const Cr = S.Root, qn = S.Group, Sr = S.Value, Qe = m.forwardRef(({ className: e, children: t, ...r }, a) => /* @__PURE__ */ l(
+  S.Trigger,
+  {
+    ref: a,
+    className: d(
+      "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      e
+    ),
+    ...r,
+    children: [
+      t,
+      /* @__PURE__ */ n(S.Icon, { asChild: !0, children: /* @__PURE__ */ n(ce, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+Qe.displayName = S.Trigger.displayName;
+const Xe = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  S.ScrollUpButton,
+  {
+    ref: r,
+    className: d(
+      "flex cursor-default items-center justify-center py-1",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ n(yt, { className: "h-4 w-4" })
+  }
+));
+Xe.displayName = S.ScrollUpButton.displayName;
+const Je = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  S.ScrollDownButton,
+  {
+    ref: r,
+    className: d(
+      "flex cursor-default items-center justify-center py-1",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ n(ce, { className: "h-4 w-4" })
+  }
+));
+Je.displayName = S.ScrollDownButton.displayName;
+const Ke = m.forwardRef(({ className: e, children: t, position: r = "popper", ...a }, o) => /* @__PURE__ */ n(S.Portal, { children: /* @__PURE__ */ l(
+  S.Content,
+  {
+    ref: o,
+    className: d(
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      e
+    ),
+    position: r,
+    ...a,
+    children: [
+      /* @__PURE__ */ n(Xe, {}),
+      /* @__PURE__ */ n(
+        S.Viewport,
+        {
+          className: d(
+            "p-1",
+            r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: t
+        }
+      ),
+      /* @__PURE__ */ n(Je, {})
+    ]
+  }
+) }));
+Ke.displayName = S.Content.displayName;
+const Dr = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  S.Label,
+  {
+    ref: r,
+    className: d("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
+    ...t
+  }
+));
+Dr.displayName = S.Label.displayName;
+const Ze = m.forwardRef(({ className: e, children: t, ...r }, a) => /* @__PURE__ */ l(
+  S.Item,
+  {
+    ref: a,
+    className: d(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...r,
+    children: [
+      /* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(S.ItemIndicator, { children: /* @__PURE__ */ n(Oe, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ n(S.ItemText, { children: t })
+    ]
+  }
+));
+Ze.displayName = S.Item.displayName;
+const Tr = m.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ n(
+  S.Separator,
+  {
+    ref: r,
+    className: d("-mx-1 my-1 h-px bg-muted", e),
+    ...t
+  }
+));
+Tr.displayName = S.Separator.displayName;
+function ae({
+  value: e,
+  onValueChange: t,
+  options: r,
+  placeholder: a = "Select option...",
+  label: o,
+  className: s
+}) {
+  const i = r.filter((c) => c.value !== "" && c.value != null);
+  return /* @__PURE__ */ l("div", { className: d("space-y-2", s), children: [
+    o && /* @__PURE__ */ n("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: o }),
+    /* @__PURE__ */ l(Cr, { value: e || void 0, onValueChange: t, children: [
+      /* @__PURE__ */ n(Qe, { children: /* @__PURE__ */ n(Sr, { placeholder: a }) }),
+      /* @__PURE__ */ n(Ke, { children: i.map((c) => !c.value || c.value === "" ? null : /* @__PURE__ */ n(Ze, { value: c.value, children: /* @__PURE__ */ l("div", { className: "flex items-center justify-between w-full", children: [
+        /* @__PURE__ */ n("span", { children: c.label }),
+        c.count !== void 0 && /* @__PURE__ */ l("span", { className: "text-xs text-muted-foreground ml-2", children: [
+          "(",
+          c.count,
+          ")"
+        ] })
+      ] }) }, c.value)) })
+    ] })
+  ] });
+}
+function W(e) {
+  const t = Object.prototype.toString.call(e);
+  return e instanceof Date || typeof e == "object" && t === "[object Date]" ? new e.constructor(+e) : typeof e == "number" || t === "[object Number]" || typeof e == "string" || t === "[object String]" ? new Date(e) : /* @__PURE__ */ new Date(NaN);
+}
+function $(e, t) {
+  return e instanceof Date ? new e.constructor(t) : new Date(t);
+}
+const et = 6048e5, Or = 864e5;
+let Rr = {};
+function oe() {
+  return Rr;
+}
+function Z(e, t) {
+  var c, u, f, h;
+  const r = oe(), a = (t == null ? void 0 : t.weekStartsOn) ?? ((u = (c = t == null ? void 0 : t.locale) == null ? void 0 : c.options) == null ? void 0 : u.weekStartsOn) ?? r.weekStartsOn ?? ((h = (f = r.locale) == null ? void 0 : f.options) == null ? void 0 : h.weekStartsOn) ?? 0, o = W(e), s = o.getDay(), i = (s < a ? 7 : 0) + s - a;
+  return o.setDate(o.getDate() - i), o.setHours(0, 0, 0, 0), o;
+}
+function ne(e) {
+  return Z(e, { weekStartsOn: 1 });
+}
+function tt(e) {
+  const t = W(e), r = t.getFullYear(), a = $(e, 0);
+  a.setFullYear(r + 1, 0, 4), a.setHours(0, 0, 0, 0);
+  const o = ne(a), s = $(e, 0);
+  s.setFullYear(r, 0, 4), s.setHours(0, 0, 0, 0);
+  const i = ne(s);
+  return t.getTime() >= o.getTime() ? r + 1 : t.getTime() >= i.getTime() ? r : r - 1;
+}
+function be(e) {
+  const t = W(e);
+  return t.setHours(0, 0, 0, 0), t;
+}
+function ye(e) {
+  const t = W(e), r = new Date(
+    Date.UTC(
+      t.getFullYear(),
+      t.getMonth(),
+      t.getDate(),
+      t.getHours(),
+      t.getMinutes(),
+      t.getSeconds(),
+      t.getMilliseconds()
+    )
+  );
+  return r.setUTCFullYear(t.getFullYear()), +e - +r;
+}
+function Pr(e, t) {
+  const r = be(e), a = be(t), o = +r - ye(r), s = +a - ye(a);
+  return Math.round((o - s) / Or);
+}
+function Er(e) {
+  const t = tt(e), r = $(e, 0);
+  return r.setFullYear(t, 0, 4), r.setHours(0, 0, 0, 0), ne(r);
+}
+function Lr(e) {
+  return e instanceof Date || typeof e == "object" && Object.prototype.toString.call(e) === "[object Date]";
+}
+function Fr(e) {
+  if (!Lr(e) && typeof e != "number")
+    return !1;
+  const t = W(e);
+  return !isNaN(Number(t));
+}
+function jr(e) {
+  const t = W(e), r = $(e, 0);
+  return r.setFullYear(t.getFullYear(), 0, 1), r.setHours(0, 0, 0, 0), r;
+}
+const Wr = {
+  lessThanXSeconds: {
+    one: "less than a second",
+    other: "less than {{count}} seconds"
+  },
+  xSeconds: {
+    one: "1 second",
+    other: "{{count}} seconds"
+  },
+  halfAMinute: "half a minute",
+  lessThanXMinutes: {
+    one: "less than a minute",
+    other: "less than {{count}} minutes"
+  },
+  xMinutes: {
+    one: "1 minute",
+    other: "{{count}} minutes"
+  },
+  aboutXHours: {
+    one: "about 1 hour",
+    other: "about {{count}} hours"
+  },
+  xHours: {
+    one: "1 hour",
+    other: "{{count}} hours"
+  },
+  xDays: {
+    one: "1 day",
+    other: "{{count}} days"
+  },
+  aboutXWeeks: {
+    one: "about 1 week",
+    other: "about {{count}} weeks"
+  },
+  xWeeks: {
+    one: "1 week",
+    other: "{{count}} weeks"
+  },
+  aboutXMonths: {
+    one: "about 1 month",
+    other: "about {{count}} months"
+  },
+  xMonths: {
+    one: "1 month",
+    other: "{{count}} months"
+  },
+  aboutXYears: {
+    one: "about 1 year",
+    other: "about {{count}} years"
+  },
+  xYears: {
+    one: "1 year",
+    other: "{{count}} years"
+  },
+  overXYears: {
+    one: "over 1 year",
+    other: "over {{count}} years"
+  },
+  almostXYears: {
+    one: "almost 1 year",
+    other: "almost {{count}} years"
+  }
+}, Vr = (e, t, r) => {
+  let a;
+  const o = Wr[e];
+  return typeof o == "string" ? a = o : t === 1 ? a = o.one : a = o.other.replace("{{count}}", t.toString()), r != null && r.addSuffix ? r.comparison && r.comparison > 0 ? "in " + a : a + " ago" : a;
+};
+function se(e) {
+  return (t = {}) => {
+    const r = t.width ? String(t.width) : e.defaultWidth;
+    return e.formats[r] || e.formats[e.defaultWidth];
+  };
+}
+const zr = {
+  full: "EEEE, MMMM do, y",
+  long: "MMMM do, y",
+  medium: "MMM d, y",
+  short: "MM/dd/yyyy"
+}, Ir = {
+  full: "h:mm:ss a zzzz",
+  long: "h:mm:ss a z",
+  medium: "h:mm:ss a",
+  short: "h:mm a"
+}, Ar = {
+  full: "{{date}} 'at' {{time}}",
+  long: "{{date}} 'at' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+}, Yr = {
+  date: se({
+    formats: zr,
+    defaultWidth: "full"
+  }),
+  time: se({
+    formats: Ir,
+    defaultWidth: "full"
+  }),
+  dateTime: se({
+    formats: Ar,
+    defaultWidth: "full"
+  })
+}, Hr = {
+  lastWeek: "'last' eeee 'at' p",
+  yesterday: "'yesterday at' p",
+  today: "'today at' p",
+  tomorrow: "'tomorrow at' p",
+  nextWeek: "eeee 'at' p",
+  other: "P"
+}, $r = (e, t, r, a) => Hr[e];
+function G(e) {
+  return (t, r) => {
+    const a = r != null && r.context ? String(r.context) : "standalone";
+    let o;
+    if (a === "formatting" && e.formattingValues) {
+      const i = e.defaultFormattingWidth || e.defaultWidth, c = r != null && r.width ? String(r.width) : i;
+      o = e.formattingValues[c] || e.formattingValues[i];
+    } else {
+      const i = e.defaultWidth, c = r != null && r.width ? String(r.width) : e.defaultWidth;
+      o = e.values[c] || e.values[i];
+    }
+    const s = e.argumentCallback ? e.argumentCallback(t) : t;
+    return o[s];
+  };
+}
+const _r = {
+  narrow: ["B", "A"],
+  abbreviated: ["BC", "AD"],
+  wide: ["Before Christ", "Anno Domini"]
+}, Br = {
+  narrow: ["1", "2", "3", "4"],
+  abbreviated: ["Q1", "Q2", "Q3", "Q4"],
+  wide: ["1st quarter", "2nd quarter", "3rd quarter", "4th quarter"]
+}, qr = {
+  narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
+  abbreviated: [
+    "Jan",
+    "Feb",
+    "Mar",
+    "Apr",
+    "May",
+    "Jun",
+    "Jul",
+    "Aug",
+    "Sep",
+    "Oct",
+    "Nov",
+    "Dec"
+  ],
+  wide: [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ]
+}, Gr = {
+  narrow: ["S", "M", "T", "W", "T", "F", "S"],
+  short: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"],
+  abbreviated: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  wide: [
+    "Sunday",
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday"
+  ]
+}, Ur = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "morning",
+    afternoon: "afternoon",
+    evening: "evening",
+    night: "night"
+  }
+}, Qr = {
+  narrow: {
+    am: "a",
+    pm: "p",
+    midnight: "mi",
+    noon: "n",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  },
+  wide: {
+    am: "a.m.",
+    pm: "p.m.",
+    midnight: "midnight",
+    noon: "noon",
+    morning: "in the morning",
+    afternoon: "in the afternoon",
+    evening: "in the evening",
+    night: "at night"
+  }
+}, Xr = (e, t) => {
+  const r = Number(e), a = r % 100;
+  if (a > 20 || a < 10)
+    switch (a % 10) {
+      case 1:
+        return r + "st";
+      case 2:
+        return r + "nd";
+      case 3:
+        return r + "rd";
+    }
+  return r + "th";
+}, Jr = {
+  ordinalNumber: Xr,
+  era: G({
+    values: _r,
+    defaultWidth: "wide"
+  }),
+  quarter: G({
+    values: Br,
+    defaultWidth: "wide",
+    argumentCallback: (e) => e - 1
+  }),
+  month: G({
+    values: qr,
+    defaultWidth: "wide"
+  }),
+  day: G({
+    values: Gr,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: G({
+    values: Ur,
+    defaultWidth: "wide",
+    formattingValues: Qr,
+    defaultFormattingWidth: "wide"
+  })
+};
+function U(e) {
+  return (t, r = {}) => {
+    const a = r.width, o = a && e.matchPatterns[a] || e.matchPatterns[e.defaultMatchWidth], s = t.match(o);
+    if (!s)
+      return null;
+    const i = s[0], c = a && e.parsePatterns[a] || e.parsePatterns[e.defaultParseWidth], u = Array.isArray(c) ? Zr(c, (g) => g.test(i)) : (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
+      Kr(c, (g) => g.test(i))
+    );
+    let f;
+    f = e.valueCallback ? e.valueCallback(u) : u, f = r.valueCallback ? (
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- I challange you to fix the type
+      r.valueCallback(f)
+    ) : f;
+    const h = t.slice(i.length);
+    return { value: f, rest: h };
+  };
+}
+function Kr(e, t) {
+  for (const r in e)
+    if (Object.prototype.hasOwnProperty.call(e, r) && t(e[r]))
+      return r;
+}
+function Zr(e, t) {
+  for (let r = 0; r < e.length; r++)
+    if (t(e[r]))
+      return r;
+}
+function ea(e) {
+  return (t, r = {}) => {
+    const a = t.match(e.matchPattern);
+    if (!a) return null;
+    const o = a[0], s = t.match(e.parsePattern);
+    if (!s) return null;
+    let i = e.valueCallback ? e.valueCallback(s[0]) : s[0];
+    i = r.valueCallback ? r.valueCallback(i) : i;
+    const c = t.slice(o.length);
+    return { value: i, rest: c };
+  };
+}
+const ta = /^(\d+)(th|st|nd|rd)?/i, ra = /\d+/i, aa = {
+  narrow: /^(b|a)/i,
+  abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
+  wide: /^(before christ|before common era|anno domini|common era)/i
+}, na = {
+  any: [/^b/i, /^(a|c)/i]
+}, oa = {
+  narrow: /^[1234]/i,
+  abbreviated: /^q[1234]/i,
+  wide: /^[1234](th|st|nd|rd)? quarter/i
+}, sa = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, ia = {
+  narrow: /^[jfmasond]/i,
+  abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
+  wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
+}, da = {
+  narrow: [
+    /^j/i,
+    /^f/i,
+    /^m/i,
+    /^a/i,
+    /^m/i,
+    /^j/i,
+    /^j/i,
+    /^a/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ],
+  any: [
+    /^ja/i,
+    /^f/i,
+    /^mar/i,
+    /^ap/i,
+    /^may/i,
+    /^jun/i,
+    /^jul/i,
+    /^au/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ]
+}, la = {
+  narrow: /^[smtwf]/i,
+  short: /^(su|mo|tu|we|th|fr|sa)/i,
+  abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
+  wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
+}, ca = {
+  narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
+  any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
+}, ua = {
+  narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
+  any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
+}, ma = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^mi/i,
+    noon: /^no/i,
+    morning: /morning/i,
+    afternoon: /afternoon/i,
+    evening: /evening/i,
+    night: /night/i
+  }
+}, fa = {
+  ordinalNumber: ea({
+    matchPattern: ta,
+    parsePattern: ra,
+    valueCallback: (e) => parseInt(e, 10)
+  }),
+  era: U({
+    matchPatterns: aa,
+    defaultMatchWidth: "wide",
+    parsePatterns: na,
+    defaultParseWidth: "any"
+  }),
+  quarter: U({
+    matchPatterns: oa,
+    defaultMatchWidth: "wide",
+    parsePatterns: sa,
+    defaultParseWidth: "any",
+    valueCallback: (e) => e + 1
+  }),
+  month: U({
+    matchPatterns: ia,
+    defaultMatchWidth: "wide",
+    parsePatterns: da,
+    defaultParseWidth: "any"
+  }),
+  day: U({
+    matchPatterns: la,
+    defaultMatchWidth: "wide",
+    parsePatterns: ca,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: U({
+    matchPatterns: ua,
+    defaultMatchWidth: "any",
+    parsePatterns: ma,
+    defaultParseWidth: "any"
+  })
+}, ha = {
+  code: "en-US",
+  formatDistance: Vr,
+  formatLong: Yr,
+  formatRelative: $r,
+  localize: Jr,
+  match: fa,
+  options: {
+    weekStartsOn: 0,
+    firstWeekContainsDate: 1
+  }
+};
+function ga(e) {
+  const t = W(e);
+  return Pr(t, jr(t)) + 1;
+}
+function pa(e) {
+  const t = W(e), r = +ne(t) - +Er(t);
+  return Math.round(r / et) + 1;
+}
+function rt(e, t) {
+  var h, g, p, C;
+  const r = W(e), a = r.getFullYear(), o = oe(), s = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((g = (h = t == null ? void 0 : t.locale) == null ? void 0 : h.options) == null ? void 0 : g.firstWeekContainsDate) ?? o.firstWeekContainsDate ?? ((C = (p = o.locale) == null ? void 0 : p.options) == null ? void 0 : C.firstWeekContainsDate) ?? 1, i = $(e, 0);
+  i.setFullYear(a + 1, 0, s), i.setHours(0, 0, 0, 0);
+  const c = Z(i, t), u = $(e, 0);
+  u.setFullYear(a, 0, s), u.setHours(0, 0, 0, 0);
+  const f = Z(u, t);
+  return r.getTime() >= c.getTime() ? a + 1 : r.getTime() >= f.getTime() ? a : a - 1;
+}
+function ba(e, t) {
+  var c, u, f, h;
+  const r = oe(), a = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((u = (c = t == null ? void 0 : t.locale) == null ? void 0 : c.options) == null ? void 0 : u.firstWeekContainsDate) ?? r.firstWeekContainsDate ?? ((h = (f = r.locale) == null ? void 0 : f.options) == null ? void 0 : h.firstWeekContainsDate) ?? 1, o = rt(e, t), s = $(e, 0);
+  return s.setFullYear(o, 0, a), s.setHours(0, 0, 0, 0), Z(s, t);
+}
+function ya(e, t) {
+  const r = W(e), a = +Z(r, t) - +ba(r, t);
+  return Math.round(a / et) + 1;
+}
+function w(e, t) {
+  const r = e < 0 ? "-" : "", a = Math.abs(e).toString().padStart(t, "0");
+  return r + a;
+}
+const V = {
+  // Year
+  y(e, t) {
+    const r = e.getFullYear(), a = r > 0 ? r : 1 - r;
+    return w(t === "yy" ? a % 100 : a, t.length);
+  },
+  // Month
+  M(e, t) {
+    const r = e.getMonth();
+    return t === "M" ? String(r + 1) : w(r + 1, 2);
+  },
+  // Day of the month
+  d(e, t) {
+    return w(e.getDate(), t.length);
+  },
+  // AM or PM
+  a(e, t) {
+    const r = e.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (t) {
+      case "a":
+      case "aa":
+        return r.toUpperCase();
+      case "aaa":
+        return r;
+      case "aaaaa":
+        return r[0];
+      case "aaaa":
+      default:
+        return r === "am" ? "a.m." : "p.m.";
+    }
+  },
+  // Hour [1-12]
+  h(e, t) {
+    return w(e.getHours() % 12 || 12, t.length);
+  },
+  // Hour [0-23]
+  H(e, t) {
+    return w(e.getHours(), t.length);
+  },
+  // Minute
+  m(e, t) {
+    return w(e.getMinutes(), t.length);
+  },
+  // Second
+  s(e, t) {
+    return w(e.getSeconds(), t.length);
+  },
+  // Fraction of second
+  S(e, t) {
+    const r = t.length, a = e.getMilliseconds(), o = Math.trunc(
+      a * Math.pow(10, r - 3)
+    );
+    return w(o, t.length);
+  }
+}, B = {
+  midnight: "midnight",
+  noon: "noon",
+  morning: "morning",
+  afternoon: "afternoon",
+  evening: "evening",
+  night: "night"
+}, xe = {
+  // Era
+  G: function(e, t, r) {
+    const a = e.getFullYear() > 0 ? 1 : 0;
+    switch (t) {
+      case "G":
+      case "GG":
+      case "GGG":
+        return r.era(a, { width: "abbreviated" });
+      case "GGGGG":
+        return r.era(a, { width: "narrow" });
+      case "GGGG":
+      default:
+        return r.era(a, { width: "wide" });
+    }
+  },
+  // Year
+  y: function(e, t, r) {
+    if (t === "yo") {
+      const a = e.getFullYear(), o = a > 0 ? a : 1 - a;
+      return r.ordinalNumber(o, { unit: "year" });
+    }
+    return V.y(e, t);
+  },
+  // Local week-numbering year
+  Y: function(e, t, r, a) {
+    const o = rt(e, a), s = o > 0 ? o : 1 - o;
+    if (t === "YY") {
+      const i = s % 100;
+      return w(i, 2);
+    }
+    return t === "Yo" ? r.ordinalNumber(s, { unit: "year" }) : w(s, t.length);
+  },
+  // ISO week-numbering year
+  R: function(e, t) {
+    const r = tt(e);
+    return w(r, t.length);
+  },
+  // Extended year. This is a single number designating the year of this calendar system.
+  // The main difference between `y` and `u` localizers are B.C. years:
+  // | Year | `y` | `u` |
+  // |------|-----|-----|
+  // | AC 1 |   1 |   1 |
+  // | BC 1 |   1 |   0 |
+  // | BC 2 |   2 |  -1 |
+  // Also `yy` always returns the last two digits of a year,
+  // while `uu` pads single digit years to 2 characters and returns other years unchanged.
+  u: function(e, t) {
+    const r = e.getFullYear();
+    return w(r, t.length);
+  },
+  // Quarter
+  Q: function(e, t, r) {
+    const a = Math.ceil((e.getMonth() + 1) / 3);
+    switch (t) {
+      case "Q":
+        return String(a);
+      case "QQ":
+        return w(a, 2);
+      case "Qo":
+        return r.ordinalNumber(a, { unit: "quarter" });
+      case "QQQ":
+        return r.quarter(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "QQQQQ":
+        return r.quarter(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "QQQQ":
+      default:
+        return r.quarter(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone quarter
+  q: function(e, t, r) {
+    const a = Math.ceil((e.getMonth() + 1) / 3);
+    switch (t) {
+      case "q":
+        return String(a);
+      case "qq":
+        return w(a, 2);
+      case "qo":
+        return r.ordinalNumber(a, { unit: "quarter" });
+      case "qqq":
+        return r.quarter(a, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      case "qqqqq":
+        return r.quarter(a, {
+          width: "narrow",
+          context: "standalone"
+        });
+      case "qqqq":
+      default:
+        return r.quarter(a, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // Month
+  M: function(e, t, r) {
+    const a = e.getMonth();
+    switch (t) {
+      case "M":
+      case "MM":
+        return V.M(e, t);
+      case "Mo":
+        return r.ordinalNumber(a + 1, { unit: "month" });
+      case "MMM":
+        return r.month(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "MMMMM":
+        return r.month(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "MMMM":
+      default:
+        return r.month(a, { width: "wide", context: "formatting" });
+    }
+  },
+  // Stand-alone month
+  L: function(e, t, r) {
+    const a = e.getMonth();
+    switch (t) {
+      case "L":
+        return String(a + 1);
+      case "LL":
+        return w(a + 1, 2);
+      case "Lo":
+        return r.ordinalNumber(a + 1, { unit: "month" });
+      case "LLL":
+        return r.month(a, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      case "LLLLL":
+        return r.month(a, {
+          width: "narrow",
+          context: "standalone"
+        });
+      case "LLLL":
+      default:
+        return r.month(a, { width: "wide", context: "standalone" });
+    }
+  },
+  // Local week of year
+  w: function(e, t, r, a) {
+    const o = ya(e, a);
+    return t === "wo" ? r.ordinalNumber(o, { unit: "week" }) : w(o, t.length);
+  },
+  // ISO week of year
+  I: function(e, t, r) {
+    const a = pa(e);
+    return t === "Io" ? r.ordinalNumber(a, { unit: "week" }) : w(a, t.length);
+  },
+  // Day of the month
+  d: function(e, t, r) {
+    return t === "do" ? r.ordinalNumber(e.getDate(), { unit: "date" }) : V.d(e, t);
+  },
+  // Day of year
+  D: function(e, t, r) {
+    const a = ga(e);
+    return t === "Do" ? r.ordinalNumber(a, { unit: "dayOfYear" }) : w(a, t.length);
+  },
+  // Day of week
+  E: function(e, t, r) {
+    const a = e.getDay();
+    switch (t) {
+      case "E":
+      case "EE":
+      case "EEE":
+        return r.day(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "EEEEE":
+        return r.day(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "EEEEEE":
+        return r.day(a, {
+          width: "short",
+          context: "formatting"
+        });
+      case "EEEE":
+      default:
+        return r.day(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Local day of week
+  e: function(e, t, r, a) {
+    const o = e.getDay(), s = (o - a.weekStartsOn + 8) % 7 || 7;
+    switch (t) {
+      case "e":
+        return String(s);
+      case "ee":
+        return w(s, 2);
+      case "eo":
+        return r.ordinalNumber(s, { unit: "day" });
+      case "eee":
+        return r.day(o, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "eeeee":
+        return r.day(o, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "eeeeee":
+        return r.day(o, {
+          width: "short",
+          context: "formatting"
+        });
+      case "eeee":
+      default:
+        return r.day(o, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Stand-alone local day of week
+  c: function(e, t, r, a) {
+    const o = e.getDay(), s = (o - a.weekStartsOn + 8) % 7 || 7;
+    switch (t) {
+      case "c":
+        return String(s);
+      case "cc":
+        return w(s, t.length);
+      case "co":
+        return r.ordinalNumber(s, { unit: "day" });
+      case "ccc":
+        return r.day(o, {
+          width: "abbreviated",
+          context: "standalone"
+        });
+      case "ccccc":
+        return r.day(o, {
+          width: "narrow",
+          context: "standalone"
+        });
+      case "cccccc":
+        return r.day(o, {
+          width: "short",
+          context: "standalone"
+        });
+      case "cccc":
+      default:
+        return r.day(o, {
+          width: "wide",
+          context: "standalone"
+        });
+    }
+  },
+  // ISO day of week
+  i: function(e, t, r) {
+    const a = e.getDay(), o = a === 0 ? 7 : a;
+    switch (t) {
+      case "i":
+        return String(o);
+      case "ii":
+        return w(o, t.length);
+      case "io":
+        return r.ordinalNumber(o, { unit: "day" });
+      case "iii":
+        return r.day(a, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "iiiii":
+        return r.day(a, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "iiiiii":
+        return r.day(a, {
+          width: "short",
+          context: "formatting"
+        });
+      case "iiii":
+      default:
+        return r.day(a, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM or PM
+  a: function(e, t, r) {
+    const o = e.getHours() / 12 >= 1 ? "pm" : "am";
+    switch (t) {
+      case "a":
+      case "aa":
+        return r.dayPeriod(o, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "aaa":
+        return r.dayPeriod(o, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "aaaaa":
+        return r.dayPeriod(o, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "aaaa":
+      default:
+        return r.dayPeriod(o, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // AM, PM, midnight, noon
+  b: function(e, t, r) {
+    const a = e.getHours();
+    let o;
+    switch (a === 12 ? o = B.noon : a === 0 ? o = B.midnight : o = a / 12 >= 1 ? "pm" : "am", t) {
+      case "b":
+      case "bb":
+        return r.dayPeriod(o, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "bbb":
+        return r.dayPeriod(o, {
+          width: "abbreviated",
+          context: "formatting"
+        }).toLowerCase();
+      case "bbbbb":
+        return r.dayPeriod(o, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "bbbb":
+      default:
+        return r.dayPeriod(o, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // in the morning, in the afternoon, in the evening, at night
+  B: function(e, t, r) {
+    const a = e.getHours();
+    let o;
+    switch (a >= 17 ? o = B.evening : a >= 12 ? o = B.afternoon : a >= 4 ? o = B.morning : o = B.night, t) {
+      case "B":
+      case "BB":
+      case "BBB":
+        return r.dayPeriod(o, {
+          width: "abbreviated",
+          context: "formatting"
+        });
+      case "BBBBB":
+        return r.dayPeriod(o, {
+          width: "narrow",
+          context: "formatting"
+        });
+      case "BBBB":
+      default:
+        return r.dayPeriod(o, {
+          width: "wide",
+          context: "formatting"
+        });
+    }
+  },
+  // Hour [1-12]
+  h: function(e, t, r) {
+    if (t === "ho") {
+      let a = e.getHours() % 12;
+      return a === 0 && (a = 12), r.ordinalNumber(a, { unit: "hour" });
+    }
+    return V.h(e, t);
+  },
+  // Hour [0-23]
+  H: function(e, t, r) {
+    return t === "Ho" ? r.ordinalNumber(e.getHours(), { unit: "hour" }) : V.H(e, t);
+  },
+  // Hour [0-11]
+  K: function(e, t, r) {
+    const a = e.getHours() % 12;
+    return t === "Ko" ? r.ordinalNumber(a, { unit: "hour" }) : w(a, t.length);
+  },
+  // Hour [1-24]
+  k: function(e, t, r) {
+    let a = e.getHours();
+    return a === 0 && (a = 24), t === "ko" ? r.ordinalNumber(a, { unit: "hour" }) : w(a, t.length);
+  },
+  // Minute
+  m: function(e, t, r) {
+    return t === "mo" ? r.ordinalNumber(e.getMinutes(), { unit: "minute" }) : V.m(e, t);
+  },
+  // Second
+  s: function(e, t, r) {
+    return t === "so" ? r.ordinalNumber(e.getSeconds(), { unit: "second" }) : V.s(e, t);
+  },
+  // Fraction of second
+  S: function(e, t) {
+    return V.S(e, t);
+  },
+  // Timezone (ISO-8601. If offset is 0, output is always `'Z'`)
+  X: function(e, t, r) {
+    const a = e.getTimezoneOffset();
+    if (a === 0)
+      return "Z";
+    switch (t) {
+      case "X":
+        return ve(a);
+      case "XXXX":
+      case "XX":
+        return A(a);
+      case "XXXXX":
+      case "XXX":
+      default:
+        return A(a, ":");
+    }
+  },
+  // Timezone (ISO-8601. If offset is 0, output is `'+00:00'` or equivalent)
+  x: function(e, t, r) {
+    const a = e.getTimezoneOffset();
+    switch (t) {
+      case "x":
+        return ve(a);
+      case "xxxx":
+      case "xx":
+        return A(a);
+      case "xxxxx":
+      case "xxx":
+      default:
+        return A(a, ":");
+    }
+  },
+  // Timezone (GMT)
+  O: function(e, t, r) {
+    const a = e.getTimezoneOffset();
+    switch (t) {
+      case "O":
+      case "OO":
+      case "OOO":
+        return "GMT" + we(a, ":");
+      case "OOOO":
+      default:
+        return "GMT" + A(a, ":");
+    }
+  },
+  // Timezone (specific non-location)
+  z: function(e, t, r) {
+    const a = e.getTimezoneOffset();
+    switch (t) {
+      case "z":
+      case "zz":
+      case "zzz":
+        return "GMT" + we(a, ":");
+      case "zzzz":
+      default:
+        return "GMT" + A(a, ":");
+    }
+  },
+  // Seconds timestamp
+  t: function(e, t, r) {
+    const a = Math.trunc(e.getTime() / 1e3);
+    return w(a, t.length);
+  },
+  // Milliseconds timestamp
+  T: function(e, t, r) {
+    const a = e.getTime();
+    return w(a, t.length);
+  }
+};
+function we(e, t = "") {
+  const r = e > 0 ? "-" : "+", a = Math.abs(e), o = Math.trunc(a / 60), s = a % 60;
+  return s === 0 ? r + String(o) : r + String(o) + t + w(s, 2);
+}
+function ve(e, t) {
+  return e % 60 === 0 ? (e > 0 ? "-" : "+") + w(Math.abs(e) / 60, 2) : A(e, t);
+}
+function A(e, t = "") {
+  const r = e > 0 ? "-" : "+", a = Math.abs(e), o = w(Math.trunc(a / 60), 2), s = w(a % 60, 2);
+  return r + o + t + s;
+}
+const Ne = (e, t) => {
+  switch (e) {
+    case "P":
+      return t.date({ width: "short" });
+    case "PP":
+      return t.date({ width: "medium" });
+    case "PPP":
+      return t.date({ width: "long" });
+    case "PPPP":
+    default:
+      return t.date({ width: "full" });
+  }
+}, at = (e, t) => {
+  switch (e) {
+    case "p":
+      return t.time({ width: "short" });
+    case "pp":
+      return t.time({ width: "medium" });
+    case "ppp":
+      return t.time({ width: "long" });
+    case "pppp":
+    default:
+      return t.time({ width: "full" });
+  }
+}, xa = (e, t) => {
+  const r = e.match(/(P+)(p+)?/) || [], a = r[1], o = r[2];
+  if (!o)
+    return Ne(e, t);
+  let s;
+  switch (a) {
+    case "P":
+      s = t.dateTime({ width: "short" });
+      break;
+    case "PP":
+      s = t.dateTime({ width: "medium" });
+      break;
+    case "PPP":
+      s = t.dateTime({ width: "long" });
+      break;
+    case "PPPP":
+    default:
+      s = t.dateTime({ width: "full" });
+      break;
+  }
+  return s.replace("{{date}}", Ne(a, t)).replace("{{time}}", at(o, t));
+}, wa = {
+  p: at,
+  P: xa
+}, va = /^D+$/, Na = /^Y+$/, ka = ["D", "DD", "YY", "YYYY"];
+function Ma(e) {
+  return va.test(e);
+}
+function Ca(e) {
+  return Na.test(e);
+}
+function Sa(e, t, r) {
+  const a = Da(e, t, r);
+  if (console.warn(a), ka.includes(e)) throw new RangeError(a);
+}
+function Da(e, t, r) {
+  const a = e[0] === "Y" ? "years" : "days of the month";
+  return `Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${a} to the input \`${r}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`;
+}
+const Ta = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Oa = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Ra = /^'([^]*?)'?$/, Pa = /''/g, Ea = /[a-zA-Z]/;
+function ie(e, t, r) {
+  var h, g, p, C;
+  const a = oe(), o = a.locale ?? ha, s = a.firstWeekContainsDate ?? ((g = (h = a.locale) == null ? void 0 : h.options) == null ? void 0 : g.firstWeekContainsDate) ?? 1, i = a.weekStartsOn ?? ((C = (p = a.locale) == null ? void 0 : p.options) == null ? void 0 : C.weekStartsOn) ?? 0, c = W(e);
+  if (!Fr(c))
+    throw new RangeError("Invalid time value");
+  let u = t.match(Oa).map((y) => {
+    const N = y[0];
+    if (N === "p" || N === "P") {
+      const R = wa[N];
+      return R(y, o.formatLong);
+    }
+    return y;
+  }).join("").match(Ta).map((y) => {
+    if (y === "''")
+      return { isToken: !1, value: "'" };
+    const N = y[0];
+    if (N === "'")
+      return { isToken: !1, value: La(y) };
+    if (xe[N])
+      return { isToken: !0, value: y };
+    if (N.match(Ea))
+      throw new RangeError(
+        "Format string contains an unescaped latin alphabet character `" + N + "`"
+      );
+    return { isToken: !1, value: y };
+  });
+  o.localize.preprocessor && (u = o.localize.preprocessor(c, u));
+  const f = {
+    firstWeekContainsDate: s,
+    weekStartsOn: i,
+    locale: o
+  };
+  return u.map((y) => {
+    if (!y.isToken) return y.value;
+    const N = y.value;
+    (Ca(N) || Ma(N)) && Sa(N, t, String(e));
+    const R = xe[N[0]];
+    return R(c, N, o.localize, f);
+  }).join("");
+}
+function La(e) {
+  const t = e.match(Ra);
+  return t ? t[1].replace(Pa, "'") : e;
+}
+function nt({
+  value: e,
+  onChange: t,
+  placeholder: r = "Pick a date range",
+  className: a,
+  disabled: o = !1
+}) {
+  const [s, i] = m.useState(!1), c = (h) => h.from ? h.to ? `${ie(h.from, "LLL dd, y")} - ${ie(h.to, "LLL dd, y")}` : ie(h.from, "LLL dd, y") : r, u = (h) => {
+    if (!h) {
+      t({ from: void 0, to: void 0 });
+      return;
+    }
+    !e.from || e.from && e.to ? t({ from: h, to: void 0 }) : e.from && !e.to && (h < e.from ? t({ from: h, to: e.from }) : t({ from: e.from, to: h }), i(!1));
+  }, f = () => {
+    t({ from: void 0, to: void 0 });
+  };
+  return /* @__PURE__ */ l("div", { className: d("relative", a), children: [
+    /* @__PURE__ */ l(
+      j,
+      {
+        variant: "outline",
+        className: d(
+          "w-full justify-start text-left font-normal",
+          !e.from && "text-muted-foreground"
+        ),
+        onClick: () => i(!s),
+        disabled: o,
+        children: [
+          /* @__PURE__ */ n(xt, { className: "mr-2 h-4 w-4" }),
+          c(e)
+        ]
+      }
+    ),
+    s && /* @__PURE__ */ n("div", { className: "absolute top-full left-0 z-50 mt-1 w-full rounded-md border bg-popover p-3 shadow-lg", children: /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ n("div", { className: "text-sm font-medium", children: "Select Date Range" }),
+      /* @__PURE__ */ l("div", { className: "grid grid-cols-7 gap-1 text-xs", children: [
+        ["S", "M", "T", "W", "T", "F", "S"].map((h) => /* @__PURE__ */ n("div", { className: "p-2 text-center font-medium text-muted-foreground", children: h }, h)),
+        Array.from({ length: 35 }, (h, g) => {
+          const p = /* @__PURE__ */ new Date();
+          p.setDate(p.getDate() - p.getDay() + g);
+          const C = e.from && p.toDateString() === e.from.toDateString() || e.to && p.toDateString() === e.to.toDateString(), y = e.from && e.to && p > e.from && p < e.to;
+          return /* @__PURE__ */ n(
+            "button",
+            {
+              className: d(
+                "h-8 w-8 rounded text-sm hover:bg-accent",
+                C && "bg-primary text-primary-foreground",
+                y && "bg-accent/50"
+              ),
+              onClick: () => u(p),
+              children: p.getDate()
+            },
+            g
+          );
+        })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "flex justify-between pt-2", children: [
+        /* @__PURE__ */ n(
+          j,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: f,
+            children: "Clear"
+          }
+        ),
+        /* @__PURE__ */ n(
+          j,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: () => i(!1),
+            children: "Close"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+function Gn(e = { from: void 0, to: void 0 }) {
+  const [t, r] = m.useState(e), a = m.useCallback((i) => {
+    r(i);
+  }, []), o = m.useCallback(() => {
+    r({ from: void 0, to: void 0 });
+  }, []), s = t.from && t.to;
+  return {
+    range: t,
+    setDateRange: a,
+    clearRange: o,
+    isRangeComplete: s
+  };
+}
+function Fa({
+  value: e,
+  onChange: t,
+  min: r = 0,
+  max: a = 1e3,
+  step: o = 10,
+  currency: s = "€",
+  className: i
+}) {
+  var v, I;
+  const c = m.useId(), u = m.useId(), [f, h] = m.useState(((v = e.min) == null ? void 0 : v.toString()) || ""), [g, p] = m.useState(((I = e.max) == null ? void 0 : I.toString()) || "");
+  m.useEffect(() => {
+    var T, x;
+    h(((T = e.min) == null ? void 0 : T.toString()) || ""), p(((x = e.max) == null ? void 0 : x.toString()) || "");
+  }, [e.min, e.max]);
+  const C = (T) => {
+    const x = T.target.value;
+    h(x);
+    const D = x === "" ? null : Math.max(r, parseInt(x) || r), O = e.max ? Math.min(a, e.max) : null;
+    D !== null && O !== null && D > O ? t({ min: D, max: D }) : t({ min: D, max: O });
+  }, y = (T) => {
+    const x = T.target.value;
+    p(x);
+    const D = x === "" ? null : Math.min(a, parseInt(x) || a), O = e.min ? Math.max(r, e.min) : null;
+    O !== null && D !== null && O > D ? t({ min: D, max: D }) : t({ min: O, max: D });
+  }, N = (T, x) => {
+    if (T === "min") {
+      const D = Math.max(r, Math.min(a, x)), O = e.max ? Math.max(D, e.max) : null;
+      t({ min: D, max: O });
+    } else {
+      const D = Math.max(r, Math.min(a, x)), O = e.min ? Math.min(D, e.min) : null;
+      t({ min: O, max: D });
+    }
+  }, R = () => {
+    h(""), p(""), t({ min: null, max: null });
+  }, E = e.min || r, b = e.max || a;
+  return /* @__PURE__ */ l("div", { className: d("space-y-4", i), children: [
+    /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ n(te, { children: "Price Range" }),
+      /* @__PURE__ */ l("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ l("div", { className: "flex-1", children: [
+          /* @__PURE__ */ n(te, { htmlFor: c, className: "text-xs text-muted-foreground", children: "Min" }),
+          /* @__PURE__ */ l("div", { className: "relative", children: [
+            /* @__PURE__ */ n("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground", children: s }),
+            /* @__PURE__ */ n(
+              X,
+              {
+                id: c,
+                name: `min-price-${c}`,
+                type: "number",
+                value: f,
+                onChange: C,
+                placeholder: r.toString(),
+                min: r,
+                max: a,
+                step: o,
+                className: "pl-8"
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "flex-1", children: [
+          /* @__PURE__ */ n(te, { htmlFor: u, className: "text-xs text-muted-foreground", children: "Max" }),
+          /* @__PURE__ */ l("div", { className: "relative", children: [
+            /* @__PURE__ */ n("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground", children: s }),
+            /* @__PURE__ */ n(
+              X,
+              {
+                id: u,
+                name: `max-price-${u}`,
+                type: "number",
+                value: g,
+                onChange: y,
+                placeholder: a.toString(),
+                min: r,
+                max: a,
+                step: o,
+                className: "pl-8"
+              }
+            )
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ l("div", { className: "relative", children: [
+        /* @__PURE__ */ n(
+          "input",
+          {
+            type: "range",
+            id: `${c}-slider`,
+            name: `min-price-slider-${c}`,
+            min: r,
+            max: a,
+            step: o,
+            value: E,
+            onChange: (T) => N("min", parseInt(T.target.value)),
+            className: "absolute w-full h-2 bg-transparent appearance-none cursor-pointer slider-thumb",
+            "aria-label": "Minimum price"
+          }
+        ),
+        /* @__PURE__ */ n(
+          "input",
+          {
+            type: "range",
+            id: `${u}-slider`,
+            name: `max-price-slider-${u}`,
+            min: r,
+            max: a,
+            step: o,
+            value: b,
+            onChange: (T) => N("max", parseInt(T.target.value)),
+            className: "absolute w-full h-2 bg-transparent appearance-none cursor-pointer slider-thumb",
+            "aria-label": "Maximum price"
+          }
+        ),
+        /* @__PURE__ */ n("div", { className: "h-2 bg-muted rounded-full", children: /* @__PURE__ */ n(
+          "div",
+          {
+            className: "h-2 bg-primary rounded-full",
+            style: {
+              left: `${(E - r) / (a - r) * 100}%`,
+              width: `${(b - E) / (a - r) * 100}%`
+            }
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ l("span", { children: [
+          s,
+          r
+        ] }),
+        /* @__PURE__ */ l("span", { children: [
+          s,
+          a
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ l("div", { className: "flex justify-between items-center", children: [
+      /* @__PURE__ */ n("span", { className: "text-sm text-muted-foreground", children: e.min !== null || e.max !== null ? `${s}${e.min || r} - ${s}${e.max || a}` : "Any price" }),
+      /* @__PURE__ */ n(
+        "button",
+        {
+          type: "button",
+          onClick: R,
+          className: "text-xs text-muted-foreground hover:text-foreground",
+          children: "Clear"
+        }
+      )
+    ] })
+  ] });
+}
+function Un(e = { min: null, max: null }) {
+  const [t, r] = m.useState(e), a = m.useCallback((i) => {
+    r(i);
+  }, []), o = m.useCallback(() => {
+    r({ min: null, max: null });
+  }, []), s = t.min !== null || t.max !== null;
+  return {
+    range: t,
+    setPriceRange: a,
+    clearRange: o,
+    isRangeSet: s
+  };
+}
+const ja = () => (console.warn("useFilterManager: This is a mock implementation. Use the actual hook from apps/web/src/stores/useFiltersStore"), {
+  search: "",
+  category: "",
+  tags: [],
+  dateRange: { start: null, end: null },
+  priceRange: { min: null, max: null },
+  sortBy: "date",
+  sortOrder: "desc",
+  setSearch: (e) => {
+  },
+  setCategory: (e) => {
+  },
+  setTags: (e) => {
+  },
+  addTag: (e) => {
+  },
+  removeTag: (e) => {
+  },
+  setDateRange: (e, t) => {
+  },
+  setPriceRange: (e, t) => {
+  },
+  setSorting: (e, t) => {
+  },
+  resetFilters: () => {
+  },
+  getActiveFiltersCount: () => 0,
+  getFilterSummary: () => [],
+  hasActiveFilters: !1,
+  clearAllFilters: () => {
+  }
+});
+function Wa({
+  className: e,
+  showSearch: t = !0,
+  showCategory: r = !0,
+  showDateRange: a = !0,
+  showPriceRange: o = !0,
+  showSorting: s = !0,
+  categories: i = [],
+  sortOptions: c = [
+    { value: "date", label: "Date" },
+    { value: "name", label: "Name" },
+    { value: "price", label: "Price" }
+  ],
+  onFiltersChange: u
+}) {
+  const {
+    search: f,
+    category: h,
+    dateRange: g,
+    priceRange: p,
+    sortBy: C,
+    sortOrder: y,
+    setSearch: N,
+    setCategory: R,
+    setDateRange: E,
+    setPriceRange: b,
+    hasActiveFilters: v
+  } = ja();
+  m.useEffect(() => {
+    u && u({
+      search: f,
+      category: h,
+      dateRange: g,
+      priceRange: p,
+      sortBy: C,
+      sortOrder: y
+    });
+  }, [f, h, g, p, C, y, u]);
+  const I = (x) => {
+    E(x.from || null, x.to || null);
+  }, T = (x) => {
+    b(x.min, x.max);
+  };
+  return /* @__PURE__ */ l("div", { className: d("space-y-4", e), children: [
+    /* @__PURE__ */ l("div", { className: "flex flex-col sm:flex-row gap-4", children: [
+      t && /* @__PURE__ */ n("div", { className: "flex-1", children: /* @__PURE__ */ n(
+        ue,
+        {
+          value: f,
+          onChange: N,
+          placeholder: "Search events, venues, artists..."
+        }
+      ) }),
+      v
+    ] }),
+    /* @__PURE__ */ l("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4", children: [
+      r && i.length > 0 && /* @__PURE__ */ n(
+        ae,
+        {
+          value: h,
+          onValueChange: R,
+          options: i,
+          label: "Category",
+          placeholder: "All categories"
+        }
+      ),
+      a && /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ n("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: "Date Range" }),
+        /* @__PURE__ */ n(
+          nt,
+          {
+            value: {
+              from: g.start || void 0,
+              to: g.end || void 0
+            },
+            onChange: I,
+            placeholder: "Any date"
+          }
+        )
+      ] }),
+      o && /* @__PURE__ */ n(
+        Fa,
+        {
+          value: p,
+          onChange: T,
+          min: 0,
+          max: 500,
+          step: 10,
+          currency: "€"
+        }
+      ),
+      s && /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ n("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: "Sort by" }),
+        /* @__PURE__ */ n(
+          ae,
+          {
+            value: `${C}-${y}`,
+            onValueChange: (x) => {
+              const [D, O] = x.split("-");
+            },
+            options: c.map((x) => ({
+              value: `${x.value}-asc`,
+              label: `${x.label} (A-Z)`
+            })).concat(
+              c.map((x) => ({
+                value: `${x.value}-desc`,
+                label: `${x.label} (Z-A)`
+              }))
+            ),
+            placeholder: "Sort by..."
+          }
+        )
+      ] })
+    ] }),
+    v
+  ] });
+}
+function Qn({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ n(
+    Wa,
+    {
+      className: d("space-y-2", e),
+      ...t
+    }
+  );
+}
+const Xn = ({
+  onSearch: e,
+  onDateChange: t,
+  onGenreChange: r,
+  onVenueChange: a,
+  className: o
+}) => /* @__PURE__ */ n("div", { className: d(
+  "bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",
+  o
+), children: /* @__PURE__ */ l("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", children: [
+  /* @__PURE__ */ l("div", { children: [
+    /* @__PURE__ */ n("label", { className: "block text-sm font-medium mb-2", children: "Search" }),
+    /* @__PURE__ */ n(
+      ue,
+      {
+        placeholder: "Search events...",
+        value: "",
+        onChange: () => {
+        }
+      }
+    )
+  ] }),
+  /* @__PURE__ */ l("div", { children: [
+    /* @__PURE__ */ n("label", { className: "block text-sm font-medium mb-2", children: "Date" }),
+    /* @__PURE__ */ n(
+      nt,
+      {
+        value: { from: void 0, to: void 0 },
+        onChange: () => {
+        }
+      }
+    )
+  ] }),
+  /* @__PURE__ */ l("div", { children: [
+    /* @__PURE__ */ n("label", { className: "block text-sm font-medium mb-2", children: "Genre" }),
+    /* @__PURE__ */ n(
+      ae,
+      {
+        placeholder: "Select genre",
+        value: "",
+        options: [
+          { value: "classical", label: "Classical" },
+          { value: "rock", label: "Rock" },
+          { value: "jazz", label: "Jazz" },
+          { value: "electronic", label: "Electronic" },
+          { value: "folk", label: "Folk" }
+        ],
+        onValueChange: r || (() => {
+        })
+      }
+    )
+  ] }),
+  /* @__PURE__ */ l("div", { children: [
+    /* @__PURE__ */ n("label", { className: "block text-sm font-medium mb-2", children: "Venue" }),
+    /* @__PURE__ */ n(
+      ae,
+      {
+        placeholder: "Select venue",
+        value: "",
+        options: [
+          { value: "auditorio", label: "Auditorio de Tenerife" },
+          { value: "teatro", label: "Teatro Guimerá" },
+          { value: "casino", label: "Casino de Tenerife" },
+          { value: "outdoor", label: "Outdoor Venues" }
+        ],
+        onValueChange: a || (() => {
+        })
+      }
+    )
+  ] })
+] }) });
+function Va() {
+  const [e, t] = Y([]), r = F((i) => {
+    const c = Math.random().toString(36).substr(2, 9), u = {
+      id: c,
+      duration: 5e3,
+      ...i
+    };
+    return t((f) => [...f, u]), u.duration && u.duration > 0 && setTimeout(() => {
+      a(c);
+    }, u.duration), c;
+  }, []), a = F((i) => {
+    t((c) => c.filter((u) => u.id !== i));
+  }, []), o = F(() => {
+    t([]);
+  }, []), s = F((i, c) => {
+    t(
+      (u) => u.map(
+        (f) => f.id === i ? { ...f, ...c } : f
+      )
+    );
+  }, []);
+  return {
+    toasts: e,
+    toast: r,
+    dismiss: a,
+    dismissAll: o,
+    updateToast: s
+  };
+}
+const za = L(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      type: {
+        default: "border bg-background text-foreground",
+        success: "border-green-200 bg-green-50 text-green-900 dark:border-green-800 dark:bg-green-950 dark:text-green-100",
+        error: "border-red-200 bg-red-50 text-red-900 dark:border-red-800 dark:bg-red-950 dark:text-red-100",
+        warning: "border-yellow-200 bg-yellow-50 text-yellow-900 dark:border-yellow-800 dark:bg-yellow-950 dark:text-yellow-100",
+        info: "border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-100"
+      }
+    },
+    defaultVariants: {
+      type: "default"
+    }
+  }
+), Ia = L("h-4 w-4 flex-shrink-0", {
+  variants: {
+    type: {
+      default: "text-foreground",
+      success: "text-green-600 dark:text-green-400",
+      error: "text-red-600 dark:text-red-400",
+      warning: "text-yellow-600 dark:text-yellow-400",
+      info: "text-blue-600 dark:text-blue-400"
+    }
+  },
+  defaultVariants: {
+    type: "default"
+  }
+}), Aa = (e) => {
+  switch (e) {
+    case "success":
+      return Nt;
+    case "error":
+      return vt;
+    case "warning":
+      return wt;
+    case "info":
+      return fe;
+    default:
+      return fe;
+  }
+}, ot = m.forwardRef(
+  ({ className: e, toast: t, onDismiss: r, type: a = t.type, ...o }, s) => {
+    const i = Aa(t.type);
+    return /* @__PURE__ */ l(
+      "div",
+      {
+        ref: s,
+        className: d(za({ type: a, className: e })),
+        ...o,
+        children: [
+          /* @__PURE__ */ l("div", { className: "flex items-start space-x-3 flex-1", children: [
+            /* @__PURE__ */ n(i, { className: d(Ia({ type: t.type })) }),
+            /* @__PURE__ */ l("div", { className: "flex-1 space-y-1", children: [
+              t.title && /* @__PURE__ */ n("div", { className: "text-sm font-semibold", children: t.title }),
+              t.description && /* @__PURE__ */ n("div", { className: "text-sm opacity-90", children: t.description }),
+              t.action && /* @__PURE__ */ n("div", { className: "mt-2", children: /* @__PURE__ */ n(
+                j,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: t.action.onClick,
+                  className: "h-8 px-2 text-xs",
+                  children: t.action.label
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ n(
+            j,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "absolute right-1 top-1 h-6 w-6 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100",
+              onClick: () => r(t.id),
+              children: /* @__PURE__ */ n(de, { className: "h-4 w-4" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ot.displayName = "Toast";
+const st = Me(void 0);
+function Jn({
+  children: e,
+  position: t = "top-right",
+  maxToasts: r = 5
+}) {
+  const a = Va(), { toasts: o, toast: s, dismiss: i, dismissAll: c, updateToast: u } = a, f = o.slice(-r), h = {
+    "top-left": "top-4 left-4",
+    "top-center": "top-4 left-1/2 -translate-x-1/2",
+    "top-right": "top-4 right-4",
+    "bottom-left": "bottom-4 left-4",
+    "bottom-center": "bottom-4 left-1/2 -translate-x-1/2",
+    "bottom-right": "bottom-4 right-4"
+  };
+  return /* @__PURE__ */ l(st.Provider, { value: { toast: s, dismiss: i, dismissAll: c, updateToast: u }, children: [
+    e,
+    /* @__PURE__ */ n(
+      Ha,
+      {
+        position: t,
+        positionClasses: h[t],
+        children: f.map((g) => /* @__PURE__ */ n(
+          ot,
+          {
+            toast: g,
+            onDismiss: i
+          },
+          g.id
+        ))
+      }
+    )
+  ] });
+}
+function Ya() {
+  const e = Ce(st);
+  if (e === void 0)
+    throw new Error("useToastContext must be used within a ToastProvider");
+  return e;
+}
+function Kn() {
+  const { toast: e, dismiss: t, dismissAll: r, updateToast: a } = Ya();
+  return {
+    toast: e,
+    dismiss: t,
+    dismissAll: r,
+    updateToast: a,
+    success: (o) => e({ ...o, type: "success" }),
+    error: (o) => e({ ...o, type: "error" }),
+    warning: (o) => e({ ...o, type: "warning" }),
+    info: (o) => e({ ...o, type: "info" })
+  };
+}
+function Ha({ children: e, positionClasses: t }) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: d(
+        "fixed z-[100] flex max-h-screen w-full flex-col-reverse p-0 sm:flex-col",
+        t
+      ),
+      style: {
+        pointerEvents: "none"
+      },
+      children: /* @__PURE__ */ n("div", { className: "pointer-events-auto flex flex-col gap-2", children: e })
+    }
+  );
+}
+const $a = ee.Provider, _a = ee.Root, Ba = ee.Trigger, qa = L(
+  "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+  {
+    variants: {
+      variant: {
+        default: "bg-popover text-popover-foreground border-border",
+        destructive: "border-destructive/50 text-destructive bg-destructive/10",
+        warning: "border-yellow-500/50 text-yellow-700 bg-yellow-50",
+        success: "border-green-500/50 text-green-700 bg-green-50",
+        info: "border-blue-500/50 text-blue-700 bg-blue-50"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), it = m.forwardRef(({ className: e, variant: t, sideOffset: r = 4, ...a }, o) => /* @__PURE__ */ n(
+  ee.Content,
+  {
+    ref: o,
+    sideOffset: r,
+    className: d(qa({ variant: t, className: e })),
+    ...a
+  }
+));
+it.displayName = ee.Content.displayName;
+function Zn({
+  children: e,
+  content: t,
+  variant: r,
+  side: a = "top",
+  align: o = "center",
+  sideOffset: s,
+  alignOffset: i,
+  delayDuration: c = 400,
+  skipDelayDuration: u = 300,
+  disableHoverableContent: f = !1,
+  open: h,
+  onOpenChange: g
+}) {
+  return /* @__PURE__ */ n($a, { delayDuration: c, skipDelayDuration: u, children: /* @__PURE__ */ l(_a, { open: h, onOpenChange: g, children: [
+    /* @__PURE__ */ n(Ba, { asChild: !0, children: e }),
+    /* @__PURE__ */ n(
+      it,
+      {
+        variant: r,
+        side: a,
+        align: o,
+        sideOffset: s,
+        alignOffset: i,
+        children: t
+      }
+    )
+  ] }) });
+}
+const Ga = q.Root, Ua = q.Trigger, eo = q.Anchor, Qa = L(
+  "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+  {
+    variants: {
+      variant: {
+        default: "bg-popover text-popover-foreground border-border",
+        destructive: "border-destructive/50 text-destructive bg-destructive/10",
+        warning: "border-yellow-500/50 text-yellow-700 bg-yellow-50",
+        success: "border-green-500/50 text-green-700 bg-green-50",
+        info: "border-blue-500/50 text-blue-700 bg-blue-50"
+      },
+      size: {
+        sm: "w-48 p-3",
+        md: "w-72 p-4",
+        lg: "w-96 p-6",
+        xl: "w-[32rem] p-8"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+), dt = m.forwardRef(({ className: e, variant: t, size: r, align: a = "center", sideOffset: o = 4, ...s }, i) => /* @__PURE__ */ n(q.Portal, { children: /* @__PURE__ */ n(
+  q.Content,
+  {
+    ref: i,
+    align: a,
+    sideOffset: o,
+    className: d(Qa({ variant: t, size: r, className: e })),
+    ...s
+  }
+) }));
+dt.displayName = q.Content.displayName;
+function to({
+  children: e,
+  content: t,
+  variant: r,
+  size: a,
+  side: o = "bottom",
+  align: s = "center",
+  sideOffset: i,
+  alignOffset: c,
+  open: u,
+  onOpenChange: f,
+  modal: h = !0,
+  closeOnInteractOutside: g = !0
+}) {
+  return /* @__PURE__ */ l(Ga, { open: u, onOpenChange: f, modal: h, children: [
+    /* @__PURE__ */ n(Ua, { asChild: !0, children: e }),
+    /* @__PURE__ */ n(
+      dt,
+      {
+        variant: r,
+        size: a,
+        side: o,
+        align: s,
+        sideOffset: i,
+        alignOffset: c,
+        onInteractOutside: g ? void 0 : (p) => p.preventDefault(),
+        children: t
+      }
+    )
+  ] });
+}
+function ro({
+  children: e,
+  container: t,
+  className: r,
+  style: a
+}) {
+  const [o, s] = m.useState(!1);
+  if (m.useEffect(() => {
+    s(!0);
+  }, []), !o)
+    return null;
+  const i = t || document.body;
+  return Mt(
+    /* @__PURE__ */ n(
+      "div",
+      {
+        className: d(
+          "fixed inset-0 z-50",
+          r
+        ),
+        style: a,
+        children: e
+      }
+    ),
+    i
+  );
+}
+function ao({
+  onClick: e,
+  className: t,
+  style: r
+}) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: d(
+        "absolute inset-0 bg-black/50 backdrop-blur-sm",
+        t
+      ),
+      style: r,
+      onClick: e
+    }
+  );
+}
+function no({
+  children: e,
+  className: t,
+  style: r,
+  position: a = "center"
+}) {
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      className: d(
+        "relative w-full h-full min-h-screen",
+        {
+          center: "flex items-center justify-center",
+          top: "flex justify-center pt-8",
+          bottom: "flex justify-center pb-8",
+          left: "flex items-center pl-8",
+          right: "flex items-center pr-8",
+          "top-left": "flex justify-start items-start pt-8 pl-8",
+          "top-right": "flex justify-end items-start pt-8 pr-8",
+          "bottom-left": "flex justify-start items-end pb-8 pl-8",
+          "bottom-right": "flex justify-end items-end pb-8 pr-8"
+        }[a],
+        t
+      ),
+      style: r,
+      children: e
+    }
+  );
+}
+const oo = ({
+  variant: e = "info",
+  title: t,
+  description: r,
+  className: a
+}) => /* @__PURE__ */ l("div", { className: d(
+  "border rounded-lg p-4",
+  {
+    success: "bg-green-50 border-green-200 text-green-800",
+    error: "bg-red-50 border-red-200 text-red-800",
+    warning: "bg-yellow-50 border-yellow-200 text-yellow-800",
+    info: "bg-blue-50 border-blue-200 text-blue-800"
+  }[e],
+  a
+), children: [
+  t && /* @__PURE__ */ n("h4", { className: "font-semibold mb-2", children: t }),
+  r && /* @__PURE__ */ n("p", { className: "text-sm", children: r })
+] }), so = ({
+  value: e,
+  max: t = 100,
+  className: r
+}) => {
+  const a = Math.min(100, Math.max(0, e / t * 100));
+  return /* @__PURE__ */ n("div", { className: d(
+    "w-full bg-secondary rounded-full h-2",
+    r
+  ), children: /* @__PURE__ */ n(
+    "div",
+    {
+      className: "bg-primary h-2 rounded-full transition-all duration-300",
+      style: { width: `${a}%` }
+    }
+  ) });
+}, z = ({ className: e }) => /* @__PURE__ */ n("div", { className: d(
+  "animate-pulse bg-gray-200 dark:bg-gray-700 rounded",
+  e
+) }), io = ({
+  items: e,
+  className: t
+}) => /* @__PURE__ */ n("nav", { className: d("flex items-center space-x-2 text-sm", t), children: e.map((r, a) => /* @__PURE__ */ l(re.Fragment, { children: [
+  a > 0 && /* @__PURE__ */ n(le, { className: "h-4 w-4 text-muted-foreground" }),
+  r.href ? /* @__PURE__ */ n(
+    H,
+    {
+      href: r.href,
+      className: "text-muted-foreground hover:text-foreground transition-colors",
+      children: r.label
+    }
+  ) : /* @__PURE__ */ n("span", { className: "text-foreground font-medium", children: r.label })
+] }, a)) }), lo = ({
+  currentPage: e,
+  totalPages: t,
+  onPageChange: r,
+  className: a
+}) => {
+  const o = () => {
+    const i = [], c = [];
+    for (let u = Math.max(2, e - 2); u <= Math.min(t - 1, e + 2); u++)
+      i.push(u);
+    return e - 2 > 2 ? c.push(1, "...") : c.push(1), c.push(...i), e + 2 < t - 1 ? c.push("...", t) : c.push(t), c;
+  };
+  return /* @__PURE__ */ l("nav", { className: d("flex items-center space-x-1", a), children: [
+    /* @__PURE__ */ n(
+      "button",
+      {
+        onClick: () => r(e - 1),
+        disabled: e === 1,
+        className: "p-2 rounded-md border border-input bg-background hover:bg-accent disabled:opacity-50 disabled:cursor-not-allowed",
+        children: /* @__PURE__ */ n(kt, { className: "h-4 w-4" })
+      }
+    ),
+    o().map((s, i) => /* @__PURE__ */ n(re.Fragment, { children: s === "..." ? /* @__PURE__ */ n("span", { className: "px-3 py-2 text-muted-foreground", children: "..." }) : /* @__PURE__ */ n(
+      "button",
+      {
+        onClick: () => r(s),
+        className: d(
+          "px-3 py-2 rounded-md border transition-colors",
+          s === e ? "bg-primary text-primary-foreground border-primary" : "border-input bg-background hover:bg-accent"
+        ),
+        children: s
+      }
+    ) }, i)),
+    /* @__PURE__ */ n(
+      "button",
+      {
+        onClick: () => r(e + 1),
+        disabled: e === t,
+        className: "p-2 rounded-md border border-input bg-background hover:bg-accent disabled:opacity-50 disabled:cursor-not-allowed",
+        children: /* @__PURE__ */ n(le, { className: "h-4 w-4" })
+      }
+    )
+  ] });
+}, co = ({
+  data: e,
+  columns: t,
+  rowKey: r,
+  className: a
+}) => /* @__PURE__ */ n("div", { className: d("overflow-x-auto", a), children: /* @__PURE__ */ l("table", { className: "w-full border-collapse", children: [
+  /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ n("tr", { className: "border-b", children: t.map((o) => /* @__PURE__ */ n(
+    "th",
+    {
+      className: "text-left p-3 font-medium text-muted-foreground",
+      children: o.title
+    },
+    String(o.key)
+  )) }) }),
+  /* @__PURE__ */ n("tbody", { children: e.map((o) => /* @__PURE__ */ n("tr", { className: "border-b hover:bg-muted/50", children: t.map((s) => /* @__PURE__ */ n("td", { className: "p-3", children: s.render ? s.render(o[s.key], o) : String(o[s.key]) }, String(s.key))) }, String(o[r]))) })
+] }) }), uo = ({
+  items: e,
+  className: t
+}) => /* @__PURE__ */ n("div", { className: d("space-y-2", t), children: e.map((r) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: "p-4 border rounded-lg hover:bg-muted/50 transition-colors",
+    children: [
+      /* @__PURE__ */ n("h3", { className: "font-medium text-foreground", children: r.title }),
+      r.description && /* @__PURE__ */ n("p", { className: "text-sm text-muted-foreground mt-1", children: r.description })
+    ]
+  },
+  r.id
+)) }), mo = ({
+  items: e,
+  className: t
+}) => /* @__PURE__ */ n("div", { className: d("space-y-6", t), children: e.map((r, a) => /* @__PURE__ */ l("div", { className: "relative flex", children: [
+  /* @__PURE__ */ l("div", { className: "flex flex-col items-center", children: [
+    /* @__PURE__ */ n("div", { className: "w-3 h-3 bg-primary rounded-full border-2 border-background" }),
+    a < e.length - 1 && /* @__PURE__ */ n("div", { className: "w-px h-12 bg-border mt-2" })
+  ] }),
+  /* @__PURE__ */ l("div", { className: "ml-4 flex-1", children: [
+    /* @__PURE__ */ n("h3", { className: "font-medium text-foreground", children: r.title }),
+    /* @__PURE__ */ n("p", { className: "text-sm text-muted-foreground", children: r.date }),
+    r.description && /* @__PURE__ */ n("p", { className: "text-sm text-muted-foreground mt-1", children: r.description })
+  ] })
+] }, r.id)) }), fo = ({
+  event: e,
+  className: t,
+  featured: r = !1,
+  showImage: a = !0
+}) => {
+  var h, g, p, C, y, N, R, E, b, v, I, T, x, D, O;
+  const o = typeof (e == null ? void 0 : e.name) == "string" ? e.name : ((h = e == null ? void 0 : e.name) == null ? void 0 : h.en) || ((g = e == null ? void 0 : e.name) == null ? void 0 : g.es) || ((p = e == null ? void 0 : e.name) == null ? void 0 : p.ru) || "Sample Event", s = typeof (e == null ? void 0 : e.description) == "string" ? e.description : ((C = e == null ? void 0 : e.description) == null ? void 0 : C.en) || ((y = e == null ? void 0 : e.description) == null ? void 0 : y.es) || ((N = e == null ? void 0 : e.description) == null ? void 0 : N.ru) || "Sample event description", i = (e == null ? void 0 : e.start_date) || "2024-12-31", c = typeof ((R = e == null ? void 0 : e.venue_id) == null ? void 0 : R.name) == "string" ? e.venue_id.name : ((b = (E = e == null ? void 0 : e.venue_id) == null ? void 0 : E.name) == null ? void 0 : b.en) || ((I = (v = e == null ? void 0 : e.venue_id) == null ? void 0 : v.name) == null ? void 0 : I.es) || ((x = (T = e == null ? void 0 : e.venue_id) == null ? void 0 : T.name) == null ? void 0 : x.ru) || "Sample Venue", u = typeof (e == null ? void 0 : e.price) == "string" ? e.price : typeof (e == null ? void 0 : e.price) == "object" && (e == null ? void 0 : e.price) !== null ? `€${((D = e.price) == null ? void 0 : D.min) || 0} - €${((O = e.price) == null ? void 0 : O.max) || "∞"}` : "€25", f = e == null ? void 0 : e.image;
+  return /* @__PURE__ */ l(J, { className: d(
+    "group relative overflow-hidden border-transparent hover:border-primary/20 shadow-md hover:shadow-xl transition-all duration-300 animate-fade-in-up",
+    r && "ring-2 ring-primary/50",
+    t
+  ), children: [
+    r && /* @__PURE__ */ n("div", { className: "absolute top-3 right-3 z-10", children: /* @__PURE__ */ n("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-semibold bg-gradient-to-r from-orange-500 to-purple-600 text-white shadow-lg", children: "🔥 Trending" }) }),
+    a && /* @__PURE__ */ l("div", { className: "relative w-full h-48 bg-gradient-to-br from-gray-200 to-gray-300 dark:from-gray-700 dark:to-gray-800 rounded-t-lg overflow-hidden", children: [
+      f ? /* @__PURE__ */ n(
+        "img",
+        {
+          src: f,
+          alt: o,
+          className: "w-full h-full object-cover group-hover:scale-110 transition-transform duration-500"
+        }
+      ) : /* @__PURE__ */ n("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ n("svg", { className: "w-16 h-16 text-gray-400 dark:text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" }) }) }),
+      /* @__PURE__ */ n("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300" })
+    ] }),
+    /* @__PURE__ */ l(K, { className: "p-4", children: [
+      /* @__PURE__ */ n("h3", { className: "text-lg font-bold mb-2 group-hover:text-primary transition-colors line-clamp-2", children: e != null && e.slug ? /* @__PURE__ */ n(H, { href: `/events/${e.slug}`, variant: "ghost", size: "none", children: o }) : o }),
+      /* @__PURE__ */ n("p", { className: "text-sm text-gray-600 dark:text-gray-300 mb-3 line-clamp-2", children: s }),
+      /* @__PURE__ */ l("div", { className: "flex flex-col gap-2 mb-3", children: [
+        /* @__PURE__ */ l("div", { className: "flex items-center gap-2 text-xs text-gray-500", children: [
+          /* @__PURE__ */ n("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) }),
+          /* @__PURE__ */ n("span", { children: i })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "flex items-center gap-2 text-xs text-gray-500", children: [
+          /* @__PURE__ */ l("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: [
+            /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }),
+            /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
+          ] }),
+          /* @__PURE__ */ n("span", { className: "line-clamp-1", children: c })
+        ] })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "pt-3 border-t border-gray-200 dark:border-gray-700", children: e != null && e.ticket_url ? /* @__PURE__ */ l(
+        H,
+        {
+          href: e.ticket_url,
+          className: "inline-flex items-center justify-center w-full py-2 px-4 bg-gradient-to-r from-orange-500 to-purple-600 hover:from-orange-600 hover:to-purple-700 text-white font-semibold transition-all duration-300 transform hover:scale-105 shadow-md hover:shadow-lg",
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: [
+            "Get Tickets",
+            /* @__PURE__ */ n("svg", { className: "ml-2 w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 5l7 7m0 0l-7 7m7-7H3" }) })
+          ]
+        }
+      ) : /* @__PURE__ */ n("div", { className: "text-right", children: /* @__PURE__ */ n("span", { className: "text-lg font-bold bg-gradient-to-r from-orange-500 to-purple-600 bg-clip-text text-transparent", children: u }) }) })
+    ] })
+  ] });
+}, ho = ({
+  venue: e,
+  className: t,
+  featured: r = !1,
+  showImage: a = !0
+}) => {
+  var h, g;
+  const o = typeof (e == null ? void 0 : e.name) == "string" ? e.name : ((h = e == null ? void 0 : e.name) == null ? void 0 : h.en) || "Sample Venue", s = typeof (e == null ? void 0 : e.description) == "string" ? e.description : ((g = e == null ? void 0 : e.description) == null ? void 0 : g.en) || "Sample venue description", i = typeof (e == null ? void 0 : e.location) == "string" ? e.location : (e == null ? void 0 : e.address) || "Tenerife, Spain", c = (e == null ? void 0 : e.capacity) || "500", u = e == null ? void 0 : e.image, f = (e == null ? void 0 : e.events_count) || 0;
+  return /* @__PURE__ */ l(J, { className: d(
+    "group relative overflow-hidden border-transparent hover:border-primary/20 shadow-md hover:shadow-xl transition-all duration-300 animate-fade-in-up",
+    r && "ring-2 ring-primary/50",
+    t
+  ), children: [
+    r && /* @__PURE__ */ n("div", { className: "absolute top-3 right-3 z-10", children: /* @__PURE__ */ n("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-semibold bg-gradient-to-r from-purple-500 to-orange-500 text-white shadow-lg", children: "⭐ Popular" }) }),
+    a && /* @__PURE__ */ l("div", { className: "relative w-full h-48 bg-gradient-to-br from-gray-200 to-gray-300 dark:from-gray-700 dark:to-gray-800 rounded-t-lg overflow-hidden", children: [
+      u ? /* @__PURE__ */ n(
+        "img",
+        {
+          src: u,
+          alt: o,
+          className: "w-full h-full object-cover group-hover:scale-110 transition-transform duration-500"
+        }
+      ) : /* @__PURE__ */ n("div", { className: "w-full h-full flex items-center justify-center", children: /* @__PURE__ */ n("svg", { className: "w-16 h-16 text-gray-400 dark:text-gray-600", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" }) }) }),
+      /* @__PURE__ */ n("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 via-transparent to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300" })
+    ] }),
+    /* @__PURE__ */ l(K, { className: "p-4", children: [
+      /* @__PURE__ */ n("h3", { className: "text-lg font-bold mb-2 group-hover:text-primary transition-colors line-clamp-2", children: e != null && e.slug ? /* @__PURE__ */ n(H, { href: `/venues/${e.slug}`, variant: "ghost", size: "none", children: o }) : o }),
+      /* @__PURE__ */ n("p", { className: "text-sm text-gray-600 dark:text-gray-300 mb-3 line-clamp-2", children: s }),
+      /* @__PURE__ */ n("div", { className: "flex flex-col gap-2 mb-3", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2 text-xs text-gray-500", children: [
+        /* @__PURE__ */ l("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: [
+          /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" }),
+          /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z" })
+        ] }),
+        /* @__PURE__ */ n("span", { className: "line-clamp-1", children: i })
+      ] }) }),
+      /* @__PURE__ */ n("div", { className: "pt-3 border-t border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ l("div", { className: "flex justify-between items-center text-xs", children: [
+        f > 0 && /* @__PURE__ */ l("div", { className: "flex items-center gap-1 text-primary font-medium", children: [
+          /* @__PURE__ */ n("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" }) }),
+          /* @__PURE__ */ l("span", { children: [
+            f,
+            " events"
+          ] })
+        ] }),
+        c !== "500" && /* @__PURE__ */ l("div", { className: "flex items-center gap-1 text-gray-500", children: [
+          /* @__PURE__ */ n("svg", { className: "w-4 h-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ n("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" }) }),
+          /* @__PURE__ */ l("span", { children: [
+            "Cap: ",
+            c
+          ] })
+        ] })
+      ] }) })
+    ] })
+  ] });
+}, Q = ({
+  id: e,
+  name: t,
+  label: r,
+  type: a = "text",
+  placeholder: o,
+  value: s = "",
+  onChange: i,
+  error: c,
+  helperText: u,
+  className: f
+}) => /* @__PURE__ */ l("div", { className: d("space-y-2", f), children: [
+  r && /* @__PURE__ */ n("label", { className: "block text-sm font-medium", children: r }),
+  /* @__PURE__ */ n(
+    X,
+    {
+      id: e,
+      name: t,
+      type: a,
+      placeholder: o,
+      value: s,
+      onChange: (h) => i == null ? void 0 : i(h.target.value)
+    }
+  ),
+  u && !c && /* @__PURE__ */ n("p", { className: "text-sm text-gray-500", children: u }),
+  c && /* @__PURE__ */ n("p", { className: "text-sm text-red-500", children: c })
+] }), go = ({
+  id: e,
+  name: t,
+  label: r,
+  placeholder: a,
+  options: o = [],
+  value: s = "",
+  onChange: i,
+  error: c,
+  className: u
+}) => /* @__PURE__ */ l("div", { className: d("space-y-2", u), children: [
+  r && /* @__PURE__ */ n("label", { className: "block text-sm font-medium", children: r }),
+  /* @__PURE__ */ l(
+    "select",
+    {
+      id: e,
+      name: t,
+      value: s,
+      onChange: (f) => i == null ? void 0 : i(f.target.value),
+      className: "w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-800",
+      children: [
+        a && /* @__PURE__ */ n("option", { value: "", disabled: !0, children: a }),
+        o.map((f) => /* @__PURE__ */ n("option", { value: f.value, children: f.label }, f.value))
+      ]
+    }
+  ),
+  c && /* @__PURE__ */ n("p", { className: "text-sm text-red-500", children: c })
+] }), po = ({
+  id: e,
+  name: t,
+  label: r,
+  placeholder: a,
+  value: o = "",
+  onChange: s,
+  error: i,
+  rows: c = 4,
+  className: u
+}) => /* @__PURE__ */ l("div", { className: d("space-y-2", u), children: [
+  r && /* @__PURE__ */ n("label", { className: "block text-sm font-medium", children: r }),
+  /* @__PURE__ */ n(
+    "textarea",
+    {
+      id: e,
+      name: t,
+      placeholder: a,
+      value: o,
+      onChange: (f) => s == null ? void 0 : s(f.target.value),
+      className: "w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-800",
+      rows: c
+    }
+  ),
+  i && /* @__PURE__ */ n("p", { className: "text-sm text-red-500", children: i })
+] }), bo = ({ className: e }) => /* @__PURE__ */ l("div", { className: d("space-y-4", e), children: [
+  /* @__PURE__ */ n(Q, { label: "Email", placeholder: "Enter your email" }),
+  /* @__PURE__ */ n(Q, { label: "Password", placeholder: "Enter your password" }),
+  /* @__PURE__ */ n(j, { className: "w-full", children: "Login" })
+] }), yo = ({ className: e }) => /* @__PURE__ */ l("div", { className: d("space-y-4", e), children: [
+  /* @__PURE__ */ n(Q, { label: "Name", placeholder: "Enter your name" }),
+  /* @__PURE__ */ n(Q, { label: "Email", placeholder: "Enter your email" }),
+  /* @__PURE__ */ n(Q, { label: "Password", placeholder: "Enter your password" }),
+  /* @__PURE__ */ n(j, { className: "w-full", children: "Register" })
+] }), xo = ({
+  name: e = "John Doe",
+  email: t = "john@example.com",
+  avatar: r,
+  className: a
+}) => /* @__PURE__ */ l("div", { className: d(
+  "bg-white dark:bg-gray-800 rounded-lg shadow-md p-4",
+  a
+), children: [
+  r && /* @__PURE__ */ n("div", { className: "w-16 h-16 bg-gray-200 dark:bg-gray-700 rounded-full mb-4" }),
+  /* @__PURE__ */ n("h3", { className: "text-lg font-semibold", children: e }),
+  /* @__PURE__ */ n("p", { className: "text-gray-600 dark:text-gray-300", children: t })
+] }), wo = ({ className: e }) => /* @__PURE__ */ l("div", { className: d(
+  "bg-white dark:bg-gray-800 rounded-lg shadow-md p-6",
+  e
+), children: [
+  /* @__PURE__ */ n("h2", { className: "text-2xl font-bold mb-4", children: "Dashboard" }),
+  /* @__PURE__ */ n("p", { className: "text-gray-600 dark:text-gray-300", children: "Admin dashboard content" })
+] }), vo = ({ className: e }) => /* @__PURE__ */ l("div", { className: d(
+  "bg-white dark:bg-gray-800 rounded-lg shadow-md p-6",
+  e
+), children: [
+  /* @__PURE__ */ n("h2", { className: "text-2xl font-bold mb-4", children: "User Management" }),
+  /* @__PURE__ */ n("p", { className: "text-gray-600 dark:text-gray-300", children: "User management content" })
+] }), No = ({
+  placeholder: e = "Search artists, venues...",
+  className: t,
+  onSearch: r,
+  suggestions: a = [],
+  onSuggestionSelect: o
+}) => {
+  const [s, i] = Y(""), [c, u] = Y(!1), [f, h] = Y(-1), g = ct(null), p = (b) => {
+    i(b), h(-1), r && r(b);
+  }, C = () => {
+    u(!0);
+  }, y = (b) => {
+    setTimeout(() => {
+      var v;
+      (v = g.current) != null && v.contains(document.activeElement) || (u(!1), h(-1));
+    }, 200);
+  }, N = (b) => {
+    if (a.length !== 0)
+      if (b.key === "ArrowDown")
+        b.preventDefault(), h(
+          (v) => v < a.length - 1 ? v + 1 : v
+        );
+      else if (b.key === "ArrowUp")
+        b.preventDefault(), h((v) => v > 0 ? v - 1 : -1);
+      else if (b.key === "Enter" && f >= 0 && f < a.length) {
+        b.preventDefault();
+        const v = a[f];
+        v && (i(v), p(v), o == null || o(v), u(!1));
+      } else b.key === "Escape" && (u(!1), h(-1));
+  }, R = (b) => {
+    i(b), p(b), o == null || o(b), u(!1);
+  };
+  Se(() => {
+    const b = (v) => {
+      g.current && !g.current.contains(v.target) && (u(!1), h(-1));
+    };
+    return document.addEventListener("mousedown", b), () => document.removeEventListener("mousedown", b);
+  }, []);
+  const E = a.filter(
+    (b) => b.toLowerCase().includes(s.toLowerCase())
+  );
+  return /* @__PURE__ */ l("div", { ref: g, className: d("relative w-full max-w-sm", t), children: [
+    /* @__PURE__ */ n(
+      ue,
+      {
+        placeholder: e,
+        value: s,
+        onChange: p,
+        onFocus: C,
+        onBlur: y,
+        onKeyDown: N,
+        className: d(
+          "transition-all duration-200",
+          "focus:ring-2 focus:ring-primary focus:ring-offset-2",
+          "hover:border-primary/50",
+          c && "border-primary shadow-sm"
+        )
+      }
+    ),
+    c && E.length > 0 && /* @__PURE__ */ n("div", { className: "absolute z-50 w-full mt-1 bg-popover border rounded-md shadow-lg max-h-60 overflow-auto", children: E.map((b, v) => /* @__PURE__ */ n(
+      "button",
+      {
+        type: "button",
+        onClick: () => R(b),
+        className: d(
+          "w-full text-left px-4 py-2 text-sm transition-colors",
+          "hover:bg-accent hover:text-accent-foreground",
+          "focus:bg-accent focus:text-accent-foreground focus:outline-none",
+          v === f && "bg-accent text-accent-foreground"
+        ),
+        children: b
+      },
+      b
+    )) })
+  ] });
+}, ko = ({
+  events: e = [],
+  limit: t = 5,
+  loading: r = !1,
+  className: a
+}) => /* @__PURE__ */ l("div", { className: d(
+  "bg-white dark:bg-gray-800 rounded-lg shadow-md p-6",
+  a
+), children: [
+  /* @__PURE__ */ n("h2", { className: "text-2xl font-bold mb-4", children: "Trending Events" }),
+  r ? /* @__PURE__ */ n("p", { className: "text-gray-600 dark:text-gray-300", children: "Loading trending events..." }) : /* @__PURE__ */ l("p", { className: "text-gray-600 dark:text-gray-300", children: [
+    "Showing ",
+    e.length,
+    " trending events (limit: ",
+    t,
+    ")"
+  ] })
+] }), Mo = ({
+  articles: e,
+  readMoreLabel: t = "Read more",
+  className: r
+}) => /* @__PURE__ */ n("div", { className: d("space-y-6", r), children: e.map((a) => /* @__PURE__ */ l("article", { className: "border rounded-lg p-6 hover:shadow-md transition-shadow", children: [
+  a.image && /* @__PURE__ */ n("div", { className: "w-full h-48 bg-muted rounded-md mb-4" }),
+  /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ n("h2", { className: "text-xl font-semibold", children: /* @__PURE__ */ n(
+      H,
+      {
+        href: `/news/${a.slug}`,
+        variant: "ghost",
+        size: "none",
+        className: "hover:text-primary",
+        children: a.title
+      }
+    ) }),
+    a.description && /* @__PURE__ */ n("p", { className: "text-muted-foreground", children: a.description }),
+    a.date && /* @__PURE__ */ n("p", { className: "text-sm text-muted-foreground", children: a.date }),
+    /* @__PURE__ */ l(
+      H,
+      {
+        href: `/news/${a.slug}`,
+        variant: "default",
+        size: "none",
+        className: "inline-flex items-center",
+        children: [
+          t,
+          " →"
+        ]
+      }
+    )
+  ] })
+] }, a.slug)) }), Co = ({ className: e }) => /* @__PURE__ */ n("div", { className: d(
+  "w-6 h-6 bg-primary rounded-full flex items-center justify-center",
+  e
+), children: /* @__PURE__ */ n("span", { className: "text-white text-sm", children: "↑" }) }), ke = [
+  { code: "en", label: "English" },
+  { code: "es", label: "Español" },
+  { code: "ru", label: "Русский" }
+], So = ({
+  className: e,
+  languages: t = ke,
+  value: r,
+  defaultValue: a,
+  disabled: o,
+  onLanguageChange: s
+}) => {
+  const i = ut(() => t.length > 0 ? t : ke, [t]), c = () => {
+    var g;
+    return r !== void 0 ? r : a && i.some((p) => p.code === a) ? a : ((g = i[0]) == null ? void 0 : g.code) ?? "en";
+  }, [u, f] = Y(c);
+  return Se(() => {
+    r !== void 0 && r !== u && f(r);
+  }, [r, u]), /* @__PURE__ */ n(
+    "select",
+    {
+      value: r ?? u,
+      onChange: (g) => {
+        const p = g.target.value;
+        r === void 0 && f(p), s == null || s(p);
+      },
+      disabled: o,
+      className: d(
+        "px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md bg-white dark:bg-gray-800 text-sm",
+        o && "opacity-70 cursor-not-allowed",
+        e
+      ),
+      "aria-label": "Language selector",
+      "data-testid": "language-selector",
+      children: i.map(({ code: g, label: p }) => /* @__PURE__ */ n("option", { value: g, children: p }, g))
+    }
+  );
+}, Do = ({ className: e }) => /* @__PURE__ */ l("div", { className: d(
+  "bg-white dark:bg-gray-800 rounded-lg shadow-md p-4",
+  e
+), children: [
+  /* @__PURE__ */ n(z, { className: "w-full h-48 mb-4" }),
+  /* @__PURE__ */ n(z, { className: "h-6 w-3/4 mb-2" }),
+  /* @__PURE__ */ n(z, { className: "h-4 w-full mb-2" }),
+  /* @__PURE__ */ n(z, { className: "h-4 w-1/2" })
+] }), To = ({ className: e }) => /* @__PURE__ */ l("div", { className: d(
+  "bg-white dark:bg-gray-800 rounded-lg shadow-md p-4",
+  e
+), children: [
+  /* @__PURE__ */ n(z, { className: "w-full h-48 mb-4" }),
+  /* @__PURE__ */ n(z, { className: "h-6 w-3/4 mb-2" }),
+  /* @__PURE__ */ n(z, { className: "h-4 w-full mb-2" }),
+  /* @__PURE__ */ n(z, { className: "h-4 w-1/2" })
+] });
+export {
+  oo as Alert,
+  Mo as ArticlesSection,
+  yn as Badge,
+  kn as Blockquote,
+  io as Breadcrumbs,
+  j as Button,
+  J as Card,
+  K as CardContent,
+  Pt as CardDescription,
+  Et as CardFooter,
+  Ot as CardHeader,
+  Rt as CardTitle,
+  Nn as Code,
+  Zt as ConfirmDialog,
+  Xt as Container,
+  Fn as CustomDialog,
+  wo as Dashboard,
+  nt as DateRangePicker,
+  Ft as Divider,
+  Wn as DropdownMenu,
+  ur as DropdownMenuCheckboxItem,
+  lr as DropdownMenuContent,
+  zn as DropdownMenuGroup,
+  cr as DropdownMenuItem,
+  fr as DropdownMenuLabel,
+  In as DropdownMenuPortal,
+  Yn as DropdownMenuRadioGroup,
+  mr as DropdownMenuRadioItem,
+  hr as DropdownMenuSeparator,
+  gr as DropdownMenuShortcut,
+  An as DropdownMenuSub,
+  dr as DropdownMenuSubContent,
+  ir as DropdownMenuSubTrigger,
+  Vn as DropdownMenuTrigger,
+  fo as EventCard,
+  Do as EventCardSkeleton,
+  Do as EventCardSkeletonUI,
+  Wa as FilterBar,
+  Qn as FilterBarCompact,
+  ae as FilterSelect,
+  _t as Flex,
+  Dn as Footer,
+  Q as FormInput,
+  go as FormSelect,
+  po as FormTextarea,
+  qt as Grid,
+  wn as Heading,
+  X as Input,
+  te as Label,
+  So as LanguageSelector,
+  H as Link,
+  uo as List,
+  bo as LoginForm,
+  Jt as Modal,
+  On as ModalClose,
+  Ve as ModalContent,
+  Ye as ModalDescription,
+  Ie as ModalFooter,
+  ze as ModalHeader,
+  We as ModalOverlay,
+  Kt as ModalPortal,
+  En as ModalProvider,
+  Ae as ModalTitle,
+  Tn as ModalTrigger,
+  Cn as ModeHero,
+  Sn as Navbar,
+  pr as NavigationMenu,
+  wr as NavigationMenuContent,
+  vr as NavigationMenuIndicator,
+  Hn as NavigationMenuItem,
+  $n as NavigationMenuLink,
+  br as NavigationMenuList,
+  xr as NavigationMenuTrigger,
+  Ue as NavigationMenuViewport,
+  ao as OverlayBackdrop,
+  no as OverlayContainer,
+  ro as OverlayPortal,
+  lo as Pagination,
+  vn as Paragraph,
+  Ga as Popover,
+  eo as PopoverAnchor,
+  dt as PopoverContent,
+  Ua as PopoverTrigger,
+  to as PopoverWrapper,
+  Fa as PriceRangeSlider,
+  xo as ProfileCard,
+  so as Progress,
+  yo as RegisterForm,
+  No as SearchBar,
+  Xn as SearchFilters,
+  ue as SearchInput,
+  Mn as Section,
+  Cr as Select,
+  Ke as SelectContent,
+  qn as SelectGroup,
+  Ze as SelectItem,
+  Dr as SelectLabel,
+  Je as SelectScrollDownButton,
+  Xe as SelectScrollUpButton,
+  Tr as SelectSeparator,
+  Qe as SelectTrigger,
+  Sr as SelectValue,
+  jn as SimpleModal,
+  z as Skeleton,
+  Ut as Stack,
+  co as Table,
+  _n as Tabs,
+  Mr as TabsContent,
+  Nr as TabsList,
+  kr as TabsTrigger,
+  Ht as Text,
+  xn as ThemeSwitch,
+  mo as Timeline,
+  ot as Toast,
+  Jn as ToastProvider,
+  _a as Tooltip,
+  it as TooltipContent,
+  $a as TooltipProvider,
+  Ba as TooltipTrigger,
+  Zn as TooltipWrapper,
+  Co as TrendingIcon,
+  ko as TrendingSection,
+  vo as UserManagement,
+  ho as VenueCard,
+  To as VenueCardSkeleton,
+  To as VenueCardSkeletonUI,
+  It as applyDocumentMode,
+  Lt as badgeVariants,
+  fn as borderRadius,
+  Dt as buttonVariants,
+  d as cn,
+  Qt as containerVariants,
+  nn as cssVariableColorTokens,
+  pn as debounce,
+  $t as flexVariants,
+  dn as fontFamily,
+  ln as fontSize,
+  cn as fontWeight,
+  Ct as formatDate,
+  hn as formatDateTime,
+  St as formatTime,
+  gn as generateId,
+  Bt as gridVariants,
+  un as letterSpacing,
+  mn as lineHeight,
+  Tt as linkVariants,
+  yr as navigationMenuTriggerStyle,
+  Qa as popoverContentVariants,
+  sn as spacing,
+  Gt as stackVariants,
+  on as tailwindThemeColors,
+  bn as throttle,
+  za as toastVariants,
+  qa as tooltipContentVariants,
+  Rn as useConfirmDialog,
+  Gn as useDateRange,
+  Pn as useModal,
+  tr as useModalContext,
+  er as useModalManager,
+  Un as usePriceRange,
+  Bn as useSearch,
+  Kn as useToast,
+  Ya as useToastContext,
+  Ln as withModal
+};