ropav 0.0.10 → 0.0.12

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

@@ -1,4 +1,7 @@
 import { ComponentColorValue } from '../../utils/componentColors.js';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const progressParts: readonly ["root", "label", "value", "track", "indicator"];
+export type ProgressPart = (typeof progressParts)[number];
 export declare const progressColors: readonly ["dark", "gray", "red", "pink", "grape", "violet", "indigo", "blue", "cyan", "teal", "green", "lime", "yellow", "orange"];
 export declare const progressSizes: readonly ["xs", "sm", "md", "lg", "xl"];
 export declare const progressRadiuses: readonly ["none", "xs", "sm", "md", "lg", "xl", "full"];
@@ -6,7 +9,7 @@ export type ProgressColor = ComponentColorValue;
 export type ProgressSize = (typeof progressSizes)[number];
 export type ProgressRadius = (typeof progressRadiuses)[number];
 export type ProgressValueFormatter = (value: number, percent: number) => string | number;
-export interface ProgressProps {
+export interface ProgressProps extends StylesApiProps<ProgressPart> {
     id?: string;
     value?: number | null;
     min?: number;

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

@@ -1,3 +1,4 @@
 export { default as Radio } from './radio.js';
 export { default as RadioGroup } from './radio-group.js';
-export type { RadioColor, RadioGroupProps, RadioProps, RadioSize, RadioVariant } from './types.js';
+export { radioGroupParts, radioParts } from './types.js';
+export type { RadioColor, RadioGroupOrientation, RadioGroupPart, RadioGroupProps, RadioProps, RadioPart, RadioSize, RadioVariant, } from './types.js';

package/dist/components/radio/index.js

@@ -1,2 +1,2 @@
-import { n as radio_default, t as radio_group_default } from "../../radio.js";
-export { radio_default as Radio, radio_group_default as RadioGroup };
+import { i as radioParts, n as radio_default, r as radioGroupParts, t as radio_group_default } from "../../radio.js";
+export { radio_default as Radio, radio_group_default as RadioGroup, radioGroupParts, radioParts };

package/dist/components/radio/radio.d.ts

@@ -1,14 +1,19 @@
 import { RadioProps } 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<RadioProps> & (typeof globalThis extends {
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<RadioProps & {
+        onChange?: ((event: Event) => any) | undefined;
+    }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
-    expose: (exposed: {}) => void;
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        nativeElement: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+        focus: (options?: FocusOptions) => void;
+    }>) => void;
     attrs: any;
     slots: {
         default?: (props: {}) => any;
     };
-    emit: {};
+    emit: (evt: "change", event: Event) => void;
 }>) => import('vue').VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

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

@@ -1,40 +1,73 @@
-import { InjectionKey } from 'vue';
+import { InjectionKey, InputHTMLAttributes } from 'vue';
 import { ComponentColorValue } from '../../utils/componentColors.js';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const radioParts: readonly ["root", "input", "indicator", "label"];
+export declare const radioGroupParts: readonly ["root"];
+export type RadioPart = (typeof radioParts)[number];
+export type RadioGroupPart = (typeof radioGroupParts)[number];
 export type RadioColor = ComponentColorValue;
 export type RadioSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type RadioVariant = 'solid' | 'outline';
-export interface RadioProps {
+export type RadioGroupOrientation = 'horizontal' | 'vertical';
+export interface RadioProps extends StylesApiProps<RadioPart> {
+    id?: string;
+    name?: string;
+    form?: string;
     value: string | number;
+    checked?: boolean;
     variant?: RadioVariant;
     color?: RadioColor;
     autoContrast?: boolean;
     size?: RadioSize;
     disabled?: boolean;
+    required?: boolean;
+    invalid?: boolean;
+    ariaLabel?: string;
+    describedby?: string;
+    labelledby?: string;
+    inputAttrs?: InputHTMLAttributes;
+    validationMessage?: string;
 }
-export interface RadioGroupProps {
+export interface RadioGroupProps extends StylesApiProps<RadioGroupPart> {
     id?: string;
     name?: string;
-    modelValue: string | number | null;
+    form?: string;
+    modelValue?: string | number | null;
+    defaultValue?: string | number | null;
     variant?: RadioVariant;
     color?: RadioColor;
     autoContrast?: boolean;
     size?: RadioSize;
+    orientation?: RadioGroupOrientation;
     disabled?: boolean;
     required?: boolean;
     invalid?: boolean;
     ariaLabel?: string;
     describedby?: string;
     labelledby?: string;
+    inputAttrs?: InputHTMLAttributes;
+    validationMessage?: string;
+}
+export interface RadioGroupRegistration {
+    input: HTMLInputElement;
+    value: () => string | number;
+    disabled: () => boolean;
+    checked: () => boolean;
+    validationMessage: () => string | undefined;
 }
 export interface RadioGroupContext {
     modelValue: string | number | null;
     name: string;
+    form: string | undefined;
     disabled: boolean;
     required: boolean;
+    invalid: boolean;
     variant?: RadioVariant;
     color?: RadioColor;
     autoContrast?: boolean;
     size?: RadioSize;
+    inputAttrs: InputHTMLAttributes | undefined;
     select: (value: string | number) => void;
+    register: (registration: RadioGroupRegistration) => () => void;
 }
 export declare const radioGroupKey: InjectionKey<RadioGroupContext>;

package/dist/components/radio/useRadio.d.ts

@@ -1,14 +1,22 @@
 import { CSSProperties } from 'vue';
-import { RadioGroupContext, RadioGroupProps, RadioProps } from './types.js';
-export declare function useRadio(props: Readonly<RadioProps>): {
-    group: RadioGroupContext;
+import { RadioGroupProps, RadioProps } from './types.js';
+export declare function useRadio(props: Readonly<RadioProps>, emitChange: (event: Event) => void): {
+    inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    control: import('../../composables/useControlState.js').ControlState;
+    name: import('vue').ComputedRef<string | undefined>;
+    form: import('vue').ComputedRef<string | undefined>;
+    groupInputAttrs: import('vue').ComputedRef<import('vue').InputHTMLAttributes | undefined>;
     isChecked: import('vue').ComputedRef<boolean>;
     isDisabled: import('vue').ComputedRef<boolean>;
+    isRequired: import('vue').ComputedRef<boolean>;
+    isInvalid: import('vue').ComputedRef<boolean>;
     rootClass: import('vue').ComputedRef<string[]>;
     rootStyle: import('vue').ComputedRef<CSSProperties | undefined>;
-    onSelect: () => void;
+    onSelect: (event: Event) => void;
+    focus: (options?: FocusOptions) => void;
 };
 export declare function useRadioGroup(props: Readonly<RadioGroupProps>, emitUpdate: (value: string | number | null) => void): {
     control: import('../../composables/useControlState.js').ControlState;
     rootClass: import('vue').ComputedRef<string[]>;
+    value: import('vue').ComputedRef<string | number | null>;
 };

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

@@ -1,2 +1,3 @@
 export { default as Select } from './select.js';
-export type { SelectOption, SelectProps, SelectRadius, SelectSize } from './types.js';
+export { selectParts } from './types.js';
+export type { SelectOption, SelectPart, SelectProps, SelectRadius, SelectSize } from './types.js';

package/dist/components/select/index.js

@@ -1,2 +1,2 @@
-import { t as select_default } from "../../select.js";
-export { select_default as Select };
+import { n as select_default, t as selectParts } from "../../select.js";
+export { select_default as Select, selectParts };

package/dist/components/select/select.d.ts

@@ -5,7 +5,10 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
-    expose: (exposed: {}) => void;
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        nativeElement: import('vue').Ref<HTMLSelectElement | null, HTMLSelectElement | null>;
+        focus: () => void | undefined;
+    }>) => void;
     attrs: any;
     slots: {
         empty?: (props: {}) => any;

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

@@ -1,3 +1,5 @@
+import { SelectHTMLAttributes } from 'vue';
+import { StylesApiProps } from '../../styles-api.js';
 export interface SelectOption {
     label: string;
     value: string | number;
@@ -5,10 +7,12 @@ export interface SelectOption {
 }
 export type SelectRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type SelectSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface SelectProps {
+export interface SelectProps extends StylesApiProps<SelectPart> {
     id?: string;
     name?: string;
-    modelValue: string | number | null;
+    form?: string;
+    modelValue?: string | number | null;
+    defaultValue?: string | number | null;
     options?: SelectOption[];
     size?: SelectSize;
     radius?: SelectRadius;
@@ -21,4 +25,8 @@ export interface SelectProps {
     ariaLabel?: string;
     describedby?: string;
     labelledby?: string;
+    inputAttrs?: SelectHTMLAttributes;
+    validationMessage?: string;
 }
+export declare const selectParts: readonly ["root", "trigger", "value", "indicator", "clear", "content", "option", "empty"];
+export type SelectPart = (typeof selectParts)[number];

package/dist/components/select/useSelect.d.ts

@@ -1,6 +1,7 @@
 import { SelectOption, SelectProps } from './types.js';
 type SelectValue = string | number | null;
-export declare function useSelect(props: Readonly<SelectProps>, emitUpdate: (value: SelectValue) => void): {
+type SelectBehaviorProps = Omit<SelectProps, 'classNames' | 'styles' | 'inputAttrs'>;
+export declare function useSelect(props: Readonly<SelectBehaviorProps>, emitUpdate: (value: SelectValue) => void, getValue?: () => SelectValue): {
     selectRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     triggerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
     isOpen: import('vue').Ref<boolean, boolean>;
@@ -13,6 +14,7 @@ export declare function useSelect(props: Readonly<SelectProps>, emitUpdate: (val
     rootClass: import('vue').ComputedRef<string[]>;
     hasValue: import('vue').ComputedRef<boolean>;
     displayLabel: import('vue').ComputedRef<string>;
+    value: import('vue').ComputedRef<SelectValue>;
     canClear: import('vue').ComputedRef<boolean>;
     toggle: () => void;
     selectOption: (option: SelectOption) => void;

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

@@ -1,4 +1,4 @@
 export { default as Slider } from './slider.js';
 export { default as RangeSlider } from './range-slider.js';
-export { sliderColors, sliderOrientations, sliderSizes } from './types.js';
-export type { RangeSliderAriaValueText, RangeSliderEndpointValueText, RangeSliderProps, RangeSliderThumb, RangeSliderValue, SliderColor, SliderMark, SliderMarkColor, SliderMarkInput, SliderOrientation, SliderProps, SliderPresetColor, SliderSize, SliderThumbStyle, SliderTooltip, SliderTooltipMode, SliderTooltipOptions, SliderValueFormatter, } from './types.js';
+export { rangeSliderParts, sliderColors, sliderOrientations, sliderParts, sliderSizes, } from './types.js';
+export type { RangeSliderAriaValueText, RangeSliderEndpointValueText, RangeSliderInputAttrs, RangeSliderPart, RangeSliderProps, RangeSliderThumb, RangeSliderValue, RangeSliderValidationMessage, SliderColor, SliderInputAttrs, SliderMark, SliderMarkColor, SliderMarkInput, SliderOrientation, SliderPart, SliderProps, SliderPresetColor, SliderSize, SliderThumbStyle, SliderTooltip, SliderTooltipMode, SliderTooltipOptions, SliderValueFormatter, } from './types.js';

package/dist/components/slider/index.js

@@ -1,2 +1,2 @@
-import { a as slider_default, i as range_slider_default, n as sliderOrientations, r as sliderSizes, t as sliderColors } from "../../slider.js";
-export { range_slider_default as RangeSlider, slider_default as Slider, sliderColors, sliderOrientations, sliderSizes };
+import { a as sliderSizes, i as sliderParts, n as sliderColors, o as range_slider_default, r as sliderOrientations, s as slider_default, t as rangeSliderParts } from "../../slider.js";
+export { range_slider_default as RangeSlider, slider_default as Slider, rangeSliderParts, sliderColors, sliderOrientations, sliderParts, sliderSizes };

package/dist/components/slider/range-slider-tooltip.d.ts

@@ -1,3 +1,4 @@
+import { HTMLAttributes } from 'vue';
 import { TooltipColor, TooltipOffset, TooltipPlacement } from '../tooltip/types.js';
 import { RangeSliderValue, SliderOrientation } 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<{
@@ -13,6 +14,8 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
         orientation: SliderOrientation;
         placement: TooltipPlacement;
         valuePercent: RangeSliderValue;
+        tooltipClass?: HTMLAttributes["class"];
+        tooltipStyle?: HTMLAttributes["style"];
     } & {
         "onUpdate:overlapping"?: ((value: boolean) => any) | undefined;
     }> & (typeof globalThis extends {

package/dist/components/slider/range-slider.d.ts

@@ -1,19 +1,22 @@
-import { RangeSliderProps } from './types.js';
+import { RangeSliderProps, RangeSliderValue } 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<RangeSliderProps & {
         "onUpdate:modelValue"?: ((value: [number, number]) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
-    expose: (exposed: {}) => void;
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        nativeElements: import('vue').ComputedRef<[HTMLInputElement | null, HTMLInputElement | null]>;
+        focus: (options?: FocusOptions) => void;
+    }>) => void;
     attrs: any;
     slots: {
         default?: (props: {}) => any;
     } & {
         value?: (props: {
-            value: import('./types.js').RangeSliderValue;
+            value: RangeSliderValue;
             formattedValue: [string | number, string | number];
-            percent: import('./types.js').RangeSliderValue;
+            percent: RangeSliderValue;
         }) => any;
     } & {
         thumb?: (props: {

package/dist/components/slider/slider.d.ts

@@ -5,7 +5,10 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
-    expose: (exposed: {}) => void;
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        nativeElement: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+        focus: (options?: FocusOptions) => void;
+    }>) => void;
     attrs: any;
     slots: {
         default?: (props: {}) => any;

package/dist/components/slider/sliderCore.d.ts

@@ -9,16 +9,16 @@ interface SliderMarkStyleProperties {
     colors: readonly `--_rp-${string}`[];
 }
 interface SliderThumbStyleProperties {
-    size: `--_rp-${string}`;
-    border: `--_rp-${string}`;
-    padding: `--_rp-${string}`;
+    size: `--${string}`;
+    border: `--${string}`;
+    padding: `--${string}`;
     borderColor: `--_rp-${string}`;
 }
 export declare function normalizeSliderBounds(min: number, max: number): SliderBounds;
 export declare function normalizeSliderStep(step: number | 'any'): number | "any";
 export declare function normalizeSliderValue(value: number, min: number, max: number, step: number | 'any'): number;
 export declare function getSliderValuePercent(value: number, min: number, max: number): number;
-export declare function setSliderStyleValue(style: CSSProperties, property: `--_rp-${string}`, value: string | undefined): void;
+export declare function setSliderStyleValue(style: CSSProperties, property: `--${string}`, value: string | undefined): void;
 export declare function applySliderThumbStyle(style: CSSProperties, thumbStyle: SliderThumbStyle | undefined, properties: SliderThumbStyleProperties): void;
 export declare function createSliderMarkItems(marks: SliderMarkInput[] | undefined, min: number, max: number, isFilled: (value: number, percent: number) => boolean, properties: SliderMarkStyleProperties): {
     key: string;

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

@@ -1,5 +1,11 @@
+import { InputHTMLAttributes } from 'vue';
 import { TooltipProps } from '../tooltip/types.js';
 import { ComponentColorValue } from '../../utils/componentColors.js';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const sliderParts: readonly ["root", "label", "value", "track", "range", "input", "thumb", "mark", "markLabel", "tooltip"];
+export declare const rangeSliderParts: readonly ["root", "label", "value", "track", "range", "input", "thumb", "mark", "markLabel", "tooltip"];
+export type SliderPart = (typeof sliderParts)[number];
+export type RangeSliderPart = (typeof rangeSliderParts)[number];
 export declare const sliderColors: readonly ["dark", "gray", "red", "pink", "grape", "violet", "indigo", "blue", "cyan", "teal", "green", "lime", "yellow", "orange"];
 export declare const sliderSizes: readonly ["xs", "sm", "md", "lg", "xl"];
 export declare const sliderOrientations: readonly ["horizontal", "vertical"];
@@ -10,8 +16,11 @@ export type SliderOrientation = (typeof sliderOrientations)[number];
 export type SliderValueFormatter = (value: number) => string | number;
 export type RangeSliderValue = [number, number];
 export type RangeSliderThumb = 'lower' | 'upper';
+export type SliderInputAttrs = InputHTMLAttributes;
+export type RangeSliderInputAttrs = SliderInputAttrs | [SliderInputAttrs | undefined, SliderInputAttrs | undefined];
 export type RangeSliderEndpointValueText = string | SliderValueFormatter;
 export type RangeSliderAriaValueText = RangeSliderEndpointValueText | [RangeSliderEndpointValueText, RangeSliderEndpointValueText];
+export type RangeSliderValidationMessage = string | [string | undefined, string | undefined];
 export type SliderTooltipMode = 'hover' | 'always';
 export type SliderTooltipOptions = Pick<TooltipProps, 'id' | 'placement' | 'color' | 'offset' | 'openDelay' | 'arrow'> & {
     mode?: SliderTooltipMode;
@@ -30,10 +39,12 @@ export interface SliderThumbStyle {
     border?: number | string;
     padding?: number | string;
 }
-export interface SliderProps {
+export interface SliderProps extends StylesApiProps<SliderPart> {
     id?: string;
     name?: string;
-    modelValue: number;
+    form?: string;
+    modelValue?: number;
+    defaultValue?: number;
     min?: number;
     max?: number;
     step?: number | 'any';
@@ -45,15 +56,22 @@ export interface SliderProps {
     size?: SliderSize;
     orientation?: SliderOrientation;
     disabled?: boolean;
+    required?: boolean;
+    invalid?: boolean;
     ariaLabel?: string;
     ariaValueText?: string | SliderValueFormatter;
     describedby?: string;
     labelledby?: string;
+    inputAttrs?: SliderInputAttrs;
+    validationMessage?: string;
 }
-export interface RangeSliderProps extends Omit<SliderProps, 'modelValue' | 'name' | 'ariaLabel' | 'ariaValueText'> {
-    modelValue: RangeSliderValue;
+export interface RangeSliderProps extends Omit<SliderProps, 'modelValue' | 'defaultValue' | 'name' | 'ariaLabel' | 'ariaValueText' | 'inputAttrs' | 'validationMessage' | 'classNames' | 'styles'>, StylesApiProps<RangeSliderPart> {
+    modelValue?: RangeSliderValue;
+    defaultValue?: RangeSliderValue;
     minRange?: number;
     name?: string | [string, string];
     ariaLabel?: [string, string];
     ariaValueText?: RangeSliderAriaValueText;
+    inputAttrs?: RangeSliderInputAttrs;
+    validationMessage?: RangeSliderValidationMessage;
 }

package/dist/components/slider/useRangeSlider.d.ts

@@ -12,7 +12,7 @@ type RangeSliderStateProps = Readonly<RangeSliderProps & {
 export declare function normalizeRangeSliderMinRange(minRange: number, min: number, max: number): number;
 export declare function normalizeRangeSliderValue(value: RangeSliderValue, min: number, max: number, step: number | 'any', minRange?: number): RangeSliderValue;
 export declare function getClosestRangeSliderThumb(value: number, range: RangeSliderValue, activeThumb?: RangeSliderThumb): RangeSliderThumb;
-export declare function useRangeSlider(props: RangeSliderStateProps, emitUpdate: (value: RangeSliderValue) => void): {
+export declare function useRangeSlider(props: RangeSliderStateProps, emitUpdate: (value: RangeSliderValue) => void, getValue?: () => RangeSliderValue): {
     control: import('../../composables/useControlState.js').ControlState;
     nativeMin: import('vue').ComputedRef<RangeSliderValue>;
     nativeMax: import('vue').ComputedRef<RangeSliderValue>;
@@ -41,7 +41,7 @@ export declare function useRangeSlider(props: RangeSliderStateProps, emitUpdate:
     tooltipIds: import('vue').ComputedRef<[string | undefined, string | undefined]>;
     mergedTooltipId: import('vue').ComputedRef<string | undefined>;
     tooltipColor: import('vue').ComputedRef<import('../../utils/componentColors.js').ComponentColorValue | undefined>;
-    tooltipOffset: import('vue').ComputedRef<import('../tooltip/index.js').TooltipOffset | undefined>;
+    tooltipOffset: import('vue').ComputedRef<import('../floating/index.js').FloatingOffset | undefined>;
     tooltipOpenDelay: import('vue').ComputedRef<number>;
     tooltipArrow: import('vue').ComputedRef<boolean>;
     tooltipContent: import('vue').ComputedRef<[string, string]>;

package/dist/components/slider/useSlider.d.ts

@@ -8,7 +8,7 @@ type SliderStateProps = Readonly<SliderProps & {
     tooltip: NonNullable<SliderProps['tooltip']>;
     orientation: NonNullable<SliderProps['orientation']>;
 }>;
-export declare function useSlider(props: SliderStateProps, emitUpdate: (value: number) => void): {
+export declare function useSlider(props: SliderStateProps, emitUpdate: (value: number) => void, getValue?: () => number): {
     control: import('../../composables/useControlState.js').ControlState;
     nativeMin: import('vue').ComputedRef<number>;
     nativeMax: import('vue').ComputedRef<number>;
@@ -32,7 +32,7 @@ export declare function useSlider(props: SliderStateProps, emitUpdate: (value: n
     tooltipPlacement: import('vue').ComputedRef<import('../tooltip/index.js').TooltipPlacement>;
     tooltipId: import('vue').ComputedRef<string | undefined>;
     tooltipColor: import('vue').ComputedRef<import('../../utils/componentColors.js').ComponentColorValue | undefined>;
-    tooltipOffset: import('vue').ComputedRef<import('../tooltip/index.js').TooltipOffset | undefined>;
+    tooltipOffset: import('vue').ComputedRef<import('../floating/index.js').FloatingOffset | undefined>;
     tooltipOpenDelay: import('vue').ComputedRef<number>;
     tooltipArrow: import('vue').ComputedRef<boolean>;
     tooltipContent: import('vue').ComputedRef<string>;

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

@@ -1,2 +1,3 @@
 export { default as Switch } from './switch.js';
-export type { SwitchColor, SwitchProps, SwitchSize } from './types.js';
+export { switchParts } from './types.js';
+export type { SwitchColor, SwitchPart, SwitchProps, SwitchSize } from './types.js';

package/dist/components/switch/index.js

@@ -1,2 +1,2 @@
-import { t as switch_default } from "../../switch.js";
-export { switch_default as Switch };
+import { n as switch_default, t as switchParts } from "../../switch.js";
+export { switch_default as Switch, switchParts };

package/dist/components/switch/switch.d.ts

@@ -5,7 +5,10 @@ declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
-    expose: (exposed: {}) => void;
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        nativeElement: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+        focus: (options?: FocusOptions) => void;
+    }>) => void;
     attrs: any;
     slots: {
         default?: (props: {}) => any;

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

@@ -1,10 +1,17 @@
+import { InputHTMLAttributes } from 'vue';
 import { ComponentColorValue } from '../../utils/componentColors.js';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const switchParts: readonly ["root", "input", "track", "thumb", "label"];
+export type SwitchPart = (typeof switchParts)[number];
 export type SwitchColor = ComponentColorValue;
 export type SwitchSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface SwitchProps {
+export interface SwitchProps extends StylesApiProps<SwitchPart> {
     id?: string;
     name?: string;
-    modelValue: boolean;
+    form?: string;
+    modelValue?: boolean;
+    defaultValue?: boolean;
+    value?: string | number;
     color?: SwitchColor;
     size?: SwitchSize;
     disabled?: boolean;
@@ -13,4 +20,6 @@ export interface SwitchProps {
     ariaLabel?: string;
     describedby?: string;
     labelledby?: string;
+    inputAttrs?: InputHTMLAttributes;
+    validationMessage?: string;
 }

package/dist/components/switch/useSwitch.d.ts

@@ -1,8 +1,10 @@
 import { CSSProperties } from 'vue';
 import { SwitchProps } from './types.js';
-export declare function useSwitch(props: Readonly<SwitchProps>, emitUpdate: (value: boolean) => void): {
+export declare function useSwitch(props: Readonly<SwitchProps>, emitUpdate: (value: boolean) => void, getValue?: () => boolean): {
+    inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
     control: import('../../composables/useControlState.js').ControlState;
     rootClass: import('vue').ComputedRef<string[]>;
     rootStyle: import('vue').ComputedRef<CSSProperties | undefined>;
     onChange: (e: Event) => void;
+    focus: (options?: FocusOptions) => void;
 };

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

@@ -3,4 +3,5 @@ export { default as TabsContent } from './tabs-content.js';
 export { default as TabsList } from './tabs-list.js';
 export { default as TabsTrigger } from './tabs-trigger.js';
 export { useTabs, useTabsContent, useTabsList, useTabsTrigger } from './useTabs.js';
-export type { TabsActivationMode, TabsContentProps, TabsContentRootProps, TabsContentSlotProps, TabsListProps, TabsListRootProps, TabsListSlotProps, TabsOrientation, TabsPlacement, TabsProps, TabsRootProps, TabsSlotProps, TabsState, TabsSize, TabsTriggerAlign, TabsTriggerProps, TabsTriggerRootProps, TabsTriggerSlotProps, TabsValue, TabsVariant, UseTabsContentReturn, UseTabsListReturn, UseTabsReturn, UseTabsTriggerReturn, } from './types.js';
+export { tabsContentParts, tabsListParts, tabsParts, tabsTriggerParts } from './types.js';
+export type { TabsActivationMode, TabsContentProps, TabsContentPart, TabsContentRootProps, TabsContentSlotProps, TabsListProps, TabsListPart, TabsListRootProps, TabsListSlotProps, TabsOrientation, TabsPart, TabsPlacement, TabsProps, TabsRootProps, TabsSlotProps, TabsState, TabsSize, TabsTriggerAlign, TabsTriggerPart, TabsTriggerProps, TabsTriggerRootProps, TabsTriggerSlotProps, TabsValue, TabsVariant, UseTabsContentReturn, UseTabsListReturn, UseTabsReturn, UseTabsTriggerReturn, } from './types.js';

package/dist/components/tabs/index.js

@@ -1,2 +1,2 @@
-import { a as useTabs, c as useTabsTrigger, i as tabs_default, n as tabs_list_default, o as useTabsContent, r as tabs_content_default, s as useTabsList, t as tabs_trigger_default } from "../../tabs.js";
-export { tabs_default as Tabs, tabs_content_default as TabsContent, tabs_list_default as TabsList, tabs_trigger_default as TabsTrigger, useTabs, useTabsContent, useTabsList, useTabsTrigger };
+import { a as tabs_trigger_default, c as tabs_default, d as useTabsList, f as useTabsTrigger, i as tabsTriggerParts, l as useTabs, n as tabsListParts, o as tabs_list_default, r as tabsParts, s as tabs_content_default, t as tabsContentParts, u as useTabsContent } from "../../tabs.js";
+export { tabs_default as Tabs, tabs_content_default as TabsContent, tabs_list_default as TabsList, tabs_trigger_default as TabsTrigger, tabsContentParts, tabsListParts, tabsParts, tabsTriggerParts, useTabs, useTabsContent, useTabsList, useTabsTrigger };

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

@@ -1,4 +1,13 @@
 import { ComputedRef } from 'vue';
+import { StylesApiProps } from '../../styles-api.js';
+export declare const tabsParts: readonly ["root"];
+export declare const tabsListParts: readonly ["root"];
+export declare const tabsTriggerParts: readonly ["root"];
+export declare const tabsContentParts: readonly ["root"];
+export type TabsPart = (typeof tabsParts)[number];
+export type TabsListPart = (typeof tabsListParts)[number];
+export type TabsTriggerPart = (typeof tabsTriggerParts)[number];
+export type TabsContentPart = (typeof tabsContentParts)[number];
 export type TabsValue = string | number;
 export type TabsOrientation = 'horizontal' | 'vertical';
 export type TabsPlacement = 'left' | 'right';
@@ -7,7 +16,7 @@ export type TabsActivationMode = 'automatic' | 'manual';
 export type TabsState = 'active' | 'inactive';
 export type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type TabsVariant = 'line' | 'pills' | 'outline';
-export interface TabsProps {
+export interface TabsProps extends StylesApiProps<TabsPart> {
     id?: string;
     modelValue?: TabsValue | null;
     defaultValue?: TabsValue | null;
@@ -23,19 +32,19 @@ export interface TabsProps {
     describedby?: string;
     labelledby?: string;
 }
-export interface TabsListProps {
+export interface TabsListProps extends StylesApiProps<TabsListPart> {
     id?: string;
     ariaLabel?: string;
     ariaDescribedby?: string;
     ariaLabelledby?: string;
 }
-export interface TabsTriggerProps {
+export interface TabsTriggerProps extends StylesApiProps<TabsTriggerPart> {
     id?: string;
     value: TabsValue;
     disabled?: boolean;
     align?: TabsTriggerAlign;
 }
-export interface TabsContentProps {
+export interface TabsContentProps extends StylesApiProps<TabsContentPart> {
     id?: string;
     value: TabsValue;
     unmountOnExit?: boolean;

package/dist/components/teleport-provider/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TeleportProvider } from './teleport-provider.js';
+export { useTeleportTarget } from './useTeleportTarget.js';
+export type { TeleportProviderProps } from './types.js';

package/dist/components/teleport-provider/index.js

@@ -0,0 +1,3 @@
+import { r as useTeleportTarget } from "../../useTeleportTarget.js";
+import { t as teleport_provider_default } from "../../teleport-provider.js";
+export { teleport_provider_default as TeleportProvider, useTeleportTarget };

package/dist/components/teleport-provider/teleport-provider.d.ts

@@ -0,0 +1,21 @@
+import { TeleportProviderProps } 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<TeleportProviderProps> & (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/teleport-provider/types.d.ts

@@ -0,0 +1,4 @@
+import { TeleportTarget } from '../floating/types.js';
+export interface TeleportProviderProps {
+    teleportTo?: TeleportTarget | null;
+}

package/dist/components/teleport-provider/useTeleportTarget.d.ts

@@ -0,0 +1,6 @@
+import { ComputedRef, MaybeRefOrGetter } from 'vue';
+import { TeleportTarget, TeleportTargetValue } from '../floating/types.js';
+import { TeleportProviderProps } from './types.js';
+export declare function provideTeleportTarget(props: Readonly<TeleportProviderProps>, positioningKey?: MaybeRefOrGetter<unknown>): ComputedRef<TeleportTargetValue>;
+export declare function useTeleportTarget(target?: MaybeRefOrGetter<TeleportTarget | null | undefined>): ComputedRef<TeleportTargetValue>;
+export declare function useTeleportPositioningKey(): ComputedRef<unknown>;

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

@@ -1,2 +1,3 @@
 export { default as Textarea } from './textarea.js';
-export type { TextareaProps, TextareaRadius, TextareaResize, TextareaSize } from './types.js';
+export { textareaParts } from './types.js';
+export type { TextareaPart, TextareaProps, TextareaRadius, TextareaResize, TextareaSize, } from './types.js';

package/dist/components/textarea/index.js

@@ -1,2 +1,2 @@
-import { t as textarea_default } from "../../textarea.js";
-export { textarea_default as Textarea };
+import { n as textarea_default, t as textareaParts } from "../../textarea.js";
+export { textarea_default as Textarea, textareaParts };