@equal-experts/kuat-vue 0.5.0 → 0.6.0

package/dist/toast-LJYTMaV_.js

@@ -0,0 +1,113 @@
+import { defineComponent as f, useAttrs as b, computed as m, createBlock as p, openBlock as s, unref as r, mergeProps as v, createElementBlock as l, createCommentVNode as u, createElementVNode as _, resolveDynamicComponent as g, toDisplayString as d, h } from "vue";
+import { Toaster as I, toast as e } from "vue-sonner";
+import { c as N } from "./utils-DLUjLwnh.js";
+const E = /* @__PURE__ */ f({
+  inheritAttrs: !1,
+  __name: "KuatSonner",
+  props: {
+    class: {},
+    containerAriaLabel: { default: "Notifications" },
+    expand: { type: Boolean, default: !1 },
+    position: { default: "top-right" },
+    toastOptions: {},
+    visibleToasts: { default: 3 }
+  },
+  setup(t) {
+    const n = t, o = b(), i = m(() => {
+      const c = n.toastOptions ?? {};
+      return {
+        ...c,
+        classNames: {
+          toast: "kuat-sonner__toast",
+          title: "kuat-sonner__title",
+          description: "kuat-sonner__description",
+          content: "kuat-sonner__content",
+          icon: "kuat-sonner__icon",
+          actionButton: "kuat-sonner__action",
+          cancelButton: "kuat-sonner__cancel",
+          loader: "kuat-sonner__loader",
+          ...c.classNames
+        }
+      };
+    }), k = m(() => i.value);
+    return (c, C) => (s(), p(r(I), v({
+      class: r(N)("kuat-sonner__toaster", n.class),
+      "container-aria-label": n.containerAriaLabel,
+      expand: n.expand,
+      position: n.position,
+      "visible-toasts": n.visibleToasts,
+      "toast-options": k.value
+    }, r(o)), null, 16, ["class", "container-aria-label", "expand", "position", "visible-toasts", "toast-options"]));
+  }
+}), O = { class: "kuat-sonner__content" }, x = { class: "kuat-sonner__text" }, y = { class: "kuat-sonner__title" }, S = {
+  key: 0,
+  class: "kuat-sonner__description"
+}, T = ["aria-label"], P = /* @__PURE__ */ f({
+  __name: "KuatSonnerContent",
+  props: {
+    action: { default: void 0 },
+    description: { default: void 0 },
+    leftIcon: { default: null },
+    showLeftIcon: { type: Boolean, default: !0 },
+    title: {}
+  },
+  setup(t) {
+    return (n, o) => (s(), l("div", O, [
+      t.showLeftIcon && t.leftIcon ? (s(), p(g(t.leftIcon), {
+        key: 0,
+        class: "kuat-sonner__icon"
+      })) : u("", !0),
+      _("div", x, [
+        _("div", y, d(t.title), 1),
+        t.description ? (s(), l("div", S, d(t.description), 1)) : u("", !0)
+      ]),
+      t.action ? (s(), l("button", {
+        key: 1,
+        type: "button",
+        class: "kuat-sonner__action",
+        "aria-label": t.action.ariaLabel ?? t.action.label,
+        onClick: o[0] || (o[0] = //@ts-ignore
+        (...i) => t.action.onClick && t.action.onClick(...i))
+      }, d(t.action.label), 9, T)) : u("", !0)
+    ]));
+  }
+}), V = [
+  "top-left",
+  "top-center",
+  "top-right",
+  "bottom-left",
+  "bottom-center",
+  "bottom-right"
+], B = h("span", {
+  "aria-hidden": "true",
+  class: "kuat-sonner__loading-spinner"
+});
+function a(t) {
+  if (!t) return { important: !1 };
+  const { announcement: n = "polite", ...o } = t;
+  return {
+    ...o,
+    important: n === "assertive"
+  };
+}
+const D = Object.assign(
+  (t, n) => e(t, a(n)),
+  {
+    success: (t, n) => e.success(t, a(n)),
+    info: (t, n) => e.info(t, a(n)),
+    warning: (t, n) => e.warning(t, a(n)),
+    error: (t, n) => e.error(t, a(n)),
+    loading: (t, n) => e(t, {
+      duration: Number.POSITIVE_INFINITY,
+      icon: B,
+      ...a(n)
+    }),
+    dismiss: e.dismiss
+  }
+);
+export {
+  V as S,
+  E as _,
+  P as a,
+  D as t
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equal-experts/kuat-vue",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -58,6 +58,10 @@
       "import": "./dist/switch.js",
       "types": "./dist/switch.d.ts"
     },
+    "./sonner": {
+      "import": "./dist/sonner.js",
+      "types": "./dist/sonner.d.ts"
+    },
     "./toggle": {
       "import": "./dist/toggle.js",
       "types": "./dist/toggle.d.ts"
@@ -99,7 +103,8 @@
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.0",
     "embla-carousel-vue": "^8.0.0",
-    "tailwind-merge": "^2.2.1"
+    "tailwind-merge": "^2.2.1",
+    "vue-sonner": "^2.0.9"
   },
   "devDependencies": {
     "@equal-experts/kuat-core": "workspace:*",