@xleddyl/443-components-vue 0.2.3 → 0.4.0

package/dist/components/layout/Accordion.vue

@@ -1,5 +1,8 @@
 <template>
-   <div class="k-accordion" :class="`k-accordion-${variant}`">
+   <div
+      class="k-accordion"
+      :class="[`k-accordion-${variant}`, { 'is-neutral': contentVariant === 'neutral' }]"
+   >
       <div
          v-for="(item, index) in items"
          :key="valueOf(item, index)"
@@ -13,15 +16,25 @@
                class="k-accordion-trigger"
                :aria-expanded="isOpen(item, index) ? 'true' : 'false'"
                :aria-controls="panelId(index)"
+               :aria-labelledby="item.description ? titleId(index) : void 0"
+               :aria-describedby="item.description ? descriptionId(index) : void 0"
                :aria-disabled="lockedOpen(item, index) ? 'true' : void 0"
                :disabled="item.disabled"
                @click="toggle(item, index)"
             >
                <Icon v-if="item.icon" :name="item.icon" class="k-accordion-icon" />
                <span class="k-accordion-title">
-                  <slot name="title" :item="item" :open="isOpen(item, index)">{{
-                     item.title
-                  }}</slot>
+                  <span :id="titleId(index)" class="k-accordion-title-text">
+                     <slot name="title" :item="item" :open="isOpen(item, index)">{{
+                        item.title
+                     }}</slot>
+                  </span>
+                  <span
+                     v-if="item.description"
+                     :id="descriptionId(index)"
+                     class="k-accordion-description"
+                     >{{ item.description }}</span
+                  >
                </span>
                <Icon name="chevron-down" class="k-accordion-chevron" />
             </button>
@@ -52,7 +65,8 @@ const props = defineProps({
   multiple: { type: Boolean, required: false },
   collapsible: { type: Boolean, required: false, default: true },
   level: { type: Number, required: false, default: 3 },
-  variant: { type: String, required: false, default: "card" }
+  variant: { type: String, required: false, default: "card" },
+  contentVariant: { type: String, required: false, default: "text" }
 });
 const model = defineModel({ type: [String, Number, Array, null], ...{ default: null } });
 const baseId = useId();
@@ -66,6 +80,12 @@ function valueOf(item, index) {
 function triggerId(index) {
   return `${baseId}-trigger-${index}`;
 }
+function titleId(index) {
+  return `${baseId}-title-${index}`;
+}
+function descriptionId(index) {
+  return `${baseId}-description-${index}`;
+}
 function panelId(index) {
   return `${baseId}-panel-${index}`;
 }

package/dist/components/layout/Accordion.vue.d.ts

@@ -1,4 +1,4 @@
-import type { AccordionItem, HeadingLevel } from './types';
+import type { AccordionContentVariant, AccordionItem, AccordionVariant, HeadingLevel } from './types';
 type Value = string | number;
 declare var __VLS_13: {
     item: AccordionItem;
@@ -18,7 +18,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     multiple?: boolean;
     collapsible?: boolean;
     level?: HeadingLevel;
-    variant?: "separated" | "plain" | "card";
+    variant?: AccordionVariant;
+    contentVariant?: AccordionContentVariant;
     modelValue?: Value | Value[] | null;
     key?: PropertyKey | undefined;
     prefix?: string | undefined | undefined;
@@ -26,7 +27,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -139,7 +139,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -176,6 +176,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
@@ -219,7 +220,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     multiple?: boolean;
     collapsible?: boolean;
     level?: HeadingLevel;
-    variant?: "separated" | "plain" | "card";
+    variant?: AccordionVariant;
+    contentVariant?: AccordionContentVariant;
     modelValue?: Value | Value[] | null;
     key?: PropertyKey | undefined;
     prefix?: string | undefined | undefined;
@@ -227,7 +229,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -340,7 +341,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -377,6 +378,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
@@ -416,9 +418,10 @@ declare const __VLS_base: import("vue").DefineComponent<{
 }> & Readonly<{
     "onUpdate:modelValue"?: ((value: Value | Value[] | null) => any) | undefined;
 }>, {
-    variant: "plain" | "card" | "separated";
+    variant: AccordionVariant;
     level: HeadingLevel;
     collapsible: boolean;
+    contentVariant: AccordionContentVariant;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/layout/AppShell.vue

@@ -74,7 +74,7 @@ const props = defineProps({
   skipLabel: { type: String, required: false },
   fluid: { type: Boolean, required: false },
   topbar: { type: Boolean, required: false, default: void 0 },
-  storageKey: { type: String, required: false },
+  storageKey: { type: [String, Boolean], required: false },
   shortcut: { type: [String, Boolean], required: false, default: false },
   viewTransition: { type: Boolean, required: false }
 });

package/dist/components/layout/AppShell.vue.d.ts

@@ -32,7 +32,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     skipLabel?: string;
     fluid?: boolean;
     topbar?: boolean;
-    storageKey?: string;
+    storageKey?: string | false;
     shortcut?: string | false;
     viewTransition?: boolean;
     collapsed?: boolean;
@@ -43,7 +43,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -156,7 +155,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -193,6 +192,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
@@ -244,7 +244,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     skipLabel?: string;
     fluid?: boolean;
     topbar?: boolean;
-    storageKey?: string;
+    storageKey?: string | false;
     shortcut?: string | false;
     viewTransition?: boolean;
     collapsed?: boolean;
@@ -255,7 +255,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -368,7 +367,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -405,6 +404,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
@@ -446,8 +446,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
 }>, {
     variant: AppShellVariant;
-    topbar: boolean;
     shortcut: string | false;
+    topbar: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/layout/Breadcrumbs.vue

@@ -1,27 +1,19 @@
 <template>
-   <nav class="k-breadcrumbs" :aria-label="navText">
+   <nav class="k-breadcrumbs" :class="{ 'is-ancestors': ancestors }" :aria-label="navText">
       <ol role="list" class="k-breadcrumbs-list">
-         <li v-for="(item, index) in items" :key="index" class="k-breadcrumbs-item">
-            <span
-               v-if="index === items.length - 1 && !linkLast"
-               class="k-breadcrumbs-current"
-               aria-current="page"
-            >
-               <Icon v-if="item.icon" :name="item.icon" />
-               {{ item.label }}
-            </span>
+         <li v-for="(part, index) in parts" :key="index" class="k-breadcrumbs-item">
             <component
-               :is="links[index]?.is ?? 'span'"
-               v-else
-               v-bind="links[index]?.attrs"
-               :aria-current="index === items.length - 1 ? 'page' : void 0"
-               class="k-breadcrumbs-link"
+               :is="part.is"
+               v-bind="part.attrs"
+               :class="part.current ? 'k-breadcrumbs-current' : 'k-breadcrumbs-link'"
             >
-               <Icon v-if="item.icon" :name="item.icon" />
-               {{ item.label }}
+               <slot name="item" :item="part.item" :index="index" :current="part.current">
+                  <Icon v-if="part.item.icon" :name="part.item.icon" />
+                  {{ part.item.label }}
+               </slot>
             </component>
             <Icon
-               v-if="index < items.length - 1"
+               v-if="index < items.length - 1 || ancestors"
                :name="separator"
                class="k-breadcrumbs-separator"
             />
@@ -39,10 +31,26 @@ const props = defineProps({
   items: { type: Array, required: true },
   label: { type: String, required: false },
   separator: { type: null, required: false, default: "chevron-right" },
-  linkLast: { type: Boolean, required: false }
+  linkLast: { type: Boolean, required: false },
+  ancestors: { type: Boolean, required: false }
 });
+defineSlots();
 const { t } = useLocale();
 const navText = computed(() => props.label ?? t("breadcrumbs.label"));
 const { resolveLink } = useLinkResolver();
-const links = computed(() => props.items.map(resolveLink));
+const parts = computed(
+  () => props.items.map((item, index) => {
+    const last = index === props.items.length - 1;
+    const current = last && !props.linkLast && !props.ancestors;
+    const extra = { ...item.attrs, ...item.onClick ? { onClick: item.onClick } : {} };
+    if (current) return { item, is: "span", attrs: { ...extra, "aria-current": "page" }, current };
+    const pageAttrs = last && !props.ancestors ? { "aria-current": "page" } : {};
+    const link = resolveLink(item);
+    if (link)
+      return { item, is: link.is, attrs: { ...extra, ...link.attrs, ...pageAttrs }, current };
+    if (item.onClick)
+      return { item, is: "button", attrs: { ...extra, type: "button", ...pageAttrs }, current };
+    return { item, is: "span", attrs: { ...extra, ...pageAttrs }, current };
+  })
+);
 </script>

package/dist/components/layout/Breadcrumbs.vue.d.ts

@@ -1,10 +1,18 @@
 import type { IconName } from '../../composables/useIcons';
 import type { BreadcrumbItem } from './types';
-declare const __VLS_export: import("vue").DefineComponent<{
+type __VLS_Slots = {
+    item?: (props: {
+        item: BreadcrumbItem;
+        index: number;
+        current: boolean;
+    }) => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<{
     items: BreadcrumbItem[];
     label?: string;
     separator?: IconName;
     linkLast?: boolean;
+    ancestors?: boolean;
     innerHTML?: string | undefined | undefined;
     class?: import("vue").ClassValue;
     style?: import("vue").StyleValue;
@@ -60,7 +68,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -202,6 +210,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     label?: string;
     separator?: IconName;
     linkLast?: boolean;
+    ancestors?: boolean;
     innerHTML?: string | undefined | undefined;
     class?: import("vue").ClassValue;
     style?: import("vue").StyleValue;
@@ -257,7 +266,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -397,5 +406,11 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }> & Readonly<{}>, {
     separator: IconName;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/layout/Card.vue

@@ -2,11 +2,17 @@
    <Polymorphic
       :as="as"
       v-bind="$attrs"
+      :bind="selectionAttrs"
       class="k-card"
       :class="[
   `k-card-${variant}`,
   `k-card-pad-${padding}`,
-  { 'is-interactive': isLink, 'is-disabled': disabled }
+  {
+    'is-interactive': isInteractive,
+    'is-disabled': disabled,
+    'is-selected': selected,
+    'is-static': !animated
+  }
 ]"
    >
       <header v-if="hasHeader" class="k-card-header">
@@ -42,7 +48,7 @@
 <script setup>
 import { useLinkResolver } from "../../internal/core/link";
 import { Polymorphic } from "../../internal/core/Polymorphic";
-import { computed, useSlots } from "vue";
+import { computed, useAttrs, useSlots } from "vue";
 import Icon from "../core/Icon.vue";
 defineOptions({ inheritAttrs: false });
 const props = defineProps({
@@ -56,9 +62,13 @@ const props = defineProps({
   to: { type: [String, Object], required: false },
   href: { type: String, required: false },
   target: { type: String, required: false },
-  disabled: { type: Boolean, required: false }
+  disabled: { type: Boolean, required: false },
+  selected: { type: Boolean, required: false, default: void 0 },
+  animated: { type: Boolean, required: false, default: true }
 });
+const SELECTABLE_ROLES = /* @__PURE__ */ new Set(["option", "tab", "gridcell", "row", "treeitem"]);
 const slots = useSlots();
+const attrs = useAttrs();
 const hasHeader = computed(
   () => Boolean(
     props.title || props.description || props.icon || slots.header || slots.title || slots.icon || slots.actions
@@ -67,4 +77,13 @@ const hasHeader = computed(
 const { resolveLink } = useLinkResolver();
 const link = computed(() => props.disabled ? null : resolveLink(props));
 const isLink = computed(() => link.value !== null);
+const isInteractive = computed(() => isLink.value || props.as === "button");
+const selectionAttrs = computed(() => {
+  if (props.selected === void 0) return void 0;
+  const state = props.selected ? "true" : "false";
+  const role = typeof attrs.role === "string" ? attrs.role : void 0;
+  if (role && SELECTABLE_ROLES.has(role)) return { "aria-selected": state };
+  if (props.as === "button" && !role) return { "aria-pressed": state };
+  return { "data-selected": state };
+});
 </script>

package/dist/components/layout/Card.vue.d.ts

@@ -31,6 +31,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     href?: string | undefined;
     target?: string | undefined;
     disabled?: boolean;
+    selected?: boolean;
+    animated?: boolean;
     inlist?: any;
     download?: any;
     key?: PropertyKey | undefined;
@@ -39,8 +41,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     bind?: Record<string, unknown>;
-    type?: string | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -144,6 +144,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     id?: string | undefined;
     lang?: string | undefined;
     media?: string | undefined;
+    type?: string | undefined;
     tabindex?: (string | number) | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -191,6 +192,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined;
     ref_key?: string | undefined;
     accesskey?: string | undefined;
@@ -248,6 +250,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     href?: string | undefined;
     target?: string | undefined;
     disabled?: boolean;
+    selected?: boolean;
+    animated?: boolean;
     inlist?: any;
     download?: any;
     key?: PropertyKey | undefined;
@@ -256,8 +260,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     bind?: Record<string, unknown>;
-    type?: string | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -361,6 +363,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     id?: string | undefined;
     lang?: string | undefined;
     media?: string | undefined;
+    type?: string | undefined;
     tabindex?: (string | number) | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -408,6 +411,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined;
     ref_key?: string | undefined;
     accesskey?: string | undefined;
@@ -454,10 +458,12 @@ declare const __VLS_base: import("vue").DefineComponent<{
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
 }> & Readonly<{}>, {
+    selected: boolean;
     variant: CardVariant;
     as: string;
     level: HeadingLevel;
     padding: CardPadding;
+    animated: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/layout/CopyButton.vue.d.ts

@@ -15,7 +15,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -127,7 +126,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -164,6 +163,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
@@ -218,7 +218,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -330,7 +329,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -367,6 +366,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;

package/dist/components/layout/Grid.vue.d.ts

@@ -63,7 +63,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -260,7 +260,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

package/dist/components/layout/NavLink.vue.d.ts

@@ -25,9 +25,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     bind?: Record<string, unknown>;
-    type?: string | undefined;
-    ref?: import("vue").VNodeRef | undefined;
-    target?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -131,6 +128,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     id?: string | undefined;
     lang?: string | undefined;
     media?: string | undefined;
+    target?: string | undefined;
+    type?: string | undefined;
     tabindex?: (string | number) | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -178,6 +177,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined;
     ref_key?: string | undefined;
     accesskey?: string | undefined;
@@ -217,13 +217,13 @@ declare const __VLS_base: import("vue").DefineComponent<{
     hreflang?: string | undefined;
     ping?: string | undefined;
     referrerpolicy?: ("" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url") | undefined;
-    as?: string | import("vue").Component;
     onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    as?: string | import("vue").Component;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     label?: string;
     to?: LinkTarget;
@@ -243,9 +243,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     bind?: Record<string, unknown>;
-    type?: string | undefined;
-    ref?: import("vue").VNodeRef | undefined;
-    target?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -349,6 +346,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     id?: string | undefined;
     lang?: string | undefined;
     media?: string | undefined;
+    target?: string | undefined;
+    type?: string | undefined;
     tabindex?: (string | number) | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -396,6 +395,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined;
     ref_key?: string | undefined;
     accesskey?: string | undefined;
@@ -435,13 +435,13 @@ declare const __VLS_base: import("vue").DefineComponent<{
     hreflang?: string | undefined;
     ping?: string | undefined;
     referrerpolicy?: ("" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url") | undefined;
-    as?: string | import("vue").Component;
     onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    as?: string | import("vue").Component;
 }> & Readonly<{}>, {
     match: "prefix" | "exact";
     active: boolean;