@ulu/frontend-vue 0.5.16 → 0.6.1

package/dist/plugins/breakpoints/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/breakpoints/index.js"],"names":[],"mappings":"AAiBA;;;;;;;;;GASG;AACH,qCALW,MAAM,eAEd;IAA6B,gBAAgB;IAChB,cAAc;CAC7C,QA8BA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/breakpoints/index.js"],"names":[],"mappings":"AAoBA;;;;;;;;;GASG;AACH,qCALW,MAAM,eAEd;IAA6B,gBAAgB;IAChB,cAAc;CAC7C,QA8BA"}

package/dist/plugins/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/core/index.js"],"names":[],"mappings":"AAmCA;;;;;;;;;;GAUG;AACH,qCAPW,MAAM,iBAEd;IAA+B,iBAAiB;IAClB,aAAa;IACX,gBAAgB;IAClB,WAAW;CAC3C,QA0DA;AAtED,gCAA0D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/core/index.js"],"names":[],"mappings":"AAqCA;;;;;;;;;;GAUG;AACH,qCAPW,MAAM,iBAEd;IAA+B,iBAAiB;IAClB,aAAa;IACX,gBAAgB;IAClB,WAAW;CAC3C,QA0DA;AAtED,gCAA0D"}

package/dist/plugins/core/index.js

@@ -2,7 +2,7 @@ import { reactive as c } from "vue";
 const o = {
   fontAwesomeStatic: !1,
   iconComponent: null,
-  iconPropResolver: (a) => ({ icon: a }),
+  iconPropResolver: (n) => ({ icon: n }),
   iconsByType: {
     danger: "fas fa-triangle-exclamation",
     warning: "fas fa-circle-exclamation",
@@ -22,12 +22,13 @@ const o = {
     file: "fas fa-file",
     previous: "fas fa-chevron-left",
     next: "fas fa-chevron-right",
-    dropdownExpand: "fas fa-caret-down"
+    dropdownExpand: "fas fa-caret-down",
+    search: "fas fa-search"
   }
 };
-function p(a, f = {}) {
-  const t = c({ ...o }), { iconsByType: i, ...r } = f || {};
-  r && Object.assign(t, r);
+function p(n, f = {}) {
+  const t = c({ ...o }), { iconsByType: r, ...i } = f || {};
+  i && Object.assign(t, i);
   const s = {
     // Methods to interact with settings
     getSettings() {
@@ -46,25 +47,25 @@ function p(a, f = {}) {
       }
       return t[e];
     },
-    updateSetting(e, n) {
+    updateSetting(e, a) {
       if (typeof e != "string")
         throw new Error("Expected key to be string");
-      t[e] = n;
+      t[e] = a;
     },
     getIcon(e) {
-      const n = t.iconsByType;
-      if (!n[e])
+      const a = t.iconsByType;
+      if (!a[e])
         throw new Error(`Icon type "${e}" not found!`);
-      return n[e];
+      return a[e];
     },
-    setIcon(e, n) {
-      t.iconsByType[e] = n;
+    setIcon(e, a) {
+      t.iconsByType[e] = a;
     }
   };
-  if (i)
-    for (const [e, n] of Object.entries(i))
-      s.setIcon(e, n);
-  a.provide("uluCore", s), a.config.globalProperties.$uluCore = s;
+  if (r)
+    for (const [e, a] of Object.entries(r))
+      s.setIcon(e, a);
+  n.provide("uluCore", s), n.config.globalProperties.$uluCore = s;
 }
 export {
   p as default

package/dist/plugins/modals/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../lib/plugins/modals/api.js"],"names":[],"mappings":";;;;AA6BO;;IAML;;;;OAIG;;IAKH;;;OAGG;oBADS,MAAM;IAUlB;;OAEG;;IAKH;;;OAGG;uBADS,MAAM;EAUlB;AAxDF;;GAEG;AACH;;;EAAyB;AAnBzB,4BAAkB"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../lib/plugins/modals/api.js"],"names":[],"mappings":";;;;AAgCO;;IAML;;;;OAIG;;IAKH;;;OAGG;oBADS,MAAM;IAUlB;;OAEG;;IAKH;;;OAGG;uBADS,MAAM;EAUlB;AAxDF;;GAEG;AACH;;;EAAyB;AAnBzB,4BAAkB"}

package/dist/plugins/modals/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/modals/index.js"],"names":[],"mappings":"AAsBA;;;;GAIG;AACH,uDAFW,sBAAsB,QA8BhC;;;;;;;;;;;;kBAxCa,eAAe"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/modals/index.js"],"names":[],"mappings":"AAqBA;;;;GAIG;AACH,uDAFW,sBAAsB,QA8BhC;;;;;;;;;;;;kBAxCa,eAAe"}

package/dist/plugins/modals/useModals.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModals.d.ts","sourceRoot":"","sources":["../../../lib/plugins/modals/useModals.js"],"names":[],"mappings":"AASO,6BAHM,MAAM,CASlB"}
+{"version":3,"file":"useModals.d.ts","sourceRoot":"","sources":["../../../lib/plugins/modals/useModals.js"],"names":[],"mappings":"AAYO,6BAHM,MAAM,CASlB"}

package/dist/plugins/popovers/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/defaults.js"],"names":[],"mappings":";gBAGY,MAAM;;;;;;;;;iBA8CN,MAAM"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/defaults.js"],"names":[],"mappings":";gBAMY,MAAM;;;;;;;;;iBA8CN,MAAM"}

package/dist/plugins/popovers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/index.js"],"names":[],"mappings":"AAiDA;;;;GAIG;AACH,qCAHW,MAAM,gBACN,MAAM,QAgJhB;AA9LD;;GAEG;AACH,kCAAmC,mBAAmB,CAAC;AAEvD;;GAEG;AACH,gCAAiC,iBAAiB,CAAC;AAEnD;;GAEG;AACH,yBAA0B,oBAAoB,CAAC;;;AAcxC,gDAJI,GAAC,mBACD,MAAM,GACJ,MAAM,GAAC,IAAI,CAgBvB;2BA3C0B,iBAAiB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/index.js"],"names":[],"mappings":"AAoDA;;;;GAIG;AACH,qCAHW,MAAM,gBACN,MAAM,QAgJhB;AA9LD;;GAEG;AACH,kCAAmC,mBAAmB,CAAC;AAEvD;;GAEG;AACH,gCAAiC,iBAAiB,CAAC;AAEnD;;GAEG;AACH,yBAA0B,oBAAoB,CAAC;;;AAcxC,gDAJI,GAAC,mBACD,MAAM,GACJ,MAAM,GAAC,IAAI,CAgBvB;2BA3C0B,iBAAiB"}

package/dist/plugins/popovers/useTooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/useTooltip.js"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,8BAFa;IAAC,WAAW,WAAW;IAAC,WAAW,WAAW;IAAC,YAAY,EAAE,MAAM,CAAA;CAAC,CAmBhF"}
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/useTooltip.js"],"names":[],"mappings":"AAMA;;;;;GAKG;AACH,8BAFa;IAAC,WAAW,WAAW;IAAC,WAAW,WAAW;IAAC,YAAY,EAAE,MAAM,CAAA;CAAC,CAmBhF"}

package/dist/plugins/popovers/useTooltipFollow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTooltipFollow.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/useTooltipFollow.js"],"names":[],"mappings":"AAKA;;;;;;EA4DC"}
+{"version":3,"file":"useTooltipFollow.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/useTooltipFollow.js"],"names":[],"mappings":"AAQA;;;;;;EA4DC"}

package/dist/plugins/toast/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/index.js"],"names":[],"mappings":"AAIA;;GAEG;AACH,kEASC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/index.js"],"names":[],"mappings":"AAOA;;GAEG;AACH,kEASC"}

package/dist/plugins/toast/store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/store.js"],"names":[],"mappings":"AAMA;;GAEG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBG;;IAMD;;;;OAIG;IACH,sBAHW,MAAM,OAYhB;IACD;;;OAGG;IACH,gCAKC;IACD;;OAEG;IACH,2BAEC"}
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/store.js"],"names":[],"mappings":"AASA;;GAEG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBG;;IAMD;;;;OAIG;IACH,sBAHW,MAAM,OAYhB;IACD;;;OAGG;IACH,gCAKC;IACD;;OAEG;IACH,2BAEC"}

package/dist/plugins/toast/useToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/useToast.js"],"names":[],"mappings":"AAWO,4BAPM,MAAM,CAalB"}
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/useToast.js"],"names":[],"mappings":"AAcO,4BAPM,MAAM,CAalB"}

package/dist/resolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolver.d.ts","sourceRoot":"","sources":["../lib/resolver.js"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,iEAHG;IAA+B,QAAQ,EAA/B,KAAK,QAAQ;CACrB,OAeF"}
+{"version":3,"file":"resolver.d.ts","sourceRoot":"","sources":["../lib/resolver.js"],"names":[],"mappings":"AAWA;;;;;GAKG;AACH,iEAHG;IAA+B,QAAQ,EAA/B,KAAK,QAAQ;CACrB,OAeF"}

package/dist/utils/dom.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @module utils.dom
+ */
 /**
  * Resolves a Vue template ref's unwrapped value to its underlying DOM element
  *

package/dist/utils/dom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../lib/utils/dom.js"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,oCAHW,WAAW,GAAC,MAAM,GAChB,WAAW,CASvB;AAKD;;;;;;GAMG;AACH,+BAHW,MAAM,GACJ,MAAM,CASlB"}
+{"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../lib/utils/dom.js"],"names":[],"mappings":"AAAA;;GAEG;AACH;;;;;GAKG;AACH,oCAHW,WAAW,GAAC,MAAM,GAChB,WAAW,CASvB;AAKD;;;;;;GAMG;AACH,+BAHW,MAAM,GACJ,MAAM,CASlB"}

package/dist/utils/props.d.ts

@@ -1,7 +1,17 @@
+/**
+ * @module utils.props
+ */
 /**
  * Ensures the array consists of objects
  * @param {Array} array Array to check
  * @returns {Boolean} Whether all are objects within
  */
 export function isArrayOfObjects(array: any[]): boolean;
+/**
+ * Checks for deprecated props and calls a callback for each match
+ * @param {object} props - The current props object
+ * @param {string[]} deprecatedNames - Array of prop names to check
+ * @param {function} callback - Function called for each match, receiving the prop name
+ */
+export function checkDeprecatedProps(props: object, deprecatedNames: string[], callback: Function): void;
 //# sourceMappingURL=props.d.ts.map

package/dist/utils/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../lib/utils/props.js"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wDAEC"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../lib/utils/props.js"],"names":[],"mappings":"AAAA;;GAEG;AACH;;;;GAIG;AACH,wDAEC;AAED;;;;;GAKG;AACH,4CAJW,MAAM,mBACN,MAAM,EAAE,4BASlB"}

package/dist/utils/props.js

@@ -1,6 +1,12 @@
-function t(e) {
+function f(e) {
   return e.every((r) => typeof r == "object");
 }
+function o(e, r, t) {
+  r.forEach((c) => {
+    e[c] !== void 0 && t(c);
+  });
+}
 export {
-  t as isArrayOfObjects
+  o as checkDeprecatedProps,
+  f as isArrayOfObjects
 };

package/dist/utils/router.d.ts

@@ -1,8 +1,9 @@
 /**
- * This Module Creates Menus from route or router config
- * - Note: Functions prefixed with "$" work with $route objects (running application, provided by vue-router ie $router, useRoute, etc),
- * @module router-utils
+ * @module utils.router
  */
+/**
+ * This Module Creates Menus from route or router config
+
 /**
  * Resolves a route's title from its meta.
  * - If `meta.title` is a function, it's called with the `currentRoute` (or the route itself).
@@ -25,7 +26,7 @@ export function getRouteTitle(route: object, currentRoute?: object): string | un
  * @param {Object} options Options
  * @param {Object} options.qualifier Callback to qualify as a base route (defaults to isStaticBaseRoute)
  * @param {Object} options.item Options for createMenuItem
- * @returns {Array.<RouteMenuItem>} Array of menu items
+ * @returns {Array<RouteMenuItem>} Array of menu items
  */
 export function createBaseMenu(routes: any, options: {
     qualifier: Object;
@@ -42,9 +43,9 @@ export function flattenMenu(menu: Array<RouteMenuItem>): Array<RouteMenuItem>;
  * @param {*} routes All routes
  * @param {*} sectionPath Path for section to create menu
  * @param {Object} options Options
- * @param {Boolean} options.includeIndex Include the parent/index in the menu items ie ({ path: "" })
+ * @param {Boolean} options.includeIndex Include the parent/index in the menu items ie path: ""
  * @param {Object} options.item Options to be passed to createMenuItem
- * @returns {Array.<RouteMenuItem>} Array of menu items
+ * @returns {Array<RouteMenuItem>} Array of menu items
  */
 export function createSectionMenu(routes: any, sectionPath: any, options: {
     includeIndex: boolean;
@@ -82,7 +83,7 @@ export function isStaticRoute(route: Object): boolean;
  */
 export function isStaticBaseRoute(route: Object): boolean;
 /**
- * Function to make normal <a> behave as router links instread of page reload
+ * Function to make normal `<a>` behave as router links instread of page reload
  * @param {Object} router Router instance (ie src/router) to push routes to
  * @param {Object} event The event object that triggered route change (ie. onclick) pass event object
  */
@@ -107,9 +108,9 @@ export function $getParentRoute(route: Object, deepest: Object): Object | null;
  * @param {Object} route Actual $route object
  * @param {Object} options Options
  * @param {Object} options.parent Route parent object, defaults to parent of route
- * @param {Boolean} options.includeIndex Include the parent/index in the menu items ie ({ path: "" })
+ * @param {Boolean} options.includeIndex Include the parent/index in the menu items ie path: ""
  * @param {Object} options.item Options for createMenuItem
- * @returns {Array.<RouteMenuItem>} Array of menu items
+ * @returns {Array<RouteMenuItem>} Array of menu items
  */
 export function $createSectionMenu(route: Object, options: {
     parent: Object;
@@ -123,13 +124,9 @@ export function $createSectionMenu(route: Object, options: {
  * - Skips routes where `meta.breadcrumb` is set to `false`.
  * - Avoids duplicate crumbs for nested routes with empty paths.
  * @param {Object} route The Vue Router `$route` object.
- * @returns {Array.<{title: String, to: Object, current: Boolean}>} An array of breadcrumb items.
+ * @returns {Array<Object>} An array of breadcrumb items with title, to, and current properties.
  */
-export function $createBreadcrumb(route: Object): Array<{
-    title: string;
-    to: Object;
-    current: boolean;
-}>;
+export function $createBreadcrumb(route: Object): Array<Object>;
 /**
  * Route Menu Item
  */

package/dist/utils/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../lib/utils/router.js"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;GAQG;AACH,qCAJW,MAAM,iBACN,MAAM,GACJ,MAAM,GAAC,SAAS,CAW5B;AAED;;;;;GAKG;AAEH;;;;;;;GAOG;AACH,uCANW,GAAC,WAET;IAAwB,SAAS,EAAzB,MAAM;IACU,IAAI,EAApB,MAAM;CACd,GAAU,KAAK,CAAE,aAAa,CAAC,CAgCjC;AAED;;;;GAIG;AACH,kCAHW,KAAK,CAAC,aAAa,CAAC,GAClB,KAAK,CAAC,aAAa,CAAC,CAgBhC;AAED;;;;;;;;GAQG;AACH,0CAPW,GAAC,eACD,GAAC,WAET;IAAyB,YAAY;IACb,IAAI,EAApB,MAAM;CACd,GAAU,KAAK,CAAE,aAAa,CAAC,CA4BjC;AAED;;;;GAIG;AACH,qDAFa,MAAM,CAIlB;AAED;;;;;;;;GAQG;AACH,sCAPW,MAAM,aACN,MAAM,uBAEd;IAA0B,MAAM;IACN,SAAS;CACnC,GAAU,aAAa,CAuBzB;AAED;;;;GAIG;AACH,qCAHW,MAAM,WAKhB;AAED;;;;GAIG;AACH,yCAHW,MAAM,WAMhB;AAED;;;;GAIG;AACH,yCAHW,MAAM,SACN,MAAM,QAYhB;AAED;;;;GAIG;AACH,yCAHW,MAAM,2BACJ,KAAK,CAAC,MAAM,CAAC,GAAC,SAAS,CAInC;AAED;;;;;GAKG;AACH,uCAJW,MAAM,WACN,MAAM,GACL,MAAM,OAAK,CAUtB;AAUD;;;;;;;;;;GAUG;AACH,0CAPW,MAAM,WAEd;IAAwB,MAAM,EAAtB,MAAM;IACW,YAAY;IACb,IAAI,EAApB,MAAM;CACd,GAAU,KAAK,CAAE,aAAa,CAAC,CAgBjC;AAED;;;;;;;;GAQG;AACH,yCAHW,MAAM,GACJ,KAAK,CAAE;IAAC,KAAK,SAAS;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,OAAO,UAAS;CAAC,CAAC,CAmCjE"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../lib/utils/router.js"],"names":[],"mappings":"AAAA;;GAEG;AACH;;;;;;;;;;;GAWG;AACH,qCAJW,MAAM,iBACN,MAAM,GACJ,MAAM,GAAC,SAAS,CAW5B;AAED;;;;;GAKG;AAEH;;;;;;;GAOG;AACH,uCANW,GAAC,WAET;IAAwB,SAAS,EAAzB,MAAM;IACU,IAAI,EAApB,MAAM;CACd,GAAU,KAAK,CAAC,aAAa,CAAC,CAgChC;AAED;;;;GAIG;AACH,kCAHW,KAAK,CAAC,aAAa,CAAC,GAClB,KAAK,CAAC,aAAa,CAAC,CAgBhC;AAED;;;;;;;;GAQG;AACH,0CAPW,GAAC,eACD,GAAC,WAET;IAAyB,YAAY;IACb,IAAI,EAApB,MAAM;CACd,GAAU,KAAK,CAAC,aAAa,CAAC,CA4BhC;AAED;;;;GAIG;AACH,qDAFa,MAAM,CAIlB;AAED;;;;;;;;GAQG;AACH,sCAPW,MAAM,aACN,MAAM,uBAEd;IAA0B,MAAM;IACN,SAAS;CACnC,GAAU,aAAa,CAuBzB;AAED;;;;GAIG;AACH,qCAHW,MAAM,WAKhB;AAED;;;;GAIG;AACH,yCAHW,MAAM,WAMhB;AAED;;;;GAIG;AACH,yCAHW,MAAM,SACN,MAAM,QAYhB;AAED;;;;GAIG;AACH,yCAHW,MAAM,2BACJ,KAAK,CAAC,MAAM,CAAC,GAAC,SAAS,CAInC;AAED;;;;;GAKG;AACH,uCAJW,MAAM,WACN,MAAM,GACL,MAAM,OAAK,CAUtB;AAUD;;;;;;;;;;GAUG;AACH,0CAPW,MAAM,WAEd;IAAwB,MAAM,EAAtB,MAAM;IACW,YAAY;IACb,IAAI,EAApB,MAAM;CACd,GAAU,KAAK,CAAC,aAAa,CAAC,CAgBhC;AAED;;;;;;;;GAQG;AACH,yCAHW,MAAM,GACJ,KAAK,CAAC,MAAM,CAAC,CAmCzB"}

package/lib/components/elements/UluBadge.vue

@@ -1,11 +1,7 @@
 <template>
   <component 
     class="badge" 
-    :class="[
-      size ? `badge--${ size }` : null,
-      type ? `badge--${ type }` : null,
-      { 'badge--clickable' : isInteractive }
-    ]"
+    :class="resolvedModifiers"
     :is="element"
     :to="to"
     :href="href"
@@ -29,6 +25,7 @@
 <script setup>
   import { computed } from "vue";
   import { RouterLink } from "vue-router";
+  import { useModifiers } from "../../composables/useModifiers.js";
 
   const props = defineProps({
     /**
@@ -63,12 +60,26 @@
      * A URL. Renders as a standard <a> tag.
      */
     href: String,
+    /**
+     * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
+     */
+    modifiers: [String, Array]
   });
 
   const isInteractive = computed(() => {
     return Boolean(props.to || props.click);
   });
 
+  const { resolvedModifiers } = useModifiers({ 
+    props, 
+    baseClass: "badge",
+    internal: computed(() => ({
+      [props.size] : props.size,
+      [props.type] : props.type,
+      "clickable" : isInteractive.value
+    }))
+  });
+
   const element = computed(() => {
     const { click, to, href } = props;
     /* eslint-disable */

package/lib/components/elements/UluButton.vue

@@ -4,6 +4,7 @@
     :href="href"
     :target="target"
     :download="download"
+    :type="type"
     class="button" 
     :class="[
       {
@@ -38,6 +39,7 @@
   import UluAction from "../utils/UluAction.vue";
   import UluIcon from "./UluIcon.vue";
   import { useModifiers } from "../../composables/useModifiers.js";
+  import { checkDeprecatedProps } from "../../utils/props.js";
 
   const props = defineProps({
     /**
@@ -70,9 +72,14 @@
      */
     download: [Boolean, String],
     /**
-     * For icon only buttons or buttons that need an explicit label
+     * **Deprecated!** Use `ariaLabel` instead. 
+     * @deprecated Use `ariaLabel` instead.
      */
     alt: String,
+    /**
+     * For icon only buttons or buttons that need an explicit aria-label
+     */
+    ariaLabel: String,
     /**
      * If not using slot this sets the buttons text via prop
      */
@@ -112,7 +119,15 @@
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array],
+    /**
+     * Button type (e.g. 'submit', 'reset', 'button').
+     */
+    type: String
+  });
+
+  checkDeprecatedProps(props, ["alt"], (name) => {
+    console.warn(`[@ulu/frontend-vue] UluButton: The "${ name }" prop is deprecated. Please use "ariaLabel" instead.`);
   });
 
   const { resolvedModifiers } = useModifiers({ 
@@ -131,7 +146,7 @@
   });
 
   const resolvedAriaLabel = computed(() => {
-    const label = props.alt || (props.iconOnly && props.text);
+    const label = props.ariaLabel || props.alt || (props.iconOnly && props.text);
     return label ? label : null;
   });
 </script>

package/lib/components/elements/UluIcon.vue

@@ -6,7 +6,7 @@
     :class="commonClasses"
   />
   <component
-    v-else-if="!useStaticFa && faIconComponent && resolvedDefinition"
+    v-else-if="!useStaticFa && faIconComponent"
     :is="faIconComponent"
     v-bind="iconProps"
     :class="commonClasses"
@@ -19,19 +19,19 @@
 </template>
 
 <script setup>
-  import { ref, defineAsyncComponent, markRaw, watchEffect, computed, inject } from "vue";
+  import { defineAsyncComponent, computed, inject } from "vue";
   import { useIcon } from "../../composables/useIcon.js";
 
   const uluCore = inject('uluCore');
-  const faIconComponent = ref(null);
   const { getIconProps, getClassesFromDefinition } = useIcon();
 
-  let FaModule;
+  const AsyncFontAwesomeIcon = defineAsyncComponent(() => 
+    import("@fortawesome/vue-fontawesome").then(m => m.FontAwesomeIcon)
+  );
 
   const props = defineProps({
     /**
      * Icon definition can be string (fa classes), or array or object (any prop format FaIcon accepts)
-     * - This will override the 'type' prop if both are provided
      */
     icon: [String, Array, Object, Boolean],
     /**
@@ -86,28 +86,10 @@
     'flow-inline': props.spaced
   }));
 
-  // Watch for changes to prop
-  // - Use watchEffect because we are watching reactive object property access (props)
-  // - Load FA if needed (so it's not included if it's unneeded)
-  // - Replace the empty component after load or if value changes
-  watchEffect(async () => {
-    // Only attempt to load the component if we are NOT using the static version
+  const faIconComponent = computed(() => {
     if (!useStaticFa.value && resolvedDefinition.value) {
-      if (faIconComponent.value === null) {
-        if (FaModule) {
-          faIconComponent.value = markRaw(FaModule.FontAwesomeIcon);
-        } else {
-          const componentPromise = defineAsyncComponent(async () => {
-            const module = await import("@fortawesome/vue-fontawesome");
-            FaModule = module;
-            return module.FontAwesomeIcon;
-          });
-          faIconComponent.value = markRaw(componentPromise);
-        }
-      }
-    } else {
-      // If using static FA or no definition, ensure component is null
-      faIconComponent.value = null;
+      return AsyncFontAwesomeIcon;
     }
+    return null;
   });
 </script>

package/lib/components/forms/UluForm.vue

@@ -14,29 +14,29 @@
 </template>
 
 <script setup>
-defineProps({
-  /**
-   * The HTML element to use for the form.
-   */
-  element: {
-    type: String,
-    default: 'form'
-  },
-  /**
-   * If true, applies the full-width styles to text inputs.
-   */
-  fullWidth: Boolean,
-  /**
-   * If true, applies the full-width styles to select inputs.
-   */
-  fullWidthSelect: Boolean,
-  /**
-   * If true, hides all labels in the form.
-   */
-  hideLabels: Boolean,
-  /**
-   * If true, right-aligns the form actions.
-   */
-  actionsRight: Boolean
-});
+  defineProps({
+    /**
+     * The HTML element to use for the form.
+     */
+    element: {
+      type: String,
+      default: 'form'
+    },
+    /**
+     * If true, applies the full-width styles to text inputs.
+     */
+    fullWidth: Boolean,
+    /**
+     * If true, applies the full-width styles to select inputs.
+     */
+    fullWidthSelect: Boolean,
+    /**
+     * If true, hides all labels in the form.
+     */
+    hideLabels: Boolean,
+    /**
+     * If true, right-aligns the form actions.
+     */
+    actionsRight: Boolean
+  });
 </script>

package/lib/components/forms/UluFormCheckbox.vue

@@ -1,38 +1,24 @@
 <template>
   <input
     type="checkbox"
-    :id="id"
+    v-bind="fieldAttrs"
     :checked="modelValue"
     @change="$emit('update:modelValue', $event.target.checked)"
-    :required="required"
   >
-  <label :for="id">
-    <slot>
-      {{ label }}<UluFormRequiredChar v-if="required" />
-    </slot>
-  </label>
 </template>
 
 <script setup>
-import { newId } from "../../utils/dom.js";
-import UluFormRequiredChar from "./UluFormRequiredChar.vue";
+  import { inject, computed } from "vue";
 
-defineProps({
-  /**
-   * The label for the checkbox.
-   */
-  label: String,
-  /**
-   * The value of the checkbox (for v-model).
-   */
-  modelValue: Boolean,
-  /**
-   * If true, the field will be required.
-   */
-  required: Boolean
-});
+  const props = defineProps({
+    /**
+     * The value of the checkbox (for v-model).
+     */
+    modelValue: Boolean
+  });
 
-defineEmits(['update:modelValue']);
+  defineEmits(["update:modelValue"]);
 
-const id = newId();
+  const injectedAttrs = inject("uluFormFieldAttrs", null);
+  const fieldAttrs = computed(() => injectedAttrs ? injectedAttrs.value : {});
 </script>

package/lib/components/forms/UluFormFieldset.vue

@@ -6,10 +6,10 @@
 </template>
 
 <script setup>
-defineProps({
-  /**
-   * The legend for the fieldset.
-   */
-  legend: String
-});
+  defineProps({
+    /**
+     * The legend for the fieldset.
+     */
+    legend: String
+  });
 </script>

package/lib/components/forms/UluFormFile.vue

@@ -1,59 +1,29 @@
 <template>
-  <label 
-    :class="{ 'hidden-visually' : labelHidden }" 
-    :for="id"
-  >
-    <slot name="label">
-      {{ label }}<UluFormRequiredChar v-if="required" />
-    </slot>
-  </label>
   <input 
     type="file" 
-    @change="onChangeFile" 
+    v-bind="fieldAttrs"
     :multiple="multiple"
-    :id="id"
-    v-bind="inputAttrs"
-    :required="required"
+    @change="onChangeFile" 
   />
 </template>
 
 <script setup>
-  import { newId } from "../../utils/dom.js";
-  import UluFormRequiredChar from "./UluFormRequiredChar.vue";
+  import { inject, computed } from "vue";
 
-  defineProps({
-    /**
-     * The label for the file input.
-     */
-    label: {
-      type: String,
-      default: "Select File"
-    },
-    /**
-     * If true, the label will be visually hidden.
-     */
-    labelHidden: Boolean,
-    /**
-     * If true, default classes will not be applied.
-     */
-    noClasses: Boolean,
+  const props = defineProps({
     /**
      * If true, allows multiple file selection.
      */
-    multiple: Boolean,
-    /**
-     * Additional attributes to bind to the input element.
-     */
-    inputAttrs: Object,
-    /**
-     * If true, the field will be required.
-     */
-    required: Boolean
+    multiple: Boolean
   });
 
   const emit = defineEmits(["file-change"]);
 
-  const id = newId();
+  const injectedAttrs = inject("uluFormFieldAttrs", null);
+  const fieldAttrs = computed(() => {
+    const attrs = injectedAttrs ? { ...injectedAttrs.value } : {};
+    return attrs;
+  });
 
   const onChangeFile = (event) => {
     emit("file-change", event.target.files);