@levo-so/react 0.1.76 → 0.1.78

package/dist/audience/components/block.js

@@ -0,0 +1,32 @@
+"use client";
+import { useState as a, useEffect as l } from "react";
+import { useLevoInsights as d } from "../../providers/LevoProvider.js";
+const v = ({ id: e, properties: c = {} }) => {
+  const t = d(), [n, s] = a(!1);
+  return l(() => {
+    if (n || typeof t?.track != "function") return;
+    const o = document.getElementById(e);
+    if (!o) return;
+    const i = () => {
+      n || (t?.track("block.view", {
+        ...c,
+        resource: "block",
+        identifier: e
+      }), s(!0));
+    }, r = new IntersectionObserver(
+      (u) => {
+        u.forEach((f) => {
+          f.isIntersecting && (i(), r.disconnect());
+        });
+      },
+      { threshold: 0 }
+    );
+    return r.observe(o), () => {
+      r.disconnect();
+    };
+  }, [t, e, c, n]), null;
+};
+export {
+  v as LevoAudienceBlock,
+  v as default
+};

package/dist/audience/components/component.js

@@ -0,0 +1,13 @@
+"use client";
+import { useEffect as n } from "react";
+import { useLevoInsights as u } from "../../providers/LevoProvider.js";
+const r = ({ event: e, properties: o }) => {
+  const t = u();
+  return n(() => {
+    t?.track(e, o);
+  }, [t, e, o]), null;
+};
+export {
+  r as LevoAudienceComponent,
+  r as default
+};

package/dist/audience/components/page.js

@@ -0,0 +1,19 @@
+"use client";
+import { useEffect as o } from "react";
+import { useLevo as t, useLevoInsights as f } from "../../providers/LevoProvider.js";
+const d = ({ id: n }) => {
+  const i = t(), e = f();
+  return o(() => {
+    i && typeof window < "u" && (window.levo_client = i);
+  }, [i]), o(() => {
+    e && typeof window < "u" && (window.levo_insights = e);
+  }, [e]), o(() => {
+    e && n && e.init({
+      pageId: n
+    });
+  }, [e, n]), null;
+};
+export {
+  d as LevoAudiencePage,
+  d as default
+};

package/dist/components/Dialog.js

@@ -0,0 +1,84 @@
+"use client";
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { X as p } from "lucide-react";
+import { Dialog as e } from "radix-ui";
+import * as l from "react";
+import { cn as i } from "../utils/cn.js";
+const C = e.Root, R = e.Trigger, f = e.Portal, k = e.Close, r = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+  e.Overlay,
+  {
+    ref: s,
+    className: i(
+      "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",
+      a
+    ),
+    ...t
+  }
+));
+r.displayName = e.Overlay.displayName;
+const u = l.forwardRef(({ className: a, children: t, container: s, hideCloseButton: d, overlayStyles: c, ...m }, g) => /* @__PURE__ */ o(f, { container: s, children: /* @__PURE__ */ o(r, { className: c, children: /* @__PURE__ */ n(
+  e.Content,
+  {
+    ref: g,
+    className: i(
+      "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",
+      a
+    ),
+    ...m,
+    children: [
+      t,
+      !d && /* @__PURE__ */ n(
+        e.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__ */ o(p, { className: "h-4 w-4" }),
+            /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
+          ]
+        }
+      )
+    ]
+  }
+) }) }));
+u.displayName = e.Content.displayName;
+const y = ({ className: a, ...t }) => /* @__PURE__ */ o("div", { className: i("flex flex-col space-y-1.5 text-center sm:text-left", a), ...t });
+y.displayName = "DialogHeader";
+const N = ({ className: a, ...t }) => /* @__PURE__ */ o(
+  "div",
+  {
+    className: i("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", a),
+    ...t
+  }
+);
+N.displayName = "DialogFooter";
+const x = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+  e.Title,
+  {
+    ref: s,
+    className: i("font-semibold text-lg leading-none tracking-tight", a),
+    ...t
+  }
+));
+x.displayName = e.Title.displayName;
+const D = l.forwardRef(({ className: a, ...t }, s) => /* @__PURE__ */ o(
+  e.Description,
+  {
+    ref: s,
+    className: i("text-muted-foreground text-sm", a),
+    ...t
+  }
+));
+D.displayName = e.Description.displayName;
+export {
+  C as Dialog,
+  k as DialogClose,
+  u as DialogContent,
+  D as DialogDescription,
+  N as DialogFooter,
+  y as DialogHeader,
+  r as DialogOverlay,
+  f as DialogPortal,
+  x as DialogTitle,
+  R as DialogTrigger
+};

package/dist/components/DialogWrapper.js

@@ -0,0 +1,20 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { Dialog as m, DialogContent as d, DialogHeader as p, DialogTitle as t, DialogDescription as g } from "./Dialog.js";
+const f = ({
+  isOpen: o,
+  onClose: a,
+  children: r,
+  title: i,
+  description: n = "",
+  contentClassName: s,
+  modal: c = !0
+}) => /* @__PURE__ */ e(m, { open: o, onOpenChange: a, modal: c, children: /* @__PURE__ */ l(d, { className: s, children: [
+  i && /* @__PURE__ */ l(p, { className: "flex-1 font-medium", children: [
+    /* @__PURE__ */ e(t, { children: i }),
+    /* @__PURE__ */ e(g, { children: n })
+  ] }),
+  /* @__PURE__ */ e("div", { className: "w-full", children: r })
+] }) });
+export {
+  f as DialogWrapper
+};

package/dist/components/Sonner.js

@@ -0,0 +1,41 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { Toaster as a, toast as s } from "sonner";
+import { toast as m } from "sonner";
+const g = ({ ...t }) => /* @__PURE__ */ e(
+  a,
+  {
+    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"
+      }
+    },
+    ...t
+  }
+), c = (t, r = "Error", o = {}) => {
+  s.error(r, {
+    description: t,
+    duration: 4e3,
+    position: "bottom-right",
+    ...o
+  });
+}, p = (t, r = "Success", o = {}) => {
+  o?.id && s.dismiss(o?.id), s.success(r, {
+    description: t,
+    duration: 4e3,
+    position: "bottom-right",
+    ...o
+  });
+};
+export {
+  g as Toaster,
+  c as errorToast,
+  p as successToast,
+  m as toast
+};

package/dist/components/Spinner.js

@@ -0,0 +1,8 @@
+import { jsx as t } from "react/jsx-runtime";
+import { BiLoaderAlt as r } from "react-icons/bi";
+import { cn as i } from "../utils/cn.js";
+const e = ({ className: o }) => /* @__PURE__ */ t(r, { className: i("h-8 w-8 animate-spin font-light", o) });
+export {
+  e as Spinner,
+  e as default
+};

package/dist/components/Tabs.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { Tabs as e } from "radix-ui";
+import * as o from "react";
+import { cn as n } from "../utils/cn.js";
+const u = e.Root, r = o.forwardRef(({ className: t, ...i }, s) => /* @__PURE__ */ a(
+  e.List,
+  {
+    ref: s,
+    className: n(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      t
+    ),
+    ...i
+  }
+));
+r.displayName = e.List.displayName;
+const f = o.forwardRef(({ className: t, ...i }, s) => /* @__PURE__ */ a(
+  e.Trigger,
+  {
+    ref: s,
+    className: n(
+      "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",
+      t
+    ),
+    "data-levo-studio-interactive": "true",
+    ...i
+  }
+));
+f.displayName = e.Trigger.displayName;
+const d = o.forwardRef(({ className: t, ...i }, s) => /* @__PURE__ */ a(
+  e.Content,
+  {
+    ref: s,
+    className: n(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      t
+    ),
+    ...i
+  }
+));
+d.displayName = e.Content.displayName;
+export {
+  u as Tabs,
+  d as TabsContent,
+  r as TabsList,
+  f as TabsTrigger
+};

package/dist/components/Tooltip.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { Tooltip as o } from "radix-ui";
+import * as p from "react";
+import { cn as m } from "../utils/cn.js";
+const x = o.Provider, c = o.Root, f = o.Trigger, T = o.Portal, d = p.forwardRef(({ className: i, sideOffset: t = 4, ...r }, a) => /* @__PURE__ */ e(
+  o.Content,
+  {
+    ref: a,
+    sideOffset: t,
+    className: m(
+      "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",
+      i
+    ),
+    ...r
+  }
+));
+d.displayName = o.Content.displayName;
+const v = ({ children: i, label: t, labelClassName: r, asChild: a = !0, contentProps: s = {}, side: n }) => /* @__PURE__ */ l(c, { children: [
+  t && /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(d, { side: n, className: r, ...s, children: t }) }),
+  /* @__PURE__ */ e(f, { asChild: a, children: i })
+] });
+export {
+  v as SimpleTooltipWrapper,
+  c as Tooltip,
+  d as TooltipContent,
+  T as TooltipPortal,
+  x as TooltipProvider,
+  f as TooltipTrigger
+};

package/dist/components/button/Button.js

@@ -0,0 +1,41 @@
+import { jsx as m, jsxs as c, Fragment as d } from "react/jsx-runtime";
+import { Slot as u } from "radix-ui";
+import * as b from "react";
+import { BiLoaderAlt as h } from "react-icons/bi";
+import { twMerge as w } from "tailwind-merge";
+import { cn as B } from "../../utils/cn.js";
+import { buttonVariants as N } from "./buttonVariants.js";
+const R = b.forwardRef(
+  ({
+    className: e,
+    variant: a,
+    size: s,
+    rounded: n,
+    asChild: i = !1,
+    isLoading: t = !1,
+    loadingText: r,
+    disabled: f,
+    ...o
+  }, l) => {
+    const p = i ? u.Root : "button";
+    return /* @__PURE__ */ m(
+      p,
+      {
+        className: B(N({ variant: a, size: s, rounded: n, className: e })),
+        ref: l,
+        disabled: f || t,
+        type: "button",
+        ...o,
+        children: t ? /* @__PURE__ */ c(d, { children: [
+          /* @__PURE__ */ m(h, { className: w("h-4 w-4 animate-spin", r ? "mr-2" : "") }),
+          r
+        ] }) : o.children
+      }
+    );
+  }
+);
+R.displayName = "Button";
+export {
+  R as Button,
+  R as default
+};

package/dist/components/button/buttonVariants.js

@@ -0,0 +1,40 @@
+import { cva as e } from "class-variance-authority";
+const t = 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"
+    }
+  }
+);
+export {
+  t as buttonVariants
+};

package/dist/constants/fileUploadPresets.js

@@ -0,0 +1,75 @@
+const o = [
+  "pdf",
+  "txt",
+  "xml",
+  "xls",
+  "xlsx",
+  "ods",
+  "odt",
+  "doc",
+  "docx",
+  "csv",
+  "odp",
+  "ppt",
+  "pptx"
+], p = ["svg", "png", "jpg", "jpeg", "gif", "webp", "avif"], t = ["mp4", "ogv", "webm"], m = ["mp3", "ogg", "opus"], n = {
+  "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"]
+}, s = {
+  "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"]
+}, a = {
+  "video/mp4": [".mp4"],
+  "video/mpeg": [".mpeg"],
+  "video/webm": [".webm"]
+}, d = {
+  "audio/mpeg": [".mp3"],
+  "audio/ogg": [".oga"],
+  "audio/opus": [".opus"]
+}, e = {
+  audio: d,
+  document: n,
+  image: s,
+  video: a
+}, i = {
+  audio: m,
+  document: o,
+  image: p,
+  video: t
+}, g = [
+  ...i.audio,
+  ...i.document,
+  ...i.image,
+  ...i.video
+], c = {
+  ...e.audio,
+  ...e.document,
+  ...e.image,
+  ...e.video
+};
+export {
+  g as allMediaFileExtensions,
+  c as allMediaMimetypes,
+  m as audioFileExtensions,
+  d as audioMimetype,
+  o as documentFileExtensions,
+  n as documentMimetype,
+  p as imageFileExtensions,
+  s as imageMimetype,
+  i as mediaExtensionsByKind,
+  e as mediaMimetypeByKind,
+  t as videoFileExtensions,
+  a as videoMimetype
+};