@krosoft/react 0.0.89 → 0.0.91

package/dist/toaster-D6ND7OTk.js

@@ -0,0 +1,113 @@
+import * as c from "react";
+import "react-dom";
+import { e as m } from "./tooltip-CAu4DEhc.js";
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { c9 as v, ca as b, cb as g, cc as h, cd as w, ce as x, b_ as R, bW as T, b$ as y, bZ as C, bY as N, c0 as P } from "./toggle-group-VJoGbVQm.js";
+import { c as n } from "./index-gWiv5-6R.js";
+import { G as $ } from "./grip-vertical-CJ07_87Y.js";
+import { u as S } from "./useToast-BFTk4lWz.js";
+var A = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], j = A.reduce((a, e) => {
+  const r = m(`Primitive.${e}`), i = c.forwardRef((o, s) => {
+    const { asChild: d, ...f } = o, u = d ? r : e;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ t(u, { ...f, ref: s });
+  });
+  return i.displayName = `Primitive.${e}`, { ...a, [e]: i };
+}, {}), z = "AspectRatio", p = c.forwardRef(
+  (a, e) => {
+    const { ratio: r = 1 / 1, style: i, ...o } = a;
+    return /* @__PURE__ */ t(
+      "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__ */ t(
+          j.div,
+          {
+            ...o,
+            ref: e,
+            style: {
+              ...i,
+              // ensures children expand in ratio
+              position: "absolute",
+              top: 0,
+              right: 0,
+              bottom: 0,
+              left: 0
+            }
+          }
+        )
+      }
+    );
+  }
+);
+p.displayName = z;
+var G = p;
+const M = G, O = v, Q = g, U = b, W = ({ className: a, ...e }) => /* @__PURE__ */ t(x, { className: n("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", a), ...e }), Z = h, _ = ({
+  withHandle: a,
+  className: e,
+  ...r
+}) => /* @__PURE__ */ t(
+  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",
+      e
+    ),
+    ...r,
+    children: a && /* @__PURE__ */ t("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ t($, { className: "h-2.5 w-2.5" }) })
+  }
+);
+function q({ className: a, ...e }) {
+  return /* @__PURE__ */ t("div", { className: n("animate-pulse rounded-md bg-muted", a), ...e });
+}
+function F() {
+  const { toasts: a } = S();
+  return /* @__PURE__ */ l(R, { children: [
+    a.map(function({ id: e, title: r, description: i, action: o, ...s }) {
+      return /* @__PURE__ */ l(T, { ...s, children: [
+        /* @__PURE__ */ l("div", { className: "grid gap-1", children: [
+          r && /* @__PURE__ */ t(y, { children: r }),
+          i && /* @__PURE__ */ t(C, { children: i })
+        ] }),
+        o,
+        /* @__PURE__ */ t(N, {})
+      ] }, e);
+    }),
+    /* @__PURE__ */ t(P, {})
+  ] });
+}
+export {
+  M as A,
+  O as C,
+  _ as R,
+  q as S,
+  F as T,
+  U as a,
+  Q as b,
+  Z as c,
+  W as d
+};