ropav 0.0.9 → 0.0.10

package/dist/components/button/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Button } from './button';
-export type { ButtonColor, ButtonProps, ButtonRadius, ButtonSize, ButtonVariant } from './types';
+export { default as Button } from './button.js';
+export type { ButtonColor, ButtonProps, ButtonRadius, ButtonSize, ButtonVariant } from './types.js';

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

@@ -1,4 +1,4 @@
-import { ComponentColorValue } from '../../utils/componentColors';
+import { ComponentColorValue } from '../../utils/componentColors.js';
 export type ButtonColor = ComponentColorValue;
 export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type ButtonRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';

package/dist/components/button/useButtonColor.d.ts

@@ -1,3 +1,3 @@
 import { CSSProperties } from 'vue';
-import { ButtonColor, ButtonVariant } from './types';
+import { ButtonColor, ButtonVariant } from './types.js';
 export declare function getButtonColorStyle(color: ButtonColor | undefined, variant: ButtonVariant | undefined, autoContrast: boolean | undefined): CSSProperties | undefined;

package/dist/components/button-group/button-group.d.ts

@@ -1,4 +1,4 @@
-import { ButtonGroupProps } from './types';
+import { ButtonGroupProps } from './types.js';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<ButtonGroupProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/button-group/index.d.ts

@@ -1,2 +1,2 @@
-export { default as ButtonGroup } from './button-group';
-export type { ButtonGroupOrientation, ButtonGroupProps } from './types';
+export { default as ButtonGroup } from './button-group.js';
+export type { ButtonGroupOrientation, ButtonGroupProps } from './types.js';

package/dist/components/button-link/button-link.d.ts

@@ -1,4 +1,4 @@
-import { ButtonLinkProps } from './types';
+import { ButtonLinkProps } from './types.js';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<ButtonLinkProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/button-link/index.d.ts

@@ -1,2 +1,2 @@
-export { default as ButtonLink } from './button-link';
-export type { ButtonLinkColor, ButtonLinkProps, ButtonLinkRadius, ButtonLinkSize, ButtonLinkTarget, ButtonLinkVariant, } from './types';
+export { default as ButtonLink } from './button-link.js';
+export type { ButtonLinkColor, ButtonLinkProps, ButtonLinkRadius, ButtonLinkSize, ButtonLinkTarget, ButtonLinkVariant, } from './types.js';

package/dist/components/button-link/types.d.ts

@@ -1,4 +1,4 @@
-import { ButtonColor, ButtonRadius, ButtonSize, ButtonVariant } from '../button/types';
+import { ButtonColor, ButtonRadius, ButtonSize, ButtonVariant } from '../button/types.js';
 export type ButtonLinkColor = ButtonColor;
 export type ButtonLinkSize = ButtonSize;
 export type ButtonLinkRadius = ButtonRadius;

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

@@ -1,4 +1,4 @@
-import { CardProps } from './types';
+import { CardProps } from './types.js';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<CardProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

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

@@ -1,2 +1,2 @@
-export { default as Card } from './card';
-export type { CardLayer, CardPadding, CardProps, CardRadius } from './types';
+export { default as Card } from './card.js';
+export type { CardLayer, CardPadding, CardProps, CardRadius } from './types.js';

package/dist/components/checkbox/checkbox.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxProps } from './types';
+import { CheckboxProps } from './types.js';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<CheckboxProps & {
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;

package/dist/components/checkbox/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Checkbox } from './checkbox';
-export type { CheckboxColor, CheckboxProps, CheckboxRadius, CheckboxSize, CheckboxVariant, } from './types';
+export { default as Checkbox } from './checkbox.js';
+export type { CheckboxColor, CheckboxProps, CheckboxRadius, CheckboxSize, CheckboxVariant, } from './types.js';

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

@@ -1,4 +1,4 @@
-import { ComponentColorValue } from '../../utils/componentColors';
+import { ComponentColorValue } from '../../utils/componentColors.js';
 export type CheckboxColor = ComponentColorValue;
 export type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type CheckboxRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';

package/dist/components/checkbox/useCheckbox.d.ts

@@ -1,7 +1,7 @@
 import { CSSProperties } from 'vue';
-import { CheckboxProps } from './types';
+import { CheckboxProps } from './types.js';
 export declare function useCheckbox(props: Readonly<CheckboxProps>, emitUpdate: (value: boolean) => void): {
-    control: import('../../composables/useControlState').ControlState;
+    control: import('../../composables/useControlState.js').ControlState;
     rootClass: import('vue').ComputedRef<string[]>;
     rootStyle: import('vue').ComputedRef<CSSProperties | undefined>;
     onChange: (e: Event) => void;

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

@@ -1,4 +1,4 @@
-import { CollapseProps } from './types';
+import { CollapseProps } from './types.js';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<CollapseProps & {
         "onUpdate:open"?: ((value: boolean) => any) | undefined;
@@ -9,7 +9,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     attrs: any;
     slots: {
         trigger?: (props: {
-            triggerProps: import('./types').CollapseTriggerProps;
+            triggerProps: import('./types.js').CollapseTriggerProps;
             isOpen: boolean;
             open: () => void;
             close: () => void;

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

@@ -1,3 +1,3 @@
-export { default as Collapse } from './collapse';
-export { useCollapse } from './useCollapse';
-export type { CollapseContentProps, CollapseContentRole, CollapseOption, CollapseProps, CollapseRootProps, CollapseSlotProps, CollapseState, CollapseTriggerProps, CollapseTriggerSlotProps, UseCollapseOptions, UseCollapseReturn, } from './types';
+export { default as Collapse } from './collapse.js';
+export { useCollapse } from './useCollapse.js';
+export type { CollapseContentProps, CollapseContentRole, CollapseOption, CollapseProps, CollapseRootProps, CollapseSlotProps, CollapseState, CollapseTriggerProps, CollapseTriggerSlotProps, UseCollapseOptions, UseCollapseReturn, } from './types.js';

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

@@ -1,2 +1,2 @@
-import { UseCollapseOptions, UseCollapseReturn } from './types';
+import { UseCollapseOptions, UseCollapseReturn } from './types.js';
 export declare function useCollapse(options?: Readonly<UseCollapseOptions>, emitOpenChange?: (open: boolean) => void): UseCollapseReturn;

package/dist/components/color-input/color-input.d.ts

@@ -1,4 +1,4 @@
-import { ColorInputProps } from './types';
+import { ColorInputProps } from './types.js';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<ColorInputProps & {
         "onUpdate:open"?: ((value: boolean) => any) | undefined;

package/dist/components/color-input/index.d.ts

@@ -1,2 +1,2 @@
-export { default as ColorInput } from './color-input';
-export type { ColorInputProps } from './types';
+export { default as ColorInput } from './color-input.js';
+export type { ColorInputProps } from './types.js';

package/dist/components/color-input/types.d.ts

@@ -1,7 +1,7 @@
 import { InputHTMLAttributes } from 'vue';
-import { ColorPickerFormat, ColorPickerValue } from '../color-picker/types';
-import { InputRadius, InputSize } from '../input/types';
-import { PopoverPlacement } from '../popover/types';
+import { ColorPickerFormat, ColorPickerValue } from '../color-picker/types.js';
+import { InputRadius, InputSize } from '../input/types.js';
+import { PopoverPlacement } from '../popover/types.js';
 export interface ColorInputProps {
     id?: string;
     name?: string;
@@ -27,6 +27,7 @@ export interface ColorInputProps {
     swatchesPerRow?: number;
     placement?: PopoverPlacement;
     open?: boolean;
+    keepMounted?: boolean;
     popoverId?: string;
     pickerAriaLabel?: string;
     withEyeDropper?: boolean;

package/dist/components/color-input/useColorInput.d.ts

@@ -1,5 +1,5 @@
-import { ColorPickerValue } from '../color-picker/types';
-import { ColorInputProps } from './types';
+import { ColorPickerValue } from '../color-picker/types.js';
+import { ColorInputProps } from './types.js';
 interface UseColorInputEmitters {
     modelValue: (value: ColorPickerValue) => void;
     open: (value: boolean) => void;
@@ -12,15 +12,15 @@ export declare function useColorInput(props: Readonly<ColorInputProps>, emit: Us
     isPickingColor: import('vue').Ref<boolean, boolean>;
     pickScreenColor: (closePicker: () => void) => Promise<void>;
     getInputTriggerAttrs: (slotProps: unknown) => import('vue').InputHTMLAttributes;
-    rememberClose: (slotProps: import('../popover').PopoverSlotProps | import('../popover').PopoverContentSlotProps) => void;
-    onPickerKeydown: (event: KeyboardEvent, popover: import('../popover').PopoverContentSlotProps) => void;
+    rememberClose: (slotProps: import('../popover/index.js').PopoverSlotProps | import('../popover/index.js').PopoverContentSlotProps) => void;
+    onPickerKeydown: (event: KeyboardEvent, popover: import('../popover/index.js').PopoverContentSlotProps) => void;
     onFocusOut: (event: FocusEvent) => void;
     previewColor: import('vue').ComputedRef<string | undefined>;
     hasValidSwatches: import('vue').ComputedRef<boolean>;
     hasInvalidColor: import('vue').ComputedRef<boolean | undefined>;
     isInvalid: import('vue').ComputedRef<boolean | undefined>;
     colorValidationMessage: import('vue').ComputedRef<string | undefined>;
-    control: import('../../composables/useControlState').ControlState;
+    control: import('../../composables/useControlState.js').ControlState;
     rootClass: import('vue').ComputedRef<string[]>;
     popoverDisabled: import('vue').ComputedRef<boolean>;
 };

package/dist/components/color-input/useColorInputEyeDropper.d.ts

@@ -1,4 +1,4 @@
-import { ColorPickerFormat, ColorPickerValue } from '../color-picker/types';
+import { ColorPickerFormat, ColorPickerValue } from '../color-picker/types.js';
 interface UseColorInputEyeDropperOptions {
     enabled: () => boolean;
     disabled: () => boolean;

package/dist/components/color-input/useColorInputPopover.d.ts

@@ -1,6 +1,6 @@
 import { InputHTMLAttributes } from 'vue';
-import { PopoverContentSlotProps, PopoverSlotProps } from '../popover/types';
-import { ColorInputProps } from './types';
+import { PopoverContentSlotProps, PopoverSlotProps } from '../popover/types.js';
+import { ColorInputProps } from './types.js';
 declare function onPickerKeydown(event: KeyboardEvent, popover: PopoverContentSlotProps): void;
 export declare function useColorInputPopover(getInputAttrs: () => ColorInputProps['inputAttrs']): {
     getInputTriggerAttrs: (slotProps: unknown) => InputHTMLAttributes;

package/dist/components/color-input/useColorInputValue.d.ts

@@ -1,4 +1,4 @@
-import { ColorInputProps } from './types';
+import { ColorInputProps } from './types.js';
 export declare function useColorInputValue(props: Readonly<ColorInputProps>, isControlInvalid: () => boolean): {
     previewColor: import('vue').ComputedRef<string | undefined>;
     hasValidSwatches: import('vue').ComputedRef<boolean>;

package/dist/components/color-picker/color-picker-saturation.d.ts

@@ -1,4 +1,4 @@
-import { ColorPickerSaturationProps, ColorPickerSelection } from './types';
+import { ColorPickerSaturationProps, ColorPickerSelection } from './types.js';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<ColorPickerSaturationProps & {
         "onUpdate:modelValue"?: ((value: ColorPickerSelection) => any) | undefined;

package/dist/components/color-picker/color-picker-slider.d.ts

@@ -1,4 +1,4 @@
-import { ColorPickerSliderProps } from './types';
+import { ColorPickerSliderProps } from './types.js';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<ColorPickerSliderProps & {
         "onUpdate:value"?: ((value: number) => any) | undefined;

package/dist/components/color-picker/color-picker-utils.d.ts

@@ -1,4 +1,4 @@
-import { ColorPickerFormat } from './types';
+import { ColorPickerFormat } from './types.js';
 export declare const DEFAULT_HUE = 0;
 export declare const HUE_MAX = 359;
 export declare const KEYBOARD_STEP = 1;

package/dist/components/color-picker/color-picker.d.ts

@@ -1,4 +1,4 @@
-import { ColorPickerProps } from './types';
+import { ColorPickerProps } from './types.js';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<ColorPickerProps & {
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;

package/dist/components/color-picker/index.d.ts

@@ -1,3 +1,3 @@
-export { default as ColorPicker } from './color-picker';
-export { colorPickerFormats, colorPickerSizes } from './types';
-export type { ColorPickerFormat, ColorPickerProps, ColorPickerSelection, ColorPickerSize, ColorPickerValue, } from './types';
+export { default as ColorPicker } from './color-picker.js';
+export { colorPickerFormats, colorPickerSizes } from './types.js';
+export type { ColorPickerFormat, ColorPickerProps, ColorPickerSelection, ColorPickerSize, ColorPickerValue, } from './types.js';

package/dist/components/color-picker/useColorPickerDrag.d.ts

@@ -1,11 +1,16 @@
 import { Ref } from 'vue';
+export interface ColorPickerPointerCoordinates {
+    clientX: number;
+    clientY: number;
+}
 interface UseColorPickerDragOptions {
     target: Ref<HTMLElement | null>;
     focusTarget?: Ref<HTMLElement | null>;
     readonly: () => boolean;
-    updateFromPointer: (event: PointerEvent, target: HTMLElement) => void;
+    isGeometryValid: (rect: DOMRect) => boolean;
+    updateFromPointer: (pointer: ColorPickerPointerCoordinates, rect: DOMRect) => void;
 }
-export declare function useColorPickerDrag({ target, focusTarget, readonly, updateFromPointer, }: UseColorPickerDragOptions): {
+export declare function useColorPickerDrag({ target, focusTarget, readonly, isGeometryValid, updateFromPointer, }: UseColorPickerDragOptions): {
     onPointerDown: (event: PointerEvent) => void;
 };
 export {};

package/dist/components/color-picker/useColorPickerSwatches.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'vue';
-import { ColorPickerProps } from './types';
+import { ColorPickerProps } from './types.js';
 type ColorPickerSwatchesProps = Readonly<Pick<ColorPickerProps, 'swatches' | 'swatchesPerRow'>>;
 interface UseColorPickerSwatchesOptions {
     isSelected: (swatch: string) => boolean;

package/dist/components/color-picker/useColorPickerValue.d.ts

@@ -1,5 +1,5 @@
-import { ColorPickerHsvColor } from './color-picker-utils';
-import { ColorPickerProps, ColorPickerSelection, ColorPickerValue } from './types';
+import { ColorPickerHsvColor } from './color-picker-utils.js';
+import { ColorPickerProps, ColorPickerSelection, ColorPickerValue } from './types.js';
 type ColorPickerValueProps = Readonly<Pick<ColorPickerProps, 'modelValue' | 'format' | 'readonly'>>;
 export declare function useColorPickerValue(props: ColorPickerValueProps, emitUpdate: (value: ColorPickerValue) => void): {
     selectedColor: import('vue').ComputedRef<ColorPickerHsvColor>;

package/dist/components/color-swatch/color-swatch.d.ts

@@ -1,4 +1,4 @@
-import { ColorSwatchProps } from './types';
+import { ColorSwatchProps } from './types.js';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<ColorSwatchProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/color-swatch/index.d.ts

@@ -1,2 +1,2 @@
-export { default as ColorSwatch } from './color-swatch';
-export type { ColorSwatchProps, ColorSwatchSize } from './types';
+export { default as ColorSwatch } from './color-swatch.js';
+export type { ColorSwatchProps, ColorSwatchSize } from './types.js';

package/dist/components/dropdown-menu/dropdown-menu-items.d.ts

@@ -1,15 +1,24 @@
-import { PropType } from 'vue';
-import { DropdownMenuRenderedItem } from './types';
+import { PropType, VNode } from 'vue';
+import { DropdownMenuItem } from './types.js';
+import { DropdownMenuRenderContext } from './useDropdownMenuRenderItems.js';
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    context: {
+        readonly type: PropType<DropdownMenuRenderContext>;
+        readonly required: true;
+    };
     items: {
-        type: PropType<DropdownMenuRenderedItem[]>;
+        type: PropType<DropdownMenuItem[]>;
         required: true;
     };
-}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+}>, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
-}>[], {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    context: {
+        readonly type: PropType<DropdownMenuRenderContext>;
+        readonly required: true;
+    };
     items: {
-        type: PropType<DropdownMenuRenderedItem[]>;
+        type: PropType<DropdownMenuItem[]>;
         required: true;
     };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/dropdown-menu/dropdown-menu-utils.d.ts

@@ -1,4 +1,4 @@
-import { DropdownMenuFocusTarget, DropdownMenuItem, DropdownMenuItemPath, DropdownMenuOpenOptions, DropdownMenuPlacement } from './types';
+import { DropdownMenuFocusTarget, DropdownMenuItem, DropdownMenuItemPath, DropdownMenuOpenOptions, DropdownMenuPlacement } from './types.js';
 export declare const DEFAULT_PLACEMENT: DropdownMenuPlacement;
 export declare const DEFAULT_FOCUS_TARGET: DropdownMenuFocusTarget;
 export type ItemPath = DropdownMenuItemPath;

package/dist/components/dropdown-menu/dropdown-menu.d.ts

@@ -1,4 +1,4 @@
-import { DropdownMenuItem, DropdownMenuItemSlotProps, DropdownMenuProps, DropdownMenuSlotProps } from './types';
+import { DropdownMenuItem, DropdownMenuItemSlotProps, DropdownMenuProps, DropdownMenuSlotProps } from './types.js';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<DropdownMenuProps & {
         "onUpdate:open"?: ((value: boolean) => any) | undefined;

package/dist/components/dropdown-menu/index.d.ts

@@ -1,3 +1,3 @@
-export { default as DropdownMenu } from './dropdown-menu';
-export { useDropdownMenu } from './useDropdownMenu';
-export type { DropdownMenuCloseOptions, DropdownMenuContentProps, DropdownMenuFocusTarget, DropdownMenuItem, DropdownMenuItemPath, DropdownMenuItemProps, DropdownMenuItemSlotProps, DropdownMenuItemValue, DropdownMenuOpenOptions, DropdownMenuPlacement, DropdownMenuProps, DropdownMenuRenderedItem, DropdownMenuSlotProps, DropdownMenuSubmenuProps, DropdownMenuTriggerProps, } from './types';
+export { default as DropdownMenu } from './dropdown-menu.js';
+export { useDropdownMenu } from './useDropdownMenu.js';
+export type { DropdownMenuCloseOptions, DropdownMenuContentProps, DropdownMenuFocusTarget, DropdownMenuItem, DropdownMenuItemPath, DropdownMenuItemProps, DropdownMenuItemSlotProps, DropdownMenuItemValue, DropdownMenuOpenOptions, DropdownMenuPlacement, DropdownMenuProps, DropdownMenuRenderedItem, DropdownMenuSlotProps, DropdownMenuSubmenuProps, DropdownMenuTriggerProps, } from './types.js';

package/dist/components/dropdown-menu/useDropdownMenu.d.ts

@@ -1,4 +1,4 @@
-import { DropdownMenuContentProps, DropdownMenuItem, DropdownMenuProps, DropdownMenuSlotProps, DropdownMenuTriggerProps } from './types';
+import { DropdownMenuContentProps, DropdownMenuItem, DropdownMenuProps, DropdownMenuSlotProps, DropdownMenuTriggerProps } from './types.js';
 export declare function useDropdownMenu(props: Readonly<DropdownMenuProps>, emit?: {
     openChange?: (open: boolean) => void;
     select?: (item: DropdownMenuItem) => void;
@@ -9,24 +9,25 @@ export declare function useDropdownMenu(props: Readonly<DropdownMenuProps>, emit
     isVisible: import('vue').ComputedRef<boolean>;
     isEmpty: import('vue').ComputedRef<boolean>;
     visibleItems: import('vue').ComputedRef<DropdownMenuItem[]>;
-    renderedItems: import('vue').ComputedRef<import('./types').DropdownMenuRenderedItem[]>;
+    renderedItems: import('vue').ComputedRef<import('./types.js').DropdownMenuRenderedItem[]>;
+    renderContext: import('./useDropdownMenuRenderItems.js').DropdownMenuRenderContext;
     focusedIndex: import('vue').ComputedRef<number>;
-    focusedPath: import('vue').Ref<number[], number[] | import('./types').DropdownMenuItemPath>;
+    focusedPath: import('vue').Ref<number[], number[] | import('./types.js').DropdownMenuItemPath>;
     activeDescendantId: import('vue').ComputedRef<string | undefined>;
     rootClass: import('vue').ComputedRef<string[]>;
     contentClass: import('vue').ComputedRef<string[]>;
     triggerProps: import('vue').ComputedRef<DropdownMenuTriggerProps>;
     contentProps: import('vue').ComputedRef<DropdownMenuContentProps>;
     slotProps: import('vue').ComputedRef<DropdownMenuSlotProps>;
-    open: (options?: import('./types').DropdownMenuOpenOptions | import('./types').DropdownMenuFocusTarget) => void;
-    close: (options?: import('./types').DropdownMenuCloseOptions) => void;
+    open: (options?: import('./types.js').DropdownMenuOpenOptions | import('./types.js').DropdownMenuFocusTarget) => void;
+    close: (options?: import('./types.js').DropdownMenuCloseOptions) => void;
     toggle: () => void;
     selectItem: (item: DropdownMenuItem) => void;
-    openSubmenu: (path: import('./dropdown-menu-utils').ItemPath, focus?: import('./dropdown-menu-utils').SubmenuFocusTarget, point?: import('./dropdown-menu-utils').PointerPoint) => boolean;
-    closeSubmenu: (path: import('./dropdown-menu-utils').ItemPath) => boolean;
-    onItemMouseenter: (item: DropdownMenuItem, indexOrPath: number | import('./dropdown-menu-utils').ItemPath, event?: MouseEvent) => void;
+    openSubmenu: (path: import('./dropdown-menu-utils.js').ItemPath, focus?: import('./dropdown-menu-utils.js').SubmenuFocusTarget, point?: import('./dropdown-menu-utils.js').PointerPoint) => boolean;
+    closeSubmenu: (path: import('./dropdown-menu-utils.js').ItemPath) => boolean;
+    onItemMouseenter: (item: DropdownMenuItem, indexOrPath: number | import('./dropdown-menu-utils.js').ItemPath, event?: MouseEvent) => void;
     onTriggerKeydown: (event: KeyboardEvent) => void;
     onMenuKeydown: (event: KeyboardEvent) => void;
-    getItemProps: (item: DropdownMenuItem, indexOrPath: number | import('./dropdown-menu-utils').ItemPath, focused?: boolean, disabled?: boolean) => import('./types').DropdownMenuItemProps;
-    getItemSlotProps: (item: DropdownMenuItem, indexOrPath: number | import('./dropdown-menu-utils').ItemPath, focused?: boolean, disabled?: boolean) => import('./types').DropdownMenuItemSlotProps;
+    getItemProps: (item: DropdownMenuItem, indexOrPath: number | import('./dropdown-menu-utils.js').ItemPath, focused?: boolean, disabled?: boolean, submenuOpen?: boolean) => import('./types.js').DropdownMenuItemProps;
+    getItemSlotProps: (item: DropdownMenuItem, indexOrPath: number | import('./dropdown-menu-utils.js').ItemPath, focused?: boolean, disabled?: boolean, submenuOpen?: boolean) => import('./types.js').DropdownMenuItemSlotProps;
 };

package/dist/components/dropdown-menu/useDropdownMenuDisclosure.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
-import { DropdownMenuCloseOptions, DropdownMenuFocusTarget, DropdownMenuItem, DropdownMenuOpenOptions, DropdownMenuProps } from './types';
-import { ItemPath } from './dropdown-menu-utils';
+import { DropdownMenuCloseOptions, DropdownMenuFocusTarget, DropdownMenuItem, DropdownMenuOpenOptions, DropdownMenuProps } from './types.js';
+import { ItemPath } from './dropdown-menu-utils.js';
 type BooleanSource = Readonly<Ref<boolean>>;
 type UseDropdownMenuDisclosureOptions = {
     props: Readonly<DropdownMenuProps>;

package/dist/components/dropdown-menu/useDropdownMenuDom.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
-import { DropdownMenuPlacement } from './types';
-import { ItemPath } from './dropdown-menu-utils';
+import { DropdownMenuPlacement } from './types.js';
+import { ItemPath } from './dropdown-menu-utils.js';
 type StringSource = {
     readonly value: string;
 };

package/dist/components/dropdown-menu/useDropdownMenuHoverIntent.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
-import { DropdownMenuItem } from './types';
-import { ItemPath, PointerPoint } from './dropdown-menu-utils';
+import { DropdownMenuItem } from './types.js';
+import { ItemPath, PointerPoint } from './dropdown-menu-utils.js';
 export type SafeTriangle = [PointerPoint, PointerPoint, PointerPoint];
 type GetSafeTriangleOptions = {
     itemRect: DOMRect | null;

package/dist/components/dropdown-menu/useDropdownMenuInteractions.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
-import { DropdownMenuCloseOptions, DropdownMenuFocusTarget, DropdownMenuItem, DropdownMenuOpenOptions, DropdownMenuProps } from './types';
-import { ItemPath, PointerPoint, SubmenuFocusTarget } from './dropdown-menu-utils';
+import { DropdownMenuCloseOptions, DropdownMenuFocusTarget, DropdownMenuItem, DropdownMenuOpenOptions, DropdownMenuProps } from './types.js';
+import { ItemPath, PointerPoint, SubmenuFocusTarget } from './dropdown-menu-utils.js';
 type BooleanSource = Readonly<Ref<boolean>>;
 type DisclosureControls = {
     open: (options?: DropdownMenuOpenOptions | DropdownMenuFocusTarget) => void;

package/dist/components/dropdown-menu/useDropdownMenuNavigation.d.ts

@@ -1,10 +1,10 @@
-import { DropdownMenuFocusTarget, DropdownMenuItem } from './types';
-import { ItemPath } from './dropdown-menu-utils';
+import { DropdownMenuFocusTarget, DropdownMenuItem } from './types.js';
+import { ItemPath } from './dropdown-menu-utils.js';
 type DropdownMenuItemsSource = {
     readonly value: DropdownMenuItem[];
 };
 export declare function useDropdownMenuNavigation(items: DropdownMenuItemsSource): {
-    focusedPath: import('vue').Ref<number[], number[] | import('./types').DropdownMenuItemPath>;
+    focusedPath: import('vue').Ref<number[], number[] | import('./types.js').DropdownMenuItemPath>;
     focusedIndex: import('vue').ComputedRef<number>;
     getItemsAtPath: (path: ItemPath) => DropdownMenuItem[];
     getItemAtPath: (path: ItemPath) => DropdownMenuItem | undefined;

package/dist/components/dropdown-menu/useDropdownMenuRenderItems.d.ts

@@ -1,5 +1,5 @@
-import { DropdownMenuCloseOptions, DropdownMenuFocusTarget, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuItemSlotProps, DropdownMenuRenderedItem } from './types';
-import { ItemPath } from './dropdown-menu-utils';
+import { DropdownMenuCloseOptions, DropdownMenuFocusTarget, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuItemSlotProps, DropdownMenuRenderedItem, DropdownMenuSubmenuProps } from './types.js';
+import { ItemPath } from './dropdown-menu-utils.js';
 type DropdownMenuItemsSource = {
     readonly value: DropdownMenuItem[];
 };
@@ -17,9 +17,17 @@ type UseDropdownMenuRenderItemsOptions = {
     closeSubmenu: (path: ItemPath) => void;
     close: (options?: DropdownMenuCloseOptions) => void;
 };
+export interface DropdownMenuRenderContext {
+    isItemFocused: (indexOrPath: number | ItemPath) => boolean;
+    isSubmenuOpen: (path: ItemPath) => boolean;
+    getItemProps: (item: DropdownMenuItem, indexOrPath: number | ItemPath, focused?: boolean, disabled?: boolean, submenuOpen?: boolean) => DropdownMenuItemProps;
+    getSubmenuProps: (item: DropdownMenuItem, path: ItemPath, submenuOpen?: boolean) => DropdownMenuSubmenuProps;
+    getItemSlotProps: (item: DropdownMenuItem, indexOrPath: number | ItemPath, focused?: boolean, disabled?: boolean, submenuOpen?: boolean) => DropdownMenuItemSlotProps;
+}
 export declare function useDropdownMenuRenderItems({ items, getItemId, getSubmenuId, getMenuActiveDescendant, isItemFocused, isSubmenuOpen, activateItem, focusHoveredItem, selectItem, openSubmenu, closeSubmenu, close, }: UseDropdownMenuRenderItemsOptions): {
     renderedItems: import('vue').ComputedRef<DropdownMenuRenderedItem[]>;
-    getItemProps: (item: DropdownMenuItem, indexOrPath: number | ItemPath, focused?: boolean, disabled?: boolean) => DropdownMenuItemProps;
-    getItemSlotProps: (item: DropdownMenuItem, indexOrPath: number | ItemPath, focused?: boolean, disabled?: boolean) => DropdownMenuItemSlotProps;
+    renderContext: DropdownMenuRenderContext;
+    getItemProps: (item: DropdownMenuItem, indexOrPath: number | ItemPath, focused?: boolean, disabled?: boolean, submenuOpen?: boolean) => DropdownMenuItemProps;
+    getItemSlotProps: (item: DropdownMenuItem, indexOrPath: number | ItemPath, focused?: boolean, disabled?: boolean, submenuOpen?: boolean) => DropdownMenuItemSlotProps;
 };
 export {};

package/dist/components/dropdown-menu/useDropdownSubmenus.d.ts

@@ -1,13 +1,13 @@
 import { Ref } from 'vue';
-import { DropdownMenuItem } from './types';
-import { ItemPath, SubmenuFocusTarget } from './dropdown-menu-utils';
+import { DropdownMenuItem } from './types.js';
+import { ItemPath, SubmenuFocusTarget } from './dropdown-menu-utils.js';
 type UseDropdownSubmenusOptions = {
     focusedPath: Ref<ItemPath>;
     getItemAtPath: (path: ItemPath) => DropdownMenuItem | undefined;
     focusItem: (target: Exclude<SubmenuFocusTarget, false>, menuPath?: ItemPath) => boolean;
 };
 export declare function useDropdownSubmenus({ focusedPath, getItemAtPath, focusItem, }: UseDropdownSubmenusOptions): {
-    openSubmenuPath: Ref<number[], number[] | import('./types').DropdownMenuItemPath>;
+    openSubmenuPath: Ref<number[], number[] | import('./types.js').DropdownMenuItemPath>;
     resetSubmenus: () => void;
     isSubmenuOpen: (path: ItemPath) => boolean;
     closeSubmenusAfter: (menuPath: ItemPath) => void;

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

@@ -1,4 +1,4 @@
-import { FieldProps } from './types';
+import { FieldProps } from './types.js';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<FieldProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
@@ -15,7 +15,7 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
             invalid: true | undefined;
             labelledby: string | undefined;
             describedby: string | undefined;
-            controlProps: import('./types').FieldControlProps;
+            controlProps: import('./types.js').FieldControlProps;
         }) => any;
     } & {
         description?: (props: {}) => any;

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

@@ -1,2 +1,2 @@
-export { default as Field } from './field';
-export type { FieldControlProps, FieldProps, FieldSlotProps } from './types';
+export { default as Field } from './field.js';
+export type { FieldControlProps, FieldProps, FieldSlotProps } from './types.js';

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

@@ -1,4 +1,4 @@
-import { FieldControlProps, FieldProps } from './types';
+import { FieldControlProps, FieldProps } from './types.js';
 export declare function useField(props: Readonly<FieldProps>): {
     controlId: import('vue').ComputedRef<string>;
     labelId: import('vue').ComputedRef<string>;

package/dist/components/icon-button/icon-button.d.ts

@@ -1,4 +1,4 @@
-import { IconButtonProps } from './types';
+import { IconButtonProps } from './types.js';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<IconButtonProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/icon-button/index.d.ts

@@ -1,2 +1,2 @@
-export { default as IconButton } from './icon-button';
-export type { IconButtonColor, IconButtonProps, IconButtonRadius, IconButtonSize, IconButtonVariant, } from './types';
+export { default as IconButton } from './icon-button.js';
+export type { IconButtonColor, IconButtonProps, IconButtonRadius, IconButtonSize, IconButtonVariant, } from './types.js';

package/dist/components/icon-button/types.d.ts

@@ -1,4 +1,4 @@
-import { ButtonColor, ButtonRadius, ButtonSize, ButtonVariant } from '../button/types';
+import { ButtonColor, ButtonRadius, ButtonSize, ButtonVariant } from '../button/types.js';
 export type IconButtonColor = ButtonColor;
 export type IconButtonSize = ButtonSize;
 export type IconButtonRadius = ButtonRadius;

package/dist/components/input/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Input } from './input';
-export type { InputProps, InputRadius, InputSize } from './types';
+export { default as Input } from './input.js';
+export type { InputProps, InputRadius, InputSize } from './types.js';

package/dist/components/input/input.d.ts

@@ -1,4 +1,4 @@
-import { InputProps } from './types';
+import { InputProps } from './types.js';
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<InputProps & {
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;

package/dist/components/input/useInput.d.ts

@@ -1,7 +1,7 @@
-import { InputProps } from './types';
+import { InputProps } from './types.js';
 export declare function useInput(props: Readonly<InputProps>, emitUpdate: (value: string) => void): {
     inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
-    control: import('../../composables/useControlState').ControlState;
+    control: import('../../composables/useControlState.js').ControlState;
     rootClass: import('vue').ComputedRef<string[]>;
     onInput: (e: Event) => void;
     focusInput: (e: MouseEvent) => void;