@ulu/frontend-vue 0.2.0-beta.3 → 0.2.0-beta.5

package/dist/{types/components → components}/elements/UluAlert.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * Alert Title
      */
@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     modifiers: (StringConstructor | ArrayConstructor)[];
 }>, {
     resolvedModifiers: any;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Alert Title
      */
@@ -60,7 +60,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     type: string;
     compact: boolean;
 }, {}, {
-    UluButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    UluButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
         icon: (StringConstructor | ArrayConstructor)[];
         iconBefore: BooleanConstructor;
         iconOnly: BooleanConstructor;
@@ -84,7 +84,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {
         resolvedAriaLabel(): string | null;
         classes(): string[];
-        element(): "button" | "a" | import("vue-router")._RouterLinkI;
+        element(): "button" | import('vue-router')._RouterLinkI | "a";
         attrs(): {
             to: string | Record<string, any>;
             href?: undefined;
@@ -95,7 +95,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             to?: undefined;
             href?: undefined;
         };
-    }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         icon: (StringConstructor | ArrayConstructor)[];
         iconBefore: BooleanConstructor;
         iconOnly: BooleanConstructor;
@@ -116,32 +116,32 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         modifiers: (StringConstructor | ArrayConstructor)[];
     }>> & Readonly<{}>, {
         small: boolean;
-        outline: boolean;
         iconOnly: boolean;
-        large: boolean;
         iconBefore: boolean;
         primary: boolean;
         secondary: boolean;
+        large: boolean;
+        outline: boolean;
         transparent: boolean;
         noMargin: boolean;
     }, {}, {
-        UluIcon: import("vue").DefineComponent<{}, {
-            $props: Partial<{
-                readonly spaced: boolean;
-                readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-            }>;
+        UluIcon: import('vue').DefineComponent<{}, {
             spaced: boolean;
             icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    UluIcon: import("vue").DefineComponent<{}, {
-        $props: Partial<{
-            readonly spaced: boolean;
-            readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-        }>;
+            $props: {
+                readonly spaced?: boolean | undefined;
+                readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
+            };
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    UluIcon: import('vue').DefineComponent<{}, {
         spaced: boolean;
         icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        $props: {
+            readonly spaced?: boolean | undefined;
+            readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=UluAlert.vue.d.ts.map

package/dist/components/elements/UluAlert.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UluAlert.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluAlert.vue"],"names":[],"mappings":"AAsBA;;IA+FM;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IAzBH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG"}

package/dist/components/elements/UluAlert.vue.js

@@ -0,0 +1,87 @@
+import { resolveComponent as m, createElementBlock as i, openBlock as s, normalizeClass as r, createElementVNode as o, createVNode as u, createCommentVNode as f, renderSlot as n, toDisplayString as c, createTextVNode as p, computed as _ } from "vue";
+import g from "./UluButton.vue.js";
+import y from "./UluIcon.vue.js";
+import { useModifiers as v } from "../../composables/useModifiers.js";
+import S from "../../_virtual/_plugin-vue_export-helper.js";
+const U = {
+  name: "UluAlert",
+  components: {
+    UluButton: g,
+    UluIcon: y
+  },
+  props: {
+    /**
+     * Alert Title
+     */
+    title: String,
+    /**
+     * Alert description
+     */
+    description: String,
+    /**
+     * Pass specific icon definition, else it will resolve based on common types
+     */
+    icon: String,
+    /**
+     * Error, warning, info, success etc (must have these callout modifiers setup and this is used for type color [ie. color-error])
+     */
+    type: {
+      type: String,
+      default: "danger"
+    },
+    /**
+     * Compact callout style
+     */
+    compact: Boolean,
+    /**
+     * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
+     */
+    modifiers: [String, Array]
+  },
+  setup(e) {
+    const { resolvedModifiers: l } = v({
+      props: e,
+      baseClass: "callout",
+      internal: _(() => ({
+        [e.type]: e.type,
+        compact: e.compact
+      }))
+    });
+    return { resolvedModifiers: l };
+  }
+}, h = { class: "layout-flex" }, $ = { class: "type-small" }, B = {
+  key: 0,
+  class: "margin-left-auto align-self-center"
+};
+function C(e, l, t, a, N, V) {
+  const d = m("UluIcon");
+  return s(), i("div", {
+    class: r(["callout", a.resolvedModifiers])
+  }, [
+    o("div", h, [
+      u(d, {
+        class: r(["type-large margin-right-small", `color-${t.type}`]),
+        icon: t.icon || `type:${t.type}`
+      }, null, 8, ["class", "icon"]),
+      o("div", $, [
+        o("div", null, [
+          n(e.$slots, "title", {}, () => [
+            o("strong", null, c(t.title), 1)
+          ])
+        ]),
+        o("div", null, [
+          n(e.$slots, "description", {}, () => [
+            p(c(t.description), 1)
+          ])
+        ])
+      ]),
+      e.$slots.action ? (s(), i("div", B, [
+        n(e.$slots, "action")
+      ])) : f("", !0)
+    ])
+  ], 2);
+}
+const b = /* @__PURE__ */ S(U, [["render", C]]);
+export {
+  b as default
+};

package/dist/components/elements/UluBadge.vue.d.ts

@@ -0,0 +1,34 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    skeleton: boolean;
+    type?: string | undefined;
+    size?: string | undefined;
+    text?: string | undefined;
+    href?: string | undefined;
+    alt?: string | undefined;
+    to?: string | Record<string, any> | undefined;
+    click?: Function | undefined;
+    $props: {
+        readonly skeleton?: boolean | undefined;
+        readonly type?: string | undefined;
+        readonly size?: string | undefined;
+        readonly text?: string | undefined;
+        readonly href?: string | undefined;
+        readonly alt?: string | undefined;
+        readonly to?: string | Record<string, any> | undefined;
+        readonly click?: Function | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+//# sourceMappingURL=UluBadge.vue.d.ts.map

package/dist/components/elements/UluBadge.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UluBadge.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluBadge.vue"],"names":[],"mappings":"AA2BA;wBAyOqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;;;;;;;;;;;2OAQG"}

package/dist/components/elements/UluBadge.vue.js

@@ -0,0 +1,74 @@
+import { computed as c, createBlock as k, openBlock as l, resolveDynamicComponent as m, normalizeClass as o, withCtx as g, createElementVNode as h, createElementBlock as i, renderSlot as f, createCommentVNode as b, toDisplayString as r } from "vue";
+import { RouterLink as y } from "vue-router";
+const S = ["aria-hidden"], B = {
+  key: 2,
+  class: "hidden-visually"
+}, x = {
+  __name: "UluBadge",
+  props: {
+    /**
+     * Whether to display a skeleton loading state.
+     */
+    skeleton: Boolean,
+    /**
+     * The size of the badge (e.g., 'small', 'large').
+     */
+    size: String,
+    /**
+     * The text content of the badge.
+     */
+    text: String,
+    /**
+     * Alt text for the badge, for accessibility.
+     */
+    alt: String,
+    /**
+     * The type or style of the badge (e.g., 'primary', 'secondary').
+     */
+    type: String,
+    /**
+     * A function to call when the badge is clicked. Renders as a <button>.
+     */
+    click: Function,
+    /**
+     * A Vue Router link location. Renders as a <router-link>.
+     */
+    to: [Object, String],
+    /**
+     * A URL. Renders as a standard <a> tag.
+     */
+    href: String
+  },
+  setup(e) {
+    const t = e, s = c(() => !!(t.to || t.click)), d = c(() => {
+      const { click: n, to: a, href: u } = t;
+      return n ? "button" : a ? y : u ? "a" : "span";
+    });
+    return (n, a) => (l(), k(m(d.value), {
+      class: o(["badge", [
+        e.size ? `badge--${e.size}` : null,
+        e.type ? `badge--${e.type}` : null,
+        { "badge--clickable": s.value }
+      ]]),
+      to: e.to,
+      href: e.href,
+      onClick: e.click
+    }, {
+      default: g(() => [
+        h("span", {
+          class: o(["badge__inner", { "skeleton__background-color": e.skeleton }])
+        }, [
+          e.text ? (l(), i("span", {
+            key: 0,
+            "aria-hidden": e.alt ? "true" : null
+          }, r(e.text), 9, S)) : f(n.$slots, "default", { key: 1 }),
+          e.alt ? (l(), i("span", B, r(e.alt), 1)) : b("", !0)
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["class", "to", "href", "onClick"]));
+  }
+};
+export {
+  x as default
+};

package/dist/components/elements/UluBadgeStack.vue.d.ts

@@ -0,0 +1,8 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    items?: unknown[] | undefined;
+    $props: {
+        readonly items?: unknown[] | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLUListElement>;
+export default _default;
+//# sourceMappingURL=UluBadgeStack.vue.d.ts.map

package/dist/components/elements/UluBadgeStack.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UluBadgeStack.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluBadgeStack.vue"],"names":[],"mappings":"AAWA;"}

package/dist/components/elements/UluBadgeStack.vue.js

@@ -0,0 +1,24 @@
+import { createElementBlock as e, openBlock as r, Fragment as c, renderList as o, createVNode as n, mergeProps as l } from "vue";
+import m from "./UluBadge.vue.js";
+const _ = { class: "badge-stack" }, f = {
+  __name: "UluBadgeStack",
+  props: {
+    /**
+     * Array of props for each badge
+     */
+    items: Array
+  },
+  setup(t) {
+    return (u, i) => (r(), e("ul", _, [
+      (r(!0), e(c, null, o(t.items, (a, s) => (r(), e("li", {
+        class: "badge-stack__item",
+        key: s
+      }, [
+        n(m, l({ ref_for: !0 }, a), null, 16)
+      ]))), 128))
+    ]));
+  }
+};
+export {
+  f as default
+};

package/dist/{types/components → components}/elements/UluButton.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * Icon prop, if used will set the icon for the button, will use UluIcon (which uses font-awesome icons conditionally)
      * - If using custom icons don't use this prop, use before or after slots with correct classes (ie .button__icon)
@@ -77,7 +77,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {}, {
     resolvedAriaLabel(): string | null;
     classes(): string[];
-    element(): "button" | "a" | import("vue-router")._RouterLinkI;
+    element(): "button" | import('vue-router')._RouterLinkI | "a";
     attrs(): {
         to: string | Record<string, any>;
         href?: undefined;
@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         to?: undefined;
         href?: undefined;
     };
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Icon prop, if used will set the icon for the button, will use UluIcon (which uses font-awesome icons conditionally)
      * - If using custom icons don't use this prop, use before or after slots with correct classes (ie .button__icon)
@@ -164,23 +164,23 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     modifiers: (StringConstructor | ArrayConstructor)[];
 }>> & Readonly<{}>, {
     small: boolean;
-    outline: boolean;
     iconOnly: boolean;
-    large: boolean;
     iconBefore: boolean;
     primary: boolean;
     secondary: boolean;
+    large: boolean;
+    outline: boolean;
     transparent: boolean;
     noMargin: boolean;
 }, {}, {
-    UluIcon: import("vue").DefineComponent<{}, {
-        $props: Partial<{
-            readonly spaced: boolean;
-            readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-        }>;
+    UluIcon: import('vue').DefineComponent<{}, {
         spaced: boolean;
         icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        $props: {
+            readonly spaced?: boolean | undefined;
+            readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=UluButton.vue.d.ts.map

package/dist/components/elements/UluButton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UluButton.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluButton.vue"],"names":[],"mappings":"AAwCA;;IA2KM;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;;;;;;;;;;;;;;;;;IAvEH;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG"}

package/dist/components/elements/UluButton.vue.js

@@ -0,0 +1,151 @@
+import { RouterLink as m } from "vue-router";
+import f from "./UluIcon.vue.js";
+import { useModifiers as d } from "../../composables/useModifiers.js";
+import { resolveComponent as b, createBlock as i, openBlock as l, resolveDynamicComponent as g, mergeProps as y, withCtx as B, renderSlot as s, createCommentVNode as c, createElementBlock as _, createTextVNode as h, toDisplayString as S } from "vue";
+import k from "../../_virtual/_plugin-vue_export-helper.js";
+const O = {
+  name: "UluButton",
+  components: {
+    UluIcon: f
+  },
+  props: {
+    /**
+     * Icon prop, if used will set the icon for the button, will use UluIcon (which uses font-awesome icons conditionally)
+     * - If using custom icons don't use this prop, use before or after slots with correct classes (ie .button__icon)
+     */
+    icon: [String, Array],
+    /**
+     * If passing an icon (and not using iconOnly) this determines if the icon is before or after (default) the text
+     */
+    iconBefore: Boolean,
+    /**
+     * Button style for only icon
+     */
+    iconOnly: Boolean,
+    /**
+     * If set will use router-link for button component and pass to prop
+     */
+    to: [String, Object],
+    /**
+     * Sets the button to a link with this href
+     */
+    href: String,
+    /**
+     * Set a value for target attribute when button is a link
+     */
+    target: String,
+    /**
+     * Sets the download attribute on the link (passing string [filename] will populate the download attribute, true will just include it as boolean attribute)
+     */
+    download: [Boolean, String],
+    /**
+     * For icon only buttons or buttons that need an explicit label
+     */
+    alt: String,
+    /**
+     * If not using slot this sets the buttons text via prop
+     */
+    text: String,
+    /**
+     * Pass any sizes setup for button (ie. small, large, etc)
+     */
+    size: String,
+    /**
+     * Preset to set primary style (needs to be a button style in ulu scss)
+     */
+    primary: Boolean,
+    /**
+     * Preset to set secondary style (needs to be a button style in ulu scss)
+     */
+    secondary: Boolean,
+    /**
+     * Preset to set small size (use "size" for any sizes)
+     */
+    small: Boolean,
+    /**
+     * Preset to set large size (use "size" for any sizes)
+     */
+    large: Boolean,
+    /**
+     * Preset to set outline style button (needs to be a button style in ulu scss)
+     */
+    outline: Boolean,
+    /**
+     * Preset to set transparent style button (needs to be a button style in ulu scss)
+     */
+    transparent: Boolean,
+    /**
+     * Add no-margin utility
+     */
+    noMargin: Boolean,
+    /**
+     * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
+     */
+    modifiers: [String, Array]
+  },
+  setup(e) {
+    const { resolvedModifiers: n } = d({ props: e, baseClass: "button" });
+    return { resolvedModifiers: n };
+  },
+  computed: {
+    resolvedAriaLabel() {
+      const e = this.alt || this.iconOnly && this.text;
+      return e || null;
+    },
+    classes() {
+      const e = [], { size: n } = this;
+      return n && e.push(`button--${n}`), e;
+    },
+    element() {
+      return this.to ? m : this.href ? "a" : "button";
+    },
+    attrs() {
+      const { to: e, href: n, download: t, target: o } = this, r = e ? { to: e } : n ? { href: n } : {};
+      return n && (o && (r.target = o), t && (r.download = typeof t == "string" ? t : !0)), r;
+    }
+  }
+}, v = { key: 1 };
+function x(e, n, t, o, r, a) {
+  const u = b("UluIcon");
+  return l(), i(g(a.element), y({
+    class: ["button", [
+      {
+        "button--transparent": t.transparent,
+        "button--primary": t.primary,
+        "button--secondary": t.secondary,
+        "button--outline": t.outline,
+        "button--small": t.small,
+        "button--large": t.large,
+        "button--icon": t.iconOnly,
+        "no-margin": t.noMargin
+      },
+      a.classes,
+      o.resolvedModifiers
+    ]]
+  }, a.attrs, { "aria-label": a.resolvedAriaLabel }), {
+    default: B(() => [
+      s(e.$slots, "before"),
+      t.icon && (t.iconBefore || t.iconOnly) ? (l(), i(u, {
+        key: 0,
+        icon: t.icon,
+        class: "button__icon"
+      }, null, 8, ["icon"])) : c("", !0),
+      (e.$slots.default || t.text) && !t.iconOnly ? (l(), _("span", v, [
+        s(e.$slots, "default", {}, () => [
+          h(S(t.text), 1)
+        ])
+      ])) : c("", !0),
+      t.icon && !t.iconBefore && !t.iconOnly ? (l(), i(u, {
+        key: 2,
+        icon: t.icon,
+        class: "button__icon"
+      }, null, 8, ["icon"])) : c("", !0),
+      s(e.$slots, "after")
+    ]),
+    _: 3
+  }, 16, ["class", "aria-label"]);
+}
+const I = /* @__PURE__ */ k(O, [["render", x]]);
+export {
+  I as default
+};

package/dist/{types/components → components}/elements/UluButtonVerbose.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * The title of the button. Can also be passed via slot.
      */
@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     resolvedModifiers: any;
 }, {}, {
-    element(): "button" | "a" | import("vue-router")._RouterLinkI;
+    element(): "button" | import('vue-router')._RouterLinkI | "a";
     attrs(): {
         to: string | Record<string, any>;
         href?: undefined;
@@ -60,7 +60,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         to?: undefined;
         href?: undefined;
     };
-}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * The title of the button. Can also be passed via slot.
      */
@@ -113,14 +113,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     fullWidth: boolean;
     titleElement: string;
 }, {}, {
-    UluIcon: import("vue").DefineComponent<{}, {
-        $props: Partial<{
-            readonly spaced: boolean;
-            readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-        }>;
+    UluIcon: import('vue').DefineComponent<{}, {
         spaced: boolean;
         icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        $props: {
+            readonly spaced?: boolean | undefined;
+            readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=UluButtonVerbose.vue.d.ts.map

package/dist/components/elements/UluButtonVerbose.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UluButtonVerbose.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluButtonVerbose.vue"],"names":[],"mappings":"AAmCA;;IAkIM;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;;;;;;;;;;;;;;;IA7CH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG"}