@xleddyl/443-components-vue 0.2.2 → 0.3.0

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;

package/dist/components/layout/PageHeader.vue

@@ -2,7 +2,15 @@
    <header class="k-page-header" :class="{ 'is-bordered': bordered }">
       <div class="k-page-header-heading">
          <slot name="breadcrumbs">
-            <Breadcrumbs v-if="breadcrumbs?.length" :items="breadcrumbs" />
+            <Breadcrumbs
+               v-if="breadcrumbs?.length"
+               :items="breadcrumbs"
+               :ancestors="breadcrumbsAncestors"
+            >
+               <template v-if="$slots['breadcrumb-item']" #item="scope">
+                  <slot name="breadcrumb-item" v-bind="scope" />
+               </template>
+            </Breadcrumbs>
          </slot>
          <div class="k-page-header-title-row">
             <span v-if="icon || $slots.icon" class="k-page-header-icon" aria-hidden="true">
@@ -38,6 +46,7 @@ defineProps({
   description: { type: String, required: false },
   icon: { type: null, required: false },
   breadcrumbs: { type: Array, required: false },
+  breadcrumbsAncestors: { type: Boolean, required: false },
   level: { type: Number, required: false, default: 1 },
   bordered: { type: Boolean, required: false }
 });

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

@@ -1,26 +1,33 @@
 import type { IconName } from '../../composables/useIcons';
 import type { BreadcrumbItem, HeadingLevel } from './types';
-declare var __VLS_1: {}, __VLS_8: {}, __VLS_21: {}, __VLS_23: {}, __VLS_25: {}, __VLS_27: {}, __VLS_29: {};
+declare var __VLS_1: {}, __VLS_10: {
+    item: BreadcrumbItem;
+    index: number;
+    current: boolean;
+}, __VLS_12: {}, __VLS_25: {}, __VLS_27: {}, __VLS_29: {}, __VLS_31: {}, __VLS_33: {};
 type __VLS_Slots = {} & {
     breadcrumbs?: (props: typeof __VLS_1) => any;
 } & {
-    icon?: (props: typeof __VLS_8) => any;
+    'breadcrumb-item'?: (props: typeof __VLS_10) => any;
 } & {
-    title?: (props: typeof __VLS_21) => any;
+    icon?: (props: typeof __VLS_12) => any;
 } & {
-    badge?: (props: typeof __VLS_23) => any;
+    title?: (props: typeof __VLS_25) => any;
 } & {
-    description?: (props: typeof __VLS_25) => any;
+    badge?: (props: typeof __VLS_27) => any;
 } & {
-    actions?: (props: typeof __VLS_27) => any;
+    description?: (props: typeof __VLS_29) => any;
 } & {
-    default?: (props: typeof __VLS_29) => any;
+    actions?: (props: typeof __VLS_31) => any;
+} & {
+    default?: (props: typeof __VLS_33) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{
     title?: string | undefined;
     description?: string;
     icon?: IconName;
     breadcrumbs?: BreadcrumbItem[];
+    breadcrumbsAncestors?: boolean;
     level?: HeadingLevel;
     bordered?: boolean;
     innerHTML?: string | undefined | undefined;
@@ -77,7 +84,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;
@@ -219,6 +226,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     description?: string;
     icon?: IconName;
     breadcrumbs?: BreadcrumbItem[];
+    breadcrumbsAncestors?: boolean;
     level?: HeadingLevel;
     bordered?: boolean;
     innerHTML?: string | undefined | undefined;
@@ -275,7 +283,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/Separator.vue.d.ts

@@ -61,7 +61,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;
@@ -257,7 +257,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/Sidebar.vue.d.ts

@@ -76,7 +76,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;
@@ -273,7 +273,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/SidebarSection.vue.d.ts

@@ -59,7 +59,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;
@@ -253,7 +253,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/Stack.vue.d.ts

@@ -20,9 +20,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;
@@ -126,6 +123,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;
     href?: string | undefined;
     'aria-activedescendant'?: string | undefined;
@@ -174,6 +173,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;
@@ -236,9 +236,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;
@@ -342,6 +339,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;
     href?: string | undefined;
     'aria-activedescendant'?: string | undefined;
@@ -390,6 +389,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;