@webx-ui/core 0.0.1 → 0.1.0

package/dist/components/Input/Input.d.ts

@@ -23,29 +23,30 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     input: (value: string) => any;
     change: (value: string) => any;
-    focus: (event: FocusEvent) => any;
-    blur: (event: FocusEvent) => any;
-    clear: () => any;
     "update:modelValue": (value: InputModelValue) => any;
+    clear: () => any;
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onInput?: ((value: string) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
-    onFocus?: ((event: FocusEvent) => any) | undefined;
-    onBlur?: ((event: FocusEvent) => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: InputModelValue) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
 }>, {
     type: import('./types').InputNativeType;
     size: import('./types').InputSize;
     disabled: boolean;
-    status: import('./types').InputStatus;
+    id: string;
+    ariaLabel: string;
+    clearable: boolean;
     placeholder: string;
     readonly: boolean;
-    clearable: boolean;
+    status: import('./types').InputStatus;
+    autocomplete: string;
     maxlength: number;
     showCount: boolean;
-    autocomplete: string;
-    ariaLabel: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;
 }, any>;

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

@@ -2,6 +2,8 @@ export type InputSize = 'sm' | 'md' | 'lg';
 export type InputStatus = 'default' | 'success' | 'warning' | 'error';
 export type InputNativeType = 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url';
 export interface InputProps {
+    /** Overrides the id generated for the control (and used by a WxFormItem label). */
+    id?: string;
     /** `type` attribute of the underlying `<input>`. */
     type?: InputNativeType;
     size?: InputSize;

package/dist/components/InputNumber/InputNumber.d.ts

@@ -0,0 +1,41 @@
+import { InputNumberModelValue, InputNumberProps } from './types';
+type __VLS_Props = InputNumberProps;
+type __VLS_PublicProps = {
+    modelValue?: InputNumberModelValue;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    focus: () => void | undefined;
+    blur: () => void | undefined;
+    increase: () => void;
+    decrease: () => void;
+    input: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: number | null) => any;
+    "update:modelValue": (value: InputNumberModelValue) => any;
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: number | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: InputNumberModelValue) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+}>, {
+    name: string;
+    size: import('../..').ControlSize;
+    disabled: boolean;
+    id: string;
+    ariaLabel: string;
+    min: number;
+    max: number;
+    placeholder: string;
+    readonly: boolean;
+    status: import('../..').ControlStatus;
+    step: number;
+    precision: number;
+    controls: boolean;
+    controlsPosition: "sides" | "right";
+    wheel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    inputRef: HTMLInputElement;
+}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as WxInputNumber } from './InputNumber';
+export type * from './types';

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

@@ -0,0 +1,34 @@
+import { ControlSize, ControlStatus } from '../../composables/useFormField';
+export interface InputNumberProps {
+    min?: number;
+    max?: number;
+    /** Amount added or removed by the buttons and the arrow keys. */
+    step?: number;
+    /** Decimal places kept when rounding. Defaults to the precision of `step`. */
+    precision?: number;
+    /** Show the increment and decrement buttons. */
+    controls?: boolean;
+    /** `sides` puts them left and right of the field; `right` stacks them at the end. */
+    controlsPosition?: 'sides' | 'right';
+    /**
+     * Let the mouse wheel change the value while the field is focused.
+     * Off by default: scrolling a long form past a focused field would otherwise
+     * edit it silently, which is how these fields lose data.
+     */
+    wheel?: boolean;
+    size?: ControlSize;
+    status?: ControlStatus;
+    id?: string;
+    name?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    /** Accessible label used when the field has no visible `<label>`. */
+    ariaLabel?: string;
+}
+export type InputNumberModelValue = number | null | undefined;
+export interface InputNumberEmits {
+    change: [value: number | null];
+    focus: [event: FocusEvent];
+    blur: [event: FocusEvent];
+}

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,36 @@
+import { ChoiceValue } from '../../composables/useFormField';
+import { RadioProps } from './types';
+type __VLS_Props = RadioProps;
+type __VLS_PublicProps = {
+    modelValue?: ChoiceValue;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: ChoiceValue) => any;
+    "update:modelValue": (value: ChoiceValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: ChoiceValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: ChoiceValue) => any) | undefined;
+}>, {
+    name: string;
+    size: import('../..').ControlSize;
+    disabled: boolean;
+    label: string;
+    id: string;
+    ariaLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default as WxRadio } from './Radio';
+export type * from './types';

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

@@ -0,0 +1,16 @@
+import { ChoiceValue, ControlSize } from '../../composables/useFormField';
+export interface RadioProps {
+    /** Value this radio stands for. */
+    value: ChoiceValue;
+    /** Label text. Use the default slot for anything richer. */
+    label?: string;
+    disabled?: boolean;
+    size?: ControlSize;
+    id?: string;
+    name?: string;
+    /** Accessible label used when there is no visible one. */
+    ariaLabel?: string;
+}
+export interface RadioEmits {
+    change: [value: ChoiceValue];
+}

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,35 @@
+import { ChoiceValue } from '../../composables/useFormField';
+import { RadioGroupProps } from './types';
+type __VLS_Props = RadioGroupProps;
+type __VLS_PublicProps = {
+    modelValue?: ChoiceValue;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: ChoiceValue) => any;
+    "update:modelValue": (value: ChoiceValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: ChoiceValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: ChoiceValue) => any) | undefined;
+}>, {
+    name: string;
+    size: import('../..').ControlSize;
+    disabled: boolean;
+    options: import('./types').RadioOption[];
+    inline: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default as WxRadioGroup } from './RadioGroup';
+export type * from './types';

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

@@ -0,0 +1,19 @@
+import { ChoiceValue, ControlSize } from '../../composables/useFormField';
+export interface RadioOption {
+    label: string;
+    value: ChoiceValue;
+    disabled?: boolean;
+}
+export interface RadioGroupProps {
+    /** Renders the children for you. Omit it and pass `WxRadio`s in the slot instead. */
+    options?: RadioOption[];
+    disabled?: boolean;
+    size?: ControlSize;
+    /** Shared `name` for the underlying inputs. Generated when omitted. */
+    name?: string;
+    /** Lay the radios out in a row instead of a column. */
+    inline?: boolean;
+}
+export interface RadioGroupEmits {
+    change: [value: ChoiceValue];
+}

package/dist/components/Rate/Rate.d.ts

@@ -0,0 +1,24 @@
+import { RateProps } from './types';
+type __VLS_Props = RateProps;
+type __VLS_PublicProps = {
+    modelValue?: number;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: number) => any;
+    "update:modelValue": (value: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+}>, {
+    name: string;
+    size: import('../..').ControlSize;
+    disabled: boolean;
+    id: string;
+    ariaLabel: string;
+    max: number;
+    clearable: boolean;
+    readonly: boolean;
+    allowHalf: boolean;
+    showValue: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as WxRate } from './Rate';
+export type * from './types';

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

@@ -0,0 +1,22 @@
+import { ControlSize } from '../../composables/useFormField';
+export interface RateProps {
+    /** How many stars to draw. */
+    max?: number;
+    /** Allow halves, set by clicking the left side of a star. */
+    allowHalf?: boolean;
+    /** Clicking the current value sets the rating back to zero. */
+    clearable?: boolean;
+    /** Show the value next to the stars. */
+    showValue?: boolean;
+    /** Display only — no pointer or keyboard interaction. */
+    readonly?: boolean;
+    disabled?: boolean;
+    size?: ControlSize;
+    id?: string;
+    name?: string;
+    /** Accessible label used when there is no visible `<label>`. */
+    ariaLabel?: string;
+}
+export interface RateEmits {
+    change: [value: number];
+}

package/dist/components/RichText/RichText.d.ts

@@ -0,0 +1,38 @@
+import { RichTextProps, RichTextTool } from './types';
+type __VLS_Props = RichTextProps;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    editor: import('vue').ShallowRef<import('@tiptap/vue-3').Editor | undefined, import('@tiptap/vue-3').Editor | undefined>;
+    focus: () => boolean | undefined;
+    clear: () => boolean | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (html: string) => any;
+    "update:modelValue": (value: string) => any;
+    blur: () => any;
+    focus: () => any;
+    uploadError: (error: unknown, file: File) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((html: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    onUploadError?: ((error: unknown, file: File) => any) | undefined;
+}>, {
+    size: import('../..').ControlSize;
+    disabled: boolean;
+    id: string;
+    ariaLabel: string;
+    placeholder: string;
+    readonly: boolean;
+    status: import('../..').ControlStatus;
+    minHeight: string;
+    tools: RichTextTool[];
+    upload: import('./types').RichTextUpload;
+    pickImage: import('./types').RichTextImagePicker;
+    accept: string[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    fileInput: HTMLInputElement;
+}, any>;
+export default _default;

package/dist/components/RichText/ToolbarButton.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    /** Key into the icon set. Omit it and the `text` shows instead. */
+    icon?: string;
+    /** Short label used for headings, where a glyph reads worse than "H2". */
+    text?: string;
+    label: string;
+    active?: boolean;
+    disabled?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    text: string;
+    disabled: boolean;
+    icon: string;
+    active: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export default _default;

package/dist/components/RichText/icons.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Toolbar glyphs as raw path data, drawn on a 24×24 grid with a 1.7 stroke.
+ * Inline rather than an icon package: it is a dozen paths, and a dependency for
+ * that would be worse than the duplication.
+ */
+export declare const richTextIcons: Record<string, string>;

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

@@ -0,0 +1,2 @@
+export { default as WxRichText } from './RichText';
+export type * from './types';

package/dist/components/RichText/tools.d.ts

@@ -0,0 +1,48 @@
+import { RichTextTool } from './types';
+/**
+ * Kept out of the component because `withDefaults` cannot reference a binding
+ * declared inside `<script setup>` — it is hoisted out of `setup()`.
+ */
+export declare const DEFAULT_TOOLS: RichTextTool[];
+export declare const DEFAULT_ACCEPT: string[];
+export interface ToolMeta {
+    label: string;
+    icon?: string;
+    text?: string;
+}
+export declare const TOOL_META: Record<Exclude<RichTextTool, 'divider'>, ToolMeta>;
+/** Shown as a second row while the caret sits inside a table. */
+export declare const TABLE_TOOLS: readonly [{
+    readonly key: "addRowAfter";
+    readonly label: "Row below";
+    readonly icon: "rowAfter";
+}, {
+    readonly key: "addRowBefore";
+    readonly label: "Row above";
+    readonly icon: "rowBefore";
+}, {
+    readonly key: "addColumnAfter";
+    readonly label: "Column after";
+    readonly icon: "columnAfter";
+}, {
+    readonly key: "addColumnBefore";
+    readonly label: "Column before";
+    readonly icon: "columnBefore";
+}, {
+    readonly key: "deleteRow";
+    readonly label: "Delete row";
+    readonly icon: "deleteRow";
+}, {
+    readonly key: "deleteColumn";
+    readonly label: "Delete column";
+    readonly icon: "deleteColumn";
+}, {
+    readonly key: "mergeOrSplit";
+    readonly label: "Merge or split cells";
+    readonly icon: "mergeCells";
+}, {
+    readonly key: "deleteTable";
+    readonly label: "Delete table";
+    readonly icon: "deleteTable";
+}];
+export type TableToolKey = (typeof TABLE_TOOLS)[number]['key'];

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

@@ -0,0 +1,42 @@
+import { ControlSize, ControlStatus } from '../../composables/useFormField';
+export type RichTextTool = 'bold' | 'italic' | 'strike' | 'code' | 'h2' | 'h3' | 'h4' | 'bulletList' | 'orderedList' | 'blockquote' | 'hr' | 'link' | 'table' | 'image' | 'youtube' | 'undo' | 'redo'
+/** A vertical rule between groups. */
+ | 'divider';
+export interface RichTextUploadResult {
+    url: string;
+    alt?: string;
+}
+/** Uploads one file and resolves with the URL it ended up at. */
+export type RichTextUpload = (file: File) => Promise<RichTextUploadResult>;
+/** Opens a media library and resolves with the chosen URL, or `null` if cancelled. */
+export type RichTextImagePicker = () => Promise<string | null>;
+export interface RichTextProps {
+    placeholder?: string;
+    disabled?: boolean;
+    readonly?: boolean;
+    size?: ControlSize;
+    status?: ControlStatus;
+    id?: string;
+    /** Accessible label used when there is no visible `<label>`. */
+    ariaLabel?: string;
+    /** Height of the editing area before it starts growing. */
+    minHeight?: string;
+    /** Which buttons the toolbar shows, in order. */
+    tools?: RichTextTool[];
+    /**
+     * Called for pasted and dropped files. Without it the editor accepts no files
+     * at all, and the image button only offers the media library.
+     */
+    upload?: RichTextUpload;
+    /** Called by the image button — this is where a media library plugs in. */
+    pickImage?: RichTextImagePicker;
+    /** MIME types accepted for upload. */
+    accept?: string[];
+}
+export interface RichTextEmits {
+    change: [html: string];
+    focus: [];
+    blur: [];
+    /** An upload rejected. The editor stays untouched. */
+    uploadError: [error: unknown, file: File];
+}

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,50 @@
+import { SelectModelValue, SelectProps } from './types';
+type __VLS_Props = SelectProps;
+type __VLS_PublicProps = {
+    modelValue?: SelectModelValue;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    search: (term: string) => any;
+    change: (value: SelectModelValue) => any;
+    "update:modelValue": (value: SelectModelValue) => any;
+    open: () => any;
+    clear: () => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSearch?: ((term: string) => any) | undefined;
+    onChange?: ((value: SelectModelValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: SelectModelValue) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    name: string;
+    size: import('../..').ControlSize;
+    disabled: boolean;
+    id: string;
+    ariaLabel: string;
+    options: import('./types').SelectOption[];
+    clearable: boolean;
+    placeholder: string;
+    teleport: boolean;
+    status: import('../..').ControlStatus;
+    multiple: boolean;
+    filterable: boolean;
+    emptyText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+export { default as WxSelect } from './Select';
+export type * from './types';

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

@@ -0,0 +1,41 @@
+import { ControlSize, ControlStatus } from '../../composables/useFormField';
+/**
+ * Narrower than `ChoiceValue`: the underlying combobox accepts strings, numbers and
+ * objects but not booleans, and a boolean has no place as a select value anyway.
+ */
+export type SelectValue = string | number;
+export interface SelectOption {
+    label: string;
+    value: SelectValue;
+    disabled?: boolean;
+}
+export type SelectModelValue = SelectValue | SelectValue[] | null;
+export interface SelectProps {
+    options?: SelectOption[];
+    /** Allow more than one value. The model becomes an array. */
+    multiple?: boolean;
+    /** Show a search field that filters the options. */
+    filterable?: boolean;
+    /** Show a button that empties the selection. */
+    clearable?: boolean;
+    placeholder?: string;
+    /** Text shown when filtering matches nothing. */
+    emptyText?: string;
+    /** Render the list in a portal so it escapes `overflow: hidden`. */
+    teleport?: boolean;
+    disabled?: boolean;
+    size?: ControlSize;
+    status?: ControlStatus;
+    id?: string;
+    name?: string;
+    /** Accessible label used when there is no visible `<label>`. */
+    ariaLabel?: string;
+}
+export interface SelectEmits {
+    change: [value: SelectModelValue];
+    clear: [];
+    open: [];
+    close: [];
+    /** The search term, on every keystroke. Use it to load options from a backend. */
+    search: [term: string];
+}

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,26 @@
+import { SliderModelValue, SliderProps } from './types';
+type __VLS_Props = SliderProps;
+type __VLS_PublicProps = {
+    modelValue?: SliderModelValue;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: SliderModelValue) => any;
+    "update:modelValue": (value: SliderModelValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: SliderModelValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: SliderModelValue) => any) | undefined;
+}>, {
+    name: string;
+    size: import('../..').ControlSize;
+    disabled: boolean;
+    id: string;
+    ariaLabel: string;
+    range: boolean;
+    min: number;
+    max: number;
+    step: number;
+    showValue: boolean;
+    marks: Record<number, string>;
+    minStepsBetweenThumbs: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,2 @@
+export { default as WxSlider } from './Slider';
+export type * from './types';

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

@@ -0,0 +1,24 @@
+import { ControlSize } from '../../composables/useFormField';
+export type SliderModelValue = number | number[] | null;
+export interface SliderProps {
+    min?: number;
+    max?: number;
+    step?: number;
+    /** Two thumbs and a range between them; the model becomes a pair. */
+    range?: boolean;
+    /** Smallest gap between the thumbs, in steps. */
+    minStepsBetweenThumbs?: number;
+    /** Show the current value (or both values) next to the track. */
+    showValue?: boolean;
+    /** Ticks under the track: `{ 0: 'Free', 100: 'Max' }`. */
+    marks?: Record<number, string>;
+    disabled?: boolean;
+    size?: ControlSize;
+    id?: string;
+    name?: string;
+    /** Accessible label used when there is no visible `<label>`. */
+    ariaLabel?: string;
+}
+export interface SliderEmits {
+    change: [value: SliderModelValue];
+}

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,38 @@
+import { ChoiceValue } from '../../composables/useFormField';
+import { SwitchProps } from './types';
+type __VLS_Props = SwitchProps;
+type __VLS_PublicProps = {
+    modelValue?: ChoiceValue;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (value: ChoiceValue) => any;
+    "update:modelValue": (value: ChoiceValue) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: ChoiceValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: ChoiceValue) => any) | undefined;
+}>, {
+    name: string;
+    size: import('../..').ControlSize;
+    disabled: boolean;
+    label: string;
+    id: string;
+    ariaLabel: string;
+    activeValue: ChoiceValue;
+    inactiveValue: ChoiceValue;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};