@dskripchenko/ui 1.7.0 → 1.9.0

package/dist/components/Checkbox/UidCheckbox.vue.d.ts

@@ -23,11 +23,11 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     required: boolean;
     disabled: boolean;
     error: string;
+    id: string;
     hint: string;
     name: string;
-    id: string;
     indeterminate: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;
-}, HTMLDivElement>;
+}, any>;
 export default _default;

package/dist/components/Combobox/UidCombobox.vue.d.ts

@@ -44,5 +44,5 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     controlRef: HTMLDivElement;
     inputRef: HTMLInputElement;
     listRef: HTMLDivElement;
-}, HTMLDivElement>;
+}, any>;
 export default _default;

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

@@ -29,7 +29,7 @@ declare function __VLS_template(): {
         append?(): unknown;
     };
     refs: {};
-    rootEl: HTMLDivElement;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
@@ -48,7 +48,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     required: boolean;
     disabled: boolean;
     readonly: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, 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 & {

package/dist/components/Mention/UidMention.vue.d.ts

@@ -25,10 +25,10 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     filter: (option: MentionOption, query: string) => boolean;
-    rows: number;
     prefix: string | string[];
+    rows: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     fieldRef: HTMLTextAreaElement;
     panelRef: HTMLDivElement;
-}, HTMLDivElement>;
+}, any>;
 export default _default;

package/dist/components/NumberInput/UidNumberInput.vue.d.ts

@@ -42,5 +42,5 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     precision: number;
     controls: boolean;
     centered: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/Pagination/UidPageSize.vue.d.ts

@@ -13,5 +13,5 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }>, {
     label: string;
     options: number[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -17,7 +17,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }>, {
     label: string;
     disabled: boolean;
-    name: string;
     id: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLabelElement>;
+    name: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -39,5 +39,5 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     marks: UidSliderMarks;
     ariaLabel: string;
     ariaLabelledby: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/Stat/UidStat.vue.d.ts

@@ -17,6 +17,12 @@ export interface UidStatProps {
     footer?: string;
     /** BCP 47 tag for number formatting; defaults to the active kit locale. */
     locale?: string;
+    /**
+     * Where the trend sits: next to the value, wrapping under it when there is
+     * no room (`inline`, default), or always on its own line under the value
+     * (`below`) — which keeps a row of cards uniform whatever the value length.
+     */
+    trendPlacement?: 'inline' | 'below';
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -43,6 +49,7 @@ declare const __VLS_component: import('vue').DefineComponent<UidStatProps, {}, {
     precision: number;
     tone: StatTone;
     trendSuffix: string;
+    trendPlacement: "inline" | "below";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -25,8 +25,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     required: boolean;
     disabled: boolean;
     error: string;
+    id: string;
     hint: string;
     name: string;
-    id: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/components/TagsInput/UidTagsInput.vue.d.ts

@@ -35,5 +35,5 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     unique: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;
-}, HTMLDivElement>;
+}, any>;
 export default _default;

package/dist/components/Textarea/UidTextarea.vue.d.ts

@@ -37,17 +37,17 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
     required: boolean;
     disabled: boolean;
     error: string;
+    id: string;
     placeholder: string;
     readonly: boolean;
     hint: string;
     name: string;
     rules: RuleInput;
-    id: string;
     rows: number;
     autoGrow: boolean;
     maxRows: number;
     resize: "none" | "vertical" | "horizontal" | "both";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     textareaRef: HTMLTextAreaElement;
-}, HTMLDivElement>;
+}, any>;
 export default _default;

package/dist/composables/useControlAttrs.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'vue';
+export interface ControlAttrs {
+    /** `class` and `style` only: bind to the component root with `v-bind="rootAttrs()"`. */
+    rootAttrs: () => Pick<HTMLAttributes, 'class' | 'style'>;
+    /** Every other fallthrough attribute and `onXxx` listener: bind to the native control. */
+    controlAttrs: () => Record<string, unknown>;
+}
+/**
+ * For components with `inheritAttrs: false`. Splits the fallthrough attributes so
+ * that `class`/`style` stay on the root element and everything else (`list`,
+ * `maxlength`, `pattern`, `inputmode`, `name`, `data-*`, `aria-*`, listeners ...)
+ * reaches the native `<input>`/`<textarea>`/`<select>`.
+ *
+ * Call the returned functions from the template so they are re-read on every render.
+ */
+export declare function useControlAttrs(): ControlAttrs;