@levo-so/react 0.0.1-alpha → 0.1.0

package/dist/RichTextWidget-B5qxi5OE.js

@@ -0,0 +1,309 @@
+"use client";
+import { j as l } from "./jsx-runtime-B6kdoens.js";
+import B from "@tiptap/extension-bold";
+import d from "@tiptap/extension-bullet-list";
+import w from "@tiptap/extension-document";
+import { HardBreak as z } from "@tiptap/extension-hard-break";
+import y from "@tiptap/extension-history";
+import S from "@tiptap/extension-italic";
+import M from "@tiptap/extension-link";
+import R from "@tiptap/extension-list-item";
+import U from "@tiptap/extension-ordered-list";
+import T from "@tiptap/extension-paragraph";
+import H from "@tiptap/extension-strike";
+import N from "@tiptap/extension-text";
+import O from "@tiptap/extension-text-align";
+import F from "@tiptap/extension-underline";
+import { useEditor as I, EditorContent as E } from "@tiptap/react";
+import { useState as D, useEffect as G } from "react";
+import { useController as q } from "react-hook-form";
+import { G as p, e as J, f as V, g as W, h as Z, i as _, j as P, k as K, l as Q, m as X, n as Y, o as $, p as nn } from "./Spinner-CuUosd-S.js";
+import { h as ln, j as en, k as sn } from "./CollectionFormBuilder-a0pzMkWL.js";
+import { c as j } from "./cn-C9QoOYNG.js";
+function an(n) {
+  return p({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M758.2 839.1C851.8 765.9 912 651.9 912 523.9 912 303 733.5 124.3 512.6 124 291.4 123.7 112 302.8 112 523.9c0 125.2 57.5 236.9 147.6 310.2 3.5 2.8 8.6 2.2 11.4-1.3l39.4-50.5c2.7-3.4 2.1-8.3-1.2-11.1-8.1-6.6-15.9-13.7-23.4-21.2a318.64 318.64 0 0 1-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7 29.4-29.4 63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6 29.4 29.4 52.5 63.6 68.6 101.7 16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.64 318.64 0 0 1-68.6 101.7c-9.3 9.3-19.1 18-29.3 26L668.2 724a8 8 0 0 0-14.1 3l-39.6 162.2c-1.2 5 2.6 9.9 7.7 9.9l167 .8c6.7 0 10.5-7.7 6.3-12.9l-37.3-47.9z" }, child: [] }] })(n);
+}
+function cn(n) {
+  return p({ tag: "svg", attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M511.4 124C290.5 124.3 112 303 112 523.9c0 128 60.2 242 153.8 315.2l-37.5 48c-4.1 5.3-.3 13 6.3 12.9l167-.8c5.2 0 9-4.9 7.7-9.9L369.8 727a8 8 0 0 0-14.1-3L315 776.1c-10.2-8-20-16.7-29.3-26a318.64 318.64 0 0 1-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7 29.4-29.4 63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6 29.4 29.4 52.5 63.6 68.6 101.7 16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.64 318.64 0 0 1-68.6 101.7c-7.5 7.5-15.3 14.5-23.4 21.2a7.93 7.93 0 0 0-1.2 11.1l39.4 50.5c2.8 3.5 7.9 4.1 11.4 1.3C854.5 760.8 912 649.1 912 523.9c0-221.1-179.4-400.2-400.6-399.9z" }, child: [] }] })(n);
+}
+function tn(n) {
+  return p({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M12.6512 14.0654L11.6047 20H9.57389L10.9247 12.339L3.51465 4.92892L4.92886 3.51471L20.4852 19.0711L19.071 20.4853L12.6512 14.0654ZM11.7727 7.53009L12.0425 5.99999H10.2426L8.24257 3.99999H19.9999V5.99999H14.0733L13.4991 9.25652L11.7727 7.53009Z" }, child: [] }] })(n);
+}
+const e = ({
+  isSelected: n,
+  className: c,
+  children: t,
+  ...i
+}) => /* @__PURE__ */ l.jsx(
+  "button",
+  {
+    className: j(
+      "text-gray-900 rounded-[4px] hover:bg-gray-200",
+      n ? "bg-gray-400" : "bg-transparent",
+      c
+    ),
+    type: "button",
+    ...i,
+    children: t
+  }
+), a = ({ children: n }) => /* @__PURE__ */ l.jsx("div", { className: "flex p-1 gap-[2px] border-solid border-r-[1px] border-input", children: n }), rn = ({ editor: n }) => {
+  if (!n)
+    return null;
+  function c(i) {
+    const u = i.getAttributes("link").href, r = window.prompt("URL", u);
+    if (r !== null) {
+      if (r === "") {
+        i.chain().focus().extendMarkRange("link").unsetLink().run();
+        return;
+      }
+      i.chain().focus().extendMarkRange("link").setLink({ href: r }).run();
+    }
+  }
+  const t = n.getAttributes("link").href;
+  return /* @__PURE__ */ l.jsxs("div", { className: "w-full bg-white flex flex-wrap border-solid border-b-[1px] rounded-tl-[14px] rounded-br-[14px] overflow", children: [
+    /* @__PURE__ */ l.jsxs(a, { children: [
+      /* @__PURE__ */ l.jsx(
+        e,
+        {
+          title: "Bold",
+          isSelected: n == null ? void 0 : n.isActive("bold"),
+          "aria-label": "bold",
+          onClick: () => n == null ? void 0 : n.chain().focus().toggleBold().run(),
+          children: /* @__PURE__ */ l.jsx(J, { size: "1.125rem" })
+        }
+      ),
+      /* @__PURE__ */ l.jsx(
+        e,
+        {
+          title: "Italic",
+          isSelected: n == null ? void 0 : n.isActive("italic"),
+          "aria-label": "italic",
+          onClick: () => n == null ? void 0 : n.chain().focus().toggleItalic().run(),
+          children: /* @__PURE__ */ l.jsx(V, { size: "1.125rem" })
+        }
+      ),
+      /* @__PURE__ */ l.jsx(
+        e,
+        {
+          title: "Underline",
+          isSelected: n == null ? void 0 : n.isActive("underline"),
+          "aria-label": "underline",
+          onClick: () => n == null ? void 0 : n.commands.toggleUnderline(),
+          children: /* @__PURE__ */ l.jsx(W, { size: "1.25rem" })
+        }
+      ),
+      /* @__PURE__ */ l.jsx(
+        e,
+        {
+          title: "Strike",
+          isSelected: n == null ? void 0 : n.isActive("strike"),
+          "aria-label": "strike",
+          onClick: () => n == null ? void 0 : n.chain().focus().toggleStrike().run(),
+          children: /* @__PURE__ */ l.jsx(Z, { size: "1.125rem" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l.jsxs(a, { children: [
+      /* @__PURE__ */ l.jsx(
+        e,
+        {
+          title: "Bullet list",
+          isSelected: n == null ? void 0 : n.isActive("bulletList"),
+          "aria-label": "bulletList",
+          onClick: () => n == null ? void 0 : n.chain().focus().toggleBulletList().run(),
+          children: /* @__PURE__ */ l.jsx(_, { size: "1.25rem" })
+        }
+      ),
+      /* @__PURE__ */ l.jsx(
+        e,
+        {
+          title: "Numbered List",
+          isSelected: n == null ? void 0 : n.isActive("orderedList"),
+          "aria-label": "numberList",
+          onClick: () => n == null ? void 0 : n.chain().focus().toggleOrderedList().run(),
+          children: /* @__PURE__ */ l.jsx(P, { size: "1.25rem" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l.jsxs(a, { children: [
+      /* @__PURE__ */ l.jsx(
+        e,
+        {
+          title: "Add Link",
+          "aria-label": "link",
+          isSelected: n == null ? void 0 : n.isActive("link"),
+          onClick: () => c(n),
+          children: /* @__PURE__ */ l.jsx(K, { size: "1.25rem" })
+        }
+      ),
+      /* @__PURE__ */ l.jsx(
+        e,
+        {
+          title: "Remove Link",
+          "aria-label": "unlink",
+          disabled: !t,
+          onClick: () => n.chain().focus().extendMarkRange("link").unsetLink().run(),
+          children: /* @__PURE__ */ l.jsx(Q, { size: "1.25rem" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l.jsxs(a, { children: [
+      /* @__PURE__ */ l.jsx(
+        e,
+        {
+          title: "Left Align",
+          isSelected: n == null ? void 0 : n.isActive({ textAlign: "left" }),
+          "aria-label": "leftAlign",
+          onClick: () => n == null ? void 0 : n.chain().focus().setTextAlign("left").run(),
+          children: /* @__PURE__ */ l.jsx(X, { size: "1.125rem" })
+        }
+      ),
+      /* @__PURE__ */ l.jsx(
+        e,
+        {
+          title: "Center Align",
+          isSelected: n == null ? void 0 : n.isActive({ textAlign: "center" }),
+          "aria-label": "centerAlign",
+          onClick: () => n == null ? void 0 : n.chain().focus().setTextAlign("center").run(),
+          children: /* @__PURE__ */ l.jsx(Y, { size: "1.125rem" })
+        }
+      ),
+      /* @__PURE__ */ l.jsx(
+        e,
+        {
+          title: "Right Align",
+          isSelected: n == null ? void 0 : n.isActive({ textAlign: "right" }),
+          "aria-label": "rightAlign",
+          onClick: () => n == null ? void 0 : n.chain().focus().setTextAlign("right").run(),
+          children: /* @__PURE__ */ l.jsx($, { size: "1.125rem" })
+        }
+      ),
+      /* @__PURE__ */ l.jsx(
+        e,
+        {
+          title: "Justify Align",
+          isSelected: n == null ? void 0 : n.isActive({ textAlign: "justify" }),
+          "aria-label": "justifyAlign",
+          onClick: () => n == null ? void 0 : n.chain().focus().setTextAlign("justify").run(),
+          children: /* @__PURE__ */ l.jsx(nn, { size: "1.125rem" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ l.jsx(a, { children: /* @__PURE__ */ l.jsx(
+      e,
+      {
+        title: "Clear Formatting",
+        isSelected: n == null ? void 0 : n.isActive("clear-formatting"),
+        "aria-label": "clear-formatting",
+        onClick: () => n.chain().focus().clearNodes().unsetAllMarks().run(),
+        children: /* @__PURE__ */ l.jsx(tn, { size: "1.125rem" })
+      }
+    ) }),
+    /* @__PURE__ */ l.jsxs(a, { children: [
+      /* @__PURE__ */ l.jsx(
+        e,
+        {
+          title: "Undo",
+          "aria-label": "undo",
+          onClick: () => n.chain().focus().undo().run(),
+          disabled: !n.can().chain().focus().undo().run(),
+          children: /* @__PURE__ */ l.jsx(cn, { size: "1.125rem" })
+        }
+      ),
+      /* @__PURE__ */ l.jsx(
+        e,
+        {
+          title: "Redo",
+          "aria-label": "redo",
+          onClick: () => n.chain().focus().redo().run(),
+          disabled: !n.can().chain().focus().redo().run(),
+          children: /* @__PURE__ */ l.jsx(an, { size: "1.125rem" })
+        }
+      )
+    ] })
+  ] });
+}, Mn = ({ field: n }) => {
+  var b;
+  const [c, t] = D(!1), { key: i = "", label: u = "", helper_text: r = "", readonly: h = !1 } = n, o = i, {
+    field: { value: x, onBlur: k, onChange: L, ...m },
+    fieldState: g
+  } = q({
+    name: o,
+    rules: ln(n)
+  }), A = !!(n != null && n.required), v = (b = g == null ? void 0 : g.error) == null ? void 0 : b.message, s = I({
+    extensions: [
+      w,
+      T,
+      N,
+      B,
+      F,
+      S,
+      H,
+      U,
+      d,
+      R,
+      z,
+      M.configure({
+        HTMLAttributes: {
+          target: "_blank"
+        },
+        openOnClick: !1
+      }),
+      O.configure({
+        types: ["heading", "paragraph"]
+      }),
+      y
+    ],
+    content: x,
+    editable: !m.disabled && !h,
+    onBlur: () => {
+      k();
+    },
+    onUpdate: ({ editor: f }) => {
+      const C = f.getHTML();
+      L(C);
+    }
+  });
+  return G(() => {
+    s != null && s.commands && !c && (s.commands.setContent(x || ""), t(!0));
+  }, [x]), /* @__PURE__ */ l.jsxs(en, { error: v, helperText: r, readOnly: h, children: [
+    u && /* @__PURE__ */ l.jsx(sn, { htmlFor: o, isRequired: A, children: u }),
+    /* @__PURE__ */ l.jsxs(
+      "div",
+      {
+        className: j(
+          "w-full rounded-md border border-input placeholder:text-muted-foreground focus-within:outline-none focus-within:ring-1 focus-within:ring-ring overflow-hidden",
+          (m == null ? void 0 : m.disabled) && "cursor-not-allowed opacity-50 pointer-events-none",
+          h && "focus-visible:ring-0 pointer-events-none"
+        ),
+        children: [
+          /* @__PURE__ */ l.jsx(rn, { editor: s }),
+          /* @__PURE__ */ l.jsx(
+            "div",
+            {
+              className: "overflow-y-auto bg-white flex-1 w-full h-[210px] rounded-b-[inherit]",
+              onClick: () => {
+                var f;
+                return (f = s == null ? void 0 : s.commands) == null ? void 0 : f.focus();
+              },
+              children: /* @__PURE__ */ l.jsx(
+                E,
+                {
+                  id: o,
+                  className: "prose prose-sm px-4 !w-full [&>div]:outline-none [&>div]:w-full",
+                  name: o,
+                  editor: s
+                }
+              )
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+export {
+  Mn as RichTextWidget,
+  e as ToolbarButton,
+  Mn as default
+};

package/dist/Sonner-t6JVKA0a.js

@@ -0,0 +1,39 @@
+"use client";
+import { j as e } from "./jsx-runtime-B6kdoens.js";
+import { Toaster as a, toast as s } from "sonner";
+const n = ({ ...t }) => /* @__PURE__ */ e.jsx(
+  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
+  }
+), p = (t, o = "Error", r = {}) => {
+  s.error(o, {
+    description: t,
+    duration: 4e3,
+    position: "bottom-right",
+    ...r
+  });
+}, g = (t, o = "Success", r = {}) => {
+  s.success(o, {
+    description: t,
+    duration: 4e3,
+    position: "bottom-right",
+    ...r
+  });
+};
+export {
+  n as T,
+  p as e,
+  g as s
+};

package/dist/Spinner-CuUosd-S.js

@@ -0,0 +1,297 @@
+"use client";
+import { j as c } from "./jsx-runtime-B6kdoens.js";
+import { Slot as B } from "@radix-ui/react-slot";
+import * as m from "react";
+import l from "react";
+import { twMerge as j } from "tailwind-merge";
+import { cva as O } from "class-variance-authority";
+import { c as u } from "./cn-C9QoOYNG.js";
+import * as d from "@radix-ui/react-tabs";
+var x = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, p = l.createContext && /* @__PURE__ */ l.createContext(x), P = ["attr", "size", "title"];
+function M(t, e) {
+  if (t == null) return {};
+  var r = N(t, e), a, n;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    for (n = 0; n < o.length; n++)
+      a = o[n], !(e.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(t, a) && (r[a] = t[a]);
+  }
+  return r;
+}
+function N(t, e) {
+  if (t == null) return {};
+  var r = {};
+  for (var a in t)
+    if (Object.prototype.hasOwnProperty.call(t, a)) {
+      if (e.indexOf(a) >= 0) continue;
+      r[a] = t[a];
+    }
+  return r;
+}
+function f() {
+  return f = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var r = arguments[e];
+      for (var a in r)
+        Object.prototype.hasOwnProperty.call(r, a) && (t[a] = r[a]);
+    }
+    return t;
+  }, f.apply(this, arguments);
+}
+function b(t, e) {
+  var r = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(t);
+    e && (a = a.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(t, n).enumerable;
+    })), r.push.apply(r, a);
+  }
+  return r;
+}
+function g(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var r = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? b(Object(r), !0).forEach(function(a) {
+      L(t, a, r[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : b(Object(r)).forEach(function(a) {
+      Object.defineProperty(t, a, Object.getOwnPropertyDescriptor(r, a));
+    });
+  }
+  return t;
+}
+function L(t, e, r) {
+  return e = C(e), e in t ? Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = r, t;
+}
+function C(t) {
+  var e = S(t, "string");
+  return typeof e == "symbol" ? e : e + "";
+}
+function S(t, e) {
+  if (typeof t != "object" || !t) return t;
+  var r = t[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var a = r.call(t, e || "default");
+    if (typeof a != "object") return a;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(t);
+}
+function z(t) {
+  return t && t.map((e, r) => /* @__PURE__ */ l.createElement(e.tag, g({
+    key: r
+  }, e.attr), z(e.child)));
+}
+function i(t) {
+  return (e) => /* @__PURE__ */ l.createElement(E, f({
+    attr: g({}, t.attr)
+  }, e), z(t.child));
+}
+function E(t) {
+  var e = (r) => {
+    var {
+      attr: a,
+      size: n,
+      title: o
+    } = t, h = M(t, P), v = n || r.size || "1em", s;
+    return r.className && (s = r.className), t.className && (s = (s ? s + " " : "") + t.className), /* @__PURE__ */ l.createElement("svg", f({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, r.attr, a, h, {
+      className: s,
+      style: g(g({
+        color: t.color || r.color
+      }, r.style), t.style),
+      height: v,
+      width: v,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), o && /* @__PURE__ */ l.createElement("title", null, o), t.children);
+  };
+  return p !== void 0 ? /* @__PURE__ */ l.createElement(p.Consumer, null, (r) => e(r)) : e(x);
+}
+function q(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 7h16v2H4zm0-4h16v2H4zm0 8h16v2H4zm0 4h16v2H4zm2 4h12v2H6z" }, child: [] }] })(t);
+}
+function F(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 19h16v2H4zm0-4h11v2H4zm0-4h16v2H4zm0-8h16v2H4zm0 4h11v2H4z" }, child: [] }] })(t);
+}
+function J(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 19h16v2H4zm3-4h10v2H7zm-3-4h16v2H4zm0-8h16v2H4zm3 4h10v2H7z" }, child: [] }] })(t);
+}
+function K(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 19h16v2H4zm5-4h11v2H9zm-5-4h16v2H4zm0-8h16v2H4zm5 4h11v2H9z" }, child: [] }] })(t);
+}
+function Q(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M17.061 11.22A4.46 4.46 0 0 0 18 8.5C18 6.019 15.981 4 13.5 4H6v15h8c2.481 0 4.5-2.019 4.5-4.5a4.48 4.48 0 0 0-1.439-3.28zM13.5 7c.827 0 1.5.673 1.5 1.5s-.673 1.5-1.5 1.5H9V7h4.5zm.5 9H9v-3h5c.827 0 1.5.673 1.5 1.5S14.827 16 14 16z" }, child: [] }] })(t);
+}
+function X(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z" }, child: [] }] })(t);
+}
+function Y(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z" }, child: [] }] })(t);
+}
+function Z(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M19 7V4H9v3h2.868L9.012 17H5v3h10v-3h-2.868l2.856-10z" }, child: [] }] })(t);
+}
+function $(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M8.465 11.293c1.133-1.133 3.109-1.133 4.242 0l.707.707 1.414-1.414-.707-.707c-.943-.944-2.199-1.465-3.535-1.465s-2.592.521-3.535 1.465L4.929 12a5.008 5.008 0 0 0 0 7.071 4.983 4.983 0 0 0 3.535 1.462A4.982 4.982 0 0 0 12 19.071l.707-.707-1.414-1.414-.707.707a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243l2.122-2.121z" }, child: [] }, { tag: "path", attr: { d: "m12 4.929-.707.707 1.414 1.414.707-.707a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.122 2.121c-1.133 1.133-3.109 1.133-4.242 0L10.586 12l-1.414 1.414.707.707c.943.944 2.199 1.465 3.535 1.465s2.592-.521 3.535-1.465L19.071 12a5.008 5.008 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0z" }, child: [] }] })(t);
+}
+function tt(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M5.282 12.064c-.428.328-.72.609-.875.851-.155.24-.249.498-.279.768h2.679v-.748H5.413c.081-.081.152-.151.212-.201.062-.05.182-.142.361-.27.303-.218.511-.42.626-.604.116-.186.173-.375.173-.578a.898.898 0 0 0-.151-.512.892.892 0 0 0-.412-.341c-.174-.076-.419-.111-.733-.111-.3 0-.537.038-.706.114a.889.889 0 0 0-.396.338c-.094.143-.159.346-.194.604l.894.076c.025-.188.074-.317.147-.394a.375.375 0 0 1 .279-.108c.11 0 .2.035.272.108a.344.344 0 0 1 .108.258.55.55 0 0 1-.108.297c-.074.102-.241.254-.503.453zm.055 6.386a.398.398 0 0 1-.282-.105c-.074-.07-.128-.195-.162-.378L4 18.085c.059.204.142.372.251.506.109.133.248.235.417.306.168.069.399.103.692.103.3 0 .541-.047.725-.14a1 1 0 0 0 .424-.403c.098-.175.146-.354.146-.544a.823.823 0 0 0-.088-.393.708.708 0 0 0-.249-.261 1.015 1.015 0 0 0-.286-.11.943.943 0 0 0 .345-.299.673.673 0 0 0 .113-.383.747.747 0 0 0-.281-.596c-.187-.159-.49-.238-.909-.238-.365 0-.648.072-.847.219-.2.143-.334.353-.404.626l.844.151c.023-.162.067-.274.133-.338s.151-.098.257-.098a.33.33 0 0 1 .241.089c.059.06.087.139.087.238 0 .104-.038.193-.117.27s-.177.112-.293.112a.907.907 0 0 1-.116-.011l-.045.649a1.13 1.13 0 0 1 .289-.056c.132 0 .237.041.313.126.077.082.115.199.115.352 0 .146-.04.266-.119.354a.394.394 0 0 1-.301.134zm.948-10.083V5h-.739a1.47 1.47 0 0 1-.394.523c-.168.142-.404.262-.708.365v.754a2.595 2.595 0 0 0 .937-.48v2.206h.904zM9 6h11v2H9zm0 5h11v2H9zm0 5h11v2H9z" }, child: [] }] })(t);
+}
+function et(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M4 6h2v2H4zm0 5h2v2H4zm0 5h2v2H4zm16-8V6H8.023v2H18.8zM8 11h12v2H8zm0 5h12v2H8z" }, child: [] }] })(t);
+}
+function y(t) {
+  return i({ tag: "svg", 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: [] }] })(t);
+}
+function rt(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M20 11h-8c-4 0-4-1.816-4-2.5C8 7.882 8 6 12 6c2.8 0 2.99 1.678 3 2.014L16 8h1c0-1.384-1.045-4-5-4-5.416 0-6 3.147-6 4.5 0 .728.148 1.667.736 2.5H4v2h16v-2zm-8 7c-3.793 0-3.99-1.815-4-2H6c0 .04.069 4 6 4 5.221 0 6-2.819 6-4.5 0-.146-.009-.317-.028-.5h-2.006c.032.2.034.376.034.5 0 .684 0 2.5-4 2.5z" }, child: [] }] })(t);
+}
+function at(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M5 18h14v2H5zM6 4v6c0 3.309 2.691 6 6 6s6-2.691 6-6V4h-2v6c0 2.206-1.794 4-4 4s-4-1.794-4-4V4H6z" }, child: [] }] })(t);
+}
+function it(t) {
+  return i({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M16.949 14.121 19.071 12a5.008 5.008 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0l-.707.707 1.414 1.414.707-.707a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.122 2.121a2.723 2.723 0 0 1-.844.57L13.414 12l1.414-1.414-.707-.707a4.965 4.965 0 0 0-3.535-1.465c-.235 0-.464.032-.691.066L3.707 2.293 2.293 3.707l18 18 1.414-1.414-5.536-5.536c.277-.184.538-.396.778-.636zm-6.363 3.536a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243l1.476-1.475-1.414-1.414L4.929 12a5.008 5.008 0 0 0 0 7.071 4.983 4.983 0 0 0 3.535 1.462A4.982 4.982 0 0 0 12 19.071l.707-.707-1.414-1.414-.707.707z" }, child: [] }] })(t);
+}
+const R = O(
+  "inline-flex items-center justify-center 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 disabled:cursor-not-allowed",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        secondaryOutline: "bg-transparent border-[1px] border-solid border-white hover:bg-white hover:border-input",
+        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"
+    }
+  }
+), T = m.forwardRef(
+  ({
+    className: t,
+    variant: e,
+    size: r,
+    rounded: a,
+    asChild: n = !1,
+    isLoading: o = !1,
+    loadingText: h,
+    disabled: v,
+    ...s
+  }, w) => {
+    const H = n ? B : "button";
+    return /* @__PURE__ */ c.jsx(
+      H,
+      {
+        className: u(R({ variant: e, size: r, rounded: a, className: t })),
+        ref: w,
+        disabled: v || o,
+        type: "button",
+        ...s,
+        children: o ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+          /* @__PURE__ */ c.jsx(
+            y,
+            {
+              className: j(
+                "h-4 w-4 animate-spin",
+                h ? "mr-2" : ""
+              )
+            }
+          ),
+          h
+        ] }) : s.children
+      }
+    );
+  }
+);
+T.displayName = "Button";
+const nt = d.Root, _ = m.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ c.jsx(
+  d.List,
+  {
+    ref: r,
+    className: u(
+      "inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",
+      t
+    ),
+    ...e
+  }
+));
+_.displayName = d.List.displayName;
+const V = m.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ c.jsx(
+  d.Trigger,
+  {
+    ref: r,
+    className: u(
+      "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",
+      t
+    ),
+    "data-levo-studio-interactive": "true",
+    ...e
+  }
+));
+V.displayName = d.Trigger.displayName;
+const A = m.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ c.jsx(
+  d.Content,
+  {
+    ref: r,
+    className: u(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      t
+    ),
+    ...e
+  }
+));
+A.displayName = d.Content.displayName;
+const ot = ({ className: t }) => /* @__PURE__ */ c.jsx(y, { className: u("h-8 w-8 animate-spin font-light", t) });
+export {
+  T as B,
+  i as G,
+  ot as S,
+  nt as T,
+  _ as a,
+  R as b,
+  V as c,
+  A as d,
+  Q as e,
+  Z as f,
+  at as g,
+  rt as h,
+  et as i,
+  tt as j,
+  $ as k,
+  it as l,
+  F as m,
+  J as n,
+  K as o,
+  q as p,
+  y as q,
+  X as r,
+  Y as s
+};