@knitify/vue 2.0.0 → 2.2.0

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

@@ -0,0 +1,89 @@
+export type KDropzoneFileStatus = 'pending' | 'uploading' | 'done' | 'error';
+/** One entry in the model: the file plus where its upload stands. */
+export type KDropzoneFile = {
+    /** Stable key for the list; files carry no identity of their own. */
+    id: string;
+    file: File;
+    status: KDropzoneFileStatus;
+    /** 0–100, reported through `onProgress` while uploading. */
+    progress: number;
+    /** Why the upload failed. */
+    error?: string;
+    /** Whatever the `upload` handler resolved with. */
+    response?: unknown;
+};
+export type KDropzoneRejectReason = 'type' | 'size' | 'count';
+export type KDropzoneRejection = {
+    file: File;
+    reason: KDropzoneRejectReason;
+    message: string;
+};
+export type KDropzoneUploadContext = {
+    /** Report progress as a 0–100 percentage. */
+    onProgress: (percent: number) => void;
+    /** Aborted when the file is removed mid-upload. */
+    signal: AbortSignal;
+};
+/**
+ * Sends one file. Resolve to mark it done (the value lands on `response`);
+ * reject to mark it failed (the error's message lands on `error`).
+ */
+export type KDropzoneUploadHandler = (file: File, context: KDropzoneUploadContext) => Promise<unknown>;
+export type KDropzoneProps = {
+    /** Same syntax as the native `accept`; drops are checked against it too. */
+    accept?: string;
+    /**
+     * Start `upload` as soon as a file is added. Defaults to `true`; turn it off
+     * to collect files first and send them with the exposed `upload()`.
+     */
+    autoUpload?: boolean;
+    disabled?: boolean;
+    /** Small print under the title, e.g. "PNG or JPG, up to 5 MB". */
+    hint?: string;
+    invalid?: boolean;
+    /** Upper limit on the number of files in the model. */
+    maxFiles?: number;
+    /** Upper limit per file, in bytes. */
+    maxSize?: number;
+    /** Allow more than one file. Without it, a new file replaces the old one. */
+    multiple?: boolean;
+    /** Replaces "Click to upload" — the underlined part of the title. */
+    title?: string;
+    /**
+     * Uploads each file as it is added. Without one, files simply collect in
+     * the model as `pending` for the parent to send.
+     */
+    upload?: KDropzoneUploadHandler;
+};
+export type KDropzoneEmits = {
+    /** Files that passed the checks, as they were added to the model. */
+    add: [files: KDropzoneFile[]];
+    /** Files turned away by `accept`, `maxSize` or `maxFiles`. */
+    reject: [rejections: KDropzoneRejection[]];
+    remove: [file: KDropzoneFile];
+    /** An upload resolved. */
+    success: [file: KDropzoneFile];
+    /** An upload rejected. */
+    error: [file: KDropzoneFile, error: unknown];
+};
+export type KDropzoneSlots = {
+    /** Replaces the whole inside of the drop area. */
+    default?(props: {
+        dragging: boolean;
+        open: () => void;
+    }): any;
+    /** Replaces the upload icon. */
+    icon?(): any;
+    /** Replaces the hint line. */
+    hint?(): any;
+};
+export type KDropzoneExpose = {
+    /** Opens the file picker. */
+    open: () => void;
+    /** Uploads every `pending` and `error` file, or just the one given. */
+    upload: (file?: KDropzoneFile) => Promise<void>;
+    /** Removes one file, aborting its upload if one is in flight. Ignored while disabled. */
+    remove: (file: KDropzoneFile) => void;
+    /** Empties the model, aborting uploads in flight. */
+    clear: () => void;
+};

package/dist/types/components/Field/FieldIsolate.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/Field/KField.vue.d.ts

@@ -0,0 +1,11 @@
+import type { KFieldProps, KFieldSlots } from './types';
+type __VLS_Slots = KFieldSlots;
+declare const __VLS_base: import("vue").DefineComponent<KFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/Field/keys.d.ts

@@ -0,0 +1,21 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+import type { KFieldCount } from './types';
+export interface FieldContext {
+    controlId: ComputedRef<string>;
+    labelId: ComputedRef<string>;
+    hasLabel: ComputedRef<boolean>;
+    describedBy: ComputedRef<string | undefined>;
+    invalid: ComputedRef<boolean>;
+    required: ComputedRef<boolean>;
+    /**
+     * The hidden "required" text, for controls that cannot take
+     * `aria-required` and add it to their `aria-labelledby` instead. Undefined
+     * unless the field is required.
+     */
+    requiredId: ComputedRef<string | undefined>;
+    disabled: ComputedRef<boolean>;
+    group: ComputedRef<boolean>;
+    registerControlId(id: string | undefined): void;
+    setCount(count: KFieldCount | null): void;
+}
+export declare const fieldKey: InjectionKey<FieldContext | undefined>;

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

@@ -0,0 +1,35 @@
+export type KFieldProps = {
+    counter?: boolean;
+    disabled?: boolean;
+    /** A string shows it as the message; `true` marks the field invalid with no message. */
+    error?: string | boolean;
+    group?: boolean;
+    hint?: string;
+    horizontal?: boolean;
+    id?: string;
+    label?: string;
+    required?: boolean;
+    /**
+     * The text announced for a required group or button control (KSelect),
+     * where `aria-required` is not allowed. Defaults to `'required'`.
+     */
+    requiredLabel?: string;
+    /** A string shows it as the message; `true` marks the field successful with no message. */
+    success?: string | boolean;
+};
+export type KFieldSlotProps = {
+    id: string;
+    describedBy: string | undefined;
+    invalid: boolean;
+    required: boolean;
+    disabled: boolean;
+};
+export type KFieldSlots = {
+    default?(props: KFieldSlotProps): any;
+    label?(): any;
+    labelEnd?(): any;
+};
+export type KFieldCount = {
+    length: number;
+    max: number;
+};

package/dist/types/components/FileTree/KFileTree.vue.d.ts

@@ -10,17 +10,17 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     collapseAll: () => void | undefined;
     expandAll: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    load: (id: string) => any;
     select: (id: string) => any;
     collapse: (id: string) => any;
     expand: (id: string) => any;
-    load: (id: string) => any;
     "update:expanded": (value: string[]) => any;
     "update:selected": (value: string | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onLoad?: ((id: string) => any) | undefined;
     onSelect?: ((id: string) => any) | undefined;
     onCollapse?: ((id: string) => any) | undefined;
     onExpand?: ((id: string) => any) | undefined;
-    onLoad?: ((id: string) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
     "onUpdate:selected"?: ((value: string | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/types/components/Flex/KFlex.vue.d.ts

@@ -0,0 +1,11 @@
+import type { KFlexProps, KFlexSlots } from './types';
+type __VLS_Slots = KFlexSlots;
+declare const __VLS_base: import("vue").DefineComponent<KFlexProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KFlexProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,26 @@
+import type { Size } from '../../types';
+/** Maps to core's `is-items-*`. */
+export type KFlexAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+/** Maps to core's `is-justify-*`. */
+export type KFlexJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+/** Space tokens, matching core's `is-gap-*`. `0` is a real gap. */
+export type KFlexGap = 0 | Size | '6xl';
+export type KFlexProps = {
+    /** Cross-axis alignment of the children. */
+    align?: KFlexAlign;
+    /** Element to render. Defaults to `div`. */
+    as?: string;
+    gap?: KFlexGap;
+    /** `inline-flex` instead of `flex`. */
+    inline?: boolean;
+    /** Main-axis distribution of the children. */
+    justify?: KFlexJustify;
+    /** Reverses the order along the main axis. */
+    reverse?: boolean;
+    /** Lays the children out top to bottom instead of left to right. */
+    vertical?: boolean;
+    wrap?: boolean;
+};
+export type KFlexSlots = {
+    default?(): any;
+};

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

@@ -8,8 +8,10 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     field: Readonly<import("vue").ShallowRef<HTMLTextAreaElement | null>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    clear: () => any;
     "update:modelValue": (value: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -2,12 +2,22 @@ export type KInputSlots = {
     prefix?(): any;
     suffix?(): any;
 };
+export type KInputEmits = {
+    /** The × emptied the field. */
+    clear: [];
+};
 export type KInputProps = {
     addonBordered?: boolean;
     /** Implies `textarea`. Growth is core's `Input.ts`, driven by this component. */
     autosize?: boolean;
+    /** Shows a × that clears the value while there is one. Not for textareas. */
+    clearable?: boolean;
+    /** The × button's accessible name. Default `'Clear'`. */
+    clearLabel?: string;
     disabled?: boolean;
     ghost?: boolean;
+    /** Shows a spinner as the last addon and marks the field busy. It stays editable. */
+    loading?: boolean;
     maxRows?: number;
     placeholder?: string;
     readonly?: boolean;

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

@@ -1,5 +1,5 @@
 import { ClassValue } from 'vue';
-export type KModalSize = 'sm' | 'md' | 'lg' | 'xl';
+export type KModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export type KModalProps = {
     bodyClass?: ClassValue;
     /** Vertically centre the dialog rather than aligning it to the top. */
@@ -9,6 +9,8 @@ export type KModalProps = {
     containerClass?: ClassValue;
     dialogClass?: ClassValue;
     dialogLabel?: string;
+    /** Removes the header and footer borders that divide them from the body. */
+    flush?: boolean;
     /**
      * Focus the first focusable element on open. Core rebuilds its own instance
      * for `data-kt-modal-toggle` clicks and does not read this off the DOM, so it
@@ -31,6 +33,8 @@ export type KModalProps = {
     mainClass?: ClassValue;
     scrollable?: boolean;
     sidebarClass?: ClassValue;
+    /** Any CSS length, e.g. `'280px'`. Sets `--kt-modal-sidebar-width`. */
+    sidebarWidth?: string;
     size?: KModalSize;
     /** Ignore backdrop clicks, leaving an explicit dismiss the only way out. */
     staticBackdrop?: boolean;
@@ -48,6 +52,10 @@ export type KModalEmits = {
     (event: 'shown'): void;
 };
 export type KModalSlots = {
+    /**
+     * The close button's content. The default is the sprite's `kt-cross`, so it
+     * needs core's icon sprite on the page — imported with `@knitify/core`.
+     */
     close?(): any;
     default?(): any;
     footer?(): any;

package/dist/types/components/Pagination/KPagination.vue.d.ts

@@ -0,0 +1,13 @@
+import type { KPaginationProps } from './types';
+type __VLS_Props = KPaginationProps;
+type __VLS_ModelProps = {
+    'page'?: number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:page": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/Pagination/range.d.ts

@@ -0,0 +1,6 @@
+import type { KPaginationItem } from './types';
+/**
+ * The pages to show around `page`. The item count stays the same wherever the
+ * current page is, so the control doesn't change width as you page through.
+ */
+export declare function getPaginationRange(page: number, total: number, siblings: number, boundaries: number): KPaginationItem[];

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

@@ -0,0 +1,20 @@
+import type { KButtonSize } from '../Button/types';
+export type KPaginationProps = {
+    /** Names the navigation landmark. */
+    ariaLabel?: string;
+    /** Pages shown at each end, before and after the ellipses. */
+    boundaries?: number;
+    disabled?: boolean;
+    /** Accessible name of the next-page button. */
+    nextLabel?: string;
+    /** Accessible name of the previous-page button. */
+    prevLabel?: string;
+    /** Pages shown either side of the current one. */
+    siblings?: number;
+    /** Passed to every page button. Defaults to `sm`. */
+    size?: KButtonSize;
+    /** Number of pages. */
+    total: number;
+};
+/** A page number, or a gap rendered as an ellipsis. */
+export type KPaginationItem = number | 'ellipsis';

package/dist/types/components/RadioCard/KRadioCard.vue.d.ts

@@ -0,0 +1,20 @@
+import type { KRadioCardProps, KRadioCardSlots } from './types';
+type __VLS_Props = KRadioCardProps;
+type __VLS_Slots = KRadioCardSlots;
+type __VLS_ModelProps = {
+    modelValue?: unknown;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/RadioCard/KRadioCardGroup.vue.d.ts

@@ -0,0 +1,11 @@
+import type { KRadioCardGroupSlots } from './types';
+type __VLS_Slots = KRadioCardGroupSlots;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,25 @@
+export type KRadioCardProps = {
+    disabled?: boolean;
+    /**
+     * Sprite id of the illustration above the label, e.g. `kt-megaphoneColored`.
+     * The `media` slot overrides it.
+     */
+    icon?: string;
+    /** Text under the illustration. The default slot overrides it. */
+    label?: string;
+    /**
+     * Groups cards for keyboard navigation. Selection is driven by the shared
+     * `v-model`, so this is only needed when the group must also work natively —
+     * inside an uncontrolled form, say.
+     */
+    name?: string;
+    /** What the shared model is set to when this card is picked. */
+    value?: unknown;
+};
+export type KRadioCardSlots = {
+    default?(): any;
+    media?(): any;
+};
+export type KRadioCardGroupSlots = {
+    default?(): any;
+};

package/dist/types/components/SearchInput/KSearchInput.vue.d.ts

@@ -0,0 +1,22 @@
+import type { KSearchInputProps, KSearchInputSlots } from './types';
+type __VLS_Props = KSearchInputProps;
+type __VLS_Slots = KSearchInputSlots;
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    field: import("vue").ComputedRef<HTMLTextAreaElement | null | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,7 @@
+import type { KInputProps } from '../Input/types';
+export type KSearchInputProps = Omit<KInputProps, 'autosize' | 'maxRows' | 'rows' | 'textarea' | 'type'>;
+export type KSearchInputSlots = {
+    /** Replaces the search icon. */
+    prefix?(): any;
+    suffix?(): any;
+};

package/dist/types/components/SegmentedButtons/KSegmentedButton.vue.d.ts

@@ -0,0 +1,20 @@
+import type { KSegmentedButtonProps, KSegmentedButtonSlots } from './types';
+type __VLS_Props = KSegmentedButtonProps;
+type __VLS_Slots = KSegmentedButtonSlots;
+type __VLS_ModelProps = {
+    modelValue?: unknown;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/SegmentedButtons/KSegmentedButtons.vue.d.ts

@@ -0,0 +1,11 @@
+import type { KSegmentedButtonsProps, KSegmentedButtonsSlots } from './types';
+type __VLS_Slots = KSegmentedButtonsSlots;
+declare const __VLS_base: import("vue").DefineComponent<KSegmentedButtonsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KSegmentedButtonsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,25 @@
+export type KSegmentedButtonsProps = {
+    /** Stretches across the container, splitting the width equally. */
+    block?: boolean;
+};
+export type KSegmentedButtonsSlots = {
+    default?(): any;
+};
+export type KSegmentedButtonProps = {
+    disabled?: boolean;
+    /** Sprite id of the icon before the label, e.g. `kt-preview`. */
+    icon?: string;
+    /** Segment text. The default slot overrides it. */
+    label?: string;
+    /**
+     * Groups segments for keyboard navigation. Selection is driven by the shared
+     * `v-model`, so this is only needed when the group must also work natively —
+     * inside an uncontrolled form, say.
+     */
+    name?: string;
+    /** What the shared model is set to when this segment is picked. */
+    value?: unknown;
+};
+export type KSegmentedButtonSlots = {
+    default?(): any;
+};

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

@@ -7,9 +7,11 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: string) => any;
+    clear: () => any;
     "update:modelValue": (value: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onChange?: ((value: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -4,11 +4,17 @@ export type KSelectOption = {
     value: string;
 };
 export type KSelectProps = {
+    /** Shows a × that clears the selection while there is one. */
+    clearable?: boolean;
+    /** The × button's accessible name. Default `'Clear'`. */
+    clearLabel?: string;
     disabled?: boolean;
     /** Sprite href for the caret. */
     icon?: string;
     /** Renders the control inline rather than filling its container. */
     inline?: boolean;
+    /** Shows a spinner in place of the caret; the menu does not open while loading. */
+    loading?: boolean;
     menuClass?: ClassValue;
     /**
      * A bare string is used as both value and label.
@@ -23,6 +29,8 @@ export type KSelectProps = {
 };
 export type KSelectEmits = {
     change: [value: string];
+    /** The × cleared the selection; the model is now `undefined`. */
+    clear: [];
 };
 export type KSelectSlots = {
     /** Replaces the generated items. Give each one `data-kt-select-item`. */

package/dist/types/components/Skeleton/KSkeleton.vue.d.ts

@@ -0,0 +1,4 @@
+import type { KSkeletonProps } from './types';
+declare const __VLS_export: import("vue").DefineComponent<KSkeletonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KSkeletonProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,19 @@
+export type KSkeletonShape = 'rect' | 'text' | 'circle' | 'rounded';
+export type KSkeletonAnimation = 'shimmer' | 'pulse' | 'none';
+/** A CSS length, or a number of pixels. */
+export type KSkeletonSize = string | number;
+export type KSkeletonProps = {
+    /** Defaults to `rect`. */
+    shape?: KSkeletonShape;
+    /**
+     * Defaults to the full width, or the base avatar size for a `circle`. With
+     * `lines`, the width of the whole group.
+     */
+    width?: KSkeletonSize;
+    /** For a `circle`, the diameter when `width` is not given. */
+    height?: KSkeletonSize;
+    /** Number of `text` lines; the last is shortened. Defaults to 1. */
+    lines?: number;
+    /** Defaults to `shimmer`. Always off under reduced motion. */
+    animation?: KSkeletonAnimation;
+};

package/dist/types/components/Table/KTable.vue.d.ts

@@ -1,6 +1,13 @@
 import type { KTableProps, KTableSlots } from './types';
 type __VLS_Slots = KTableSlots;
-declare const __VLS_base: import("vue").DefineComponent<KTableProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KTableProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<KTableProps, {
+    /** Hands every column back to automatic layout. */
+    reset: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    resize: (widths: number[]) => any;
+}, string, import("vue").PublicProps, Readonly<KTableProps> & Readonly<{
+    onResize?: ((widths: number[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/types/components/Table/KTableResizer.vue.d.ts

@@ -0,0 +1,4 @@
+import type { KTableResizerProps } from './types';
+declare const __VLS_export: import("vue").DefineComponent<KTableResizerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KTableResizerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -6,11 +6,38 @@ export type KTableSize = 'md' | 'lg' | 'xl';
  * colspans — stays yours.
  */
 export type KTableProps = {
-    borderless?: boolean;
     hoverable?: boolean;
+    /**
+     * How many leading columns stay put while the table scrolls sideways, up to
+     * 5. Wrap the table in an `overflow-x: auto` container.
+     */
+    pinStart?: number;
+    /** How many trailing columns stay put, up to 5 — e.g. an actions column. */
+    pinEnd?: number;
     size?: KTableSize;
+    /**
+     * Pins the header to the top of the nearest scrolling ancestor — a
+     * height-capped `overflow: auto` wrapper, or the page. Offset it with the
+     * `--kt-table-sticky-top` CSS variable, e.g. below a fixed navbar.
+     */
+    stickyHeader?: boolean;
+    /** Tints every other body row. */
     striped?: boolean;
 };
+export type KTableEmits = {
+    /**
+     * A column was resized — dragged, stepped with the arrow keys, or reset by
+     * a double-click. Carries every column's width in px, header order.
+     */
+    (event: 'resize', widths: number[]): void;
+};
+export type KTableResizerProps = {
+    /** Names the handle for assistive tech, e.g. "Resize Title". */
+    label?: string;
+};
 export type KTableSlots = {
+    /** The table's rows — `<thead>`, `<tbody>` and so on. */
     default?(): any;
+    /** Rendered inside a `<tfoot>` — pass `<tr>`s, e.g. a totals row. */
+    footer?(): any;
 };

package/dist/types/components/Tabs/KTabs.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 } & {
     shown: (name: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
     onShown?: ((name: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;