@dskripchenko/ui 1.3.0 → 1.5.0

package/README.md

@@ -81,7 +81,7 @@ Switch theme by attribute on `<html>`:
 
 A short selection — the full catalog is in [Storybook](https://dskripchenko.github.io/ui/).
 
-**Forms & input:** Button, Input, Textarea, NumberInput, Checkbox, Radio, Switch, Label, FormField, Select, Combobox, TagsInput, DatePicker, DateRangePicker, TimePicker, ColorPicker, Slider, Rating, FileUpload, Mention, TreeSelect, Cascader
+**Forms & input:** Button, Input, Textarea, NumberInput, Checkbox, CheckboxGroup, Radio, Switch, Label, FormField, Select, Combobox, TagsInput, DatePicker, DateRangePicker, TimePicker, ColorPicker, Slider, Rating, FileUpload, Mention, TreeSelect, Cascader
 
 **Feedback:** Spinner, Skeleton, Badge, Alert, Progress, Toast, Tour
 

package/dist/components/BackTop/UidBackTop.vue.d.ts

@@ -21,8 +21,8 @@ declare const __VLS_component: import('vue').DefineComponent<UidBackTopProps, {}
     onClick?: (() => any) | undefined;
 }>, {
     target: string | HTMLElement | (() => HTMLElement | null);
-    visibleAfter: number;
     smooth: boolean;
+    visibleAfter: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Breadcrumb/UidBreadcrumbItem.vue.d.ts

@@ -1,5 +1,12 @@
 export interface UidBreadcrumbItemProps {
     href?: string;
+    /** Router location. Rendered through the app's globally registered RouterLink; without one it falls back to `href` (or a string `to`). */
+    to?: string | Record<string, unknown>;
+    /**
+     * Marks the crumb as the current page (`aria-current="page"`, current styling, no link).
+     * When omitted, only the last crumb of the list is treated as current.
+     * Set `false` to keep the last crumb a regular one.
+     */
     current?: boolean;
 }
 declare function __VLS_template(): {
@@ -9,14 +16,23 @@ declare function __VLS_template(): {
     }> & {
         default(): unknown;
     };
-    refs: {};
+    refs: {
+        itemRef: HTMLLIElement;
+    };
     rootEl: HTMLLIElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<UidBreadcrumbItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UidBreadcrumbItemProps> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<UidBreadcrumbItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<UidBreadcrumbItemProps> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
     href: string;
+    to: string | Record<string, unknown>;
     current: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    itemRef: HTMLLIElement;
+}, HTMLLIElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/Breadcrumb/context.d.ts

@@ -0,0 +1,6 @@
+import { InjectionKey, Ref } from 'vue';
+export interface BreadcrumbContext {
+    /** Bumped after every UidBreadcrumb update so items can re-check whether they are last. */
+    tick: Ref<number>;
+}
+export declare const BREADCRUMB_KEY: InjectionKey<BreadcrumbContext>;

package/dist/components/Button/UidButton.vue.d.ts

@@ -1,20 +1,25 @@
+import { Component } from 'vue';
 export type UidButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger';
 export type UidButtonSize = 'sm' | 'md' | 'lg';
+export type UidButtonIconPosition = 'start' | 'end';
 export interface UidButtonProps {
     variant?: UidButtonVariant;
     size?: UidButtonSize;
     disabled?: boolean;
     loading?: boolean;
     type?: 'button' | 'submit' | 'reset';
+    /** Icon component (e.g. from lucide-vue-next). Without default slot content the button becomes icon-only. */
+    icon?: Component;
+    iconPosition?: UidButtonIconPosition;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
-        default(): unknown;
+        default?(): unknown;
         prepend?(): unknown;
         append?(): unknown;
     }> & {
-        default(): unknown;
+        default?(): unknown;
         prepend?(): unknown;
         append?(): unknown;
     };
@@ -27,11 +32,13 @@ declare const __VLS_component: import('vue').DefineComponent<UidButtonProps, {},
 }, string, import('vue').PublicProps, Readonly<UidButtonProps> & Readonly<{
     onClick?: ((event: MouseEvent) => any) | undefined;
 }>, {
+    icon: Component;
     size: UidButtonSize;
     type: "button" | "submit" | "reset";
     variant: UidButtonVariant;
     disabled: boolean;
     loading: boolean;
+    iconPosition: UidButtonIconPosition;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1,2 +1,2 @@
 export { default as UidButton } from './UidButton.vue';
-export type { UidButtonProps, UidButtonVariant, UidButtonSize } from './UidButton.vue';
+export type { UidButtonProps, UidButtonVariant, UidButtonSize, UidButtonIconPosition } from './UidButton.vue';

package/dist/components/Cascader/UidCascader.vue.d.ts

@@ -14,6 +14,9 @@ export interface UidCascaderProps {
     label?: string;
     hint?: string;
     expandTrigger?: 'click' | 'hover';
+    searchable?: boolean;
+    changeOnSelect?: boolean;
+    searchPlaceholder?: string;
 }
 type __VLS_Props = UidCascaderProps;
 type __VLS_PublicProps = {
@@ -28,9 +31,14 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }>, {
     disabled: boolean;
     separator: string;
+    searchable: boolean;
     clearable: boolean;
     expandTrigger: "click" | "hover";
+    changeOnSelect: boolean;
+    searchPlaceholder: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: HTMLDivElement;
+    triggerRef: HTMLDivElement;
+    searchRef: HTMLInputElement;
 }, HTMLDivElement>;
 export default _default;

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

@@ -0,0 +1,36 @@
+export type CheckboxGroupValue = string | number;
+export interface CheckboxGroupOption {
+    value: CheckboxGroupValue;
+    label: string;
+    disabled?: boolean;
+}
+export interface UidCheckboxGroupProps {
+    options: CheckboxGroupOption[];
+    name?: string;
+    label?: string;
+    hint?: string;
+    error?: string;
+    required?: boolean;
+    disabled?: boolean;
+    direction?: 'horizontal' | 'vertical';
+}
+type __VLS_Props = UidCheckboxGroupProps;
+type __VLS_PublicProps = {
+    modelValue?: CheckboxGroupValue[];
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: CheckboxGroupValue[]) => any;
+    change: (value: CheckboxGroupValue[]) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: CheckboxGroupValue[]) => any) | undefined;
+    onChange?: ((value: CheckboxGroupValue[]) => any) | undefined;
+}>, {
+    label: string;
+    required: boolean;
+    disabled: boolean;
+    hint: string;
+    error: string;
+    name: string;
+    direction: "horizontal" | "vertical";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

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

@@ -1,2 +1,4 @@
 export { default as UidCheckbox } from './UidCheckbox.vue';
 export type { UidCheckboxProps } from './UidCheckbox.vue';
+export { default as UidCheckboxGroup } from './UidCheckboxGroup.vue';
+export type { UidCheckboxGroupProps, CheckboxGroupOption, CheckboxGroupValue, } from './UidCheckboxGroup.vue';

package/dist/components/Code/UidCode.vue.d.ts

@@ -6,6 +6,7 @@ export interface UidCodeProps {
     copy?: boolean;
     wrap?: boolean;
     maxHeight?: string;
+    highlight?: boolean;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -22,10 +23,11 @@ declare const __VLS_component: import('vue').DefineComponent<UidCodeProps, {}, {
     code: string;
     inline: boolean;
     copy: boolean;
+    wrap: boolean;
     language: string;
     lineNumbers: boolean;
-    wrap: boolean;
     maxHeight: string;
+    highlight: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Code/highlight.d.ts

@@ -0,0 +1,7 @@
+export type UidCodeTokenType = 'plain' | 'comment' | 'string' | 'number' | 'keyword' | 'literal' | 'function' | 'variable' | 'tag' | 'attr' | 'property' | 'punctuation';
+export interface UidCodeToken {
+    type: UidCodeTokenType;
+    text: string;
+}
+export declare function isHighlightable(language?: string): boolean;
+export declare function tokenize(code: string, language?: string): UidCodeToken[];

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

@@ -1,2 +1,4 @@
 export { default as UidCode } from './UidCode.vue';
 export type { UidCodeProps } from './UidCode.vue';
+export { tokenize, isHighlightable } from './highlight.js';
+export type { UidCodeToken, UidCodeTokenType } from './highlight.js';

package/dist/components/ColorPicker/UidColorPicker.vue.d.ts

@@ -15,8 +15,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     onChange?: ((value: string | null) => any) | undefined;
 }>, {
     disabled: boolean;
-    presets: string[];
     alpha: boolean;
+    presets: string[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: HTMLDivElement;
     gradientRef: HTMLDivElement;

package/dist/components/ColorPicker/colorParse.d.ts

@@ -0,0 +1,4 @@
+export type RgbaTuple = [r: number, g: number, b: number, a: number];
+export declare function parseColor(input: string | null | undefined): RgbaTuple | null;
+export declare function toHex([r, g, b, a]: RgbaTuple): string;
+export declare function normalizeColor(input: string | null | undefined): string | null;

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

@@ -1,2 +1,4 @@
 export { default as UidColorPicker } from './UidColorPicker.vue';
 export type { UidColorPickerProps } from './UidColorPicker.vue';
+export { parseColor, normalizeColor } from './colorParse.js';
+export type { RgbaTuple } from './colorParse.js';

package/dist/components/DateRangePicker/UidDateRangePicker.vue.d.ts

@@ -2,6 +2,10 @@ export interface DateRange {
     start: string | null;
     end: string | null;
 }
+export interface DateRangePreset {
+    label: string;
+    range: () => DateRange;
+}
 export interface UidDateRangePickerProps {
     min?: string;
     max?: string;
@@ -9,6 +13,8 @@ export interface UidDateRangePickerProps {
     clearable?: boolean;
     placeholder?: string;
     format?: (date: Date) => string;
+    withTime?: boolean;
+    presets?: DateRangePreset[] | false;
 }
 type __VLS_Props = UidDateRangePickerProps;
 type __VLS_PublicProps = {
@@ -26,6 +32,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     max: string;
     format: (date: Date) => string;
     clearable: boolean;
+    presets: DateRangePreset[] | false;
+    withTime: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: HTMLDivElement;
     triggerRef: HTMLDivElement;

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

@@ -1,2 +1,2 @@
 export { default as UidDateRangePicker } from './UidDateRangePicker.vue';
-export type { UidDateRangePickerProps, DateRange } from './UidDateRangePicker.vue';
+export type { UidDateRangePickerProps, DateRange, DateRangePreset } from './UidDateRangePicker.vue';

package/dist/components/Grid/UidGrid.vue.d.ts

@@ -20,9 +20,9 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<UidGridProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UidGridProps> & Readonly<{}>, {
     as: string;
+    justify: "start" | "center" | "end" | "stretch";
     gap: string;
     align: "start" | "center" | "end" | "stretch";
-    justify: "start" | "center" | "end" | "stretch";
     cols: number | string;
     rowGap: string;
     colGap: string;

package/dist/components/Image/UidImage.vue.d.ts

@@ -0,0 +1,54 @@
+export type UidImageFit = 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+export interface UidImageProps {
+    src: string;
+    alt: string;
+    width?: number | string;
+    height?: number | string;
+    fit?: UidImageFit;
+    /** Native lazy loading (`loading="lazy"`). */
+    lazy?: boolean;
+    /** Shown when `src` fails to load. */
+    fallbackSrc?: string;
+    /** Corner radius: a CSS value or a token name (`sm`, `md`, `lg`, `full`). */
+    radius?: string;
+    /** Click opens the image in a full-size dialog. */
+    preview?: boolean;
+    /** Larger image for the preview dialog; defaults to `src`. */
+    previewSrc?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        fallback?(): unknown;
+        placeholder?(): unknown;
+    }> & {
+        fallback?(): unknown;
+        placeholder?(): unknown;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<UidImageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (event: Event) => any;
+    load: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<UidImageProps> & Readonly<{
+    onError?: ((event: Event) => any) | undefined;
+    onLoad?: ((event: Event) => any) | undefined;
+}>, {
+    width: number | string;
+    height: number | string;
+    preview: boolean;
+    radius: string;
+    fit: UidImageFit;
+    lazy: boolean;
+    fallbackSrc: string;
+    previewSrc: string;
+}, {}, {}, {}, 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/Image/index.d.ts

@@ -0,0 +1,2 @@
+export { default as UidImage } from './UidImage.vue';
+export type { UidImageProps, UidImageFit } from './UidImage.vue';

package/dist/components/Menu/UidMenuItem.vue.d.ts

@@ -1,5 +1,6 @@
 import { Component } from 'vue';
 export interface UidMenuItemProps {
+    /** Icon component (e.g. from lucide-vue-next) rendered before the label. */
     icon?: Component;
     disabled?: boolean;
     variant?: 'default' | 'danger';

package/dist/components/Menu/UidSubMenu.vue.d.ts

@@ -0,0 +1,48 @@
+import { Component } from 'vue';
+export interface UidSubMenuProps {
+    label?: string;
+    icon?: Component;
+    disabled?: boolean;
+}
+declare function show(focusFirst?: boolean): Promise<void>;
+declare function hide(focusTrigger?: boolean): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(): unknown;
+        label?(): unknown;
+    }> & {
+        default(): unknown;
+        label?(): unknown;
+    };
+    refs: {
+        triggerRef: HTMLButtonElement;
+        panelRef: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<UidSubMenuProps, {
+    open: typeof show;
+    close: typeof hide;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    open: () => any;
+}, string, import('vue').PublicProps, Readonly<UidSubMenuProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+}>, {
+    icon: Component;
+    label: string;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    triggerRef: HTMLButtonElement;
+    panelRef: HTMLDivElement;
+}, 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/Menu/context.d.ts

@@ -1,2 +1,8 @@
-import { InjectionKey } from 'vue';
+import { InjectionKey, Ref } from 'vue';
 export declare const MENU_CLOSE_KEY: InjectionKey<() => void>;
+export interface MenuLevel {
+    activeSubmenu: Ref<string | null>;
+}
+export declare const MENU_LEVEL_KEY: InjectionKey<MenuLevel>;
+export declare function getLevelItems(menu: HTMLElement | null): HTMLElement[];
+export declare function moveFocus(menu: HTMLElement | null, key: string): boolean;

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

@@ -1,4 +1,6 @@
 export { default as UidMenu } from './UidMenu.vue';
 export { default as UidMenuItem } from './UidMenuItem.vue';
 export { default as UidMenuSeparator } from './UidMenuSeparator.vue';
+export { default as UidSubMenu } from './UidSubMenu.vue';
 export type { UidMenuItemProps } from './UidMenuItem.vue';
+export type { UidSubMenuProps } from './UidSubMenu.vue';

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

@@ -4,6 +4,7 @@ export interface SelectOption {
     disabled?: boolean;
     group?: string;
 }
+export type SelectValue = string | number;
 export interface UidSelectProps {
     options: SelectOption[];
     placeholder?: string;
@@ -11,22 +12,31 @@ export interface UidSelectProps {
     searchable?: boolean;
     clearable?: boolean;
     size?: 'sm' | 'md' | 'lg';
+    /**
+     * Multi-value mode: v-model is an array, the selected options are shown as
+     * removable chips, and picking an option toggles it without closing the dropdown.
+     */
+    multiple?: boolean;
+    /** Multiple mode: show at most this many chips and collapse the rest into "+N". */
+    maxTagCount?: number;
 }
 type __VLS_Props = UidSelectProps;
 type __VLS_PublicProps = {
-    modelValue?: string | number | null;
+    modelValue?: SelectValue | SelectValue[] | null;
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number | null) => any;
-    change: (value: string | number | null) => any;
+    "update:modelValue": (value: SelectValue | SelectValue[] | null) => any;
+    change: (value: SelectValue | SelectValue[] | null) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
-    onChange?: ((value: string | number | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: SelectValue | SelectValue[] | null) => any) | undefined;
+    onChange?: ((value: SelectValue | SelectValue[] | null) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";
     disabled: boolean;
+    multiple: boolean;
     searchable: boolean;
     clearable: boolean;
+    maxTagCount: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: HTMLDivElement;
     triggerRef: HTMLDivElement;

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

@@ -1,2 +1,2 @@
 export { default as UidSelect } from './UidSelect.vue';
-export type { UidSelectProps, SelectOption } from './UidSelect.vue';
+export type { UidSelectProps, SelectOption, SelectValue } from './UidSelect.vue';

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

@@ -1,3 +1,8 @@
+export interface UidSliderMark {
+    value: number;
+    label?: string;
+}
+export type UidSliderMarks = number[] | Record<number, string> | UidSliderMark[];
 export interface UidSliderProps {
     min?: number;
     max?: number;
@@ -6,6 +11,14 @@ export interface UidSliderProps {
     label?: string;
     showValue?: boolean;
     formatValue?: (val: number) => string;
+    marks?: UidSliderMarks;
+    /**
+     * Accessible name for the slider handle, independent of the visible `label`
+     * (e.g. when the visible caption lives elsewhere or is not descriptive enough).
+     */
+    ariaLabel?: string;
+    /** Id(s) of the element(s) that label the slider handle. Takes precedence over `ariaLabel`/`label`. */
+    ariaLabelledby?: string;
 }
 type __VLS_Props = UidSliderProps;
 type __VLS_PublicProps = {
@@ -23,5 +36,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     showValue: boolean;
     step: number;
     formatValue: (val: number) => string;
+    marks: UidSliderMarks;
+    ariaLabel: string;
+    ariaLabelledby: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,2 +1,2 @@
 export { default as UidSlider } from './UidSlider.vue';
-export type { UidSliderProps } from './UidSlider.vue';
+export type { UidSliderProps, UidSliderMark, UidSliderMarks } from './UidSlider.vue';

package/dist/components/Stack/UidStack.vue.d.ts

@@ -23,9 +23,9 @@ declare const __VLS_component: import('vue').DefineComponent<UidStackProps, {},
     direction: "row" | "column" | "row-reverse" | "column-reverse";
     as: string;
     wrap: boolean;
+    justify: "start" | "center" | "end" | "between" | "around" | "evenly";
     gap: string;
     align: "start" | "center" | "end" | "stretch" | "baseline";
-    justify: "start" | "center" | "end" | "between" | "around" | "evenly";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/Table/UidTable.vue.d.ts

@@ -4,6 +4,11 @@ export interface UidTableColumn {
     sortable?: boolean;
     align?: 'left' | 'center' | 'right';
     width?: string;
+    /**
+     * Pin the column to the left or right edge while the table scrolls horizontally.
+     * Put left-fixed columns first and right-fixed columns last.
+     */
+    fixed?: 'left' | 'right';
 }
 export type SortDirection = 'asc' | 'desc' | null;
 export interface UidTableProps {
@@ -29,7 +34,10 @@ declare function __VLS_template(): {
     }> & {
         [key: string]: (row?: Record<string, unknown>) => unknown;
     };
-    refs: {};
+    refs: {
+        scrollRef: HTMLDivElement;
+        headRowRef: HTMLTableRowElement;
+    };
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
@@ -53,7 +61,10 @@ declare const __VLS_component: import('vue').DefineComponent<UidTableProps, {},
     selectable: boolean;
     selection: Set<string | number>;
     rowKey: string | ((row: Record<string, unknown>) => string | number);
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollRef: HTMLDivElement;
+    headRowRef: HTMLTableRowElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/TreeSelect/UidTreeSelect.vue.d.ts

@@ -2,6 +2,8 @@ import { TreeNode, TreeKey } from '../TreeView/context.js';
 export interface UidTreeSelectProps {
     nodes: TreeNode[];
     multiple?: boolean;
+    checkable?: boolean;
+    checkStrictly?: boolean;
     placeholder?: string;
     disabled?: boolean;
     clearable?: boolean;
@@ -31,9 +33,11 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     disabled: boolean;
     multiple: boolean;
     clearable: boolean;
+    maxTagCount: number;
+    checkable: boolean;
+    checkStrictly: boolean;
     defaultExpandAll: boolean;
     showGuides: boolean;
-    maxTagCount: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     containerRef: HTMLDivElement;
     triggerRef: HTMLDivElement;

package/dist/components/TreeView/UidTreeView.vue.d.ts

@@ -3,6 +3,7 @@ export interface UidTreeViewProps {
     nodes: TreeNode[];
     selectable?: TreeSelectable;
     checkable?: boolean;
+    checkStrictly?: boolean;
     disabled?: boolean;
     defaultExpandAll?: boolean;
     showGuides?: boolean;
@@ -36,6 +37,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     disabled: boolean;
     selectable: TreeSelectable;
     checkable: boolean;
+    checkStrictly: boolean;
     defaultExpandAll: boolean;
     showGuides: boolean;
     virtualRoot: string | TreeNode | null;