ropav 0.0.8 → 0.0.10

package/dist/components/alert/useAlertColor.d.ts

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

package/dist/components/aspect-ratio/aspect-ratio.d.ts

@@ -0,0 +1,21 @@
+import { AspectRatioProps } 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<AspectRatioProps> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
+    };
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/aspect-ratio/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AspectRatio } from './aspect-ratio.js';
+export type { AspectRatioProps } from './types.js';

package/dist/components/aspect-ratio/index.js

@@ -0,0 +1,2 @@
+import { t as aspect_ratio_default } from "../../aspect-ratio.js";
+export { aspect_ratio_default as AspectRatio };

package/dist/components/aspect-ratio/types.d.ts

@@ -0,0 +1,3 @@
+export interface AspectRatioProps {
+    ratio?: number;
+}

package/dist/components/avatar/avatar.d.ts

@@ -0,0 +1,24 @@
+import { AvatarProps } 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<AvatarProps & {
+        onLoad?: ((event: Event) => any) | undefined;
+        onError?: ((event: Event) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
+    };
+    emit: ((evt: "load", event: Event) => void) & ((evt: "error", event: Event) => void);
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -0,0 +1,3 @@
+export { default as Avatar } from './avatar.js';
+export { avatarColors, avatarRadiuses, avatarSizes, avatarVariants } from './types.js';
+export type { AvatarColor, AvatarProps, AvatarRadius, AvatarSize, AvatarVariant } from './types.js';

package/dist/components/avatar/index.js

@@ -0,0 +1,2 @@
+import { a as avatar_default, i as avatarVariants, n as avatarRadiuses, r as avatarSizes, t as avatarColors } from "../../avatar.js";
+export { avatar_default as Avatar, avatarColors, avatarRadiuses, avatarSizes, avatarVariants };

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

@@ -0,0 +1,20 @@
+import { ComponentColorValue } from '../../utils/componentColors.js';
+export declare const avatarColors: readonly ["dark", "gray", "red", "pink", "grape", "violet", "indigo", "blue", "cyan", "teal", "green", "lime", "yellow", "orange"];
+export declare const avatarSizes: readonly ["xs", "sm", "md", "lg", "xl"];
+export declare const avatarRadiuses: readonly ["none", "xs", "sm", "md", "lg", "xl", "full"];
+export declare const avatarVariants: readonly ["solid", "subtle", "surface", "outline"];
+export type AvatarColor = ComponentColorValue;
+export type AvatarSize = (typeof avatarSizes)[number];
+export type AvatarRadius = (typeof avatarRadiuses)[number];
+export type AvatarVariant = (typeof avatarVariants)[number];
+export interface AvatarProps {
+    src?: string | null;
+    alt?: string;
+    ariaLabel?: string;
+    name?: string;
+    variant?: AvatarVariant;
+    color?: AvatarColor;
+    autoContrast?: boolean;
+    size?: AvatarSize;
+    radius?: AvatarRadius;
+}

package/dist/components/avatar/useAvatarColor.d.ts

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

package/dist/components/badge/badge.d.ts

@@ -1,4 +1,4 @@
-import { BadgeProps } from './types';
+import { BadgeProps } 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<BadgeProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

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

@@ -1,3 +1,3 @@
-export { default as Badge } from './badge';
-export { badgeColors, badgeRadiuses, badgeSizes, badgeVariants } from './types';
-export type { BadgeColor, BadgeProps, BadgeRadius, BadgeSize, BadgeVariant } from './types';
+export { default as Badge } from './badge.js';
+export { badgeColors, badgeRadiuses, badgeSizes, badgeVariants } from './types.js';
+export type { BadgeColor, BadgeProps, BadgeRadius, BadgeSize, BadgeVariant } from './types.js';

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

@@ -1,5 +1,5 @@
-import { ComponentColorValue } from '../../utils/componentColors';
-export declare const badgeColors: readonly ["primary", "secondary", "success", "warning", "danger", "info", "neutral"];
+import { ComponentColorValue } from '../../utils/componentColors.js';
+export declare const badgeColors: readonly ["dark", "gray", "red", "pink", "grape", "violet", "indigo", "blue", "cyan", "teal", "green", "lime", "yellow", "orange"];
 export declare const badgeSizes: readonly ["xs", "sm", "md", "lg", "xl"];
 export declare const badgeRadiuses: readonly ["none", "xs", "sm", "md", "lg", "xl", "full"];
 export declare const badgeVariants: readonly ["solid", "subtle", "surface", "outline"];
@@ -10,6 +10,7 @@ export type BadgeVariant = (typeof badgeVariants)[number];
 export interface BadgeProps {
     variant?: BadgeVariant;
     color?: BadgeColor;
+    autoContrast?: boolean;
     size?: BadgeSize;
     radius?: BadgeRadius;
     ariaLabel?: string;

package/dist/components/badge/useBadgeColor.d.ts

@@ -1,8 +1,3 @@
-import { BadgeColor } from './types';
-export declare function getBadgeColorStyle(color: BadgeColor | undefined): {
-    '--_rp-badge-custom-color': string & {};
-    '--_rp-badge-custom-fg': string & {};
-    '--_rp-badge-custom-on': string;
-    '--_rp-badge-custom-subtle-bg': string;
-    '--_rp-badge-custom-border': string;
-} | undefined;
+import { CSSProperties } from 'vue';
+import { BadgeColor, BadgeVariant } from './types.js';
+export declare function getBadgeColorStyle(color: BadgeColor | undefined, variant: BadgeVariant | undefined, autoContrast: boolean | undefined): CSSProperties | undefined;

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

@@ -1,4 +1,4 @@
-import { ButtonProps } from './types';
+import { ButtonProps } 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<ButtonProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

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';
@@ -6,6 +6,7 @@ export type ButtonVariant = 'solid' | 'subtle' | 'surface' | 'outline' | 'ghost'
 export interface ButtonProps {
     variant?: ButtonVariant;
     color?: ButtonColor;
+    autoContrast?: boolean;
     size?: ButtonSize;
     radius?: ButtonRadius;
     type?: 'button' | 'submit' | 'reset';

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

@@ -1,13 +1,3 @@
-import { ButtonColor } from './types';
-export declare function getButtonColorStyle(color: ButtonColor | undefined): {
-    '--_rp-button-custom-color': string & {};
-    '--_rp-button-custom-hover': string;
-    '--_rp-button-custom-active': string;
-    '--_rp-button-custom-on': string;
-    '--_rp-button-custom-subtle-bg': string;
-    '--_rp-button-custom-subtle-bg-hover': string;
-    '--_rp-button-custom-subtle-bg-active': string;
-    '--_rp-button-custom-border': string;
-    '--_rp-button-custom-border-hover': string;
-    '--_rp-button-custom-fg': string & {};
-} | undefined;
+import { CSSProperties } from 'vue';
+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

@@ -0,0 +1,27 @@
+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;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        loading?: (props: {}) => any;
+    } & {
+        left?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
+    } & {
+        right?: (props: {}) => any;
+    };
+    emit: {};
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

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

package/dist/components/button-link/index.js

@@ -0,0 +1,2 @@
+import { t as button_link_default } from "../../button-link.js";
+export { button_link_default as ButtonLink };

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

@@ -0,0 +1,20 @@
+import { ButtonColor, ButtonRadius, ButtonSize, ButtonVariant } from '../button/types.js';
+export type ButtonLinkColor = ButtonColor;
+export type ButtonLinkSize = ButtonSize;
+export type ButtonLinkRadius = ButtonRadius;
+export type ButtonLinkVariant = ButtonVariant;
+export type ButtonLinkTarget = '_self' | '_blank' | '_parent' | '_top' | (string & {});
+export interface ButtonLinkProps {
+    href?: string;
+    target?: ButtonLinkTarget;
+    rel?: string;
+    download?: string | boolean;
+    hreflang?: string;
+    variant?: ButtonLinkVariant;
+    color?: ButtonLinkColor;
+    autoContrast?: boolean;
+    size?: ButtonLinkSize;
+    radius?: ButtonLinkRadius;
+    disabled?: boolean;
+    loading?: boolean;
+}

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';
@@ -9,6 +9,7 @@ export interface CheckboxProps {
     modelValue: boolean;
     variant?: CheckboxVariant;
     color?: CheckboxColor;
+    autoContrast?: boolean;
     size?: CheckboxSize;
     radius?: CheckboxRadius;
     disabled?: boolean;

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

@@ -1,10 +1,8 @@
-import { CheckboxProps } from './types';
+import { CSSProperties } from 'vue';
+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<{
-        '--_rp-checkbox-custom-color': string & {};
-        '--_rp-checkbox-custom-on-color': string;
-    } | undefined>;
+    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

@@ -0,0 +1,29 @@
+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;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        left?: (props: {
+            color: string | undefined;
+            empty: boolean;
+        }) => any;
+    } & {
+        'eye-dropper-icon'?: (props: {}) => any;
+    };
+    emit: ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: string) => void);
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

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

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

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

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

@@ -0,0 +1,35 @@
+import { InputHTMLAttributes } from 'vue';
+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;
+    modelValue: ColorPickerValue;
+    format?: ColorPickerFormat;
+    size?: InputSize;
+    radius?: InputRadius;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    disallowInput?: boolean;
+    swatchesOnly?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    valid?: boolean;
+    ariaLabel?: string;
+    describedby?: string;
+    labelledby?: string;
+    inputAttrs?: InputHTMLAttributes;
+    validateColor?: boolean;
+    invalidColorMessage?: string;
+    swatches?: string[];
+    swatchesPerRow?: number;
+    placement?: PopoverPlacement;
+    open?: boolean;
+    keepMounted?: boolean;
+    popoverId?: string;
+    pickerAriaLabel?: string;
+    withEyeDropper?: boolean;
+    eyeDropperAriaLabel?: string;
+}

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

@@ -0,0 +1,27 @@
+import { ColorPickerValue } from '../color-picker/types.js';
+import { ColorInputProps } from './types.js';
+interface UseColorInputEmitters {
+    modelValue: (value: ColorPickerValue) => void;
+    open: (value: boolean) => void;
+}
+export declare function useColorInput(props: Readonly<ColorInputProps>, emit: UseColorInputEmitters): {
+    onInputUpdate: (nextValue: ColorPickerValue) => void;
+    onPickerUpdate: (nextValue: ColorPickerValue) => void;
+    onOpenUpdate: (open: boolean) => void;
+    showEyeDropper: import('vue').ComputedRef<boolean>;
+    isPickingColor: import('vue').Ref<boolean, boolean>;
+    pickScreenColor: (closePicker: () => void) => Promise<void>;
+    getInputTriggerAttrs: (slotProps: unknown) => import('vue').InputHTMLAttributes;
+    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.js').ControlState;
+    rootClass: import('vue').ComputedRef<string[]>;
+    popoverDisabled: import('vue').ComputedRef<boolean>;
+};
+export {};

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

@@ -0,0 +1,13 @@
+import { ColorPickerFormat, ColorPickerValue } from '../color-picker/types.js';
+interface UseColorInputEyeDropperOptions {
+    enabled: () => boolean;
+    disabled: () => boolean;
+    format: () => ColorPickerFormat;
+    update: (value: ColorPickerValue) => void;
+}
+export declare function useColorInputEyeDropper(options: UseColorInputEyeDropperOptions): {
+    showEyeDropper: import('vue').ComputedRef<boolean>;
+    isPickingColor: import('vue').Ref<boolean, boolean>;
+    pickScreenColor: (closePicker: () => void) => Promise<void>;
+};
+export {};

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

@@ -0,0 +1,11 @@
+import { InputHTMLAttributes } from 'vue';
+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;
+    rememberClose: (slotProps: PopoverSlotProps | PopoverContentSlotProps) => void;
+    onPickerKeydown: typeof onPickerKeydown;
+    onFocusOut: (event: FocusEvent) => void;
+};
+export {};

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

@@ -0,0 +1,8 @@
+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>;
+    hasInvalidColor: import('vue').ComputedRef<boolean | undefined>;
+    isInvalid: import('vue').ComputedRef<boolean | undefined>;
+    colorValidationMessage: import('vue').ComputedRef<string | undefined>;
+};

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

@@ -0,0 +1,21 @@
+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;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "update:modelValue", value: ColorPickerSelection) => void;
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -0,0 +1,21 @@
+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;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (evt: "update:value", value: number) => void;
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -0,0 +1,23 @@
+import { ColorPickerFormat } from './types.js';
+export declare const DEFAULT_HUE = 0;
+export declare const HUE_MAX = 359;
+export declare const KEYBOARD_STEP = 1;
+export declare const KEYBOARD_LARGE_STEP = 10;
+export declare const DEFAULT_OPACITY = 100;
+export interface ColorPickerHsvColor {
+    hue: number;
+    saturation: number;
+    value: number;
+    opacity: number;
+}
+export declare function clamp(value: number, min: number, max: number): number;
+export declare function clampPercent(value: number | undefined): number;
+export declare function normalizeHue(value: number | undefined): number;
+export declare function normalizeHueForColor(value: number | undefined): number;
+export declare function clampHue(value: number): number;
+export declare function clampOpacity(value: number | undefined): number;
+export declare function roundPercent(value: number): number;
+export declare function isColorPickerAlphaFormat(format: ColorPickerFormat): format is "hexa" | "rgba" | "hsla";
+export declare function parseColorPickerValue(value: string): ColorPickerHsvColor | undefined;
+export declare function formatColorPickerValue(color: ColorPickerHsvColor, format: ColorPickerFormat): string;
+export declare function getHsvCssColor(hue: number, saturation: number, value: number): string;

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

@@ -0,0 +1,23 @@
+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;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {}) => any;
+    };
+    emit: (evt: "update:modelValue", value: string) => void;
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -0,0 +1,3 @@
+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/index.js

@@ -0,0 +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 };