@xleddyl/443-components-vue 0.2.2 → 0.3.0

package/dist/components/layout/Tabs.vue

@@ -16,7 +16,9 @@
             role="tab"
             class="k-tab"
             :aria-selected="isSelected(item) ? 'true' : 'false'"
-            :aria-controls="panelId(index)"
+            :aria-controls="
+  singlePanel ? isSelected(item) ? singlePanelId : void 0 : panelId(index)
+"
             :tabindex="index === focusIndex ? 0 : -1"
             :disabled="item.disabled"
             @click="select(item)"
@@ -25,13 +27,29 @@
          >
             <Icon v-if="item.icon" :name="item.icon" class="k-tab-icon" />
             <span class="k-tab-label">{{ item.label }}</span>
-            <span v-if="item.badge !== void 0 && item.badge !== ''" class="k-tab-badge">{{
-               item.badge
-            }}</span>
+            <template v-if="item.badge !== void 0 && item.badge !== ''">
+               <span
+                  class="k-tab-badge"
+                  :class="item.badgeTone ? `k-tab-badge-${item.badgeTone}` : void 0"
+                  :aria-hidden="item.badgeLabel ? 'true' : void 0"
+                  >{{ item.badge }}</span
+               >
+               <span v-if="item.badgeLabel" class="k-visually-hidden">{{ item.badgeLabel }}</span>
+            </template>
          </button>
          <span class="k-tabs-indicator" aria-hidden="true" />
       </div>
-      <template v-for="(item, index) in items" :key="item.value">
+      <div
+         v-if="singlePanel && activeItem"
+         :id="singlePanelId"
+         class="k-tabs-panel"
+         role="tabpanel"
+         :aria-labelledby="tabId(selectedIndex)"
+         :tabindex="panelFocusable ? 0 : void 0"
+      >
+         <slot name="panel" :item="activeItem" />
+      </div>
+      <template v-for="(item, index) in singlePanel ? [] : items" :key="item.value">
          <div
             v-if="!lazy || visited.has(item.value)"
             v-show="isSelected(item)"
@@ -72,7 +90,7 @@ const props = defineProps({
   fill: { type: Boolean, required: false },
   panelFocusable: { type: Boolean, required: false, default: true }
 });
-defineSlots();
+const slots = defineSlots();
 const model = defineModel({ type: [String, Number] });
 const baseId = useId();
 const list = useTemplateRef("list");
@@ -86,6 +104,9 @@ const selectedIndex = computed(
   )
 );
 const focusIndex = ref(selectedIndex.value);
+const singlePanel = computed(() => Boolean(slots.panel));
+const singlePanelId = `${baseId}-panel`;
+const activeItem = computed(() => props.items[selectedIndex.value]);
 const visited = ref(/* @__PURE__ */ new Set());
 const indicator = ref(null);
 const indicatorReady = computed(() => indicator.value !== null);

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

@@ -7,6 +7,9 @@ type __VLS_Slots = {
     default?: (props: {
         item: TabItem;
     }) => unknown;
+    panel?: (props: {
+        item: TabItem;
+    }) => unknown;
 };
 declare const __VLS_base: import("vue").DefineComponent<{
     items: TabItem[];
@@ -24,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;
@@ -137,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;
@@ -174,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;
@@ -228,7 +231,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;
@@ -341,7 +343,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;
@@ -378,6 +380,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/layout/ThemeSwitch.vue.d.ts

@@ -76,7 +76,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;
@@ -308,7 +308,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;

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

@@ -62,7 +62,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;
@@ -259,7 +259,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/types.d.ts

@@ -1,5 +1,5 @@
 import type { IconName } from '../../composables/useIcons';
-import type { LinkTarget } from '../core/types';
+import type { LinkTarget, Tone } from '../core/types';
 export type LayoutGap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type LayoutAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
 export type LayoutJustify = 'start' | 'center' | 'end' | 'between' | 'around';
@@ -15,6 +15,8 @@ export interface BreadcrumbItem {
     to?: LinkTarget;
     href?: string;
     icon?: IconName;
+    attrs?: Record<string, unknown>;
+    onClick?: (event: MouseEvent) => void;
 }
 export type CardPadding = 'none' | 'sm' | 'md' | 'lg';
 export type CardVariant = 'raised' | 'outline' | 'subtle';
@@ -23,6 +25,8 @@ export interface TabItem {
     label: string;
     icon?: IconName;
     badge?: string | number;
+    badgeTone?: Tone;
+    badgeLabel?: string;
     disabled?: boolean;
 }
 export type TabsVariant = 'segmented' | 'underline';
@@ -30,10 +34,12 @@ export type TabsActivation = 'automatic' | 'manual';
 export interface AccordionItem {
     value?: string | number;
     title: string;
+    description?: string;
     content?: string;
     icon?: IconName;
     disabled?: boolean;
 }
+export type AccordionContentVariant = 'text' | 'neutral';
 export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
 export interface AppShellContext {
     collapsed: Readonly<{

package/dist/components/overlays/CommandPalette.vue

@@ -65,15 +65,28 @@
                   v-for="(group, groupIndex) in rendered"
                   :key="group.key"
                   role="group"
-                  :aria-labelledby="group.label ? `${listId}-group-${groupIndex}` : void 0"
+                  :aria-labelledby="
+  group.label || $slots['group-label'] ? `${listId}-group-${groupIndex}` : void 0
+"
                   class="k-command-group"
                >
                   <div
-                     v-if="group.label"
+                     v-if="group.label || $slots['group-label']"
                      :id="`${listId}-group-${groupIndex}`"
                      class="k-command-group-label"
                   >
-                     {{ group.label }}
+                     <slot
+                        name="group-label"
+                        :group="group.source"
+                        :label="group.label"
+                        :description="group.description"
+                        :recent="group.recent"
+                     >
+                        <span class="k-command-group-title">{{ group.label }}</span>
+                        <span v-if="group.description" class="k-command-group-description">
+                           {{ group.description }}
+                        </span>
+                     </slot>
                   </div>
                   <div
                      v-for="entry in group.items"
@@ -115,6 +128,9 @@
                   </div>
                </div>
             </div>
+            <div v-if="flat.length && (notice || $slots['after-results'])" class="k-command-notice">
+               <slot name="after-results" :query="query" :count="flat.length">{{ notice }}</slot>
+            </div>
          </div>
          <div class="k-command-footer" aria-hidden="true">
             <span><Kbd size="sm">↑</Kbd><Kbd size="sm">↓</Kbd> {{ moveText }}</span>
@@ -139,7 +155,9 @@ import { useRouterLike } from "../../internal/layout/route";
 import Icon from "../core/Icon.vue";
 import Kbd from "../core/Kbd.vue";
 import Spinner from "../core/Spinner.vue";
+import { provideFieldBoundary } from "../../composables/useFieldBoundary";
 defineOptions({ inheritAttrs: false });
+provideFieldBoundary();
 const props = defineProps({
   groups: { type: Array, required: false, default: () => [] },
   search: { type: Function, required: false },
@@ -162,7 +180,8 @@ const props = defineProps({
   resultsText: { type: Function, required: false },
   footerMove: { type: String, required: false },
   footerSelect: { type: String, required: false },
-  footerClose: { type: String, required: false }
+  footerClose: { type: String, required: false },
+  notice: { type: String, required: false }
 });
 const { t } = useLocale();
 const placeholderText = computed(() => props.placeholder ?? t("commandPalette.placeholder"));
@@ -228,6 +247,8 @@ const rendered = computed(() => {
     list.push({
       key: `group-${group.id}`,
       label: group.label,
+      description: group.description,
+      source: group,
       recent: false,
       items: group.items.map((item) => ({
         key: `${group.id}-${item.id}`,

package/dist/components/overlays/CommandPalette.vue.d.ts

@@ -1,14 +1,26 @@
 import type { CommandGroup, CommandItem } from './types';
 declare var __VLS_29: {
     query: string;
-}, __VLS_33: {
+}, __VLS_32: {
+    group: CommandGroup | undefined;
+    label: string | undefined;
+    description: string | undefined;
+    recent: boolean;
+}, __VLS_35: {
     item: CommandItem;
     active: boolean;
+}, __VLS_49: {
+    query: string;
+    count: number;
 };
 type __VLS_Slots = {} & {
     empty?: (props: typeof __VLS_29) => any;
 } & {
-    item?: (props: typeof __VLS_33) => any;
+    'group-label'?: (props: typeof __VLS_32) => any;
+} & {
+    item?: (props: typeof __VLS_35) => any;
+} & {
+    'after-results'?: (props: typeof __VLS_49) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<{
     groups?: CommandGroup[];
@@ -33,6 +45,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     footerMove?: string;
     footerSelect?: string;
     footerClose?: string;
+    notice?: string;
     open?: boolean;
     query?: string;
     key?: PropertyKey | undefined;
@@ -43,8 +56,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     name?: string | undefined | undefined;
-    type?: "submit" | "reset" | "button" | undefined | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -146,6 +157,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     color?: string | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
+    type?: "submit" | "reset" | "button" | undefined | undefined;
     tabindex?: (string | number) | undefined;
     'aria-activedescendant'?: string | undefined | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -156,7 +168,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 +205,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;
@@ -270,6 +283,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     footerMove?: string;
     footerSelect?: string;
     footerClose?: string;
+    notice?: string;
     open?: boolean;
     query?: string;
     key?: PropertyKey | undefined;
@@ -280,8 +294,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     name?: string | undefined | undefined;
-    type?: "submit" | "reset" | "button" | undefined | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -383,6 +395,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     color?: string | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
+    type?: "submit" | "reset" | "button" | undefined | undefined;
     tabindex?: (string | number) | undefined;
     'aria-activedescendant'?: string | undefined | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -393,7 +406,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;
@@ -430,6 +443,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;
@@ -483,9 +497,9 @@ declare const __VLS_base: import("vue").DefineComponent<{
     "onUpdate:query"?: ((value: string) => any) | undefined;
 }>, {
     filter: boolean;
+    shortcut: string | false;
     debounce: number;
     minQueryLength: number;
-    shortcut: string | false;
     groups: CommandGroup[];
     trigger: boolean;
     recentLimit: number;

package/dist/components/overlays/ConfirmDialog.vue.d.ts

@@ -23,7 +23,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     size?: import("./types.ts").ModalSize;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -173,6 +172,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;
@@ -209,20 +209,21 @@ declare const __VLS_base: import("vue").DefineComponent<{
     exportparts?: string;
     part?: string;
     popover?: import("../../index.ts").PopoverMode | "" | boolean;
-    onClose?: (() => any) | 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;
+    onClose?: (() => any) | undefined;
     flush?: boolean;
-    dismissible?: boolean | undefined;
     sheet?: boolean;
     onOpen?: (() => any) | undefined;
     rootClass?: unknown;
     hideClose?: boolean;
     closeLabel?: string;
+    beforeClose?: import("./types.ts").DialogBeforeClose;
     closedby?: import("../../index.ts").DialogClosedBy;
 }, {
     confirm: typeof confirm;
@@ -249,7 +250,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     size?: import("./types.ts").ModalSize;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -399,6 +399,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;
@@ -435,20 +436,21 @@ declare const __VLS_base: import("vue").DefineComponent<{
     exportparts?: string;
     part?: string;
     popover?: import("../../index.ts").PopoverMode | "" | boolean;
-    onClose?: (() => any) | 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;
+    onClose?: (() => any) | undefined;
     flush?: boolean;
-    dismissible?: boolean | undefined;
     sheet?: boolean;
     onOpen?: (() => any) | undefined;
     rootClass?: unknown;
     hideClose?: boolean;
     closeLabel?: string;
+    beforeClose?: import("./types.ts").DialogBeforeClose;
     closedby?: import("../../index.ts").DialogClosedBy;
 }> & Readonly<{
     onCancel?: (() => any) | undefined;

package/dist/components/overlays/ConfirmHost.vue

@@ -15,7 +15,11 @@
       @resolve="onResolve"
       @after-leave="onAfterLeave"
    >
-      <component :is="current.body" v-if="current && current.kind !== 'prompt' && current.body" />
+      <component
+         :is="current.body"
+         v-if="current && current.kind !== 'prompt' && current.body"
+         @close="dialogRef?.cancel()"
+      />
       <FormField
          v-else-if="current?.kind === 'prompt'"
          :label="current.label"

package/dist/components/overlays/ConfirmHost.vue.d.ts

@@ -15,7 +15,6 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly results?: (string | number) | undefined;
     readonly placeholder?: string | undefined | undefined;
     readonly size?: import("./types.ts").ModalSize | undefined;
-    readonly ref?: import("vue").VNodeRef | undefined;
     readonly class?: import("vue").ClassValue;
     readonly role?: string | undefined | undefined;
     readonly 'aria-label'?: string | undefined | undefined;
@@ -128,7 +127,7 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly 'aria-colindex'?: (string | number) | undefined;
     readonly 'aria-colspan'?: (string | number) | undefined;
     readonly 'aria-controls'?: string | undefined | undefined;
-    readonly 'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    readonly 'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     readonly 'aria-describedby'?: string | undefined | undefined;
     readonly 'aria-details'?: string | undefined | undefined;
     readonly 'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -165,6 +164,7 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly 'aria-valuemin'?: (string | number) | undefined;
     readonly 'aria-valuenow'?: (string | number) | undefined;
     readonly 'aria-valuetext'?: string | undefined | undefined;
+    readonly ref?: import("vue").VNodeRef | undefined;
     readonly ref_for?: boolean | undefined | undefined;
     readonly ref_key?: string | undefined | undefined;
     readonly accesskey?: string | undefined | undefined;
@@ -201,20 +201,21 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly exportparts?: string | undefined;
     readonly part?: string | undefined;
     readonly popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
-    readonly onClose?: (() => any) | undefined;
+    readonly dismissible?: boolean | undefined;
     readonly onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    readonly onClose?: (() => any) | undefined;
     readonly flush?: boolean | undefined;
-    readonly dismissible?: boolean | undefined;
     readonly sheet?: boolean | undefined;
     readonly onOpen?: (() => any) | undefined;
     readonly rootClass?: unknown;
     readonly hideClose?: boolean | undefined;
     readonly closeLabel?: string | undefined;
+    readonly beforeClose?: import("./types.ts").DialogBeforeClose | undefined;
     readonly closedby?: import("../../index.ts").DialogClosedBy | undefined;
     readonly onCancel?: (() => any) | undefined;
     readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -237,7 +238,6 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly results?: (string | number) | undefined;
     readonly placeholder?: string | undefined | undefined;
     readonly size?: import("./types.ts").ModalSize | undefined;
-    readonly ref?: import("vue").VNodeRef | undefined;
     readonly class?: import("vue").ClassValue;
     readonly role?: string | undefined | undefined;
     readonly 'aria-label'?: string | undefined | undefined;
@@ -350,7 +350,7 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly 'aria-colindex'?: (string | number) | undefined;
     readonly 'aria-colspan'?: (string | number) | undefined;
     readonly 'aria-controls'?: string | undefined | undefined;
-    readonly 'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    readonly 'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     readonly 'aria-describedby'?: string | undefined | undefined;
     readonly 'aria-details'?: string | undefined | undefined;
     readonly 'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -387,6 +387,7 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly 'aria-valuemin'?: (string | number) | undefined;
     readonly 'aria-valuenow'?: (string | number) | undefined;
     readonly 'aria-valuetext'?: string | undefined | undefined;
+    readonly ref?: import("vue").VNodeRef | undefined;
     readonly ref_for?: boolean | undefined | undefined;
     readonly ref_key?: string | undefined | undefined;
     readonly accesskey?: string | undefined | undefined;
@@ -423,20 +424,21 @@ declare const __VLS_export: import("vue").DefineComponent<Partial<NonNullable<{
     readonly exportparts?: string | undefined;
     readonly part?: string | undefined;
     readonly popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
-    readonly onClose?: (() => any) | undefined;
+    readonly dismissible?: boolean | undefined;
     readonly onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     readonly onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    readonly onClose?: (() => any) | undefined;
     readonly flush?: boolean | undefined;
-    readonly dismissible?: boolean | undefined;
     readonly sheet?: boolean | undefined;
     readonly onOpen?: (() => any) | undefined;
     readonly rootClass?: unknown;
     readonly hideClose?: boolean | undefined;
     readonly closeLabel?: string | undefined;
+    readonly beforeClose?: import("./types.ts").DialogBeforeClose | undefined;
     readonly closedby?: import("../../index.ts").DialogClosedBy | undefined;
     readonly onCancel?: (() => any) | undefined;
     readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;

package/dist/components/overlays/ContextMenu.vue.d.ts

@@ -17,7 +17,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -167,6 +166,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;
@@ -209,8 +209,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     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;
-    level?: number;
     placement?: import("./types").OverlayPlacement;
+    level?: number;
     labelledby?: string;
     manualPositioning?: boolean;
     onOpenChange?: ((open: boolean) => any) | undefined;
@@ -232,7 +232,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -382,6 +381,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;
@@ -424,8 +424,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     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;
-    level?: number;
     placement?: import("./types").OverlayPlacement;
+    level?: number;
     labelledby?: string;
     manualPositioning?: boolean;
     onOpenChange?: ((open: boolean) => any) | undefined;