ropav 0.0.9 → 0.0.11

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

@@ -1,4 +1,4 @@
-import { CollapseProps } from './types';
+import { CollapseProps, CollapseTriggerProps } 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: CollapseTriggerProps;
             isOpen: boolean;
             open: () => void;
             close: () => void;

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

@@ -1,3 +1,4 @@
-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 { collapseParts } from './types.js';
+export type { CollapseContentProps, CollapseContentRole, CollapseOption, CollapsePart, CollapseProps, CollapseRootProps, CollapseSlotProps, CollapseState, CollapseTriggerProps, CollapseTriggerSlotProps, UseCollapseOptions, UseCollapseReturn, } from './types.js';

package/dist/components/collapse/index.js

@@ -1,3 +1,3 @@
 import { t as useCollapse } from "../../useCollapse.js";
-import { t as collapse_default } from "../../collapse.js";
-export { collapse_default as Collapse, useCollapse };
+import { n as collapse_default, t as collapseParts } from "../../collapse.js";
+export { collapse_default as Collapse, collapseParts, useCollapse };

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

@@ -1,4 +1,7 @@
-import { ComputedRef, MaybeRefOrGetter } from 'vue';
+import { ComputedRef, HTMLAttributes, MaybeRefOrGetter } from 'vue';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const collapseParts: readonly ["root", "trigger", "content"];
+export type CollapsePart = (typeof collapseParts)[number];
 export type CollapseState = 'open' | 'closed';
 export type CollapseContentRole = 'region' | 'group';
 export type CollapseOption<T> = MaybeRefOrGetter<T>;
@@ -13,6 +16,10 @@ export interface CollapseTriggerProps {
     'aria-controls': string;
     'aria-expanded': boolean;
     'aria-disabled'?: boolean;
+    class?: HTMLAttributes['class'];
+    style?: HTMLAttributes['style'];
+    'data-state'?: CollapseState;
+    'data-disabled'?: '';
     onClick: (event: MouseEvent) => void;
 }
 export interface CollapseContentProps {
@@ -34,7 +41,7 @@ export interface CollapseSlotProps {
 export interface CollapseTriggerSlotProps extends CollapseSlotProps {
     triggerProps: CollapseTriggerProps;
 }
-export interface CollapseProps {
+export interface CollapseProps extends StylesApiProps<CollapsePart> {
     id?: string;
     open?: boolean;
     disabled?: boolean;

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,3 @@
-export { default as ColorInput } from './color-input';
-export type { ColorInputProps } from './types';
+export { default as ColorInput } from './color-input.js';
+export { colorInputParts } from './types.js';
+export type { ColorInputPart, ColorInputProps } from './types.js';

package/dist/components/color-input/index.js

@@ -1,2 +1,2 @@
-import { t as color_input_default } from "../../color-input.js";
-export { color_input_default as ColorInput };
+import { n as color_input_default, t as colorInputParts } from "../../color-input.js";
+export { color_input_default as ColorInput, colorInputParts };

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

@@ -1,8 +1,11 @@
 import { InputHTMLAttributes } from 'vue';
-import { ColorPickerFormat, ColorPickerValue } from '../color-picker/types';
-import { InputRadius, InputSize } from '../input/types';
-import { PopoverPlacement } from '../popover/types';
-export interface ColorInputProps {
+import { ColorPickerFormat, ColorPickerValue } from '../color-picker/types.js';
+import { InputRadius, InputSize } from '../input/types.js';
+import { PopoverPlacement } from '../popover/types.js';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const colorInputParts: readonly ["root", "control", "input", "preview", "eyeDropper", "content", "picker", "pickerControl", "pickerHandle", "pickerSwatches", "pickerSwatch"];
+export type ColorInputPart = (typeof colorInputParts)[number];
+export interface ColorInputProps extends StylesApiProps<ColorInputPart> {
     id?: string;
     name?: string;
     modelValue: ColorPickerValue;
@@ -27,6 +30,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, colorPickerParts, colorPickerSizes } from './types.js';
+export type { ColorPickerFormat, ColorPickerPart, ColorPickerProps, ColorPickerSelection, ColorPickerSize, ColorPickerValue, } from './types.js';

package/dist/components/color-picker/index.js

@@ -1,3 +1,3 @@
 import { t as color_picker_default } from "../../color-picker.js";
-import { n as colorPickerSizes, t as colorPickerFormats } from "../../color-picker2.js";
-export { color_picker_default as ColorPicker, colorPickerFormats, colorPickerSizes };
+import { n as colorPickerParts, r as colorPickerSizes, t as colorPickerFormats } from "../../color-picker2.js";
+export { color_picker_default as ColorPicker, colorPickerFormats, colorPickerParts, colorPickerSizes };

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

@@ -1,3 +1,7 @@
+import { HTMLAttributes } from 'vue';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const colorPickerParts: readonly ["root", "label", "control", "handle", "swatches", "swatch"];
+export type ColorPickerPart = (typeof colorPickerParts)[number];
 export declare const colorPickerFormats: readonly ["hex", "hexa", "rgb", "rgba", "hsl", "hsla"];
 export declare const colorPickerSizes: readonly ["xs", "sm", "md", "lg", "xl"];
 export type ColorPickerFormat = (typeof colorPickerFormats)[number];
@@ -8,7 +12,7 @@ export interface ColorPickerSelection {
     opacity?: number;
 }
 export type ColorPickerValue = string;
-export interface ColorPickerProps {
+export interface ColorPickerProps extends StylesApiProps<ColorPickerPart> {
     id?: string;
     modelValue: ColorPickerValue;
     format?: ColorPickerFormat;
@@ -29,6 +33,10 @@ export interface ColorPickerSaturationProps {
     ariaLabel?: string;
     describedby?: string;
     labelledby?: string;
+    controlClass?: HTMLAttributes['class'];
+    controlStyle?: HTMLAttributes['style'];
+    handleClass?: HTMLAttributes['class'];
+    handleStyle?: HTMLAttributes['style'];
 }
 export type ColorPickerSliderVariant = 'hue' | 'opacity';
 export interface ColorPickerSliderProps {
@@ -36,4 +44,8 @@ export interface ColorPickerSliderProps {
     value?: number;
     color?: string;
     readonly?: boolean;
+    controlClass?: HTMLAttributes['class'];
+    controlStyle?: HTMLAttributes['style'];
+    handleClass?: HTMLAttributes['class'];
+    handleStyle?: HTMLAttributes['style'];
 }

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,3 @@
-export { default as ColorSwatch } from './color-swatch';
-export type { ColorSwatchProps, ColorSwatchSize } from './types';
+export { default as ColorSwatch } from './color-swatch.js';
+export { colorSwatchParts } from './types.js';
+export type { ColorSwatchPart, ColorSwatchProps, ColorSwatchSize } from './types.js';

package/dist/components/color-swatch/index.js

@@ -1,2 +1,3 @@
 import { t as color_swatch_default } from "../../color-swatch.js";
-export { color_swatch_default as ColorSwatch };
+import { t as colorSwatchParts } from "../../color-swatch2.js";
+export { color_swatch_default as ColorSwatch, colorSwatchParts };

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

@@ -1,5 +1,8 @@
+import { StylesApiProps } from '../../styles-api.js';
+export declare const colorSwatchParts: readonly ["root"];
+export type ColorSwatchPart = (typeof colorSwatchParts)[number];
 export type ColorSwatchSize = string | number;
-export interface ColorSwatchProps {
+export interface ColorSwatchProps extends StylesApiProps<ColorSwatchPart> {
     color: string;
     size?: ColorSwatchSize;
     ariaLabel?: string;

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>;