@xleddyl/443-components-vue 0.2.3 → 0.4.0

package/dist/components/templates/DashboardPage.vue.d.ts

@@ -82,7 +82,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;
@@ -285,7 +285,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/templates/DetailPage.vue.d.ts

@@ -39,7 +39,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;
@@ -152,7 +151,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;
@@ -189,6 +188,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;
@@ -250,7 +250,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;
@@ -363,7 +362,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;
@@ -400,6 +399,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;

package/dist/components/templates/EmptyPage.vue.d.ts

@@ -86,7 +86,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;
@@ -295,7 +295,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/templates/ErrorPage.vue.d.ts

@@ -82,7 +82,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;
@@ -288,7 +288,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/templates/ListPage.vue

@@ -75,16 +75,18 @@
                />
                <slot name="toolbar" />
             </div>
-            <div
-               v-if="selectable && selected.length || $slots['toolbar-end']"
-               class="k-list-toolbar-end"
-            >
-               <template v-if="selectable && selected.length">
-                  <span class="k-list-selection" aria-live="polite">{{
-                     selectedLabel(selected.length)
-                  }}</span>
-                  <slot name="bulk" :selected="selected" :clear="() => selected = []" />
-               </template>
+            <div v-if="selectable || $slots['toolbar-end']" class="k-list-toolbar-end">
+               <SelectionBar
+                  v-if="selectable"
+                  class="k-list-selection"
+                  :count="selected.length"
+                  :selected-text="selectedLabel"
+                  :on-clear="clearSelection"
+               >
+                  <template v-if="$slots.bulk" #actions>
+                     <slot name="bulk" :selected="selected" :clear="clearSelection" />
+                  </template>
+               </SelectionBar>
                <slot name="toolbar-end" />
             </div>
          </div>
@@ -164,6 +166,7 @@ import { normalizeSearch } from "../../internal/core/text";
 import Input from "../core/Input.vue";
 import FilterPills from "../data/FilterPills.vue";
 import Pagination from "../data/Pagination.vue";
+import SelectionBar from "../data/SelectionBar.vue";
 import Table from "../data/Table.vue";
 import EmptyState from "../feedback/EmptyState.vue";
 import Card from "../layout/Card.vue";
@@ -227,7 +230,7 @@ defineSlots();
 const page = defineModel("page", { type: Number, ...{ default: 1 } });
 const pageSize = defineModel("pageSize", { type: Number, ...{ default: 20 } });
 const search = defineModel("search", { type: String, ...{ default: "" } });
-const filter = defineModel("filter", { type: [String, Number, Array, null], ...{ default: null } });
+const filter = defineModel("filter", { type: null, ...{ default: null } });
 const sort = defineModel("sort", { type: [Object, null], ...{ default: null } });
 const selected = defineModel("selected", { type: Array, ...{ default: () => [] } });
 const slots = useSlots();
@@ -244,6 +247,9 @@ const filterValues = computed(() => {
   return Array.isArray(value) ? value : [value];
 });
 const isFiltered = computed(() => search.value.trim() !== "" || filterValues.value.length > 0);
+function clearSelection() {
+  selected.value = [];
+}
 const hasToolbar = computed(
   () => Boolean(
     props.searchable || props.filters?.length || slots.toolbar || slots["toolbar-end"] || props.selectable

package/dist/components/templates/ListPage.vue.d.ts

@@ -45,7 +45,7 @@ declare const __VLS_export: <T extends object>(__VLS_props: NonNullable<Awaited<
         page?: number;
         pageSize?: number;
         search?: string;
-        filter?: (string | number) | (string | number)[] | null;
+        filter?: import("../data/types").FilterPillValue | import("../data/types").FilterPillValue[] | null;
         sort?: TableSort | null;
         selected?: RowKey[];
     }) & {
@@ -57,7 +57,7 @@ declare const __VLS_export: <T extends object>(__VLS_props: NonNullable<Awaited<
         "onUpdate:sort"?: ((value: TableSort | null) => any) | undefined;
         "onUpdate:selected"?: ((value: RowKey[]) => any) | undefined;
         "onUpdate:search"?: ((value: string) => any) | undefined;
-        "onUpdate:filter"?: ((value: string | number | (string | number)[] | null) => any) | undefined;
+        "onUpdate:filter"?: ((value: import("../data/types").FilterPillValue | import("../data/types").FilterPillValue[] | null) => any) | undefined;
     } & Partial<import("vue").HTMLAttributes & import("vue").ReservedProps>> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -100,7 +100,7 @@ declare const __VLS_export: <T extends object>(__VLS_props: NonNullable<Awaited<
             retry: () => void;
         }) => unknown;
     };
-    emit: (((evt: "clear") => void) & ((evt: "retry") => void) & ((evt: "rowClick", row: T, index: number, event: MouseEvent) => void)) & (((event: "update:page", value: number) => void) & ((event: "update:pageSize", value: number) => void) & ((event: "update:sort", value: TableSort | null) => void) & ((event: "update:selected", value: RowKey[]) => void) & ((event: "update:search", value: string) => void) & ((event: "update:filter", value: string | number | (string | number)[] | null) => void));
+    emit: (((evt: "clear") => void) & ((evt: "retry") => void) & ((evt: "rowClick", row: T, index: number, event: MouseEvent) => void)) & (((event: "update:page", value: number) => void) & ((event: "update:pageSize", value: number) => void) & ((event: "update:sort", value: TableSort | null) => void) & ((event: "update:selected", value: RowKey[]) => void) & ((event: "update:search", value: string) => void) & ((event: "update:filter", value: import("../data/types").FilterPillValue | import("../data/types").FilterPillValue[] | null) => void));
 }>) => import("vue").VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/dist/components/templates/NotFoundPage.vue.d.ts

@@ -434,8 +434,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
 }> & Readonly<{}>, {
     fill: boolean;
-    title: string;
     message: string;
+    title: string;
     backLabel: string | false;
     homeTo: LinkTarget;
     homeLabel: string | false;

package/dist/components/templates/SaveBar.vue.d.ts

@@ -18,7 +18,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;
@@ -131,7 +130,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;
@@ -168,6 +167,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;
@@ -221,7 +221,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;
@@ -334,7 +333,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;
@@ -371,6 +370,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;

package/dist/components/templates/SettingsGroup.vue.d.ts

@@ -68,7 +68,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;
@@ -265,7 +265,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/templates/SettingsModal.vue

@@ -7,6 +7,7 @@
       hide-close
       :sheet="false"
       :aria-label="titleText"
+      :before-close="beforeClose"
       @open="emit('open')"
       @close="emit('close')"
       @after-leave="emit('afterLeave')"
@@ -114,7 +115,7 @@
                      </div>
                      <slot name="account-fields" :account="account" :close="close" />
                      <SettingsGroup
-                        v-if="onSignOut"
+                        v-if="onSignOut && !hideSession"
                         :label="sessionLabelText"
                         :description="sessionDescriptionText"
                         row
@@ -177,7 +178,9 @@ const props = defineProps({
   themeText: { type: String, required: false, default: void 0 },
   presetLabel: { type: String, required: false, default: void 0 },
   presetText: { type: String, required: false, default: void 0 },
-  onSignOut: { type: Function, required: false }
+  onSignOut: { type: Function, required: false },
+  hideSession: { type: Boolean, required: false },
+  beforeClose: { type: Function, required: false }
 });
 defineSlots();
 const emit = defineEmits(["open", "close", "afterLeave"]);

package/dist/components/templates/SettingsModal.vue.d.ts

@@ -1,4 +1,5 @@
 import type { ThemePreset } from '../../composables/usePreset';
+import type { DialogBeforeClose } from '../overlays/types';
 import type { SettingsModalAccount, SettingsModalSection } from './types';
 type SectionScope = {
     section: SettingsModalSection;
@@ -32,6 +33,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     presetLabel?: string;
     presetText?: string;
     onSignOut?: () => void;
+    hideSession?: boolean;
+    beforeClose?: DialogBeforeClose;
     open?: boolean | undefined;
     section?: string;
     key?: PropertyKey | undefined;
@@ -41,8 +44,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     description?: string;
-    size?: import("../overlays/types.ts").ModalSize;
-    ref?: import("vue").VNodeRef | undefined;
+    size?: import("../overlays/types").ModalSize;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -192,6 +194,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 | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined;
@@ -228,15 +231,15 @@ declare const __VLS_base: import("vue").DefineComponent<{
     exportparts?: string;
     part?: string;
     popover?: import("../../index.ts").PopoverMode | "" | boolean;
-    onCancel?: ((payload: Event) => void) | undefined;
+    dismissible?: boolean | undefined;
     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;
+    onCancel?: ((payload: Event) => void) | undefined;
     flush?: boolean;
-    dismissible?: boolean | undefined;
     sheet?: boolean;
     rootClass?: unknown;
     hideClose?: boolean;
@@ -266,6 +269,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     presetLabel?: string;
     presetText?: string;
     onSignOut?: () => void;
+    hideSession?: boolean;
+    beforeClose?: DialogBeforeClose;
     open?: boolean | undefined;
     section?: string;
     key?: PropertyKey | undefined;
@@ -275,8 +280,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     description?: string;
-    size?: import("../overlays/types.ts").ModalSize;
-    ref?: import("vue").VNodeRef | undefined;
+    size?: import("../overlays/types").ModalSize;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -426,6 +430,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 | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined;
@@ -462,15 +467,15 @@ declare const __VLS_base: import("vue").DefineComponent<{
     exportparts?: string;
     part?: string;
     popover?: import("../../index.ts").PopoverMode | "" | boolean;
-    onCancel?: ((payload: Event) => void) | undefined;
+    dismissible?: boolean | undefined;
     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;
+    onCancel?: ((payload: Event) => void) | undefined;
     flush?: boolean;
-    dismissible?: boolean | undefined;
     sheet?: boolean;
     rootClass?: unknown;
     hideClose?: boolean;

package/dist/components/templates/SettingsPage.vue.d.ts

@@ -34,7 +34,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;
@@ -147,7 +146,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;
@@ -184,6 +183,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;
@@ -246,7 +246,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;
@@ -359,7 +358,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;
@@ -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 | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;

package/dist/components/templates/SettingsSection.vue.d.ts

@@ -23,13 +23,11 @@ declare const __VLS_base: import("vue").DefineComponent<{
     level?: HeadingLevel;
     key?: PropertyKey | undefined;
     prefix?: string | undefined;
+    selected?: boolean;
     style?: import("vue").StyleValue;
     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;
@@ -133,6 +131,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;
     to?: import("../core/types.ts").LinkTarget;
@@ -182,6 +182,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;
@@ -225,14 +226,15 @@ 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;
     padding?: import("../layout/types").CardPadding;
+    animated?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     save: () => any;
 }, string, import("vue").PublicProps, Readonly<{
@@ -248,13 +250,11 @@ declare const __VLS_base: import("vue").DefineComponent<{
     level?: HeadingLevel;
     key?: PropertyKey | undefined;
     prefix?: string | undefined;
+    selected?: boolean;
     style?: import("vue").StyleValue;
     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;
@@ -358,6 +358,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;
     to?: import("../core/types.ts").LinkTarget;
@@ -407,6 +409,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;
@@ -450,14 +453,15 @@ 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;
     padding?: import("../layout/types").CardPadding;
+    animated?: boolean;
 }> & Readonly<{
     onSave?: (() => any) | undefined;
 }>, {

package/dist/components/templates/types.d.ts

@@ -1,12 +1,14 @@
+import type { Component } from 'vue';
 import type { LinkTarget, Tone } from '../core/types';
 import type { DescriptionItem, StatTrend } from '../data/types';
 import type { BreadcrumbItem, NavItem, NavSection } from '../layout/types';
-import type { CommandGroup, MenuItems } from '../overlays/types';
+import type { CommandEmptyText, CommandGroup, MenuItems } from '../overlays/types';
 import type { ThemePreset } from '../../internal/core/preset-data';
 export type DashboardVariant = 'inset' | 'sidebar' | 'floating';
 export type ThemeSwitchPlacement = 'topbar' | 'sidebar' | false;
 export type AuthLayoutVariant = 'centered' | 'split';
 export type BrandSize = 'sm' | 'md' | 'lg';
+export type BrandLogo = string | Component;
 export type DashboardNavigation = NavItem[] | NavSection[];
 export interface DashboardAccount {
     name: string;
@@ -41,7 +43,28 @@ export interface DashboardBrand {
     logo?: string;
     to?: LinkTarget;
 }
-export type DashboardSearch = boolean | CommandGroup[];
+export type DashboardSearchFunction<T = unknown> = (query: string, signal: AbortSignal) => CommandGroup<T>[] | Promise<CommandGroup<T>[]>;
+export type DashboardSearch<T = unknown> = boolean | CommandGroup<T>[] | DashboardSearchFunction<T>;
+export interface DashboardSearchProps {
+    label?: string;
+    placeholder?: string;
+    debounce?: number;
+    minQueryLength?: number;
+    filter?: boolean;
+    loading?: boolean;
+    recentKey?: string;
+    recentLimit?: number;
+    recentLabel?: string;
+    emptyText?: CommandEmptyText;
+    minQueryText?: string;
+    errorText?: string;
+    loadingText?: string;
+    resultsText?: (count: number) => string;
+    notice?: string;
+    footerMove?: string;
+    footerSelect?: string;
+    footerClose?: string;
+}
 export interface PageStatus {
     label: string;
     tone?: Tone;

package/dist/composables/core.d.ts

@@ -6,3 +6,4 @@ export * from './useLink';
 export * from './useTheme';
 export * from './usePreset';
 export * from './useLocale';
+export * from './useFieldBoundary';

package/dist/composables/core.mjs

@@ -6,3 +6,4 @@ export * from "./useLink.mjs";
 export * from "./useTheme.mjs";
 export * from "./usePreset.mjs";
 export * from "./useLocale.mjs";
+export * from "./useFieldBoundary.mjs";

package/dist/composables/useField.d.ts

@@ -7,7 +7,10 @@ export interface FieldContext {
     invalid: ComputedRef<boolean>;
     required: ComputedRef<boolean>;
     disabled: ComputedRef<boolean>;
+    setControlError: (message: string | undefined, source?: object) => void;
+    setLabelable?: (labelable: boolean | undefined, source: object) => void;
 }
+export type FieldControlRole = 'primary' | 'auxiliary';
 export declare function useField(): FieldContext | null;
 export interface FieldControlOptions {
     id?: MaybeRefOrGetter<string | undefined>;
@@ -15,9 +18,11 @@ export interface FieldControlOptions {
     required?: MaybeRefOrGetter<boolean | undefined>;
     disabled?: MaybeRefOrGetter<boolean | undefined>;
     describedBy?: MaybeRefOrGetter<string | undefined>;
+    role?: MaybeRefOrGetter<FieldControlRole | undefined>;
+    labelable?: MaybeRefOrGetter<boolean | undefined>;
 }
 export declare function useFieldControl(options?: FieldControlOptions): {
-    field: FieldContext | null;
+    readonly field: FieldContext | null;
     id: ComputedRef<string | undefined>;
     invalid: ComputedRef<boolean>;
     required: ComputedRef<boolean>;
@@ -31,4 +36,6 @@ export declare function useFieldControl(options?: FieldControlOptions): {
         'aria-required': "true" | undefined;
         disabled: true | undefined;
     }>;
+    auxiliary: ComputedRef<boolean>;
+    setControlError: (message: string | undefined) => void | undefined;
 };