@itguy614/clean-ui 0.9.0 → 1.0.1

package/dist/components/CuiTextarea.vue.js

@@ -0,0 +1,7 @@
+import a from "./CuiTextarea.vue2.js";
+/* empty css                 */
+import o from "../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ o(a, [["__scopeId", "data-v-fea4b0a7"]]);
+export {
+  f as default
+};

package/dist/components/CuiTextarea.vue2.js

@@ -0,0 +1,112 @@
+import { defineComponent as k, useTemplateRef as H, computed as m, onMounted as F, nextTick as f, watch as $, withDirectives as A, openBlock as l, createElementBlock as i, createElementVNode as w, normalizeStyle as I, normalizeClass as z, toDisplayString as h, createCommentVNode as B, vShow as D } from "vue";
+import { TEXTAREA_SIZE_SCALE as N } from "../utils/sizing.js";
+const W = { class: "cui-textarea-wrapper" }, O = ["value", "placeholder", "disabled", "readonly", "rows", "aria-invalid"], X = {
+  key: 0,
+  class: "cui-textarea__footer"
+}, Y = {
+  key: 0,
+  class: "cui-textarea__error"
+}, Z = {
+  key: 1,
+  class: "cui-textarea__spacer"
+}, G = /* @__PURE__ */ k({
+  __name: "CuiTextarea",
+  props: {
+    modelValue: { default: "" },
+    placeholder: {},
+    rows: { default: 3 },
+    autoResize: { type: Boolean, default: !1 },
+    maxRows: {},
+    maxLength: {},
+    error: { type: Boolean, default: !1 },
+    errorMessage: {},
+    readonly: { type: Boolean, default: !1 },
+    rounded: { default: "md" },
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "primary" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { expose: C, emit: L }) {
+    const R = {
+      none: "0",
+      sm: "0.25rem",
+      md: "var(--cui-button-radius, 0.375rem)",
+      lg: "0.5rem",
+      full: "9999px"
+    }, a = e, S = L, d = H("textareaEl"), v = m(() => a.modelValue.length), n = m(() => a.maxLength !== void 0 && v.value > a.maxLength);
+    function p(t) {
+      const o = t.target;
+      let r = o.value;
+      a.maxLength !== void 0 && r.length > a.maxLength && (r = r.slice(0, a.maxLength), o.value = r), S("update:modelValue", r), a.autoResize && f(u);
+    }
+    function u() {
+      const t = d.value;
+      if (!t) return;
+      t.style.height = "auto";
+      const o = parseFloat(getComputedStyle(t).lineHeight) || 20, r = parseFloat(getComputedStyle(t).paddingTop) || 0, g = parseFloat(getComputedStyle(t).paddingBottom) || 0, x = parseFloat(getComputedStyle(t).borderTopWidth) || 0, y = parseFloat(getComputedStyle(t).borderBottomWidth) || 0, M = o * a.rows + r + g + x + y;
+      let c = 1 / 0;
+      a.maxRows && (c = o * a.maxRows + r + g + x + y);
+      const b = t.scrollHeight, V = Math.min(Math.max(b, M), c);
+      t.style.height = `${V}px`, t.style.overflowY = b > c ? "auto" : "hidden";
+    }
+    F(() => {
+      a.autoResize && f(u);
+    }), $(() => a.modelValue, () => {
+      a.autoResize && f(u);
+    });
+    function T(t) {
+      var o;
+      (o = d.value) == null || o.focus(t);
+    }
+    function E() {
+      var t;
+      (t = d.value) == null || t.blur();
+    }
+    C({ el: d, focus: T, blur: E });
+    const s = m(() => N[a.size]);
+    return (t, o) => A((l(), i("div", W, [
+      w("div", {
+        class: z(["cui-textarea", {
+          "cui-textarea--error": e.error || n.value,
+          "cui-textarea--disabled": e.disabled
+        }]),
+        style: I({
+          borderRadius: R[e.rounded],
+          "--_ta-px": s.value.px,
+          "--_ta-py": s.value.py,
+          "--_ta-font-size": s.value.fontSize,
+          "--_ta-color": `var(--cui-${e.color})`,
+          "--_ta-focus-ring": `var(--cui-${e.color}-focus-ring)`,
+          "--_ta-border": e.error || n.value ? "var(--cui-error)" : "var(--cui-border-strong)",
+          "--_ta-focus-border": e.error || n.value ? "var(--cui-error)" : `var(--cui-${e.color})`
+        })
+      }, [
+        w("textarea", {
+          ref: "textareaEl",
+          value: e.modelValue,
+          placeholder: e.placeholder,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          rows: e.rows,
+          "aria-invalid": e.error || void 0,
+          class: "cui-textarea__native",
+          onInput: p
+        }, null, 40, O)
+      ], 6),
+      e.error && e.errorMessage || e.maxLength !== void 0 ? (l(), i("div", X, [
+        e.error && e.errorMessage ? (l(), i("div", Y, h(e.errorMessage), 1)) : (l(), i("div", Z)),
+        e.maxLength !== void 0 ? (l(), i("div", {
+          key: 2,
+          class: z(["cui-textarea__counter", { "cui-textarea__counter--over": n.value }])
+        }, h(v.value) + "/" + h(e.maxLength), 3)) : B("", !0)
+      ])) : B("", !0)
+    ], 512)), [
+      [D, !e.hidden]
+    ]);
+  }
+});
+export {
+  G as default
+};

package/dist/components/CuiTimePicker.vue.js

@@ -0,0 +1,193 @@
+import { defineComponent as H, ref as v, watch as V, onMounted as L, computed as d, useTemplateRef as O, withDirectives as j, openBlock as g, createElementBlock as h, toDisplayString as $, createCommentVNode as k, createVNode as s, withCtx as f, createElementVNode as p, normalizeStyle as x, createTextVNode as A, vShow as q } from "vue";
+import F from "./CuiPopover.vue.js";
+import C from "./CuiInputStepper.vue.js";
+import z from "./CuiButton.vue.js";
+import G from "./CuiIcon.vue.js";
+const J = {
+  key: 0,
+  style: {
+    display: "block",
+    marginBottom: "calc(0.25rem * var(--cui-density-scale, 1))",
+    fontSize: "0.875rem",
+    fontWeight: "500",
+    color: "var(--cui-text-secondary)"
+  }
+}, K = { style: { display: "flex", alignItems: "center", gap: "calc(0.5rem * var(--cui-density-scale, 1))", padding: "calc(0.5rem * var(--cui-density-scale, 1))" } }, Q = {
+  key: 0,
+  style: { display: "flex", flexDirection: "column", gap: "calc(0.125rem * var(--cui-density-scale, 1))", marginLeft: "calc(0.25rem * var(--cui-density-scale, 1))" }
+}, te = /* @__PURE__ */ H({
+  __name: "CuiTimePicker",
+  props: {
+    modelValue: { default: "" },
+    format: { default: "12" },
+    minuteStep: { default: 1 },
+    minTime: {},
+    maxTime: {},
+    placeholder: {},
+    size: { default: "md" },
+    label: {},
+    hidden: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(l, { expose: w, emit: P }) {
+    const a = l, I = P, i = v(12), o = v(0), r = v("AM"), y = v(!1);
+    function b(t) {
+      if (!t) return;
+      const e = t.match(/^(\d{1,2}):(\d{2})$/);
+      if (e) {
+        const u = parseInt(e[1]), D = parseInt(e[2]);
+        a.format === "12" ? (r.value = u >= 12 ? "PM" : "AM", i.value = u === 0 ? 12 : u > 12 ? u - 12 : u) : i.value = u, o.value = D;
+        return;
+      }
+      const n = t.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/i);
+      n && (i.value = parseInt(n[1]), o.value = parseInt(n[2]), r.value = n[3].toUpperCase());
+    }
+    V(() => a.modelValue, b), L(() => b(a.modelValue));
+    function S() {
+      return a.format === "24" ? `${String(i.value).padStart(2, "0")}:${String(o.value).padStart(2, "0")}` : `${String(i.value).padStart(2, "0")}:${String(o.value).padStart(2, "0")} ${r.value}`;
+    }
+    function m() {
+      I("update:modelValue", S());
+    }
+    const M = d(() => a.modelValue ? S() : "");
+    d(() => a.format === "24" ? "##:##" : "##:## AA");
+    const T = d(
+      () => a.placeholder ?? (a.format === "24" ? "hh:mm" : "hh:mm AM")
+    );
+    d(() => a.modelValue ? a.format === "24" ? `${String(i.value).padStart(2, "0")}${String(o.value).padStart(2, "0")}` : `${String(i.value).padStart(2, "0")}${String(o.value).padStart(2, "0")}${r.value}` : "");
+    const W = d(() => a.format === "12" ? 1 : 0), B = d(() => a.format === "12" ? 12 : 23);
+    function E(t) {
+      i.value = t, m();
+    }
+    function N(t) {
+      o.value = t, m();
+    }
+    V(y, (t) => {
+      t && b(a.modelValue);
+    });
+    const c = O("rootEl");
+    function R(t) {
+      var e;
+      (e = c.value) == null || e.focus(t);
+    }
+    function U() {
+      var t;
+      (t = c.value) == null || t.blur();
+    }
+    return w({ el: c, focus: R, blur: U }), (t, e) => j((g(), h("div", {
+      ref_key: "rootEl",
+      ref: c
+    }, [
+      l.label ? (g(), h("label", J, $(l.label), 1)) : k("", !0),
+      s(F, {
+        visible: y.value,
+        "onUpdate:visible": e[2] || (e[2] = (n) => y.value = n),
+        placement: "bottom",
+        closable: !1,
+        "no-arrow": "",
+        width: "auto",
+        disabled: l.disabled
+      }, {
+        content: f(() => [
+          p("div", K, [
+            s(C, {
+              "model-value": i.value,
+              min: W.value,
+              max: B.value,
+              step: 1,
+              orientation: "vertical",
+              size: "sm",
+              pad: 2,
+              wrap: "",
+              "onUpdate:modelValue": E
+            }, null, 8, ["model-value", "min", "max"]),
+            e[5] || (e[5] = p("span", { style: { fontSize: "1.25rem", fontWeight: "700", color: "var(--cui-text-body)", lineHeight: "1" } }, ":", -1)),
+            s(C, {
+              "model-value": o.value,
+              min: 0,
+              max: 59,
+              step: l.minuteStep,
+              orientation: "vertical",
+              size: "sm",
+              pad: 2,
+              wrap: "",
+              "onUpdate:modelValue": N
+            }, null, 8, ["model-value", "step"]),
+            l.format === "12" ? (g(), h("div", Q, [
+              s(z, {
+                variant: "ghost",
+                size: "xs",
+                style: x({
+                  fontWeight: r.value === "AM" ? "700" : "400",
+                  color: r.value === "AM" ? "var(--cui-primary)" : "var(--cui-text-tertiary)",
+                  background: r.value === "AM" ? "var(--cui-primary-bg)" : "transparent",
+                  borderRadius: "0.25rem",
+                  minWidth: "2.5rem"
+                }),
+                onClick: e[0] || (e[0] = (n) => {
+                  r.value = "AM", m();
+                })
+              }, {
+                default: f(() => [...e[3] || (e[3] = [
+                  A("AM", -1)
+                ])]),
+                _: 1
+              }, 8, ["style"]),
+              s(z, {
+                variant: "ghost",
+                size: "xs",
+                style: x({
+                  fontWeight: r.value === "PM" ? "700" : "400",
+                  color: r.value === "PM" ? "var(--cui-primary)" : "var(--cui-text-tertiary)",
+                  background: r.value === "PM" ? "var(--cui-primary-bg)" : "transparent",
+                  borderRadius: "0.25rem",
+                  minWidth: "2.5rem"
+                }),
+                onClick: e[1] || (e[1] = (n) => {
+                  r.value = "PM", m();
+                })
+              }, {
+                default: f(() => [...e[4] || (e[4] = [
+                  A("PM", -1)
+                ])]),
+                _: 1
+              }, 8, ["style"])
+            ])) : k("", !0)
+          ])
+        ]),
+        default: f(() => [
+          p("div", {
+            style: x({
+              display: "inline-flex",
+              alignItems: "center",
+              gap: "calc(0.5rem * var(--cui-density-scale, 1))",
+              padding: "calc(0.4375rem * var(--cui-density-scale, 1)) calc(0.625rem * var(--cui-density-scale, 1))",
+              border: "1px solid var(--cui-border-strong, var(--cui-border))",
+              borderRadius: "var(--cui-button-radius, 0.375rem)",
+              background: "var(--cui-surface-base, white)",
+              cursor: l.disabled ? "default" : "pointer",
+              opacity: l.disabled ? "0.5" : "1",
+              fontSize: "0.875rem",
+              color: M.value ? "var(--cui-text-body)" : "var(--cui-text-tertiary)",
+              minWidth: l.format === "24" ? "6rem" : "8rem"
+            })
+          }, [
+            s(G, {
+              name: "clock",
+              size: "0.875rem",
+              style: { color: "var(--cui-text-tertiary)", flexShrink: "0" }
+            }),
+            p("span", null, $(M.value || T.value), 1)
+          ], 4)
+        ]),
+        _: 1
+      }, 8, ["visible", "disabled"])
+    ], 512)), [
+      [q, !l.hidden]
+    ]);
+  }
+});
+export {
+  te as default
+};

package/dist/components/CuiTimePicker.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CuiTimePicker.vue.js";
+export {
+  f as default
+};

package/dist/components/CuiTimeline.vue.js

@@ -0,0 +1,25 @@
+import { defineComponent as o, withDirectives as l, openBlock as i, createElementBlock as n, renderSlot as a, vShow as s } from "vue";
+const r = {
+  style: {
+    display: "flex",
+    flexDirection: "column",
+    position: "relative"
+  },
+  role: "list"
+}, p = /* @__PURE__ */ o({
+  __name: "CuiTimeline",
+  props: {
+    compact: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (t, c) => l((i(), n("div", r, [
+      a(t.$slots, "default")
+    ], 512)), [
+      [s, !e.hidden]
+    ]);
+  }
+});
+export {
+  p as default
+};

package/dist/components/CuiTimeline.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CuiTimeline.vue.js";
+export {
+  f as default
+};

package/dist/components/CuiTimelineItem.vue.js

@@ -0,0 +1,113 @@
+import { defineComponent as m, computed as u, withDirectives as y, openBlock as i, createElementBlock as a, normalizeStyle as o, createElementVNode as c, renderSlot as n, createBlock as f, createCommentVNode as l, toDisplayString as s, vShow as v } from "vue";
+import h from "./CuiIcon.vue.js";
+const x = {
+  key: 0,
+  style: {
+    width: "2px",
+    flex: "1",
+    background: "var(--cui-border)",
+    marginTop: "calc(0.375rem * var(--cui-density-scale, 1))",
+    borderRadius: "1px"
+  }
+}, g = {
+  key: 0,
+  style: { display: "flex", alignItems: "baseline", gap: "calc(0.5rem * var(--cui-density-scale, 1))", flexWrap: "wrap" }
+}, p = {
+  key: 0,
+  style: {
+    fontSize: "0.875rem",
+    fontWeight: "600",
+    color: "var(--cui-text-body)",
+    lineHeight: "1.4"
+  }
+}, b = {
+  key: 1,
+  style: {
+    fontSize: "0.75rem",
+    color: "var(--cui-text-tertiary)",
+    whiteSpace: "nowrap"
+  }
+}, $ = /* @__PURE__ */ m({
+  __name: "CuiTimelineItem",
+  props: {
+    icon: {},
+    title: {},
+    timestamp: {},
+    last: { type: Boolean, default: !1 },
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "primary" }
+  },
+  setup(e) {
+    const t = e, d = u(() => ({
+      width: t.icon ? "1.75rem" : "0.75rem",
+      height: t.icon ? "1.75rem" : "0.75rem",
+      borderRadius: "50%",
+      background: t.icon ? `var(--cui-${t.color}-bg)` : `var(--cui-${t.color})`,
+      color: `var(--cui-${t.color})`,
+      border: t.icon ? `1px solid var(--cui-${t.color}-border)` : "3px solid var(--cui-surface-base, white)",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: "0",
+      position: "relative",
+      zIndex: "1",
+      boxShadow: t.icon ? "none" : "0 0 0 3px var(--cui-surface-base, white)"
+    }));
+    return (r, k) => y((i(), a("div", {
+      style: o({
+        display: "flex",
+        gap: "calc(0.875rem * var(--cui-density-scale, 1))",
+        position: "relative",
+        paddingBottom: e.last ? "0" : "calc(1.5rem * var(--cui-density-scale, 1))"
+      }),
+      role: "listitem"
+    }, [
+      c("div", {
+        style: o({
+          display: "flex",
+          flexDirection: "column",
+          alignItems: "center",
+          flexShrink: "0",
+          width: e.icon ? "1.75rem" : "0.75rem"
+        })
+      }, [
+        c("div", {
+          style: o(d.value)
+        }, [
+          n(r.$slots, "icon", {}, () => [
+            e.icon ? (i(), f(h, {
+              key: 0,
+              name: e.icon,
+              size: "0.875rem"
+            }, null, 8, ["name"])) : l("", !0)
+          ])
+        ], 4),
+        e.last ? l("", !0) : (i(), a("div", x))
+      ], 4),
+      c("div", {
+        style: o({ flex: "1", minWidth: "0", paddingTop: e.icon ? "calc(0.125rem * var(--cui-density-scale, 1))" : "0" })
+      }, [
+        e.title || e.timestamp ? (i(), a("div", g, [
+          e.title ? (i(), a("span", p, s(e.title), 1)) : l("", !0),
+          e.timestamp ? (i(), a("span", b, s(e.timestamp), 1)) : l("", !0)
+        ])) : l("", !0),
+        r.$slots.default ? (i(), a("div", {
+          key: 1,
+          style: o({
+            fontSize: "0.8125rem",
+            color: "var(--cui-text-secondary)",
+            lineHeight: "1.55",
+            marginTop: e.title ? "calc(0.25rem * var(--cui-density-scale, 1))" : "0"
+          })
+        }, [
+          n(r.$slots, "default")
+        ], 4)) : l("", !0)
+      ], 4)
+    ], 4)), [
+      [v, !e.hidden]
+    ]);
+  }
+});
+export {
+  $ as default
+};

package/dist/components/CuiTimelineItem.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CuiTimelineItem.vue.js";
+export {
+  f as default
+};

package/dist/components/CuiToast.vue.js

@@ -0,0 +1,7 @@
+import o from "./CuiToast.vue2.js";
+/* empty css              */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-ad2b7bea"]]);
+export {
+  p as default
+};

package/dist/components/CuiToast.vue2.js

@@ -0,0 +1,129 @@
+import { defineComponent as N, ref as b, computed as n, watch as P, onMounted as S, onUnmounted as T, withDirectives as V, openBlock as i, createElementBlock as a, mergeProps as z, Fragment as E, createTextVNode as g, toDisplayString as v, createBlock as L, createCommentVNode as c, createElementVNode as y, renderSlot as $, unref as O, createVNode as A, normalizeStyle as R, vShow as F } from "vue";
+import h from "./CuiIcon.vue.js";
+import { COLOR_ICON_MAP as K } from "../utils/colorIconMap.js";
+import { resolveLiveRegion as U } from "../utils/liveRegion.js";
+import { useMessages as j } from "../composables/useMessages.js";
+const q = {
+  key: 0,
+  class: "cui-toast__icon"
+}, G = { class: "cui-toast__body" }, H = {
+  key: 0,
+  class: "cui-toast__title"
+}, J = {
+  key: 1,
+  class: "cui-toast__description"
+}, Q = {
+  key: 2,
+  class: "cui-toast__actions"
+}, W = ["aria-label"], X = {
+  key: 2,
+  class: "cui-toast__progress"
+}, _ = 50, ot = /* @__PURE__ */ N({
+  __name: "CuiToast",
+  props: {
+    toastId: {},
+    title: {},
+    description: {},
+    variant: { default: "subtle" },
+    dismissible: { type: Boolean, default: !0 },
+    autoDismiss: { default: 5e3 },
+    showProgress: { type: Boolean, default: !0 },
+    animation: { default: "none" },
+    icon: {},
+    noIcon: { type: Boolean, default: !1 },
+    active: { type: Boolean, default: !0 },
+    hidden: { type: Boolean, default: !1 },
+    color: { default: "primary" },
+    live: {}
+  },
+  emits: ["dismiss"],
+  setup(s, { emit: k }) {
+    const o = s, D = k, u = b(!1), l = b(0);
+    let r = null;
+    const I = n(() => !o.autoDismiss || o.autoDismiss === 0 ? 0 : Math.min(l.value / o.autoDismiss * 100, 100));
+    function m() {
+      r || !o.autoDismiss || o.autoDismiss === 0 || (r = setInterval(() => {
+        !u.value && o.active && (l.value += _, l.value >= o.autoDismiss && f());
+      }, _));
+    }
+    P(
+      () => o.active,
+      (t) => {
+        t && !r && m();
+      }
+    );
+    function f() {
+      r && clearInterval(r), D("dismiss");
+    }
+    function p() {
+      u.value = !0;
+    }
+    function x() {
+      u.value = !1;
+    }
+    S(() => {
+      o.active && m();
+    }), T(() => {
+      r && clearInterval(r);
+    });
+    const B = n(() => {
+      const t = o.color, d = o.variant, e = {
+        "--_toast-focus-ring": `var(--cui-${t}-focus-ring)`
+      };
+      return d === "solid" ? (e.background = `var(--cui-${t}-solid, var(--cui-${t}))`, e.color = `var(--cui-${t}-text)`, e["--_toast-icon-color"] = `var(--cui-${t}-text)`, e["--_toast-dismiss-color"] = `var(--cui-${t}-text)`, e["--_toast-progress-bg"] = "rgb(255 255 255 / 0.2)", e["--_toast-progress-bar"] = "rgb(255 255 255 / 0.6)") : d === "outline" ? (e.background = "var(--cui-surface-base)", e.color = `var(--cui-${t})`, e.border = `1px solid var(--cui-${t}-border)`, e["--_toast-icon-color"] = `var(--cui-${t})`, e["--_toast-dismiss-color"] = "var(--cui-text-secondary)", e["--_toast-progress-bg"] = `var(--cui-${t}-bg)`, e["--_toast-progress-bar"] = `var(--cui-${t})`) : (e.background = `var(--cui-${t}-bg)`, e.color = "var(--cui-text-body)", e.border = `1px solid var(--cui-${t}-border)`, e["--_toast-icon-color"] = `var(--cui-${t})`, e["--_toast-dismiss-color"] = "var(--cui-text-secondary)", e["--_toast-progress-bg"] = `var(--cui-${t}-border)`, e["--_toast-progress-bar"] = `var(--cui-${t})`), e;
+    }), C = n(() => K[o.color] ?? "info"), M = n(() => U(o.color, o.live)), w = j();
+    return (t, d) => V((i(), a("div", z({
+      class: ["cui-toast", [
+        s.animation !== "none" ? `cui-toast--${s.animation}` : ""
+      ]],
+      style: B.value
+    }, M.value, {
+      onMouseenter: p,
+      onMouseleave: x
+    }), [
+      s.noIcon ? c("", !0) : (i(), a("div", q, [
+        s.icon ? (i(), a(E, { key: 0 }, [
+          g(v(s.icon), 1)
+        ], 64)) : (i(), L(h, {
+          key: 1,
+          name: C.value,
+          size: "1.25rem"
+        }, null, 8, ["name"]))
+      ])),
+      y("div", G, [
+        s.title ? (i(), a("div", H, v(s.title), 1)) : c("", !0),
+        s.description || t.$slots.default ? (i(), a("div", J, [
+          $(t.$slots, "default", {}, () => [
+            g(v(s.description), 1)
+          ], !0)
+        ])) : c("", !0),
+        t.$slots.actions ? (i(), a("div", Q, [
+          $(t.$slots, "actions", {}, void 0, !0)
+        ])) : c("", !0)
+      ]),
+      s.dismissible ? (i(), a("button", {
+        key: 1,
+        type: "button",
+        class: "cui-toast__dismiss",
+        "aria-label": O(w).dismiss,
+        onClick: f
+      }, [
+        A(h, {
+          name: "x",
+          size: "0.875rem"
+        })
+      ], 8, W)) : c("", !0),
+      s.showProgress && s.autoDismiss && s.autoDismiss > 0 && s.active ? (i(), a("div", X, [
+        y("div", {
+          class: "cui-toast__progress-bar",
+          style: R({ width: `${100 - I.value}%` })
+        }, null, 4)
+      ])) : c("", !0)
+    ], 16)), [
+      [F, !s.hidden]
+    ]);
+  }
+});
+export {
+  ot as default
+};

package/dist/components/CuiToastProvider.vue.js

@@ -0,0 +1,7 @@
+import o from "./CuiToastProvider.vue2.js";
+/* empty css                      */
+import r from "../_virtual/_plugin-vue_export-helper.js";
+const i = /* @__PURE__ */ r(o, [["__scopeId", "data-v-67df253a"]]);
+export {
+  i as default
+};