ropav 0.0.7 → 0.0.8

package/dist/accordion.js

@@ -356,5 +356,3 @@ var accordion_item_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 }), [["__scopeId", "data-v-8528e537"]]);
 //#endregion
 export { useAccordionItem as i, accordion_default as n, useAccordion as r, accordion_item_default as t };
-
-//# sourceMappingURL=accordion.js.map

package/dist/badge.js

@@ -99,5 +99,3 @@ var badgeVariants = [
 ];
 //#endregion
 export { badge_default as a, badgeVariants as i, badgeRadiuses as n, badgeSizes as r, badgeColors as t };
-
-//# sourceMappingURL=badge.js.map

package/dist/bem.js

@@ -7,5 +7,3 @@ function bem(block, ...modifiers) {
 }
 //#endregion
 export { bem as t };
-
-//# sourceMappingURL=bem.js.map

package/dist/button-group.js

@@ -46,5 +46,3 @@ var button_group_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 }), [["__scopeId", "data-v-d9f79a5b"]]);
 //#endregion
 export { button_group_default as t };
-
-//# sourceMappingURL=button-group.js.map

package/dist/button.js

@@ -81,5 +81,3 @@ var button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 }), [["__scopeId", "data-v-4a751fe6"]]);
 //#endregion
 export { button_default as t };
-
-//# sourceMappingURL=button.js.map

package/dist/card.css

@@ -1,7 +1,9 @@
-.rp-card[data-v-c3ae62b7] {
+.rp-card[data-v-269e2bc4] {
   --_rp-card-bg: var(--rp-color-surface-raised);
   --_rp-card-border: var(--rp-color-border);
   --_rp-card-fg: var(--rp-color-text);
+  --_rp-card-header-border: var(--rp-color-border);
+  --_rp-card-footer-border: var(--rp-color-border);
   --_rp-card-padding: var(--rp-spacing-5);
   --_rp-card-radius: var(--rp-radius-sm);
   box-sizing: border-box;
@@ -16,71 +18,89 @@
   border-radius: var(--_rp-card-radius);
   transition: background-color var(--rp-transition-fast), border-color var(--rp-transition-fast);
 }
-.rp-card--layer-base[data-v-c3ae62b7] {
+.rp-card--layer-base[data-v-269e2bc4] {
   --_rp-card-bg: var(--rp-color-background);
 }
-.rp-card--layer-surface[data-v-c3ae62b7] {
+.rp-card--layer-surface[data-v-269e2bc4] {
   --_rp-card-bg: var(--rp-color-surface);
 }
-.rp-card--layer-raised[data-v-c3ae62b7] {
+.rp-card--layer-raised[data-v-269e2bc4] {
   --_rp-card-bg: var(--rp-color-surface-raised);
 }
-.rp-card--borderless[data-v-c3ae62b7] {
+.rp-card--borderless[data-v-269e2bc4] {
   --_rp-card-border: transparent;
 }
-.rp-card--padding-none[data-v-c3ae62b7] {
+.rp-card--header-bordered .rp-card__header[data-v-269e2bc4] {
+  border-bottom: var(--rp-border-width-thin) solid var(--_rp-card-header-border);
+}
+.rp-card--footer-bordered .rp-card__footer[data-v-269e2bc4] {
+  border-top: var(--rp-border-width-thin) solid var(--_rp-card-footer-border);
+}
+.rp-card--header-compact .rp-card__header[data-v-269e2bc4] {
+  padding-block-end: calc(var(--_rp-card-padding) / 2);
+}
+.rp-card--header-compact .rp-card__body[data-v-269e2bc4] {
+  padding-block-start: calc(var(--_rp-card-padding) / 2);
+}
+.rp-card--footer-compact .rp-card__body[data-v-269e2bc4] {
+  padding-block-end: calc(var(--_rp-card-padding) / 2);
+}
+.rp-card--footer-compact .rp-card__footer[data-v-269e2bc4] {
+  padding-block-start: calc(var(--_rp-card-padding) / 2);
+}
+.rp-card--padding-none[data-v-269e2bc4] {
   --_rp-card-padding: var(--rp-spacing-0);
 }
-.rp-card--padding-sm[data-v-c3ae62b7] {
+.rp-card--padding-sm[data-v-269e2bc4] {
   --_rp-card-padding: var(--rp-spacing-3);
 }
-.rp-card--padding-md[data-v-c3ae62b7] {
+.rp-card--padding-md[data-v-269e2bc4] {
   --_rp-card-padding: var(--rp-spacing-5);
 }
-.rp-card--padding-lg[data-v-c3ae62b7] {
+.rp-card--padding-lg[data-v-269e2bc4] {
   --_rp-card-padding: var(--rp-spacing-6);
 }
-.rp-card--radius-none[data-v-c3ae62b7] {
+.rp-card--radius-none[data-v-269e2bc4] {
   --_rp-card-radius: var(--rp-radius-none);
 }
-.rp-card--radius-xs[data-v-c3ae62b7] {
+.rp-card--radius-xs[data-v-269e2bc4] {
   --_rp-card-radius: var(--rp-radius-xs);
 }
-.rp-card--radius-sm[data-v-c3ae62b7] {
+.rp-card--radius-sm[data-v-269e2bc4] {
   --_rp-card-radius: var(--rp-radius-sm);
 }
-.rp-card--radius-md[data-v-c3ae62b7] {
+.rp-card--radius-md[data-v-269e2bc4] {
   --_rp-card-radius: var(--rp-radius-md);
 }
-.rp-card--radius-lg[data-v-c3ae62b7] {
+.rp-card--radius-lg[data-v-269e2bc4] {
   --_rp-card-radius: var(--rp-radius-lg);
 }
-.rp-card--radius-xl[data-v-c3ae62b7] {
+.rp-card--radius-xl[data-v-269e2bc4] {
   --_rp-card-radius: var(--rp-radius-xl);
 }
-.rp-card__header[data-v-c3ae62b7], .rp-card__body[data-v-c3ae62b7] {
+.rp-card__header[data-v-269e2bc4], .rp-card__body[data-v-269e2bc4], .rp-card__footer[data-v-269e2bc4] {
   box-sizing: border-box;
   padding: var(--_rp-card-padding);
 }
-.rp-card__header[data-v-c3ae62b7] {
+.rp-card__header[data-v-269e2bc4], .rp-card__footer[data-v-269e2bc4] {
   display: grid;
   gap: var(--rp-spacing-1);
 }
-.rp-card__body[data-v-c3ae62b7] {
+.rp-card__body[data-v-269e2bc4] {
   flex: 1 1 auto;
   min-width: 0;
   color: var(--rp-color-text);
   font-size: var(--rp-font-size-base);
   line-height: var(--rp-line-height-normal);
 }
-.rp-card__title[data-v-c3ae62b7] {
+.rp-card__title[data-v-269e2bc4] {
   margin: 0;
   color: var(--rp-color-text);
   font-size: var(--rp-font-size-lg);
   font-weight: var(--rp-font-weight-semibold);
   line-height: var(--rp-line-height-tight);
 }
-.rp-card__description[data-v-c3ae62b7] {
+.rp-card__description[data-v-269e2bc4] {
   margin: 0;
   color: var(--rp-color-text-secondary);
   font-size: var(--rp-font-size-sm);

package/dist/card.js

@@ -1,13 +1,14 @@
 import './card.css';
 import { t as bem } from "./bem.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createIf, createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, setText, template, toDisplayString, txt } from "vue";
+import { computed, createIf, createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, setText, template, toDisplayString, txt, useSlots } from "vue";
 //#region src/components/card/card.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<div data-v-c3ae62b7 class=rp-card__title> ");
-var t1 = template("<p data-v-c3ae62b7 class=rp-card__description> ");
-var t2 = template("<div data-v-c3ae62b7 class=rp-card__header>");
-var t3 = template("<div data-v-c3ae62b7 class=rp-card__body>");
-var t4 = template("<div data-v-c3ae62b7>", 1);
+var t0 = template("<div data-v-269e2bc4 class=rp-card__title> ");
+var t1 = template("<p data-v-269e2bc4 class=rp-card__description> ");
+var t2 = template("<div data-v-269e2bc4 class=rp-card__header>");
+var t3 = template("<div data-v-269e2bc4>");
+var t4 = template("<div data-v-269e2bc4 class=rp-card__footer>");
+var t5 = template("<div data-v-269e2bc4>", 1);
 //#endregion
 //#region src/components/card/card.vue
 var card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -21,52 +22,82 @@ var card_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			type: Boolean,
 			default: true
 		},
+		headerBorder: {
+			type: Boolean,
+			default: false
+		},
+		footerBorder: {
+			type: Boolean,
+			default: false
+		},
 		title: { default: "" },
-		description: { default: "" }
+		description: { default: "" },
+		bodyClass: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
-	setup(__props, { slots: $slots }) {
+	setup(__props) {
 		const props = __props;
+		const slots = useSlots();
 		const hasTitle = computed(() => Boolean(props.title));
 		const hasDescription = computed(() => Boolean(props.description));
-		const hasHeader = computed(() => Boolean(hasTitle.value || hasDescription.value));
+		const hasHeader = computed(() => Boolean(slots.header || hasTitle.value || hasDescription.value));
+		const hasBody = computed(() => Boolean(slots.default));
+		const hasFooter = computed(() => Boolean(slots.footer));
+		const hasCompactHeaderSpacing = computed(() => Boolean(hasHeader.value && hasBody.value && !props.headerBorder));
+		const hasCompactFooterSpacing = computed(() => Boolean(hasFooter.value && hasBody.value && !props.footerBorder));
 		const rootClass = computed(() => bem("rp-card", {
 			[`layer-${props.layer}`]: Boolean(props.layer),
 			[`padding-${props.padding}`]: Boolean(props.padding),
 			[`radius-${props.radius}`]: Boolean(props.radius),
-			borderless: !props.border
+			borderless: !props.border,
+			"header-bordered": props.headerBorder,
+			"header-compact": hasCompactHeaderSpacing.value,
+			"footer-bordered": props.footerBorder,
+			"footer-compact": hasCompactFooterSpacing.value
 		}));
-		const n13 = t4();
-		renderEffect(() => setClass(n13, rootClass.value));
-		setInsertionState(n13, null, 0);
+		const n19 = t5();
+		renderEffect(() => setClass(n19, rootClass.value));
+		setInsertionState(n19, null, 0);
 		createIf(() => hasHeader.value, () => {
-			const n8 = t2();
-			setInsertionState(n8, null, 0);
-			createIf(() => hasTitle.value, () => {
-				const n4 = t0();
-				const x4 = txt(n4);
-				renderEffect(() => setText(x4, toDisplayString(__props.title)));
-				return n4;
-			});
-			setInsertionState(n8, null, 1);
-			createIf(() => hasDescription.value, () => {
-				const n7 = t1();
-				const x7 = txt(n7);
-				renderEffect(() => setText(x7, toDisplayString(__props.description)));
-				return n7;
-			});
-			return n8;
+			const n10 = t2();
+			setInsertionState(n10, null, 0);
+			createSlot("header", null, () => {
+				return [createIf(() => hasTitle.value, () => {
+					const n6 = t0();
+					const x6 = txt(n6);
+					renderEffect(() => setText(x6, toDisplayString(__props.title)));
+					return n6;
+				}), createIf(() => hasDescription.value, () => {
+					const n9 = t1();
+					const x9 = txt(n9);
+					renderEffect(() => setText(x9, toDisplayString(__props.description)));
+					return n9;
+				})];
+			}, 1);
+			return n10;
 		});
-		setInsertionState(n13, null, 1);
-		createIf(() => $slots.default, () => {
-			const n12 = t3();
-			setInsertionState(n12, null, 0);
+		setInsertionState(n19, null, 1);
+		createIf(() => hasBody.value, () => {
+			const n14 = t3();
+			renderEffect(() => setClass(n14, ["rp-card__body", __props.bodyClass]));
+			setInsertionState(n14, null, 0);
 			createSlot("default", null, null, 1);
-			return n12;
+			return n14;
+		});
+		setInsertionState(n19, null, 2);
+		createIf(() => hasFooter.value, () => {
+			const n18 = t4();
+			setInsertionState(n18, null, 0);
+			createSlot("footer", null, null, 1);
+			return n18;
 		});
-		return n13;
+		return n19;
 	}
-}), [["__scopeId", "data-v-c3ae62b7"]]);
+}), [["__scopeId", "data-v-269e2bc4"]]);
 //#endregion
 export { card_default as t };
-
-//# sourceMappingURL=card.js.map

package/dist/checkbox.js

@@ -154,5 +154,3 @@ var checkbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 }), [["__scopeId", "data-v-8af73824"]]);
 //#endregion
 export { checkbox_default as t };
-
-//# sourceMappingURL=checkbox.js.map

package/dist/collapse.css

@@ -1,15 +1,15 @@
-.rp-collapse[data-v-f5b999da] {
+.rp-collapse[data-v-a78ac964] {
   --_rp-collapse-duration: var(--rp-transition-fast);
   display: block;
   min-width: 0;
   font-family: var(--rp-font-family);
   color: var(--rp-color-text);
 }
-.rp-collapse--disabled[data-v-f5b999da] {
+.rp-collapse--disabled[data-v-a78ac964] {
   opacity: var(--rp-opacity-disabled);
   cursor: not-allowed;
 }
-.rp-collapse__content[data-v-f5b999da] {
+.rp-collapse__content[data-v-a78ac964] {
   box-sizing: border-box;
   display: grid;
   min-width: 0;
@@ -20,13 +20,13 @@
   grid-template-rows: 1fr;
   transition: grid-template-rows var(--_rp-collapse-duration), opacity var(--_rp-collapse-duration);
 }
-.rp-collapse__inner[data-v-f5b999da] {
+.rp-collapse__inner[data-v-a78ac964] {
   min-height: 0;
   min-width: 0;
   overflow: hidden;
 }
-.rp-collapse-content-enter-from[data-v-f5b999da],
-.rp-collapse-content-leave-to[data-v-f5b999da] {
+.rp-collapse-content-enter-from[data-v-a78ac964],
+.rp-collapse-content-leave-to[data-v-a78ac964] {
   opacity: 0;
   grid-template-rows: 0fr;
 }

package/dist/collapse.js

@@ -3,8 +3,8 @@ import { t as useCollapse } from "./useCollapse.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { VaporTransition, applyVShow, child, createComponent, createIf, createSlot, defineVaporComponent, extend, renderEffect, setDynamicProps, setInsertionState, template, unref } from "vue";
 //#region src/components/collapse/collapse.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<section data-v-f5b999da><div data-v-f5b999da class=rp-collapse__inner>");
-var t1 = template("<div data-v-f5b999da>", 1);
+var t0 = template("<section data-v-a78ac964><div data-v-a78ac964 class=rp-collapse__inner>");
+var t1 = template("<div data-v-a78ac964>", 1);
 //#endregion
 //#region src/components/collapse/collapse.vue
 var collapse_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -16,10 +16,6 @@ var collapse_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			type: Boolean,
 			default: void 0
 		},
-		defaultOpen: {
-			type: Boolean,
-			default: false
-		},
 		disabled: {
 			type: Boolean,
 			default: false
@@ -61,8 +57,6 @@ var collapse_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		}, { _: 8 }));
 		return n7;
 	}
-}), [["__scopeId", "data-v-f5b999da"]]);
+}), [["__scopeId", "data-v-a78ac964"]]);
 //#endregion
 export { collapse_default as t };
-
-//# sourceMappingURL=collapse.js.map

package/dist/componentColors.js

@@ -18,5 +18,3 @@ function getComponentCustomColor(color) {
 }
 //#endregion
 export { getComponentCustomColor as n, isComponentPresetColor as r, componentColors as t };
-
-//# sourceMappingURL=componentColors.js.map

package/dist/components/card/card.d.ts

@@ -6,7 +6,11 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
+        header?: (props: {}) => any;
+    } & {
         default?: (props: {}) => any;
+    } & {
+        footer?: (props: {}) => any;
     };
     emit: {};
 }>) => import('vue').VNode & {

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

@@ -1,3 +1,4 @@
+import { HTMLAttributes } from 'vue';
 export type CardPadding = 'none' | 'sm' | 'md' | 'lg';
 export type CardRadius = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type CardLayer = 'base' | 'surface' | 'raised';
@@ -6,6 +7,9 @@ export interface CardProps {
     padding?: CardPadding;
     radius?: CardRadius;
     border?: boolean;
+    headerBorder?: boolean;
+    footerBorder?: boolean;
     title?: string;
     description?: string;
+    bodyClass?: HTMLAttributes['class'];
 }

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

@@ -37,7 +37,6 @@ export interface CollapseTriggerSlotProps extends CollapseSlotProps {
 export interface CollapseProps {
     id?: string;
     open?: boolean;
-    defaultOpen?: boolean;
     disabled?: boolean;
     unmountOnExit?: boolean;
     role?: CollapseContentRole;
@@ -48,7 +47,6 @@ export interface CollapseProps {
 export interface UseCollapseOptions {
     id?: CollapseOption<string | undefined>;
     open?: CollapseOption<boolean | undefined>;
-    defaultOpen?: CollapseOption<boolean | undefined>;
     disabled?: CollapseOption<boolean | undefined>;
     unmountOnExit?: CollapseOption<boolean | undefined>;
     role?: CollapseOption<CollapseContentRole | undefined>;

package/dist/components/field/useField.d.ts

@@ -13,4 +13,5 @@ export declare function useField(props: Readonly<FieldProps>): {
     controlDescribedby: import('vue').ComputedRef<string | undefined>;
     rootClass: import('vue').ComputedRef<string[]>;
     controlProps: import('vue').ComputedRef<FieldControlProps>;
+    focusControl: (e: MouseEvent) => void;
 };

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

@@ -14,7 +14,6 @@ export interface ModalSlotProps {
 export interface ModalProps {
     id?: string;
     open?: boolean;
-    defaultOpen?: boolean;
     title?: string;
     description?: string;
     ariaLabel?: string;

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

@@ -6,7 +6,7 @@ export interface PopoverOffsetOptions {
     crossAxis?: number;
 }
 export type PopoverOffset = number | PopoverOffsetOptions;
-export type PopoverRole = 'dialog' | 'menu' | 'listbox' | 'tree' | 'grid';
+export type PopoverRole = 'dialog';
 export interface PopoverTriggerProps {
     'aria-controls'?: string;
     'aria-expanded'?: boolean;
@@ -35,6 +35,9 @@ export interface PopoverProps {
     open?: boolean;
     disabled?: boolean;
     role?: PopoverRole;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    ariaDescribedby?: string;
     closeOnOutsideClick?: boolean;
     closeOnEscape?: boolean;
 }

package/dist/components/popover/usePopover.d.ts

@@ -1,12 +1,15 @@
 import { CSSProperties } from 'vue';
-import { PopoverContentSlotProps, PopoverProps, PopoverRole, PopoverSlotProps, PopoverTriggerProps } from './types';
+import { PopoverContentSlotProps, PopoverProps, PopoverSlotProps, PopoverTriggerProps } from './types';
 export declare function usePopover(props: Readonly<PopoverProps>, emitOpenChange?: (open: boolean) => void): {
     rootRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     popoverId: import('vue').ComputedRef<string>;
     isOpen: import('vue').ComputedRef<boolean>;
     isVisible: import('vue').ComputedRef<boolean>;
     isTargetMode: import('vue').ComputedRef<boolean>;
-    popoverRole: import('vue').ComputedRef<PopoverRole>;
+    popoverRole: import('vue').ComputedRef<"dialog">;
+    ariaLabel: import('vue').ComputedRef<string | undefined>;
+    ariaLabelledby: import('vue').ComputedRef<string | undefined>;
+    ariaDescribedby: import('vue').ComputedRef<string | undefined>;
     shouldRenderContent: import('vue').ComputedRef<boolean>;
     rootClass: import('vue').ComputedRef<string[]>;
     contentStyle: import('vue').ComputedRef<CSSProperties | undefined>;

package/dist/dropdown-menu.js

@@ -899,5 +899,3 @@ var dropdown_menu_default = /* @__PURE__ */ defineVaporComponent({
 });
 //#endregion
 export { useDropdownMenu as n, dropdown_menu_default as t };
-
-//# sourceMappingURL=dropdown-menu.js.map

package/dist/field.css

@@ -1,4 +1,4 @@
-.rp-field[data-v-50e7f3a5] {
+.rp-field[data-v-0d027ead] {
   --_rp-field-danger: var(--rp-color-danger);
   display: grid;
   gap: var(--rp-spacing-1);
@@ -6,10 +6,10 @@
   font-family: var(--rp-font-family);
   color: var(--rp-color-text);
 }
-html.dark .rp-field[data-v-50e7f3a5] {
+html.dark .rp-field[data-v-0d027ead] {
   --_rp-field-danger: var(--rp-color-danger-fg);
 }
-.rp-field__label[data-v-50e7f3a5] {
+.rp-field__label[data-v-0d027ead] {
   display: inline-flex;
   width: fit-content;
   align-items: center;
@@ -19,22 +19,25 @@ html.dark .rp-field[data-v-50e7f3a5] {
   font-weight: var(--rp-font-weight-medium);
   line-height: var(--rp-line-height-normal);
 }
-.rp-field__required[data-v-50e7f3a5] {
+.rp-field__required[data-v-0d027ead] {
   color: var(--_rp-field-danger);
   line-height: var(--rp-line-height-none);
 }
-.rp-field__control[data-v-50e7f3a5] {
+.rp-field__label + .rp-field__control[data-v-0d027ead] {
+  margin-block-start: var(--rp-spacing-1);
+}
+.rp-field__control[data-v-0d027ead] {
   min-width: 0;
 }
-.rp-field__description[data-v-50e7f3a5], .rp-field__message[data-v-50e7f3a5] {
+.rp-field__description[data-v-0d027ead], .rp-field__message[data-v-0d027ead] {
   margin: 0;
   color: var(--rp-color-text-secondary);
   font-size: var(--rp-font-size-sm);
   line-height: var(--rp-line-height-normal);
 }
-.rp-field--invalid .rp-field__message[data-v-50e7f3a5] {
+.rp-field--invalid .rp-field__message[data-v-0d027ead] {
   color: var(--_rp-field-danger);
 }
-.rp-field--disabled .rp-field__label[data-v-50e7f3a5], .rp-field--disabled .rp-field__description[data-v-50e7f3a5], .rp-field--disabled .rp-field__message[data-v-50e7f3a5] {
+.rp-field--disabled .rp-field__label[data-v-0d027ead], .rp-field--disabled .rp-field__description[data-v-0d027ead], .rp-field--disabled .rp-field__message[data-v-0d027ead] {
   color: var(--rp-color-text-disabled);
 }

package/dist/field.js

@@ -1,8 +1,20 @@
 import './field.css';
 import { t as bem } from "./bem.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { child, computed, createIf, createSlot, defineVaporComponent, renderEffect, setClass, setInsertionState, setProp, setText, template, toDisplayString, unref, useId, useSlots } from "vue";
+import { child, computed, createIf, createInvoker, createSlot, defineVaporComponent, delegateEvents, renderEffect, setClass, setInsertionState, setProp, setText, template, toDisplayString, unref, useId, useSlots } from "vue";
 //#region src/components/field/useField.ts
+var INTERACTIVE_LABEL_SELECTOR = [
+	"button",
+	"a[href]",
+	"input",
+	"select",
+	"textarea",
+	"[contenteditable=\"true\"]",
+	"[tabindex]:not([tabindex=\"-1\"])"
+].join(",");
+function isInteractiveLabelTarget(target) {
+	return Boolean(target.closest(INTERACTIVE_LABEL_SELECTOR));
+}
 function useField(props) {
 	const slots = useSlots();
 	const generatedId = useId();
@@ -17,6 +29,27 @@ function useField(props) {
 	const hasMessage = computed(() => Boolean(messageText.value || slots.message));
 	const controlLabelledby = computed(() => hasLabel.value ? labelId.value : void 0);
 	const controlDescribedby = computed(() => [hasDescription.value ? descriptionId.value : void 0, hasMessage.value ? messageId.value : void 0].filter(Boolean).join(" ") || void 0);
+	const rootClass = computed(() => bem("rp-field", {
+		disabled: props.disabled,
+		required: props.required,
+		invalid: isInvalid.value
+	}));
+	const controlProps = computed(() => ({
+		id: controlId.value,
+		disabled: props.disabled || void 0,
+		required: props.required || void 0,
+		invalid: isInvalid.value || void 0,
+		labelledby: controlLabelledby.value,
+		describedby: controlDescribedby.value
+	}));
+	function focusControl(e) {
+		if (props.disabled) return;
+		const target = e.target;
+		if (target instanceof Element && isInteractiveLabelTarget(target)) return;
+		const label = e.currentTarget;
+		const control = label instanceof HTMLLabelElement ? label.control ?? label.ownerDocument.getElementById(controlId.value) : void 0;
+		if (control instanceof HTMLElement) control.focus();
+	}
 	return {
 		controlId,
 		labelId,
@@ -29,29 +62,20 @@ function useField(props) {
 		hasMessage,
 		controlLabelledby,
 		controlDescribedby,
-		rootClass: computed(() => bem("rp-field", {
-			disabled: props.disabled,
-			required: props.required,
-			invalid: isInvalid.value
-		})),
-		controlProps: computed(() => ({
-			id: controlId.value,
-			disabled: props.disabled || void 0,
-			required: props.required || void 0,
-			invalid: isInvalid.value || void 0,
-			labelledby: controlLabelledby.value,
-			describedby: controlDescribedby.value
-		}))
+		rootClass,
+		controlProps,
+		focusControl
 	};
 }
 //#endregion
 //#region src/components/field/field.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template(" ");
-var t1 = template("<span data-v-50e7f3a5 class=rp-field__required aria-hidden=true>*", 2);
-var t2 = template("<label data-v-50e7f3a5 class=rp-field__label>");
-var t3 = template("<p data-v-50e7f3a5 class=rp-field__description>");
-var t4 = template("<p data-v-50e7f3a5 class=rp-field__message>");
-var t5 = template("<div data-v-50e7f3a5><div data-v-50e7f3a5 class=rp-field__control></div>", 1);
+var t1 = template("<span data-v-0d027ead class=rp-field__required aria-hidden=true>*", 2);
+var t2 = template("<label data-v-0d027ead class=rp-field__label>");
+var t3 = template("<p data-v-0d027ead class=rp-field__description>");
+var t4 = template("<p data-v-0d027ead class=rp-field__message>");
+var t5 = template("<div data-v-0d027ead><div data-v-0d027ead class=rp-field__control></div>", 1);
+delegateEvents("mousedown");
 //#endregion
 //#region src/components/field/field.vue
 var field_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineVaporComponent({
@@ -77,7 +101,7 @@ var field_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		}
 	},
 	setup(__props) {
-		const { controlId, labelId, descriptionId, messageId, isInvalid, messageText, hasLabel, hasDescription, hasMessage, controlLabelledby, controlDescribedby, rootClass, controlProps } = useField(__props);
+		const { controlId, labelId, descriptionId, messageId, isInvalid, messageText, hasLabel, hasDescription, hasMessage, controlLabelledby, controlDescribedby, rootClass, controlProps, focusControl } = useField(__props);
 		const n23 = t5();
 		const n10 = child(n23, 1);
 		renderEffect(() => setClass(n23, unref(rootClass)));
@@ -98,6 +122,7 @@ var field_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 			createIf(() => __props.required, () => {
 				return t1();
 			});
+			n8.$evtmousedown = createInvoker((e) => unref(focusControl)(e));
 			return n8;
 		});
 		setInsertionState(n10, null, 0);
@@ -139,8 +164,6 @@ var field_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__
 		});
 		return n23;
 	}
-}), [["__scopeId", "data-v-50e7f3a5"]]);
+}), [["__scopeId", "data-v-0d027ead"]]);
 //#endregion
 export { field_default as t };
-
-//# sourceMappingURL=field.js.map

package/dist/icon-button.js

@@ -64,5 +64,3 @@ var icon_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 }), [["__scopeId", "data-v-7005752e"]]);
 //#endregion
 export { icon_button_default as t };
-
-//# sourceMappingURL=icon-button.js.map