@krosoft/react 0.0.92 → 0.0.94

package/dist/toaster-DBg6ZSwC.js

@@ -0,0 +1,134 @@
+import * as c from "react";
+import "react-dom";
+import { e as m } from "./tooltip-CAu4DEhc.js";
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { c9 as g, ca as b, cb as v, cc as h, cd as w, ce as x, cf as y, b_ as T, bW as N, b$ as R, bZ as C, bY as $, c0 as P } from "./toggle-group-FWXeh1Cr.js";
+import { c as n } from "./index-gWiv5-6R.js";
+import { G as S } from "./grip-vertical-CJ07_87Y.js";
+import { useTheme as A } from "next-themes";
+import { u as j } from "./useToast-BFTk4lWz.js";
+var z = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], B = z.reduce((e, t) => {
+  const r = m(`Primitive.${t}`), o = c.forwardRef((s, i) => {
+    const { asChild: d, ...u } = s, f = d ? r : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ a(f, { ...u, ref: i });
+  });
+  return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
+}, {}), G = "AspectRatio", p = c.forwardRef(
+  (e, t) => {
+    const { ratio: r = 1 / 1, style: o, ...s } = e;
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        style: {
+          // ensures inner element is contained
+          position: "relative",
+          // ensures padding bottom trick maths works
+          width: "100%",
+          paddingBottom: `${100 / r}%`
+        },
+        "data-radix-aspect-ratio-wrapper": "",
+        children: /* @__PURE__ */ a(
+          B.div,
+          {
+            ...s,
+            ref: t,
+            style: {
+              ...o,
+              // ensures children expand in ratio
+              position: "absolute",
+              top: 0,
+              right: 0,
+              bottom: 0,
+              left: 0
+            }
+          }
+        )
+      }
+    );
+  }
+);
+p.displayName = G;
+var k = p;
+const U = k, W = g, Z = v, _ = b, q = ({ className: e, ...t }) => /* @__PURE__ */ a(x, { className: n("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", e), ...t }), F = h, I = ({
+  withHandle: e,
+  className: t,
+  ...r
+}) => /* @__PURE__ */ a(
+  w,
+  {
+    className: n(
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      t
+    ),
+    ...r,
+    children: e && /* @__PURE__ */ a("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ a(S, { className: "h-2.5 w-2.5" }) })
+  }
+);
+function J({ className: e, ...t }) {
+  return /* @__PURE__ */ a("div", { className: n("animate-pulse rounded-md bg-muted", e), ...t });
+}
+const K = ({ ...e }) => {
+  const { theme: t = "system" } = A();
+  return /* @__PURE__ */ a(
+    y,
+    {
+      theme: t,
+      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
+    }
+  );
+};
+function L() {
+  const { toasts: e } = j();
+  return /* @__PURE__ */ l(T, { children: [
+    e.map(function({ id: t, title: r, description: o, action: s, ...i }) {
+      return /* @__PURE__ */ l(N, { ...i, children: [
+        /* @__PURE__ */ l("div", { className: "grid gap-1", children: [
+          r && /* @__PURE__ */ a(R, { children: r }),
+          o && /* @__PURE__ */ a(C, { children: o })
+        ] }),
+        s,
+        /* @__PURE__ */ a($, {})
+      ] }, t);
+    }),
+    /* @__PURE__ */ a(P, {})
+  ] });
+}
+export {
+  U as A,
+  W as C,
+  I as R,
+  J as S,
+  K as T,
+  _ as a,
+  Z as b,
+  F as c,
+  q as d,
+  L as e
+};