@moondreamsdev/dreamer-ui 1.7.10-test.99 → 1.7.12

package/dist/Toast-DUpf_XxS.js

@@ -0,0 +1,754 @@
+import { jsx as u, Fragment as q, jsxs as b } from "react/jsx-runtime";
+import g, { createContext as l, useId as F, useState as x, useEffect as p, useRef as H, useCallback as j, useMemo as z, useContext as A } from "react";
+import { createPortal as Z } from "react-dom";
+import { X as V, C as K, E as P, I as Q } from "./X-CIoyLewf.js";
+import { j as X } from "./join-BmgR_f4v.js";
+function y(...n) {
+  return n.filter((i) => typeof i == "string" && i).join(" ").trim() || void 0;
+}
+function Y({ size: n = 15, color: i = "currentColor", className: o = "inline", ...e }) {
+  return /* @__PURE__ */ u(
+    "svg",
+    {
+      ...e,
+      width: n,
+      height: n,
+      className: o,
+      viewBox: "0 0 15 15",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ u(
+        "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: i,
+          fillRule: "evenodd",
+          clipRule: "evenodd"
+        }
+      )
+    }
+  );
+}
+function h(...n) {
+  return n.filter((i) => typeof i == "string" && i).join(" ").trim() || void 0;
+}
+l(void 0);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+l(null);
+l(null);
+l(void 0);
+l(void 0);
+function _() {
+  const [n, i] = x(0);
+  return p(() => {
+    const o = setInterval(() => {
+      i((e) => (e + 1) % 3);
+    }, 500);
+    return () => clearInterval(o);
+  }, []), /* @__PURE__ */ u("div", { className: "absolute inset-0 inline-flex items-center justify-center gap-x-2 align-middle", children: [0, 1, 2].map((o) => /* @__PURE__ */ u(
+    "div",
+    {
+      className: y(
+        "rounded-full transition-all duration-500 ease-in-out size-[0.35em] bg-current",
+        n === o && "transform -translate-y-1"
+      )
+    },
+    o
+  )) });
+}
+const G = {
+  base: "",
+  primary: "bg-primary text-primary-foreground hover:bg-primary/85 disabled:bg-muted disabled:text-muted-foreground",
+  secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/85 disabled:bg-muted/80 disabled:text-muted-foreground/80",
+  tertiary: "text-primary hover:text-primary-foreground disabled:text-muted",
+  outline: "border border-primary text-primary hover:border-primary-foreground hover:text-primary-foreground disabled:border-muted disabled:text-muted",
+  link: "underline-offset-4 hover:underline disabled:underline disabled:text-muted",
+  destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/85 disabled:bg-muted disabled:text-muted-foreground"
+}, J = {
+  stripped: "",
+  fitted: "size-fit leading-0",
+  sm: "px-2 py-1 text-sm",
+  md: "px-4 py-2 text-base",
+  lg: "px-6 py-3 text-lg",
+  icon: "p-1 w-fit aspect-square",
+  full: "p-2 w-full"
+}, U = {
+  none: "rounded-none",
+  sm: "rounded-sm",
+  md: "rounded-md",
+  lg: "rounded-lg",
+  full: "rounded-full"
+}, k = {
+  variant: "primary",
+  size: "md",
+  rounded: "md"
+};
+function W({
+  variant: n = k.variant,
+  size: i,
+  rounded: o = k.rounded,
+  loading: e,
+  className: r,
+  ...t
+}) {
+  let a;
+  n === "link" && !i ? a = "fitted" : a = i || k.size;
+  const s = y(
+    "appearance-none focus:outline-none focus:ring not-disabled:hover:cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed transition-all",
+    G[n],
+    J[a],
+    U[o],
+    e && "relative pointer-events-none",
+    r
+  );
+  if (t.href && !t.disabled)
+    return /* @__PURE__ */ u(
+      "a",
+      {
+        ...t,
+        rel: t.rel ? t.rel : t.target === "_blank" ? "noopener noreferrer" : void 0,
+        "aria-label": t["aria-label"],
+        "aria-description": t["aria-description"],
+        href: t.href,
+        className: s,
+        children: t.children
+      }
+    );
+  const d = t, c = () => d.children ? typeof d.children == "string" || typeof d.children == "number" || typeof d.children == "boolean" ? /* @__PURE__ */ u("span", { className: y(e && "invisible"), children: d.children }) : g.Children.map(d.children, (v, m) => {
+    if (g.isValidElement(v)) {
+      const f = v.props;
+      return g.cloneElement(v, {
+        key: m,
+        className: y(e && "invisible", f.className)
+      });
+    }
+    return v;
+  }) : null;
+  return /* @__PURE__ */ b(
+    "button",
+    {
+      ...d,
+      "aria-label": d["aria-label"],
+      "aria-description": d["aria-description"],
+      "aria-disabled": d.disabled || e,
+      "aria-busy": e,
+      type: d.type ?? "button",
+      className: s,
+      children: [
+        e && /* @__PURE__ */ u(_, {}),
+        c()
+      ]
+    }
+  );
+}
+function R(n) {
+  const [i, o] = x(!1), [e, r] = x(!1);
+  return p(() => {
+    n ? (r(!0), setTimeout(() => o(!0), 10)) : (o(!1), setTimeout(() => r(!1), 150));
+  }, [n]), { show: i, shouldRender: e };
+}
+function ll(n, i) {
+  p(() => {
+    const o = (e) => {
+      e.key === "Escape" && n && i();
+    };
+    return document.addEventListener("keydown", o), n && (document.body.style.overflow = "hidden"), () => {
+      document.removeEventListener("keydown", o), document.body.style.overflow = "auto";
+    };
+  }, [n, i]);
+}
+function nl(n, i) {
+  const o = H(null), e = j(() => {
+    const r = document.getElementById(n);
+    if (!r) return;
+    const t = r.querySelectorAll('[data-modal-action="true"]');
+    if (t.length > 0) {
+      t[0].focus();
+      return;
+    }
+    const a = r.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    if (a.length > 0) {
+      const s = Array.from(a).filter((d) => !(d instanceof HTMLButtonElement && d.getAttribute("data-modal-close-button") === "true"));
+      if (s.length > 0) {
+        s[0].focus();
+        return;
+      }
+      a[0].focus();
+      return;
+    }
+    r.focus();
+  }, [n]);
+  p(() => (i && (o.current = document.activeElement, e()), () => {
+    document.body.style.overflow = "auto", o.current instanceof HTMLElement && o.current.focus();
+  }), [i, e]);
+}
+function el({
+  id: n,
+  isOpen: i,
+  onClose: o,
+  title: e,
+  children: r,
+  contentOnly: t = !1,
+  className: a,
+  overlayClassName: s,
+  containerClassName: d,
+  hideCloseButton: c = !1,
+  actions: v = [],
+  disableCloseOnOverlayClick: m = !1,
+  ariaLabelledBy: f,
+  ariaDescribedBy: w
+}) {
+  const C = F(), E = n || `modal-${C}`, L = n ? `${n}-title` : `modal-title-${C}`, { show: M, shouldRender: N } = R(i);
+  if (nl(E, N), ll(N, o), !N) return null;
+  const I = () => e ? g.isValidElement(e) ? /* @__PURE__ */ u("div", { className: "mb-4", children: e }) : /* @__PURE__ */ u("h2", { className: "mb-4 text-xl font-semibold", id: L, children: e }) : null, B = () => v.length === 0 ? null : /* @__PURE__ */ u("div", { className: "mt-6 not-sm:grid gap-y-2 sm:flex sm:justify-start sm:flex-row-reverse sm:gap-x-3", children: v.map((D, O) => {
+    const { label: S, ...$ } = D;
+    return /* @__PURE__ */ u(W, { ...$, "data-modal-action": "true", children: S }, O);
+  }) });
+  return /* @__PURE__ */ u(q, { children: Z(
+    /* @__PURE__ */ u(
+      "div",
+      {
+        "aria-labelledby": f ?? e ? L : void 0,
+        "aria-describedby": w,
+        role: "dialog",
+        "aria-modal": "true",
+        className: "fixed inset-0 z-[100] overflow-y-auto",
+        children: /* @__PURE__ */ b("div", { className: h("flex min-h-screen items-center justify-center p-4", d), children: [
+          /* @__PURE__ */ u(
+            "div",
+            {
+              className: h("fixed inset-0 bg-black/20 transition-all", s),
+              onClick: () => {
+                m || o();
+              }
+            }
+          ),
+          t && /* @__PURE__ */ u("div", { className: h("relative w-fit", a), children: r }),
+          !t && /* @__PURE__ */ b(
+            "div",
+            {
+              id: E,
+              tabIndex: -1,
+              className: h(
+                "relative w-full max-w-xl transform rounded-lg shadow-xl bg-popover text-popover-foreground transition-all p-6 focus:ring ease-in duration-75",
+                M ? "opacity-100 scale-100" : "opacity-0 scale-90",
+                a
+              ),
+              children: [
+                !c && /* @__PURE__ */ u(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: o,
+                    "data-modal-close-button": "true",
+                    className: "rounded-md p-0.5 top-2.5 right-2.5 absolute opacity-80 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-gray-500 leading-0",
+                    children: /* @__PURE__ */ u(Y, { size: 18 })
+                  }
+                ),
+                I(),
+                r,
+                B()
+              ]
+            }
+          )
+        ] })
+      }
+    ),
+    document.body
+  ) });
+}
+function sl({
+  type: n,
+  message: i,
+  cancelText: o,
+  confirmText: e,
+  onConfirm: r,
+  onClose: t,
+  destructive: a = !1,
+  title: s,
+  ...d
+}) {
+  const c = z(() => n === "confirm" ? {
+    confirm: e || "Confirm",
+    cancel: o || "Cancel",
+    defaultTitle: s || "Confirm Action"
+  } : {
+    confirm: e || "OK",
+    cancel: null,
+    defaultTitle: s || "Alert"
+  }, [n, e, s, o]), v = z(
+    () => [
+      ...c.cancel ? [
+        {
+          label: c.cancel,
+          variant: "secondary",
+          onClick: t
+        }
+      ] : [],
+      {
+        label: c.confirm,
+        variant: a ? "destructive" : "primary",
+        onClick: () => {
+          r == null || r(), t();
+        }
+      }
+    ],
+    [c, a, r, t]
+  );
+  return /* @__PURE__ */ u(
+    el,
+    {
+      ...d,
+      title: s || c.defaultTitle,
+      onClose: t,
+      actions: v,
+      disableCloseOnOverlayClick: n === "confirm",
+      hideCloseButton: n === "confirm",
+      children: typeof i == "string" ? /* @__PURE__ */ u("p", { className: "text-sm", children: i }) : i
+    }
+  );
+}
+const ul = l(null), cl = () => {
+  const n = A(ul);
+  if (!n)
+    throw new Error("DropdownMenu components must be used within a DropdownMenu component");
+  return n;
+}, il = l(null), vl = () => {
+  const n = A(il);
+  if (!n)
+    throw new Error("Tabs components must be used within a Tabs component");
+  return n;
+}, T = {
+  info: {
+    className: "bg-blue-50 border-blue-200 text-blue-900 dark:bg-blue-800 dark:border-blue-950 dark:text-blue-100",
+    icon: /* @__PURE__ */ u(Q, { size: 20 })
+  },
+  warning: {
+    className: "bg-yellow-50 border-yellow-200 text-yellow-900 dark:bg-yellow-800 dark:border-yellow-950 dark:text-yellow-100",
+    icon: /* @__PURE__ */ u(P, { size: 20 })
+  },
+  error: {
+    className: "bg-red-50 border-red-200 text-red-900 dark:bg-red-800 dark:border-red-950 dark:text-red-100",
+    icon: /* @__PURE__ */ u(K, { size: 20 })
+  }
+};
+function ml({
+  id: n,
+  title: i,
+  description: o,
+  type: e = "info",
+  action: r,
+  duration: t = 5e3,
+  onRemove: a,
+  customTypes: s,
+  customComponent: d
+}) {
+  const [c, v] = x(!1), m = j(() => {
+    v(!0), setTimeout(() => {
+      a == null || a(n);
+    }, 150);
+  }, [n, a]);
+  if (p(() => {
+    if (t > 0) {
+      const w = setTimeout(() => {
+        m();
+      }, t);
+      return () => clearTimeout(w);
+    }
+  }, [t, n, a, m]), d)
+    return /* @__PURE__ */ u(
+      d,
+      {
+        id: n,
+        title: i,
+        description: o,
+        type: e,
+        action: r,
+        duration: t,
+        onRemove: a
+      }
+    );
+  const f = (s == null ? void 0 : s[e]) || T[e] || T.info;
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      role: e === "error" ? "alert" : "status",
+      "aria-live": e === "error" ? void 0 : "polite",
+      className: X(
+        "relative flex items-start p-4 rounded-lg border shadow-lg transition-all duration-150 ease-in-out",
+        r && "pb-3",
+        f.className,
+        c ? "opacity-0 translate-x-full" : "opacity-100 translate-x-0"
+      ),
+      children: [
+        /* @__PURE__ */ u("div", { className: "flex-shrink-0 mr-3", children: f.icon }),
+        /* @__PURE__ */ b("div", { className: "flex-grow min-w-0", children: [
+          /* @__PURE__ */ u("div", { className: "font-medium text-sm leading-5", children: i }),
+          o && /* @__PURE__ */ u("div", { className: "mt-1 text-sm opacity-90 leading-5", children: o }),
+          r && /* @__PURE__ */ u("div", { className: "mt-1.5", children: /* @__PURE__ */ u(
+            "button",
+            {
+              onClick: r.onClick,
+              className: "text-sm font-medium underline hover:no-underline focus:outline-none focus:ring-1 focus:ring-current rounded px-1 py-0.5 hover:cursor-pointer",
+              children: r.label
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ u(
+          "button",
+          {
+            onClick: m,
+            className: "flex-shrink-0 ml-3 p-1 rounded-md hover:bg-black/10 dark:hover:bg-white/10 focus:outline-none focus:ring-1 focus:ring-current leading-0",
+            children: /* @__PURE__ */ u(V, { size: 16 })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  sl as A,
+  ul as D,
+  ml as T,
+  il as a,
+  vl as b,
+  y as n,
+  cl as u
+};
+//# sourceMappingURL=Toast-DUpf_XxS.js.map