@phila/phila-ui-core 2.1.2 → 2.2.0-beta.2

package/dist/BaseLink.css

@@ -0,0 +1 @@
+[data-v-caba8dd2]{color:red;font-size:12px}[data-v-00c91174]{font-weight:700}[data-v-751bf20e] input{border:solid 4px var(--color-primary)}[data-v-751bf20e] input.invalid{border:solid 4px var(--color-danger)}.phila-icon__svg[data-v-36d958d1] svg{display:block;width:100%;height:100%}.phila-icon__svg[data-v-36d958d1] svg path,.phila-icon__svg[data-v-36d958d1] svg circle,.phila-icon__svg[data-v-36d958d1] svg rect,.phila-icon__svg[data-v-36d958d1] svg polygon,.phila-icon__svg[data-v-36d958d1] svg ellipse,.phila-icon__svg[data-v-36d958d1] svg line,.phila-icon__svg[data-v-36d958d1] svg polyline{fill:currentColor}.phila-icon__svg[data-v-36d958d1] svg [stroke]{stroke:currentColor}

package/dist/BaseLink.vue_vue_type_script_setup_true_lang-CXQJyB5W.js

@@ -0,0 +1,225 @@
+import { defineComponent as c, computed as l, createElementBlock as s, createCommentVNode as u, unref as f, openBlock as n, createElementVNode as M, Fragment as I, renderList as N, toDisplayString as B, renderSlot as m, ref as x, onBeforeMount as z, onMounted as E, normalizeClass as C, createBlock as v, createVNode as A, withCtx as L, createTextVNode as R, normalizeProps as g, guardReactiveProps as F, mergeProps as _, resolveComponent as P, resolveDynamicComponent as T } from "vue";
+import { a as $, u as H, b as S, i as O } from "./useRouter-BVKwor6C.js";
+import { FontAwesomeIcon as W } from "@fortawesome/vue-fontawesome";
+import { c as j } from "./classNames-CcykAxZN.js";
+import './BaseLink.css';const G = {
+  key: 0,
+  class: "input-errors"
+}, J = /* @__PURE__ */ c({
+  __name: "ErrorList",
+  props: {
+    errors: {},
+    validateOnBlur: { type: Boolean },
+    validateOnInput: { type: Boolean },
+    validateOnChange: { type: Boolean },
+    validateOnMount: { type: Boolean },
+    validate: { type: Function },
+    required: { type: Boolean }
+  },
+  setup(o) {
+    const { errors: e, isValid: r } = $(), t = o, a = l(() => Object.assign([], e.value, t.errors || []));
+    return (i, h) => !f(r) && a.value?.length ? (n(), s("div", G, [
+      M("ul", null, [
+        (n(!0), s(I, null, N(a.value, (d, p) => (n(), s("li", { key: p }, B(d), 1))), 128))
+      ])
+    ])) : u("", !0);
+  }
+}), y = (o, e) => {
+  const r = o.__vccOpts || o;
+  for (const [t, a] of e)
+    r[t] = a;
+  return r;
+}, K = /* @__PURE__ */ y(J, [["__scopeId", "data-v-caba8dd2"]]), Q = ["for"], U = {
+  key: 0,
+  class: "required"
+}, X = /* @__PURE__ */ c({
+  __name: "InputLabel",
+  props: {
+    id: {},
+    required: { type: Boolean }
+  },
+  setup(o) {
+    return (e, r) => (n(), s("label", {
+      class: "input-label",
+      for: o.id
+    }, [
+      m(e.$slots, "default", {}, void 0, !0),
+      o.required ? (n(), s("span", U, "*")) : u("", !0)
+    ], 8, Q));
+  }
+}), Y = /* @__PURE__ */ y(X, [["__scopeId", "data-v-00c91174"]]), Z = /* @__PURE__ */ c({
+  inheritAttrs: !1,
+  __name: "InputWrap",
+  props: {
+    id: {},
+    name: {},
+    placeholder: {},
+    label: {},
+    icon: {},
+    required: { type: Boolean },
+    errors: {},
+    validateOnBlur: { type: Boolean },
+    validateOnInput: { type: Boolean },
+    validateOnChange: { type: Boolean },
+    validateOnMount: { type: Boolean },
+    validate: { type: Function },
+    className: {}
+  },
+  emits: ["update:modelValue", "input", "change", "focus", "blur", "keydown", "keyup", "keypress", "error"],
+  setup(o, { emit: e }) {
+    const { setInputValue: r } = H(), t = x(""), a = o, i = e, { init: h, isValid: d, validation: p } = $(
+      {
+        validateOnMount: a.validateOnMount ?? !0,
+        validateOnInput: a.validateOnInput ?? !0,
+        validateOnBlur: a.validateOnBlur ?? !0,
+        validateOnChange: a.validateOnChange ?? !0,
+        required: a.required ?? !1,
+        errors: a.errors || [],
+        validate: a.validate
+      },
+      i
+    ), V = l(() => ({
+      invalid: !d.value
+    })), w = (b) => (t.value = b.target.value, i("update:modelValue", t.value), i("input", t.value), r(t.value), a.validateOnInput && p(), t.value), q = () => {
+      a.validateOnBlur && p(), i("blur");
+    }, D = () => {
+      i("focus");
+    };
+    return z(() => {
+      h();
+    }), E(() => {
+      a.validateOnMount && p();
+    }), (b, oe) => (n(), s("div", {
+      class: C(["input-wrap", { hasError: !f(d) }])
+    }, [
+      a.label ? (n(), v(Y, {
+        key: 0,
+        id: a.id,
+        required: a.required
+      }, {
+        default: L(() => [
+          R(B(a.label), 1)
+        ]),
+        _: 1
+      }, 8, ["id", "required"])) : u("", !0),
+      m(b.$slots, "default", g(F({ inputValue: t.value, onBlur: q, onFocus: D, onInput: w, isValid: f(d), inputClasses: V.value })), void 0, !0),
+      A(K)
+    ], 2));
+  }
+}), ue = /* @__PURE__ */ y(Z, [["__scopeId", "data-v-751bf20e"]]), ee = ["innerHTML"], ae = ["src", "alt"], te = /* @__PURE__ */ c({
+  __name: "Icon",
+  props: {
+    size: { default: "small" },
+    ariaLabel: { default: void 0 },
+    decorative: { type: Boolean, default: !1 },
+    inline: { type: Boolean },
+    className: {},
+    iconDefinition: {},
+    iconClass: {},
+    src: {},
+    svgRaw: {}
+  },
+  setup(o) {
+    const e = o, r = l(() => j(
+      "phila-icon",
+      e.size && `phila-icon--${e.size}`,
+      e.inline && "phila-icon--inline",
+      e.className
+    )), t = l(() => e.decorative ? {
+      "aria-hidden": !0
+    } : {
+      "aria-label": e.ariaLabel,
+      role: "img"
+    });
+    return (a, i) => (n(), s("span", _({ class: r.value }, t.value), [
+      e.iconDefinition ? (n(), v(f(W), {
+        key: 0,
+        icon: e.iconDefinition
+      }, null, 8, ["icon"])) : e.iconClass ? (n(), s("i", {
+        key: 1,
+        class: C(`fa fa-${e.iconClass}`)
+      }, null, 2)) : e.svgRaw ? (n(), s("span", {
+        key: 2,
+        class: "phila-icon__svg",
+        innerHTML: e.svgRaw
+      }, null, 8, ee)) : e.src ? (n(), s("img", {
+        key: 3,
+        src: e.src,
+        alt: e.decorative ? "" : e.ariaLabel || "Icon"
+      }, null, 8, ae)) : u("", !0)
+    ], 16));
+  }
+}), k = /* @__PURE__ */ y(te, [["__scopeId", "data-v-36d958d1"]]), ne = { key: 1 }, ce = /* @__PURE__ */ c({
+  __name: "ActionContent",
+  props: {
+    iconRight: { type: Boolean, default: !1 },
+    iconOnly: { type: Boolean, default: !1 },
+    text: { default: void 0 },
+    size: { default: void 0 },
+    iconDefinition: {},
+    iconClass: {},
+    src: {},
+    svgRaw: {}
+  },
+  setup(o) {
+    const e = o, r = l(() => e.iconDefinition || e.iconClass || e.src || e.svgRaw), t = l(
+      () => ({
+        iconDefinition: e.iconDefinition,
+        iconClass: e.iconClass,
+        src: e.src,
+        svgRaw: e.svgRaw,
+        size: e.iconOnly ? e.size : void 0,
+        decorative: !0,
+        class: "icon",
+        inline: !0
+      })
+    );
+    return (a, i) => (n(), s(I, null, [
+      r.value && !e.iconRight ? (n(), v(k, g(_({ key: 0 }, t.value)), null, 16)) : u("", !0),
+      e.iconOnly ? u("", !0) : (n(), s("span", ne, [
+        m(a.$slots, "default", {}, () => [
+          R(B(e.text), 1)
+        ])
+      ])),
+      r.value && e.iconRight ? (n(), v(k, g(_({ key: 2 }, t.value)), null, 16)) : u("", !0)
+    ], 64));
+  }
+}), de = /* @__PURE__ */ c({
+  __name: "BaseLink",
+  props: {
+    to: {},
+    href: {},
+    target: {},
+    rel: {},
+    disabled: { type: Boolean },
+    ariaLabel: {},
+    className: {}
+  },
+  setup(o) {
+    const e = o, { hasRouter: r } = S(), t = l(() => O(e) && r.value ? P("RouterLink") : "a"), a = l(() => O(e) ? {
+      to: e.disabled ? void 0 : e.to,
+      ...e.disabled && { "aria-disabled": "true" },
+      ...e.ariaLabel && { "aria-label": e.ariaLabel }
+    } : {
+      href: e.disabled ? void 0 : e.href,
+      ...e.target && { target: e.target },
+      ...e.rel && { rel: e.rel },
+      ...e.disabled && { "aria-disabled": "true" },
+      ...e.ariaLabel && { "aria-label": e.ariaLabel }
+    });
+    return (i, h) => (n(), v(T(t.value), _({ class: o.className }, a.value), {
+      default: L(() => [
+        m(i.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+export {
+  K as E,
+  ue as I,
+  ce as _,
+  Y as a,
+  k as b,
+  de as c
+};

package/dist/BaseLink.vue_vue_type_script_setup_true_lang-CexJ6lNf.cjs

@@ -0,0 +1 @@
+"use strict";require('./BaseLink.css');const e=require("vue"),i=require("./useRouter-C4oT8vFk.cjs"),g=require("@fortawesome/vue-fontawesome"),h=require("./classNames-GLLmlfI4.cjs"),C={key:0,class:"input-errors"},b=e.defineComponent({__name:"ErrorList",props:{errors:{},validateOnBlur:{type:Boolean},validateOnInput:{type:Boolean},validateOnChange:{type:Boolean},validateOnMount:{type:Boolean},validate:{type:Function},required:{type:Boolean}},setup(a){const{errors:t,isValid:r}=i.useValidation(),o=a,n=e.computed(()=>Object.assign([],t.value,o.errors||[]));return(l,d)=>!e.unref(r)&&n.value?.length?(e.openBlock(),e.createElementBlock("div",C,[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,(s,c)=>(e.openBlock(),e.createElementBlock("li",{key:c},e.toDisplayString(s),1))),128))])])):e.createCommentVNode("",!0)}}),u=(a,t)=>{const r=a.__vccOpts||a;for(const[o,n]of t)r[o]=n;return r},v=u(b,[["__scopeId","data-v-caba8dd2"]]),I=["for"],O={key:0,class:"required"},L=e.defineComponent({__name:"InputLabel",props:{id:{},required:{type:Boolean}},setup(a){return(t,r)=>(e.openBlock(),e.createElementBlock("label",{class:"input-label",for:a.id},[e.renderSlot(t.$slots,"default",{},void 0,!0),a.required?(e.openBlock(),e.createElementBlock("span",O,"*")):e.createCommentVNode("",!0)],8,I))}}),f=u(L,[["__scopeId","data-v-00c91174"]]),V=e.defineComponent({inheritAttrs:!1,__name:"InputWrap",props:{id:{},name:{},placeholder:{},label:{},icon:{},required:{type:Boolean},errors:{},validateOnBlur:{type:Boolean},validateOnInput:{type:Boolean},validateOnChange:{type:Boolean},validateOnMount:{type:Boolean},validate:{type:Function},className:{}},emits:["update:modelValue","input","change","focus","blur","keydown","keyup","keypress","error"],setup(a,{emit:t}){const{setInputValue:r}=i.useInput(),o=e.ref(""),n=a,l=t,{init:d,isValid:s,validation:c}=i.useValidation({validateOnMount:n.validateOnMount??!0,validateOnInput:n.validateOnInput??!0,validateOnBlur:n.validateOnBlur??!0,validateOnChange:n.validateOnChange??!0,required:n.required??!1,errors:n.errors||[],validate:n.validate},l),_=e.computed(()=>({invalid:!s.value})),B=p=>(o.value=p.target.value,l("update:modelValue",o.value),l("input",o.value),r(o.value),n.validateOnInput&&c(),o.value),k=()=>{n.validateOnBlur&&c(),l("blur")},y=()=>{l("focus")};return e.onBeforeMount(()=>{d()}),e.onMounted(()=>{n.validateOnMount&&c()}),(p,D)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["input-wrap",{hasError:!e.unref(s)}])},[n.label?(e.openBlock(),e.createBlock(f,{key:0,id:n.id,required:n.required},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.label),1)]),_:1},8,["id","required"])):e.createCommentVNode("",!0),e.renderSlot(p.$slots,"default",e.normalizeProps(e.guardReactiveProps({inputValue:o.value,onBlur:k,onFocus:y,onInput:B,isValid:e.unref(s),inputClasses:_.value})),void 0,!0),e.createVNode(v)],2))}}),E=u(V,[["__scopeId","data-v-751bf20e"]]),N=["innerHTML"],R=["src","alt"],$=e.defineComponent({__name:"Icon",props:{size:{default:"small"},ariaLabel:{default:void 0},decorative:{type:Boolean,default:!1},inline:{type:Boolean},className:{},iconDefinition:{},iconClass:{},src:{},svgRaw:{}},setup(a){const t=a,r=e.computed(()=>h.cn("phila-icon",t.size&&`phila-icon--${t.size}`,t.inline&&"phila-icon--inline",t.className)),o=e.computed(()=>t.decorative?{"aria-hidden":!0}:{"aria-label":t.ariaLabel,role:"img"});return(n,l)=>(e.openBlock(),e.createElementBlock("span",e.mergeProps({class:r.value},o.value),[t.iconDefinition?(e.openBlock(),e.createBlock(e.unref(g.FontAwesomeIcon),{key:0,icon:t.iconDefinition},null,8,["icon"])):t.iconClass?(e.openBlock(),e.createElementBlock("i",{key:1,class:e.normalizeClass(`fa fa-${t.iconClass}`)},null,2)):t.svgRaw?(e.openBlock(),e.createElementBlock("span",{key:2,class:"phila-icon__svg",innerHTML:t.svgRaw},null,8,N)):t.src?(e.openBlock(),e.createElementBlock("img",{key:3,src:t.src,alt:t.decorative?"":t.ariaLabel||"Icon"},null,8,R)):e.createCommentVNode("",!0)],16))}}),m=u($,[["__scopeId","data-v-36d958d1"]]),q={key:1},w=e.defineComponent({__name:"ActionContent",props:{iconRight:{type:Boolean,default:!1},iconOnly:{type:Boolean,default:!1},text:{default:void 0},size:{default:void 0},iconDefinition:{},iconClass:{},src:{},svgRaw:{}},setup(a){const t=a,r=e.computed(()=>t.iconDefinition||t.iconClass||t.src||t.svgRaw),o=e.computed(()=>({iconDefinition:t.iconDefinition,iconClass:t.iconClass,src:t.src,svgRaw:t.svgRaw,size:t.iconOnly?t.size:void 0,decorative:!0,class:"icon",inline:!0}));return(n,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[r.value&&!t.iconRight?(e.openBlock(),e.createBlock(m,e.normalizeProps(e.mergeProps({key:0},o.value)),null,16)):e.createCommentVNode("",!0),t.iconOnly?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",q,[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])])),r.value&&t.iconRight?(e.openBlock(),e.createBlock(m,e.normalizeProps(e.mergeProps({key:2},o.value)),null,16)):e.createCommentVNode("",!0)],64))}}),z=e.defineComponent({__name:"BaseLink",props:{to:{},href:{},target:{},rel:{},disabled:{type:Boolean},ariaLabel:{},className:{}},setup(a){const t=a,{hasRouter:r}=i.useRouter(),o=e.computed(()=>i.isRouterLink(t)&&r.value?e.resolveComponent("RouterLink"):"a"),n=e.computed(()=>i.isRouterLink(t)?{to:t.disabled?void 0:t.to,...t.disabled&&{"aria-disabled":"true"},...t.ariaLabel&&{"aria-label":t.ariaLabel}}:{href:t.disabled?void 0:t.href,...t.target&&{target:t.target},...t.rel&&{rel:t.rel},...t.disabled&&{"aria-disabled":"true"},...t.ariaLabel&&{"aria-label":t.ariaLabel}});return(l,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value),e.mergeProps({class:a.className},n.value),{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16,["class"]))}});exports.ErrorList=v;exports.Icon=m;exports.InputLabel=f;exports.InputWrap=E;exports._sfc_main=w;exports._sfc_main$1=z;

package/dist/classNames-CcykAxZN.js

@@ -0,0 +1,6 @@
+function o(...n) {
+  return n.filter(Boolean).join(" ");
+}
+export {
+  o as c
+};

package/dist/classNames-GLLmlfI4.cjs

@@ -0,0 +1 @@
+"use strict";function t(...n){return n.filter(Boolean).join(" ")}exports.cn=t;

package/dist/collapse-ApWEJVnD.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("vue"),i=s.ref({}),u=s.ref(),v=400,m=s.ref(null);function A(e){const o=e?.group??"global",l=(t,n)=>{i.value[o][t]=n},a=(t,n)=>{i.value[o]={[t]:n}},g=t=>i.value[o][t]??!1,T=t=>{l(t,!g(t))},L=t=>{a(t,!g(t))},E=()=>{i.value[o]={}},k=t=>{t.key==="Escape"&&(l(e.id,!1),c())},d=t=>{if(!e)return;const n=t.target,[f]=Object.keys(i.value[o]).filter(w=>i.value[o][w]===!0),r=document.getElementById(f),M=document.querySelector(`[aria-controls="${f}"]`),q=n.getAttribute("aria-controls")===f||M?.contains(t.target);r&&!r.contains(n)&&!q&&(l(e.id,!1),c())},S=()=>{e&&(u.value=setTimeout(()=>{l(e.id,!1),c()},v))},b=()=>{e&&e.mouseOverToggle===!0&&(m.value=e.id,u.value=setTimeout(()=>{y()},v))},h=()=>{e&&e.mouseOverToggle===!0&&(m.value=null,clearTimeout(u.value),u.value=setTimeout(()=>{m.value!==e.id&&(l(e.id,!1),c())},v))},B=t=>{if(!e)return;const{relatedTarget:n}=t;if(!n||n.getAttribute("aria-controls")===e.id)return;const r=document.getElementById(e.id);r&&r.contains(n)||(clearTimeout(u.value),u.value=setTimeout(()=>{e.openSingle?a(e.id,!1):l(e.id,!1),c()},v))},I=()=>{e&&(e.outsideClickClose&&(document.addEventListener("click",d),document.addEventListener("touchend",d)),e.escapeKeyClose&&document.addEventListener("keydown",k))},c=()=>{document.removeEventListener("click",d),document.removeEventListener("touchend",d),document.removeEventListener("keydown",k),document.removeEventListener("scroll",S)},C=t=>{e&&(t?.preventDefault(),clearTimeout(u.value),I())},O=t=>{e&&(C(t),e.openSingle?L(e.id):T(e.id))},y=t=>{e&&(C(t),e.openSingle?a(e.id,!0):l(e.id,!0))};return s.onBeforeMount(()=>{i.value[o]||E()}),s.onUnmounted(()=>{c()}),{state:i,timeout:u,toggle:T,toggleSingle:L,setCollapsed:l,setSingleCollapsed:a,isCollapsed:g,reset:E,onMouseEnter:b,onMouseLeave:h,focusChange:B,onClickToggle:O,onClickOpen:y}}exports.useCollapse=A;

package/dist/collapse-BvsHwQBu.js

@@ -0,0 +1,74 @@
+import { ref as m, onBeforeMount as j, onUnmounted as q } from "vue";
+const i = m({}), o = m(), f = 400, g = m(null);
+function D(e) {
+  const u = e?.group ?? "global", l = (t, n) => {
+    i.value[u][t] = n;
+  }, a = (t, n) => {
+    i.value[u] = { [t]: n };
+  }, v = (t) => i.value[u][t] ?? !1, T = (t) => {
+    l(t, !v(t));
+  }, L = (t) => {
+    a(t, !v(t));
+  }, E = () => {
+    i.value[u] = {};
+  }, k = (t) => {
+    t.key === "Escape" && (l(e.id, !1), c());
+  }, s = (t) => {
+    if (!e) return;
+    const n = t.target, [d] = Object.keys(i.value[u]).filter((A) => i.value[u][A] === !0), r = document.getElementById(d), M = document.querySelector(`[aria-controls="${d}"]`), w = n.getAttribute("aria-controls") === d || M?.contains(t.target);
+    r && !r.contains(n) && !w && (l(e.id, !1), c());
+  }, S = () => {
+    e && (o.value = setTimeout(() => {
+      l(e.id, !1), c();
+    }, f));
+  }, b = () => {
+    e && e.mouseOverToggle === !0 && (g.value = e.id, o.value = setTimeout(() => {
+      y();
+    }, f));
+  }, h = () => {
+    e && e.mouseOverToggle === !0 && (g.value = null, clearTimeout(o.value), o.value = setTimeout(() => {
+      g.value !== e.id && (l(e.id, !1), c());
+    }, f));
+  }, B = (t) => {
+    if (!e) return;
+    const { relatedTarget: n } = t;
+    if (!n || n.getAttribute("aria-controls") === e.id)
+      return;
+    const r = document.getElementById(e.id);
+    r && r.contains(n) || (clearTimeout(o.value), o.value = setTimeout(() => {
+      e.openSingle ? a(e.id, !1) : l(e.id, !1), c();
+    }, f));
+  }, I = () => {
+    e && (e.outsideClickClose && (document.addEventListener("click", s), document.addEventListener("touchend", s)), e.escapeKeyClose && document.addEventListener("keydown", k));
+  }, c = () => {
+    document.removeEventListener("click", s), document.removeEventListener("touchend", s), document.removeEventListener("keydown", k), document.removeEventListener("scroll", S);
+  }, C = (t) => {
+    e && (t?.preventDefault(), clearTimeout(o.value), I());
+  }, O = (t) => {
+    e && (C(t), e.openSingle ? L(e.id) : T(e.id));
+  }, y = (t) => {
+    e && (C(t), e.openSingle ? a(e.id, !0) : l(e.id, !0));
+  };
+  return j(() => {
+    i.value[u] || E();
+  }), q(() => {
+    c();
+  }), {
+    state: i,
+    timeout: o,
+    toggle: T,
+    toggleSingle: L,
+    setCollapsed: l,
+    setSingleCollapsed: a,
+    isCollapsed: v,
+    reset: E,
+    onMouseEnter: b,
+    onMouseLeave: h,
+    focusChange: B,
+    onClickToggle: O,
+    onClickOpen: y
+  };
+}
+export {
+  D as u
+};

package/dist/components.d.ts

@@ -1,7 +1,9 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
+import { DefineSetupFnComponent } from 'vue';
 import { ExtractPropTypes } from 'vue';
+import { IconDefinition } from '@fortawesome/fontawesome-svg-core';
 import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 
@@ -16,8 +18,8 @@ keyup: () => void;
 keypress: () => void;
 error: (errors: string[] | undefined) => void;
 }, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_2<InputWrapProps>>> & Readonly<{
-onError?: ((errors: string[] | undefined) => any) | undefined;
 onInput?: ((value: string) => any) | undefined;
+onError?: ((errors: string[] | undefined) => any) | undefined;
 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 onChange?: ((value: string) => any) | undefined;
 onFocus?: (() => any) | undefined;
@@ -29,12 +31,43 @@ onKeypress?: (() => any) | undefined;
 
 declare const __VLS_component_2: DefineComponent<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_3<LabelProps>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_3<LabelProps>>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+declare const __VLS_component_3: DefineComponent<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_5<ActionContentProps>, {
+iconOnly: boolean;
+iconRight: boolean;
+text: undefined;
+size: undefined;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToRuntimeProps_5<ActionContentProps>, {
+iconOnly: boolean;
+iconRight: boolean;
+text: undefined;
+size: undefined;
+}>>> & Readonly<{}>, {
+size: ComponentSize;
+text: string;
+iconRight: boolean;
+iconOnly: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare const __VLS_component_4: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
+
 declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_2<T> = T extends undefined ? never : T;
 
 declare type __VLS_NonUndefinedable_3<T> = T extends undefined ? never : T;
 
+declare type __VLS_NonUndefinedable_4<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_5<T> = T extends undefined ? never : T;
+
+declare type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
+declare type __VLS_Prettify_2<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
 declare function __VLS_template(): {
     default?(_: {
         inputValue: string;
@@ -52,6 +85,14 @@ declare function __VLS_template_2(): {
     default?(_: {}): any;
 };
 
+declare function __VLS_template_3(): {
+    default?(_: {}): any;
+};
+
+declare function __VLS_template_4(): {
+    default?(_: {}): any;
+};
+
 declare type __VLS_TypePropsToRuntimeProps<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable<T[K]>>;
@@ -79,6 +120,36 @@ declare type __VLS_TypePropsToRuntimeProps_3<T> = {
     };
 };
 
+declare type __VLS_TypePropsToRuntimeProps_4<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_4<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_5<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_5<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
+declare type __VLS_WithDefaults_2<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify_2<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
@@ -91,12 +162,87 @@ declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_4<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+export declare const ActionContent: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, ReturnType<typeof __VLS_template_3>>;
+
+export declare interface ActionContentProps extends BaseIconProps {
+    iconRight?: boolean;
+    iconOnly?: boolean;
+    text?: string;
+    size?: ComponentSize;
+}
+
+declare interface BaseIconProps {
+    /** FontAwesome icon definition object */
+    iconDefinition?: IconDefinition;
+    /** FontAwesome icon class name (fallback method) */
+    iconClass?: string;
+    /** Custom icon source URL for img tag (fallback method) */
+    src?: string;
+    /** Raw SVG string for inline rendering (allows CSS color styling) */
+    svgRaw?: string;
+}
+
+export declare const BaseLink: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, ReturnType<typeof __VLS_template_4>>;
+
+declare interface BaseLinkBaseProps extends BaseProps {
+    disabled?: boolean;
+    ariaLabel?: string;
+}
+
+export declare type BaseLinkProps = RouterLinkProps | HtmlLinkProps;
+
 declare interface BaseProps {
     className?: string;
 }
 
+declare type ComponentSize = "extra-large" | "large" | "medium" | "small" | "extra-small";
+
 export declare const ErrorList: DefineComponent<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ValidationProps>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<ValidationProps>>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+export declare interface HtmlLinkProps extends BaseLinkBaseProps {
+    href: string;
+    to?: never;
+    target?: string;
+    rel?: string;
+}
+
+export declare const Icon: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps_4<IconProps>, {
+size: string;
+decorative: boolean;
+ariaLabel: undefined;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps_4<IconProps>, {
+size: string;
+decorative: boolean;
+ariaLabel: undefined;
+}>>> & Readonly<{}>, {
+size: ComponentSize;
+ariaLabel: string;
+decorative: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare interface IconProps extends BaseProps, BaseIconProps {
+    /** Icon size variant */
+    size?: ComponentSize;
+    /** Accessible label for screen readers */
+    ariaLabel?: string;
+    /** Whether the icon is decorative (hides from screen readers) */
+    decorative?: boolean;
+    /** Whether the icon is displayed inline (removes padding)*/
+    inline?: boolean;
+}
+
 export declare const InputLabel: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, ReturnType<typeof __VLS_template_2>>;
 
 declare interface InputProps {
@@ -116,6 +262,21 @@ declare interface LabelProps {
     required?: boolean;
 }
 
+export declare type RouteLocationRaw = string | {
+    path?: string;
+    name?: string;
+    params?: Record<string, string | string[]>;
+    query?: Record<string, string | string[]>;
+    hash?: string;
+};
+
+export declare interface RouterLinkProps extends BaseLinkBaseProps {
+    to: RouteLocationRaw;
+    href?: never;
+    target?: never;
+    rel?: never;
+}
+
 declare interface ValidationProps {
     errors?: string[];
     validateOnBlur?: boolean;

package/dist/components.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components.css');const e=require("./index-DkaNsoLU.cjs"),y={key:0,class:"input-errors"},k=e.defineComponent({__name:"ErrorList",props:{errors:{},validateOnBlur:{type:Boolean},validateOnInput:{type:Boolean},validateOnChange:{type:Boolean},validateOnMount:{type:Boolean},validate:{type:Function},required:{type:Boolean}},setup(o){const{errors:a,isValid:r}=e.useValidation(),n=o,t=e.computed(()=>Object.assign([],a.value,n.errors||[]));return(l,c)=>!e.unref(r)&&t.value?.length?(e.openBlock(),e.createElementBlock("div",y,[e.createBaseVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(u,i)=>(e.openBlock(),e.createElementBlock("li",{key:i},e.toDisplayString(u),1))),128))])])):e.createCommentVNode("",!0)}}),d=(o,a)=>{const r=o.__vccOpts||o;for(const[n,t]of a)r[n]=t;return r},p=d(k,[["__scopeId","data-v-caba8dd2"]]),O=["for"],I={key:0,class:"required"},b=e.defineComponent({__name:"InputLabel",props:{id:{},required:{type:Boolean}},setup(o){return(a,r)=>(e.openBlock(),e.createElementBlock("label",{class:"input-label",for:a.id},[e.renderSlot(a.$slots,"default",{},void 0),a.required?(e.openBlock(),e.createElementBlock("span",I,"*")):e.createCommentVNode("",!0)],8,O))}}),v=d(b,[["__scopeId","data-v-00c91174"]]),h=e.defineComponent({inheritAttrs:!1,__name:"InputWrap",props:{id:{},name:{},placeholder:{},label:{},icon:{},required:{type:Boolean},errors:{},validateOnBlur:{type:Boolean},validateOnInput:{type:Boolean},validateOnChange:{type:Boolean},validateOnMount:{type:Boolean},validate:{type:Function},className:{}},emits:["update:modelValue","input","change","focus","blur","keydown","keyup","keypress","error"],setup(o,{emit:a}){const{setInputValue:r}=e.useInput(),n=e.ref(""),t=o,l=a,{init:c,isValid:u,validation:i}=e.useValidation({validateOnMount:t.validateOnMount??!0,validateOnInput:t.validateOnInput??!0,validateOnBlur:t.validateOnBlur??!0,validateOnChange:t.validateOnChange??!0,required:t.required??!1,errors:t.errors||[],validate:t.validate},l),m=e.computed(()=>({invalid:!u.value})),B=s=>(n.value=s.target.value,l("update:modelValue",n.value),l("input",n.value),r(n.value),t.validateOnInput&&i(),n.value),_=()=>{t.validateOnBlur&&i(),l("blur")},f=()=>{l("focus")};return e.onBeforeMount(()=>{c()}),e.onMounted(()=>{t.validateOnMount&&i()}),(s,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["input-wrap",{hasError:!e.unref(u)}])},[t.label?(e.openBlock(),e.createBlock(v,{key:0,id:t.id,required:t.required},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1},8,["id","required"])):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"default",e.normalizeProps(e.guardReactiveProps({inputValue:n.value,onBlur:_,onFocus:f,onInput:B,isValid:e.unref(u),inputClasses:m.value})),void 0),e.createVNode(p)],2))}}),V=d(h,[["__scopeId","data-v-751bf20e"]]);exports.ErrorList=p;exports.InputLabel=v;exports.InputWrap=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./BaseLink.vue_vue_type_script_setup_true_lang-CexJ6lNf.cjs");exports.ActionContent=t._sfc_main;exports.BaseLink=t._sfc_main$1;exports.ErrorList=t.ErrorList;exports.Icon=t.Icon;exports.InputLabel=t.InputLabel;exports.InputWrap=t.InputWrap;