ics-ui-kit 0.1.0-alpha.5 → 0.1.0-alpha.7

package/dist/ToastAction-C6gMf3Zg.js

@@ -0,0 +1,880 @@
+var H = Object.defineProperty, X = Object.defineProperties;
+var D = Object.getOwnPropertyDescriptors;
+var z = Object.getOwnPropertySymbols;
+var B = Object.prototype.hasOwnProperty, I = Object.prototype.propertyIsEnumerable;
+var W = (t, s, r) => s in t ? H(t, s, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[s] = r, l = (t, s) => {
+  for (var r in s || (s = {}))
+    B.call(s, r) && W(t, r, s[r]);
+  if (z)
+    for (var r of z(s))
+      I.call(s, r) && W(t, r, s[r]);
+  return t;
+}, b = (t, s) => X(t, D(s));
+var h = (t, s) => {
+  var r = {};
+  for (var e in t)
+    B.call(t, e) && s.indexOf(e) < 0 && (r[e] = t[e]);
+  if (t != null && z)
+    for (var e of z(t))
+      s.indexOf(e) < 0 && I.call(t, e) && (r[e] = t[e]);
+  return r;
+};
+import { jsx as a, jsxs as g, Fragment as y } from "react/jsx-runtime";
+import { c as d, S as F, t as O } from "./bundle-mjs-BQaSeS8G.js";
+import { forwardRef as C, createContext as K, useContext as R, createElement as A } from "react";
+const G = d({
+  base: "inline-flex shrink-0 cursor-pointer select-none items-center justify-center rounded-md font-medium text-primary-fg",
+  variants: {
+    variant: {
+      primary: "bg-primary text-primary-bg hover:bg-primary-hover",
+      secondary: "bg-primary-bg hover:bg-primary-bg-hover",
+      outline: "border border-solid border-secondary-border bg-secondary-bg hover:border-primary-border hover:bg-secondary-bg-hover",
+      ghost: "bg-transparent hover:bg-secondary-bg-hover",
+      link: "bg-transparent text-muted underline underline-offset-base hover:text-primary-fg",
+      text: "bg-transparent text-muted hover:text-primary-fg"
+    },
+    state: {
+      default: "",
+      disabled: "pointer-events-none opacity-50"
+    },
+    status: {
+      default: "",
+      info: "text-status-info",
+      success: "text-status-success",
+      warning: "text-status-warning",
+      error: "text-status-error"
+    },
+    size: {
+      xs: "h-7 gap-2 px-2 py-1.5 text-xs leading-none",
+      sm: "h-8 gap-2 px-3 py-2 text-xs leading-none",
+      md: "h-9 gap-2 px-4 py-2 text-sm leading-none",
+      lg: "h-10 gap-2 px-6 py-2 text-base leading-none",
+      xl: "h-11 gap-3 px-8 py-3 text-lg leading-none"
+    },
+    iconOnly: {
+      true: "",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "md",
+    status: "default",
+    state: "default",
+    iconOnly: !1
+  },
+  compoundVariants: [
+    /*
+     * Statuses
+     */
+    // Primary
+    {
+      variant: "primary",
+      status: ["info", "success", "warning", "error"],
+      class: "text-white hover:text-white"
+    },
+    {
+      variant: "primary",
+      status: "info",
+      class: "bg-status-info hover:bg-status-info-hover"
+    },
+    {
+      variant: "primary",
+      status: "success",
+      class: "bg-status-success hover:bg-status-success-hover"
+    },
+    {
+      variant: "primary",
+      status: "warning",
+      class: "bg-status-warning hover:bg-status-warning-hover"
+    },
+    {
+      variant: "primary",
+      status: "error",
+      class: "bg-status-error hover:bg-status-error-hover"
+    },
+    // Secondary
+    {
+      variant: "secondary",
+      status: "info",
+      class: "bg-status-info-bg hover:bg-status-info-bg-hover"
+    },
+    {
+      variant: "secondary",
+      status: "success",
+      class: "bg-status-success-bg hover:bg-status-success-bg-hover"
+    },
+    {
+      variant: "secondary",
+      status: "warning",
+      class: "bg-status-warning-bg hover:bg-status-warning-bg-hover"
+    },
+    {
+      variant: "secondary",
+      status: "error",
+      class: "bg-status-error-bg hover:bg-status-error-bg-hover"
+    },
+    // Outline
+    {
+      variant: "outline",
+      status: "info",
+      class: "border-status-info-border hover:border-status-info-border hover:bg-status-info-bg"
+    },
+    {
+      variant: "outline",
+      status: "success",
+      class: "border-status-success-border hover:border-status-success-border hover:bg-status-success-bg"
+    },
+    {
+      variant: "outline",
+      status: "warning",
+      class: "border-status-warning-border hover:border-status-warning-border hover:bg-status-warning-bg"
+    },
+    {
+      variant: "outline",
+      status: "error",
+      class: "border-status-error-secondary-border hover:border-status-error-secondary-border hover:bg-status-error-bg"
+    },
+    // Ghost
+    {
+      variant: "ghost",
+      status: "info",
+      class: "text-status-info hover:bg-status-info-bg"
+    },
+    {
+      variant: "ghost",
+      status: "success",
+      class: "text-status-success hover:bg-status-success-bg"
+    },
+    {
+      variant: "ghost",
+      status: "warning",
+      class: "text-status-warning hover:bg-status-warning-bg"
+    },
+    {
+      variant: "ghost",
+      status: "error",
+      class: "text-status-error hover:bg-status-error-bg"
+    },
+    // Text & Link
+    {
+      variant: ["text", "link"],
+      status: "info",
+      class: "text-status-info/70 hover:text-status-info"
+    },
+    {
+      variant: ["text", "link"],
+      status: "success",
+      class: "text-status-success/70 hover:text-status-success"
+    },
+    {
+      variant: ["text", "link"],
+      status: "warning",
+      class: "text-status-warning/70 hover:text-status-warning"
+    },
+    {
+      variant: ["text", "link"],
+      status: "error",
+      class: "text-status-error/70 hover:text-status-error"
+    },
+    /*
+     * IconOnly
+     */
+    {
+      iconOnly: !0,
+      size: "xl",
+      class: "p-3.5"
+    },
+    {
+      iconOnly: !0,
+      size: "lg",
+      class: "p-3"
+    },
+    {
+      iconOnly: !0,
+      size: "md",
+      class: "p-2.5"
+    },
+    {
+      iconOnly: !0,
+      size: "sm",
+      class: "p-2"
+    },
+    {
+      iconOnly: !0,
+      size: "xs",
+      class: "p-1.5"
+    }
+  ]
+}), M = C(
+  (f, p) => {
+    var u = f, { variant: t, state: s, size: r, children: e, status: c, className: o, iconOnly: n, asChild: i = !1 } = u, m = h(u, ["variant", "state", "size", "children", "status", "className", "iconOnly", "asChild"]);
+    return /* @__PURE__ */ a(
+      i ? F : "button",
+      b(l({
+        className: G({ variant: t, state: s, size: r, status: c, iconOnly: n, className: o }),
+        ref: p
+      }, m), {
+        children: e
+      })
+    );
+  }
+), $ = K(null), J = ({ children: t, value: s }) => /* @__PURE__ */ a($.Provider, { value: s, children: t }), x = () => {
+  const t = R($);
+  if (!t)
+    throw new Error("useToastContext must be used within a ToastProvider");
+  return t;
+}, Q = d({
+  variants: {
+    orientation: {
+      horizontal: "h-px w-full bg-secondary-border",
+      vertical: "h-full w-px bg-secondary-border"
+    }
+  }
+}), S = ({ orientation: t, className: s }) => /* @__PURE__ */ a("div", { className: Q({ orientation: t, className: s }) });
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const U = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), L = (...t) => t.filter((s, r, e) => !!s && s.trim() !== "" && e.indexOf(s) === r).join(" ").trim();
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var Y = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const _ = C(
+  (p, m) => {
+    var f = p, {
+      color: t = "currentColor",
+      size: s = 24,
+      strokeWidth: r = 2,
+      absoluteStrokeWidth: e,
+      className: c = "",
+      children: o,
+      iconNode: n
+    } = f, i = h(f, [
+      "color",
+      "size",
+      "strokeWidth",
+      "absoluteStrokeWidth",
+      "className",
+      "children",
+      "iconNode"
+    ]);
+    return A(
+      "svg",
+      l(b(l({
+        ref: m
+      }, Y), {
+        width: s,
+        height: s,
+        stroke: t,
+        strokeWidth: e ? Number(r) * 24 / Number(s) : r,
+        className: L("lucide", c)
+      }), i),
+      [
+        ...n.map(([u, v]) => A(u, v)),
+        ...Array.isArray(o) ? o : [o]
+      ]
+    );
+  }
+);
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const w = (t, s) => {
+  const r = C(
+    (n, o) => {
+      var i = n, { className: e } = i, c = h(i, ["className"]);
+      return A(_, l({
+        ref: o,
+        iconNode: s,
+        className: L(`lucide-${U(t)}`, e)
+      }, c));
+    }
+  );
+  return r.displayName = `${t}`, r;
+};
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const j = w("CircleAlert", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+]);
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const tt = w("CircleCheckBig", [
+  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+]);
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const st = w("Info", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+]);
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const et = w("TriangleAlert", [
+  [
+    "path",
+    {
+      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+      key: "wmoenq"
+    }
+  ],
+  ["path", { d: "M12 9v4", key: "juzpu7" }],
+  ["path", { d: "M12 17h.01", key: "p32p05" }]
+]);
+/**
+ * @license lucide-react v0.460.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const rt = w("X", [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+]), at = d({
+  base: "h-4 w-4",
+  variants: {
+    size: {
+      sm: "h-3 w-3",
+      md: "h-4 w-4"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), E = ({ icon: t, className: s, size: r }) => /* @__PURE__ */ a(t, { className: at({ size: r, className: s }) }), P = (t) => ({
+  low: "ghost",
+  medium: "secondary",
+  high: "primary"
+})[t != null ? t : "low"];
+function Z(t, s) {
+  const { size: r, focus: e, status: c } = t, n = {
+    status: ["medium", "high"].includes(e != null ? e : "") && r === "sm" ? c : "default"
+  };
+  if (s === "close")
+    return b(l({}, n), {
+      size: r === "lg" ? "xl" : "lg",
+      iconOnly: !0,
+      variant: r === "sm" ? P(e) : "text"
+    });
+  const i = {
+    sm: P(e),
+    md: "link",
+    lg: s === "primary" ? e === "high" ? "secondary" : "outline" : "text"
+  };
+  return b(l({}, n), {
+    size: r === "lg" ? "md" : "lg",
+    variant: i[r != null ? r : "sm"]
+  });
+}
+const ot = d({
+  variants: {
+    status: {
+      default: "",
+      info: "",
+      success: "",
+      warning: "",
+      error: ""
+    },
+    focus: {
+      low: "",
+      medium: "",
+      high: ""
+    },
+    size: {
+      sm: "h-full rounded-none",
+      md: "",
+      lg: ""
+    }
+  },
+  compoundVariants: [
+    {
+      size: "sm",
+      focus: "medium",
+      className: "text-primary-fg"
+    },
+    {
+      size: ["md", "lg"],
+      focus: "high",
+      status: "default",
+      className: "text-primary-bg/70 hover:text-primary-bg"
+    },
+    {
+      size: ["md", "lg"],
+      focus: "high",
+      status: ["info", "success", "warning", "error"],
+      className: "text-white/70 hover:text-white"
+    }
+  ]
+}), V = ({ className: t }) => {
+  const s = x();
+  if (!s)
+    throw new Error("ToastCloseButton must be used within Toast");
+  const r = Z(s, "close");
+  return /* @__PURE__ */ a(
+    M,
+    b(l({}, r), {
+      onClick: s.onClose,
+      className: O(
+        ot({
+          size: s.size,
+          focus: s.focus,
+          status: s.status
+        }),
+        t
+      ),
+      children: /* @__PURE__ */ a(E, { icon: rt })
+    })
+  );
+}, nt = d({
+  slots: {
+    contentWrapper: "flex min-w-0 flex-grow items-center gap-2 pr-3",
+    titleWrapper: "min-w-0 truncate"
+  }
+}), it = (r) => {
+  var e = r, { titleIcon: t } = e, s = h(e, ["titleIcon"]);
+  const { titleText: c, close: o, separator: n } = s, { contentWrapper: i, titleWrapper: m } = nt(), p = x();
+  return /* @__PURE__ */ g(y, { children: [
+    /* @__PURE__ */ g("div", { className: i(), children: [
+      t,
+      /* @__PURE__ */ a("div", { className: O(m(), c()), children: /* @__PURE__ */ a("span", { children: p.title }) })
+    ] }),
+    p.primaryAction && /* @__PURE__ */ g(y, { children: [
+      /* @__PURE__ */ a(S, { className: n(), orientation: "vertical" }),
+      p.primaryAction
+    ] }),
+    p.closeAction && /* @__PURE__ */ g(y, { children: [
+      /* @__PURE__ */ a(S, { className: n(), orientation: "vertical" }),
+      /* @__PURE__ */ a(V, { className: o() })
+    ] })
+  ] });
+}, ct = d({
+  slots: {
+    wrapper: "flex h-5 w-5 items-center justify-center",
+    icon: "h-4 w-4 [&>svg]:h-4 [&>svg]:w-4"
+  },
+  variants: {
+    status: {
+      default: { wrapper: "text-status-default" },
+      info: { wrapper: "text-status-info" },
+      success: { wrapper: "text-status-success" },
+      warning: { wrapper: "text-status-warning" },
+      error: { wrapper: "text-status-error" }
+    },
+    focus: {
+      low: "",
+      medium: "",
+      high: { wrapper: "text-secondary-bg" }
+    }
+  },
+  compoundVariants: [
+    {
+      status: ["info", "success", "warning", "error"],
+      focus: "high",
+      class: { wrapper: "text-white" }
+    }
+  ]
+}), ut = ({ icon: t }) => {
+  var n;
+  const s = x();
+  if (!s)
+    throw new Error("ToastIcon must be used within Toast");
+  const { wrapper: r, icon: e } = ct({ focus: s.focus, status: s.status }), c = lt[(n = s.status) != null ? n : "default"], o = () => t ? /* @__PURE__ */ a("div", { className: e(), children: t }) : /* @__PURE__ */ a(E, { icon: c, className: e() });
+  return /* @__PURE__ */ a("div", { className: r(), children: o() });
+}, lt = {
+  default: j,
+  info: st,
+  success: tt,
+  warning: et,
+  error: j
+}, pt = d({
+  slots: {
+    contentWrapper: "flex flex-grow gap-3 py-2.5 pr-2.5"
+  }
+}), gt = (r) => {
+  var e = r, { titleIcon: t } = e, s = h(e, ["titleIcon"]);
+  const { titleText: c, close: o } = s, { contentWrapper: n } = pt(), i = x();
+  return /* @__PURE__ */ g(y, { children: [
+    /* @__PURE__ */ g("div", { className: n(), children: [
+      t,
+      /* @__PURE__ */ a("span", { className: c(), children: i.title })
+    ] }),
+    i.primaryAction && i.primaryAction,
+    i.closeAction && /* @__PURE__ */ a(V, { className: o() })
+  ] });
+}, dt = d({
+  slots: {
+    contentWrapper: "flex w-full flex-col gap-4",
+    topZone: "flex gap-3",
+    textWrapper: "flex flex-grow flex-col gap-1",
+    actionsWrapper: "flex w-full justify-end gap-2"
+  }
+}), mt = (r) => {
+  var e = r, { titleIcon: t } = e, s = h(e, ["titleIcon"]);
+  const { titleText: c, close: o, descriptionText: n } = s, { contentWrapper: i, topZone: m, textWrapper: p, actionsWrapper: f } = dt(), u = x();
+  return /* @__PURE__ */ a(y, { children: /* @__PURE__ */ g("div", { className: i(), children: [
+    /* @__PURE__ */ g("div", { className: m(), children: [
+      t,
+      /* @__PURE__ */ g("div", { className: p(), children: [
+        /* @__PURE__ */ a("span", { className: c(), children: u.title }),
+        u.description && /* @__PURE__ */ a("span", { className: n(), children: u.description })
+      ] }),
+      u.closeAction && /* @__PURE__ */ a(V, { className: o() })
+    ] }),
+    u.secondaryAction || u.primaryAction ? /* @__PURE__ */ g("div", { className: f(), children: [
+      u.secondaryAction,
+      u.primaryAction
+    ] }) : null
+  ] }) });
+}, ht = d({
+  slots: {
+    /**
+     * Ширина уведомления задается в переменной --width.
+     * Библиотека sonner не поддерживает динамические ширины и использует эту переменную для вычисления позиции уведомления.
+     */
+    wrapper: "inline-flex w-[--width] items-start overflow-hidden rounded-lg border border-solid border-secondary-border",
+    text: "flex min-w-0 flex-auto flex-col justify-center gap-1 truncate pr-3",
+    titleText: "min-w-0 text-sm font-semibold text-primary-fg",
+    descriptionText: "inline-block text-sm font-normal text-secondary-fg",
+    contentWrapper: "flex items-center",
+    content: "flex",
+    actions: "flex items-center justify-center gap-2",
+    close: "",
+    separator: ""
+  },
+  variants: {
+    status: {
+      default: {
+        wrapper: ""
+      },
+      success: {
+        wrapper: "bg-status-success-bg"
+      },
+      info: {
+        wrapper: "bg-status-info-bg"
+      },
+      warning: {
+        wrapper: "bg-status-warning-bg"
+      },
+      error: {
+        wrapper: "bg-status-error-bg"
+      }
+    },
+    focus: {
+      low: {
+        wrapper: "bg-secondary-bg"
+      },
+      medium: {
+        wrapper: "bg-primary-bg"
+      },
+      high: {
+        titleText: "text-white",
+        descriptionText: "text-white/70",
+        separator: "bg-white"
+      }
+    },
+    size: {
+      sm: {
+        wrapper: "h-10 items-center pl-3 shadow-sm",
+        titleText: "text-xs font-medium leading-5",
+        contentWrapper: "gap-2"
+      },
+      md: {
+        wrapper: "py-1.5 pl-4 pr-1.5 shadow-md",
+        contentWrapper: "gap-3"
+      },
+      lg: {
+        wrapper: "relative items-start p-4 shadow-lg",
+        contentWrapper: "items-start gap-3",
+        content: "flex flex-1 flex-col gap-4",
+        actions: "justify-end self-stretch",
+        close: "mr-[-16px] mt-[-16px]",
+        titleText: "text-wrap"
+      }
+    }
+  },
+  defaultVariants: {
+    status: "default",
+    focus: "medium",
+    size: "sm"
+  },
+  compoundVariants: [
+    // Medium focus
+    {
+      status: "info",
+      focus: "medium",
+      class: {
+        separator: "bg-status-info/30",
+        wrapper: "border-status-info/30 bg-status-info-bg",
+        titleText: "text-status-info"
+      }
+    },
+    {
+      status: "success",
+      focus: "medium",
+      class: {
+        separator: "bg-status-success/30",
+        wrapper: "border-status-success/30 bg-status-success-bg",
+        titleText: "text-status-success"
+      }
+    },
+    {
+      status: "warning",
+      focus: "medium",
+      class: {
+        separator: "bg-status-warning/30",
+        wrapper: "border-status-warning/30 bg-status-warning-bg",
+        titleText: "text-status-warning"
+      }
+    },
+    {
+      status: "error",
+      focus: "medium",
+      class: {
+        separator: "bg-status-error/30",
+        wrapper: "border-status-error/30 bg-status-error-bg",
+        titleText: "text-status-error"
+      }
+    },
+    // High focus
+    {
+      status: "default",
+      focus: "high",
+      class: {
+        wrapper: "bg-primary",
+        titleText: "text-primary-bg",
+        descriptionText: "text-primary-bg/70",
+        separator: "bg-primary-border"
+      }
+    },
+    {
+      status: "info",
+      focus: "high",
+      class: {
+        wrapper: "bg-status-info"
+      }
+    },
+    {
+      status: "success",
+      focus: "high",
+      class: {
+        wrapper: "bg-status-success"
+      }
+    },
+    {
+      status: "warning",
+      focus: "high",
+      class: {
+        wrapper: "bg-status-warning"
+      }
+    },
+    {
+      status: "error",
+      focus: "high",
+      class: {
+        wrapper: "bg-status-error"
+      }
+    }
+  ]
+}), vt = (c) => {
+  var o = c, { closeAction: t = !0, id: s, onClose: r } = o, e = h(o, ["closeAction", "id", "onClose"]);
+  const { wrapper: n, titleText: i, descriptionText: m, actions: p, close: f, separator: u } = ht({
+    status: e.status,
+    focus: e.focus,
+    size: e.size
+  }), v = e.icon ? /* @__PURE__ */ a(ut, { icon: e.icon }) : null, q = {
+    id: s,
+    status: e.status,
+    focus: e.focus,
+    size: e.size,
+    title: e.title,
+    description: e.description,
+    icon: e.icon,
+    primaryAction: e.primaryAction,
+    secondaryAction: e.secondaryAction,
+    closeAction: t,
+    onClose: r
+  }, N = {
+    titleText: i,
+    descriptionText: m,
+    actions: p,
+    close: f,
+    separator: u,
+    titleIcon: v
+  };
+  let T = null;
+  const k = e.size || "md";
+  return k === "sm" ? T = /* @__PURE__ */ a(it, l({}, N)) : k === "md" ? T = /* @__PURE__ */ a(gt, l({}, N)) : k === "lg" && (T = /* @__PURE__ */ a(mt, l({}, N))), /* @__PURE__ */ a(J, { value: q, children: /* @__PURE__ */ a("div", { className: n(), children: T }) });
+}, ft = d({
+  variants: {
+    actionType: {
+      primary: "",
+      /*
+       * Доступен только для toast размером sm и md
+       */
+      secondary: ""
+    },
+    status: {
+      default: "",
+      info: "",
+      success: "",
+      warning: "",
+      error: ""
+    },
+    focus: {
+      low: "",
+      medium: "",
+      high: ""
+    },
+    size: {
+      sm: "h-full rounded-none px-3 py-3 text-xs font-semibold leading-none",
+      md: "rounded-none px-3 py-2 text-sm",
+      lg: ""
+    }
+  },
+  defaultVariants: {
+    actionType: "primary"
+  },
+  compoundVariants: [
+    // Small size
+    {
+      actionType: "primary",
+      size: "sm",
+      focus: "medium",
+      className: "text-primary-fg"
+    },
+    // Medium size
+    {
+      actionType: "primary",
+      size: "md",
+      focus: "high",
+      status: "default",
+      className: "text-primary-bg/70 hover:text-primary-bg"
+    },
+    {
+      actionType: "primary",
+      size: "md",
+      focus: "high",
+      status: ["info", "success", "warning", "error"],
+      className: "text-white/70 hover:text-white"
+    },
+    // Large size
+    {
+      actionType: "primary",
+      size: "lg",
+      className: "px-4 py-2"
+    },
+    {
+      actionType: "primary",
+      size: "lg",
+      focus: "low",
+      status: "default",
+      className: "bg-secondary-bg"
+    },
+    {
+      actionType: "primary",
+      size: "lg",
+      focus: ["medium", "high"],
+      status: "default",
+      className: "bg-primary-bg"
+    },
+    {
+      actionType: "secondary",
+      size: "lg",
+      className: "p-2"
+    },
+    {
+      actionType: "primary",
+      size: "lg",
+      focus: "high",
+      status: ["info", "success", "warning", "error"],
+      className: "bg-white/70 text-black hover:bg-white"
+    },
+    {
+      actionType: "secondary",
+      size: "lg",
+      focus: "high",
+      status: "default",
+      className: "text-primary-bg/70 hover:text-primary-bg"
+    },
+    {
+      actionType: "secondary",
+      size: "lg",
+      focus: "high",
+      status: ["info", "success", "warning", "error"],
+      className: "text-white/70 hover:text-white"
+    }
+  ]
+}), Tt = ({ children: t, onClick: s }) => {
+  var o, n;
+  const r = x();
+  if (!r)
+    throw new Error("ToastAction must be used within Toast");
+  const e = ((o = r.primaryAction) == null ? void 0 : o.props.children) === t ? "primary" : "secondary";
+  if (e === "secondary" && ["sm", "md"].includes((n = r.size) != null ? n : "")) return null;
+  const c = Z(r, e);
+  return /* @__PURE__ */ a(
+    M,
+    b(l({}, c), {
+      onClick: s,
+      className: ft({
+        actionType: e,
+        size: r.size,
+        focus: r.focus,
+        status: r.status
+      }),
+      children: t
+    })
+  );
+};
+export {
+  M as B,
+  vt as T,
+  Tt as a
+};
+//# sourceMappingURL=ToastAction-C6gMf3Zg.js.map