@levo-so/react 0.1.76 → 0.1.78

package/dist/index.js

@@ -1,983 +1,82 @@
-"use client";
-import * as _ from "react";
-import R, { createContext as Le, useContext as K, useState as P, useEffect as O, useMemo as fe, useRef as me, useCallback as X } from "react";
-import { clsx as De } from "clsx";
-import { twMerge as pe } from "tailwind-merge";
-import { Slot as Ie, Dialog as y, Tabs as k, Tooltip as A } from "radix-ui";
-import { cva as $e } from "class-variance-authority";
-import { X as Me } from "lucide-react";
-import { Toaster as We, toast as q } from "sonner";
-import { toast as nr } from "sonner";
-import { getLevoError as ge } from "@levo-so/core";
-var W = { exports: {} }, D = {};
-var ie;
-function Be() {
-  if (ie) return D;
-  ie = 1;
-  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function r(n, s, a) {
-    var u = null;
-    if (a !== void 0 && (u = "" + a), s.key !== void 0 && (u = "" + s.key), "key" in s) {
-      a = {};
-      for (var i in s)
-        i !== "key" && (a[i] = s[i]);
-    } else a = s;
-    return s = a.ref, {
-      $$typeof: e,
-      type: n,
-      key: u,
-      ref: s !== void 0 ? s : null,
-      props: a
-    };
-  }
-  return D.Fragment = t, D.jsx = r, D.jsxs = r, D;
-}
-var I = {};
-var ce;
-function Fe() {
-  return ce || (ce = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(o) {
-      if (o == null) return null;
-      if (typeof o == "function")
-        return o.$$typeof === Ce ? null : o.displayName || o.name || null;
-      if (typeof o == "string") return o;
-      switch (o) {
-        case N:
-          return "Fragment";
-        case b:
-          return "Profiler";
-        case L:
-          return "StrictMode";
-        case _e:
-          return "Suspense";
-        case Ne:
-          return "SuspenseList";
-        case ke:
-          return "Activity";
-      }
-      if (typeof o == "object")
-        switch (typeof o.tag == "number" && console.error(
-          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), o.$$typeof) {
-          case C:
-            return "Portal";
-          case $:
-            return o.displayName || "Context";
-          case x:
-            return (o._context.displayName || "Context") + ".Consumer";
-          case Re:
-            var c = o.render;
-            return o = o.displayName, o || (o = c.displayName || c.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case Pe:
-            return c = o.displayName || null, c !== null ? c : e(o.type) || "Memo";
-          case Y:
-            c = o._payload, o = o._init;
-            try {
-              return e(o(c));
-            } catch {
-            }
-        }
-      return null;
-    }
-    function t(o) {
-      return "" + o;
-    }
-    function r(o) {
-      try {
-        t(o);
-        var c = !1;
-      } catch {
-        c = !0;
-      }
-      if (c) {
-        c = console;
-        var f = c.error, p = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return f.call(
-          c,
-          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          p
-        ), t(o);
-      }
-    }
-    function n(o) {
-      if (o === N) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === Y)
-        return "<...>";
-      try {
-        var c = e(o);
-        return c ? "<" + c + ">" : "<...>";
-      } catch {
-        return "<...>";
-      }
-    }
-    function s() {
-      var o = G.A;
-      return o === null ? null : o.getOwner();
-    }
-    function a() {
-      return Error("react-stack-top-frame");
-    }
-    function u(o) {
-      if (te.call(o, "key")) {
-        var c = Object.getOwnPropertyDescriptor(o, "key").get;
-        if (c && c.isReactWarning) return !1;
-      }
-      return o.key !== void 0;
-    }
-    function i(o, c) {
-      function f() {
-        re || (re = !0, console.error(
-          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          c
-        ));
-      }
-      f.isReactWarning = !0, Object.defineProperty(o, "key", {
-        get: f,
-        configurable: !0
-      });
-    }
-    function m() {
-      var o = e(this.type);
-      return oe[o] || (oe[o] = !0, console.error(
-        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), o = this.props.ref, o !== void 0 ? o : null;
-    }
-    function v(o, c, f, p, M, H) {
-      var g = f.ref;
-      return o = {
-        $$typeof: E,
-        type: o,
-        key: c,
-        props: f,
-        _owner: p
-      }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(o, "ref", {
-        enumerable: !1,
-        get: m
-      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: 0
-      }), Object.defineProperty(o, "_debugInfo", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: null
-      }), Object.defineProperty(o, "_debugStack", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: M
-      }), Object.defineProperty(o, "_debugTask", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: H
-      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
-    }
-    function h(o, c, f, p, M, H) {
-      var g = c.children;
-      if (g !== void 0)
-        if (p)
-          if (Se(g)) {
-            for (p = 0; p < g.length; p++)
-              d(g[p]);
-            Object.freeze && Object.freeze(g);
-          } else
-            console.error(
-              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-            );
-        else d(g);
-      if (te.call(c, "key")) {
-        g = e(o);
-        var S = Object.keys(c).filter(function(Ae) {
-          return Ae !== "key";
-        });
-        p = 0 < S.length ? "{key: someKey, " + S.join(": ..., ") + ": ...}" : "{key: someKey}", ae[g + p] || (S = 0 < S.length ? "{" + S.join(": ..., ") + ": ...}" : "{}", console.error(
-          `A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,
-          p,
-          g,
-          S,
-          g
-        ), ae[g + p] = !0);
-      }
-      if (g = null, f !== void 0 && (r(f), g = "" + f), u(c) && (r(c.key), g = "" + c.key), "key" in c) {
-        f = {};
-        for (var J in c)
-          J !== "key" && (f[J] = c[J]);
-      } else f = c;
-      return g && i(
-        f,
-        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
-      ), v(
-        o,
-        g,
-        f,
-        s(),
-        M,
-        H
-      );
-    }
-    function d(o) {
-      T(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === Y && (o._payload.status === "fulfilled" ? T(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
-    }
-    function T(o) {
-      return typeof o == "object" && o !== null && o.$$typeof === E;
-    }
-    var w = R, E = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), N = Symbol.for("react.fragment"), L = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), Re = Symbol.for("react.forward_ref"), _e = Symbol.for("react.suspense"), Ne = Symbol.for("react.suspense_list"), Pe = Symbol.for("react.memo"), Y = Symbol.for("react.lazy"), ke = Symbol.for("react.activity"), Ce = Symbol.for("react.client.reference"), G = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, te = Object.prototype.hasOwnProperty, Se = Array.isArray, V = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    w = {
-      react_stack_bottom_frame: function(o) {
-        return o();
-      }
-    };
-    var re, oe = {}, ne = w.react_stack_bottom_frame.bind(
-      w,
-      a
-    )(), se = V(n(a)), ae = {};
-    I.Fragment = N, I.jsx = function(o, c, f) {
-      var p = 1e4 > G.recentlyCreatedOwnerStacks++;
-      return h(
-        o,
-        c,
-        f,
-        !1,
-        p ? Error("react-stack-top-frame") : ne,
-        p ? V(n(o)) : se
-      );
-    }, I.jsxs = function(o, c, f) {
-      var p = 1e4 > G.recentlyCreatedOwnerStacks++;
-      return h(
-        o,
-        c,
-        f,
-        !0,
-        p ? Error("react-stack-top-frame") : ne,
-        p ? V(n(o)) : se
-      );
-    };
-  })()), I;
-}
-var le;
-function ze() {
-  return le || (le = 1, process.env.NODE_ENV === "production" ? W.exports = Be() : W.exports = Fe()), W.exports;
-}
-var l = ze();
-const Z = Le({
-  client: null,
-  insights: null
-}), $t = ({ children: e, client: t, insights: r = null }) => /* @__PURE__ */ l.jsx(Z.Provider, { value: { client: t, insights: r }, children: e }), Q = () => {
-  const e = K(Z);
-  if (!e.client)
-    throw new Error(
-      "useLevo must be used within a LevoProvider. Please ensure you have wrapped your component tree with LevoProvider."
-    );
-  return e.client;
-}, ee = () => K(Z).insights, Mt = ({ id: e, properties: t = {} }) => {
-  const r = ee(), [n, s] = P(!1);
-  return O(() => {
-    if (n || typeof r?.track != "function") return;
-    const a = document.getElementById(e);
-    if (!a) return;
-    const u = () => {
-      n || (r?.track("block.view", {
-        ...t,
-        resource: "block",
-        identifier: e
-      }), s(!0));
-    }, i = new IntersectionObserver(
-      (m) => {
-        m.forEach((v) => {
-          v.isIntersecting && (u(), i.disconnect());
-        });
-      },
-      { threshold: 0 }
-    );
-    return i.observe(a), () => {
-      i.disconnect();
-    };
-  }, [r, e, t, n]), null;
-}, Wt = ({ event: e, properties: t }) => {
-  const r = ee();
-  return O(() => {
-    r?.track(e, t);
-  }, [r, e, t]), null;
-}, Bt = ({ id: e }) => {
-  const t = Q(), r = ee();
-  return O(() => {
-    t && typeof window < "u" && (window.levo_client = t);
-  }, [t]), O(() => {
-    r && typeof window < "u" && (window.levo_insights = r);
-  }, [r]), O(() => {
-    r && e && r.init({
-      pageId: e
-    });
-  }, [r, e]), null;
-};
-var ve = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-}, ue = R.createContext && /* @__PURE__ */ R.createContext(ve), Ue = ["attr", "size", "title"];
-function Ye(e, t) {
-  if (e == null) return {};
-  var r = Ge(e, t), n, s;
-  if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    for (s = 0; s < a.length; s++)
-      n = a[s], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
-  }
-  return r;
-}
-function Ge(e, t) {
-  if (e == null) return {};
-  var r = {};
-  for (var n in e)
-    if (Object.prototype.hasOwnProperty.call(e, n)) {
-      if (t.indexOf(n) >= 0) continue;
-      r[n] = e[n];
-    }
-  return r;
-}
-function z() {
-  return z = Object.assign ? Object.assign.bind() : function(e) {
-    for (var t = 1; t < arguments.length; t++) {
-      var r = arguments[t];
-      for (var n in r)
-        Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
-    }
-    return e;
-  }, z.apply(this, arguments);
-}
-function de(e, t) {
-  var r = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(e);
-    t && (n = n.filter(function(s) {
-      return Object.getOwnPropertyDescriptor(e, s).enumerable;
-    })), r.push.apply(r, n);
-  }
-  return r;
-}
-function U(e) {
-  for (var t = 1; t < arguments.length; t++) {
-    var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? de(Object(r), !0).forEach(function(n) {
-      Ve(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : de(Object(r)).forEach(function(n) {
-      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
-    });
-  }
-  return e;
-}
-function Ve(e, t, r) {
-  return t = He(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
-}
-function He(e) {
-  var t = Je(e, "string");
-  return typeof t == "symbol" ? t : t + "";
-}
-function Je(e, t) {
-  if (typeof e != "object" || !e) return e;
-  var r = e[Symbol.toPrimitive];
-  if (r !== void 0) {
-    var n = r.call(e, t);
-    if (typeof n != "object") return n;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (t === "string" ? String : Number)(e);
-}
-function be(e) {
-  return e && e.map((t, r) => /* @__PURE__ */ R.createElement(t.tag, U({
-    key: r
-  }, t.attr), be(t.child)));
-}
-function Xe(e) {
-  return (t) => /* @__PURE__ */ R.createElement(qe, z({
-    attr: U({}, e.attr)
-  }, t), be(e.child));
-}
-function qe(e) {
-  var t = (r) => {
-    var {
-      attr: n,
-      size: s,
-      title: a
-    } = e, u = Ye(e, Ue), i = s || r.size || "1em", m;
-    return r.className && (m = r.className), e.className && (m = (m ? m + " " : "") + e.className), /* @__PURE__ */ R.createElement("svg", z({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, r.attr, n, u, {
-      className: m,
-      style: U(U({
-        color: e.color || r.color
-      }, r.style), e.style),
-      height: i,
-      width: i,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), a && /* @__PURE__ */ R.createElement("title", null, a), e.children);
-  };
-  return ue !== void 0 ? /* @__PURE__ */ R.createElement(ue.Consumer, null, (r) => t(r)) : t(ve);
-}
-function he(e) {
-  return Xe({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 22c5.421 0 10-4.579 10-10h-2c0 4.337-3.663 8-8 8s-8-3.663-8-8c0-4.336 3.663-8 8-8V2C6.579 2 2 6.58 2 12c0 5.421 4.579 10 10 10z" }, child: [] }] })(e);
-}
-const j = (...e) => pe(De(e)), Ke = $e(
-  "inline-flex items-center justify-center font-medium text-sm 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:cursor-not-allowed disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90",
-        destructiveOutline: "border border-red-500 bg-transparent text-destructive shadow-sm hover:bg-destructive hover:text-white",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        secondaryOutline: "border border-white border-solid bg-transparent hover:border-input hover:bg-white",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        xs: "h-8 px-3 text-xs",
-        sm: "h-9 px-3",
-        lg: "h-11 px-8",
-        icon: "h-10 w-10",
-        "icon-small": "h-8 w-8"
-      },
-      rounded: {
-        small: "rounded",
-        default: "rounded-md",
-        large: "rounded-lg",
-        full: "rounded-full"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-      rounded: "default"
-    }
-  }
-), Ze = _.forwardRef(
-  ({
-    className: e,
-    variant: t,
-    size: r,
-    rounded: n,
-    asChild: s = !1,
-    isLoading: a = !1,
-    loadingText: u,
-    disabled: i,
-    ...m
-  }, v) => {
-    const h = s ? Ie.Root : "button";
-    return /* @__PURE__ */ l.jsx(
-      h,
-      {
-        className: j(Ke({ variant: t, size: r, rounded: n, className: e })),
-        ref: v,
-        disabled: i || a,
-        type: "button",
-        ...m,
-        children: a ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-          /* @__PURE__ */ l.jsx(he, { className: pe("h-4 w-4 animate-spin", u ? "mr-2" : "") }),
-          u
-        ] }) : m.children
-      }
-    );
-  }
-);
-Ze.displayName = "Button";
-const Qe = y.Root, Ft = y.Trigger, et = y.Portal, zt = y.Close, xe = _.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
-  y.Overlay,
-  {
-    ref: r,
-    className: j(
-      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 grid max-h-screen place-items-center overflow-y-auto bg-background/80 py-10 backdrop-blur-sm data-[state=closed]:animate-out data-[state=open]:animate-in",
-      e
-    ),
-    ...t
-  }
-));
-xe.displayName = y.Overlay.displayName;
-const we = _.forwardRef(({ className: e, children: t, container: r, hideCloseButton: n, overlayStyles: s, ...a }, u) => /* @__PURE__ */ l.jsx(et, { container: r, children: /* @__PURE__ */ l.jsx(xe, { className: s, children: /* @__PURE__ */ l.jsxs(
-  y.Content,
-  {
-    ref: u,
-    className: j(
-      "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 relative z-50 grid w-full max-w-lg gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:rounded-lg",
-      e
-    ),
-    ...a,
-    children: [
-      t,
-      !n && /* @__PURE__ */ l.jsxs(
-        y.Close,
-        {
-          type: "button",
-          className: "absolute top-4 right-4 rounded-sm p-1 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__ */ l.jsx(Me, { className: "h-4 w-4" }),
-            /* @__PURE__ */ l.jsx("span", { className: "sr-only", children: "Close" })
-          ]
-        }
-      )
-    ]
-  }
-) }) }));
-we.displayName = y.Content.displayName;
-const ye = ({ className: e, ...t }) => /* @__PURE__ */ l.jsx("div", { className: j("flex flex-col space-y-1.5 text-center sm:text-left", e), ...t });
-ye.displayName = "DialogHeader";
-const tt = ({ className: e, ...t }) => /* @__PURE__ */ l.jsx(
-  "div",
-  {
-    className: j("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e),
-    ...t
-  }
-);
-tt.displayName = "DialogFooter";
-const Ee = _.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
-  y.Title,
-  {
-    ref: r,
-    className: j("font-semibold text-lg leading-none tracking-tight", e),
-    ...t
-  }
-));
-Ee.displayName = y.Title.displayName;
-const je = _.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
-  y.Description,
-  {
-    ref: r,
-    className: j("text-muted-foreground text-sm", e),
-    ...t
-  }
-));
-je.displayName = y.Description.displayName;
-const Ut = ({
-  isOpen: e,
-  onClose: t,
-  children: r,
-  title: n,
-  description: s = "",
-  contentClassName: a,
-  modal: u = !0
-}) => /* @__PURE__ */ l.jsx(Qe, { open: e, onOpenChange: t, modal: u, children: /* @__PURE__ */ l.jsxs(we, { className: a, children: [
-  n && /* @__PURE__ */ l.jsxs(ye, { className: "flex-1 font-medium", children: [
-    /* @__PURE__ */ l.jsx(Ee, { children: n }),
-    /* @__PURE__ */ l.jsx(je, { children: s })
-  ] }),
-  /* @__PURE__ */ l.jsx("div", { className: "w-full", children: r })
-] }) }), Yt = ({ ...e }) => /* @__PURE__ */ l.jsx(
-  We,
-  {
-    closeButton: !0,
-    richColors: !0,
-    className: "toaster group",
-    toastOptions: {
-      classNames: {
-        toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
-        description: "group-[.toast]:text-muted-foreground",
-        actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
-        cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
-      }
-    },
-    ...e
-  }
-), rt = (e, t = "Error", r = {}) => {
-  q.error(t, {
-    description: e,
-    duration: 4e3,
-    position: "bottom-right",
-    ...r
-  });
-}, Gt = (e, t = "Success", r = {}) => {
-  r?.id && q.dismiss(r?.id), q.success(t, {
-    description: e,
-    duration: 4e3,
-    position: "bottom-right",
-    ...r
-  });
-}, ot = ({ className: e }) => /* @__PURE__ */ l.jsx(he, { className: j("h-8 w-8 animate-spin font-light", e) }), Vt = k.Root, nt = _.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
-  k.List,
-  {
-    ref: r,
-    className: j(
-      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
-      e
-    ),
-    ...t
-  }
-));
-nt.displayName = k.List.displayName;
-const st = _.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
-  k.Trigger,
-  {
-    ref: r,
-    className: j(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 font-medium text-sm 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
-    ),
-    "data-levo-studio-interactive": "true",
-    ...t
-  }
-));
-st.displayName = k.Trigger.displayName;
-const at = _.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
-  k.Content,
-  {
-    ref: r,
-    className: j(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
-      e
-    ),
-    ...t
-  }
-));
-at.displayName = k.Content.displayName;
-const Ht = A.Provider, it = A.Root, ct = A.Trigger, lt = A.Portal, Oe = _.forwardRef(({ className: e, sideOffset: t = 4, ...r }, n) => /* @__PURE__ */ l.jsx(
-  A.Content,
-  {
-    ref: n,
-    sideOffset: t,
-    className: j(
-      "fade-in-0 zoom-in-95 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 z-50 animate-in overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-popover-foreground text-xs shadow-md data-[state=closed]:animate-out",
-      e
-    ),
-    ...r
-  }
-));
-Oe.displayName = A.Content.displayName;
-const Jt = ({ children: e, label: t, labelClassName: r, asChild: n = !0, contentProps: s = {}, side: a }) => /* @__PURE__ */ l.jsxs(it, { children: [
-  t && /* @__PURE__ */ l.jsx(lt, { children: /* @__PURE__ */ l.jsx(Oe, { side: a, className: r, ...s, children: t }) }),
-  /* @__PURE__ */ l.jsx(ct, { asChild: n, children: e })
-] }), ut = [
-  "pdf",
-  "txt",
-  "xml",
-  "xls",
-  "xlsx",
-  "ods",
-  "odt",
-  "doc",
-  "docx",
-  "csv",
-  "odp",
-  "ppt",
-  "pptx"
-], dt = ["svg", "png", "jpg", "jpeg", "gif", "webp", "avif"], ft = ["mp4", "ogv", "webm"], mt = ["mp3", "ogg", "opus"], pt = {
-  "application/xml": [".xml"],
-  "text/plain": [".txt"],
-  "application/pdf": [".pdf"],
-  "application/msword": [".doc"],
-  "application/vnd.ms-excel": [".xls"],
-  "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet": [".xlsx"],
-  "application/vnd.openxmlformats-officedocument.wordprocessingml.document": [".docx"],
-  "text/csv": [".csv"]
-}, gt = {
-  "image/jpeg": [".jpeg", ".jpg"],
-  "image/jpg": [".jpg"],
-  "image/png": [".png"],
-  "image/gif": [".gif"],
-  "image/svg": [".svg"],
-  "image/svg+xml": [".svg"],
-  "image/webp": [".webp"],
-  "image/avif": [".avif"]
-}, vt = {
-  "video/mp4": [".mp4"],
-  "video/mpeg": [".mpeg"],
-  "video/webm": [".webm"]
-}, bt = {
-  "audio/mpeg": [".mp3"],
-  "audio/ogg": [".oga"],
-  "audio/opus": [".opus"]
-}, B = {
-  audio: bt,
-  document: pt,
-  image: gt,
-  video: vt
-}, F = {
-  audio: mt,
-  document: ut,
-  image: dt,
-  video: ft
-}, Xt = [
-  ...F.audio,
-  ...F.document,
-  ...F.image,
-  ...F.video
-], qt = {
-  ...B.audio,
-  ...B.document,
-  ...B.image,
-  ...B.video
-}, Te = R.createContext({
-  urls: null,
-  title: "",
-  isLoading: !1,
-  onSuccess: () => {
-  },
-  onError: () => {
-  }
-}), ht = ({ title: e, onSuccess: t, onError: r, children: n }) => {
-  const s = Q(), a = typeof window < "u" ? window.location.href : "", [u, i] = P(null), [m, v] = P(!1);
-  O(() => {
-    s.membership && (v(!0), s.membership?.getOAuthURL().then((d) => {
-      i(d);
-    }).catch((d) => {
-      r({
-        code: d?.code || "SOMETHING_WENT_WRONG",
-        message: d?.message || "We could not connect with our service for your sign-in."
-      });
-    }).finally(() => {
-      v(!1);
-    }));
-  }, []);
-  const h = fe(
-    () => ({ title: e, urls: u, isLoading: m, onSuccess: t, onError: r }),
-    [e, u, t, r, m]
-  );
-  return O(() => {
-    if (u && a) {
-      const d = {}, T = Object.keys(u);
-      for (const w of T)
-        try {
-          const E = u[w];
-          if (E) {
-            const C = new URL(E), N = C.searchParams;
-            N.set("redirect_uri", a);
-            const L = s.pageContext;
-            L && N.set("page_context", JSON.stringify(L)), d[w] = C.toString();
-          }
-        } catch {
-        }
-      i(d);
-    }
-  }, [a]), /* @__PURE__ */ l.jsx(Te.Provider, { value: h, children: n });
-}, xt = () => K(Te), wt = ({ url: e, title: t, height: r, width: n }) => {
-  const s = window.screenX + (window.outerWidth - n) / 2, a = window.screenY + (window.outerHeight - r) / 2.5;
-  return window.open(
-    e,
-    t,
-    `width=${n},height=${r},left=${s},top=${a}`
-  );
-}, yt = ({
-  title: e = "",
-  width: t = 500,
-  height: r = 500,
-  url: n,
-  children: s,
-  onCode: a,
-  onClose: u
-}) => {
-  const [i, m] = P(), v = me(void 0), h = () => {
-    window.clearInterval(v.current);
-  }, d = () => {
-    m(
-      wt({
-        url: n,
-        title: e,
-        width: t,
-        height: r
-      })
-    );
-  };
-  return O(() => (i && (v.current = window.setInterval(() => {
-    try {
-      const T = i.location.href, w = new URL(T).searchParams, E = w.get("code");
-      if (!E)
-        return;
-      a(E, w), h(), i.close();
-    } catch {
-    } finally {
-      (!i || i.closed) && (u(), h());
-    }
-  }, 700)), () => {
-    i && i.close(), u && u();
-  }), [i]), /* @__PURE__ */ l.jsx(
-    "div",
-    {
-      onClick: () => {
-        d();
-      },
-      children: s
-    }
-  );
-}, Et = ({
-  title: e = "Levo",
-  url: t,
-  children: r,
-  onSuccess: n,
-  onError: s,
-  width: a = 500,
-  height: u = 700
-}) => {
-  const i = X((m, v) => {
-    m.toLowerCase() === "success" ? n(v) : s(v);
-  }, []);
-  return /* @__PURE__ */ l.jsx(
-    yt,
-    {
-      title: e,
-      width: a,
-      height: u,
-      onClose: () => {
-      },
-      url: t,
-      onCode: i,
-      children: r
-    }
-  );
-}, jt = ({ children: e, provider: t }) => {
-  const { title: r, urls: n, isLoading: s, onSuccess: a, onError: u } = xt(), i = n?.[t];
-  return i ? /* @__PURE__ */ l.jsx(Et, { title: r, provider: t, url: i, onSuccess: a, onError: u, children: s ? /* @__PURE__ */ l.jsx("div", { className: "w-full items-center justify-center", children: /* @__PURE__ */ l.jsx(ot, { className: "h-5 w-5 bg-brand" }) }) : e }) : null;
-}, Ot = ({ url: e, title: t, height: r, width: n }) => {
-  const s = window.screenX + (window.outerWidth - n) / 2, a = window.screenY + (window.outerHeight - r) / 2.5;
-  return window.open(
-    e,
-    t,
-    `width=${n},height=${r},left=${s},top=${a}`
-  );
-}, Kt = ({
-  title: e = "Levo",
-  width: t = 500,
-  height: r = 700,
-  onSuccess: n
-}) => {
-  const s = Q(), [a, u] = P(!1), [i, m] = P(null), [v, h] = P(null), [d, T] = P(), w = me(void 0), E = () => {
-    window.clearInterval(w.current);
-  }, C = X((b, x) => {
-    b.toLowerCase() === "success" ? (h(null), n(x)) : h(x);
-  }, []);
-  O(() => {
-    s.membership && (u(!0), s.membership?.getOAuthURL().then((b) => {
-      if (b)
-        return m(b), b;
-      throw new Error();
-    }).catch((b) => {
-      const x = ge(b);
-      s.logger?.error("Failed to get OAuth URL", x.message), h({
-        code: x?.code || "SOMETHING_WENT_WRONG",
-        message: x?.message || "We could not connect with our service for your sign-in."
-      });
-    }).finally(() => {
-      u(!1);
-    }));
-  }, []), O(() => (d && (w.current = window.setInterval(() => {
-    try {
-      const b = d.location.href, x = new URL(b).searchParams, $ = x.get("code");
-      if (!$)
-        return;
-      C($, x), E(), d.close();
-    } catch {
-    } finally {
-      (!d || d.closed) && (E(), h(null));
-    }
-  }, 700)), () => {
-    d && d.close();
-  }), [d]);
-  const N = X(
-    (b) => {
-      if (b && i !== null) {
-        const x = i?.[b];
-        x && (d && d.close(), T(
-          Ot({
-            url: x,
-            title: e,
-            width: t,
-            height: r
-          })
-        ));
-      }
-    },
-    [i, d]
-  );
-  return {
-    providers: fe(() => i !== null ? Object.keys(i).filter(
-      (b) => !!i[b]
-    ) : [], [i]),
-    isLoading: a,
-    error: v,
-    launchPopup: N
-  };
-};
-class Zt {
-  static Container = ht;
-  static Button = jt;
-}
-const Qt = (e, t = 2) => {
-  if (e === 0) return "0 B";
-  const r = 1024, n = t < 0 ? 0 : t, s = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"], a = Math.floor(Math.log(e) / Math.log(r));
-  return `${Number.parseFloat((e / r ** a).toFixed(n))} ${s[a]}`;
-}, er = (e) => {
-  const t = ge(e);
-  return t?.code === "REQUEST_TIMEOUT" || t?.code === "NETWORK_ERROR" || t?.status === 408 || t?.status === 0 || rt(t?.message || "", t?.title || "Error", {
-    id: `${t?.title || ""}-${t?.message || ""}`
-  }), t;
-}, Tt = (e) => e instanceof Date, Rt = (e) => e == null, _t = (e) => typeof e == "object", Nt = (e) => !Rt(e) && !Array.isArray(e) && _t(e) && !Tt(e), tr = (e) => Nt(e) && !Object.keys(e).length;
+/* empty css                 */
+import { LevoOAuth as r } from "./membership/index.js";
+import { LevoProvider as p, useLevo as s, useLevoInsights as a } from "./providers/LevoProvider.js";
+import { LevoAudienceBlock as m } from "./audience/components/block.js";
+import { LevoAudienceComponent as x } from "./audience/components/component.js";
+import { LevoAudiencePage as f } from "./audience/components/page.js";
+import { Button as T } from "./components/button/Button.js";
+import { buttonVariants as v } from "./components/button/buttonVariants.js";
+import { Dialog as D, DialogClose as y, DialogContent as L, DialogDescription as b, DialogFooter as M, DialogHeader as O, DialogOverlay as E, DialogPortal as h, DialogTitle as C, DialogTrigger as F } from "./components/Dialog.js";
+import { DialogWrapper as A } from "./components/DialogWrapper.js";
+import { Toaster as j, errorToast as I, successToast as S } from "./components/Sonner.js";
+import { toast as H } from "sonner";
+import { Spinner as W } from "./components/Spinner.js";
+import { Tabs as N, TabsContent as U, TabsList as V, TabsTrigger as q } from "./components/Tabs.js";
+import { SimpleTooltipWrapper as G, Tooltip as J, TooltipContent as Q, TooltipPortal as R, TooltipProvider as X, TooltipTrigger as Y } from "./components/Tooltip.js";
+import { allMediaFileExtensions as _, allMediaMimetypes as $, audioFileExtensions as oo, audioMimetype as eo, documentFileExtensions as to, documentMimetype as ro, imageFileExtensions as io, imageMimetype as po, mediaExtensionsByKind as so, mediaMimetypeByKind as ao, videoFileExtensions as no, videoMimetype as mo } from "./constants/fileUploadPresets.js";
+import { useLevoOAuth as xo } from "./membership/useLevoOAuth.js";
+import { byteToSize as fo } from "./utils/byteToSize.js";
+import { cn as uo } from "./utils/cn.js";
+import { errorHandler as co } from "./utils/errorHandler.js";
+import { isDateObject as yo } from "./utils/isDateObject.js";
+import { isEmptyObject as bo } from "./utils/isEmptyObject.js";
+import { isNullOrUndefined as Oo } from "./utils/isNullOrUndefined.js";
+import { isObject as ho, isObjectType as Co } from "./utils/isObject.js";
 export {
-  Ze as Button,
-  Qe as Dialog,
-  zt as DialogClose,
-  we as DialogContent,
-  je as DialogDescription,
-  tt as DialogFooter,
-  ye as DialogHeader,
-  xe as DialogOverlay,
-  et as DialogPortal,
-  Ee as DialogTitle,
-  Ft as DialogTrigger,
-  Ut as DialogWrapper,
-  Mt as LevoInsightsBlock,
-  Wt as LevoInsightsComponent,
-  Bt as LevoInsightsPage,
-  Zt as LevoOAuth,
-  $t as LevoProvider,
-  Jt as SimpleTooltipWrapper,
-  ot as Spinner,
-  Vt as Tabs,
-  at as TabsContent,
-  nt as TabsList,
-  st as TabsTrigger,
-  Yt as Toaster,
-  it as Tooltip,
-  Oe as TooltipContent,
-  lt as TooltipPortal,
-  Ht as TooltipProvider,
-  ct as TooltipTrigger,
-  Xt as allMediaFileExtensions,
-  qt as allMediaMimetypes,
-  mt as audioFileExtensions,
-  bt as audioMimetype,
-  Ke as buttonVariants,
-  Qt as byteToSize,
-  j as cn,
-  ut as documentFileExtensions,
-  pt as documentMimetype,
-  er as errorHandler,
-  rt as errorToast,
-  dt as imageFileExtensions,
-  gt as imageMimetype,
-  Tt as isDateObject,
-  tr as isEmptyObject,
-  Rt as isNullOrUndefined,
-  Nt as isObject,
-  _t as isObjectType,
-  F as mediaExtensionsByKind,
-  B as mediaMimetypeByKind,
-  Gt as successToast,
-  nr as toast,
-  Q as useLevo,
-  ee as useLevoInsights,
-  Kt as useLevoOAuth,
-  ft as videoFileExtensions,
-  vt as videoMimetype
+  T as Button,
+  D as Dialog,
+  y as DialogClose,
+  L as DialogContent,
+  b as DialogDescription,
+  M as DialogFooter,
+  O as DialogHeader,
+  E as DialogOverlay,
+  h as DialogPortal,
+  C as DialogTitle,
+  F as DialogTrigger,
+  A as DialogWrapper,
+  m as LevoInsightsBlock,
+  x as LevoInsightsComponent,
+  f as LevoInsightsPage,
+  r as LevoOAuth,
+  p as LevoProvider,
+  G as SimpleTooltipWrapper,
+  W as Spinner,
+  N as Tabs,
+  U as TabsContent,
+  V as TabsList,
+  q as TabsTrigger,
+  j as Toaster,
+  J as Tooltip,
+  Q as TooltipContent,
+  R as TooltipPortal,
+  X as TooltipProvider,
+  Y as TooltipTrigger,
+  _ as allMediaFileExtensions,
+  $ as allMediaMimetypes,
+  oo as audioFileExtensions,
+  eo as audioMimetype,
+  v as buttonVariants,
+  fo as byteToSize,
+  uo as cn,
+  to as documentFileExtensions,
+  ro as documentMimetype,
+  co as errorHandler,
+  I as errorToast,
+  io as imageFileExtensions,
+  po as imageMimetype,
+  yo as isDateObject,
+  bo as isEmptyObject,
+  Oo as isNullOrUndefined,
+  ho as isObject,
+  Co as isObjectType,
+  so as mediaExtensionsByKind,
+  ao as mediaMimetypeByKind,
+  S as successToast,
+  H as toast,
+  s as useLevo,
+  a as useLevoInsights,
+  xo as useLevoOAuth,
+  no as videoFileExtensions,
+  mo as videoMimetype
 };