@knitify/vue 2.0.0 → 2.2.0

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

@@ -1,11 +1,46 @@
-import type { ComputedRef, InjectionKey } from 'vue';
+import type { ClassValue, ComputedRef, InjectionKey } from 'vue';
 export type KTabsVariant = 'pills' | 'underline';
 export type KTabsProps = {
     /** Names the tablist. */
     ariaLabel?: string;
+    /** Classes for the panels' wrapper. */
+    contentClass?: ClassValue;
+    /**
+     * Disables every tab. The active panel stays visible, and `v-model` can
+     * still switch it.
+     */
+    disabled?: boolean;
+    /**
+     * Gives inactive tabs a surface background instead of a transparent one.
+     * Combines with any variant and with `merged`.
+     */
+    filled?: boolean;
+    /** Classes for the tablist, where the variant class also goes. */
+    listClass?: ClassValue;
+    /**
+     * Joins the tab buttons into one control: no gap between them, and only the
+     * outer corners rounded. Combines with the `pills` variant; not meant for
+     * `underline`.
+     */
+    merged?: boolean;
+    /**
+     * Renders the tablist alone, without the panels' wrapper — for tabs that
+     * drive content elsewhere through `v-model`. The default slot is ignored.
+     */
+    noContent?: boolean;
+    /**
+     * A light active tab, matching `KButton`'s `secondary`: the subtler brand
+     * fill with base text. Combines with `pills`, `filled` and `merged`; has no
+     * effect on `underline`.
+     */
+    secondary?: boolean;
     variant?: KTabsVariant;
 };
 export type KTabProps = {
+    /**
+     * Takes the tab out of roving focus and out of `v-model`'s reach — setting
+     * the model to its name is a no-op.
+     */
     disabled?: boolean;
     /** Matches this tab to its panel, and is what `v-model` holds. */
     name: string;
@@ -25,11 +60,15 @@ export type KTabsSlots = {
 };
 export type KTabsContext = {
     active: ComputedRef<string | undefined>;
+    disabled: ComputedRef<boolean>;
+    /** False under `noContent`, where there is no panel for a tab to control. */
+    hasPanels: ComputedRef<boolean>;
     /**
      * Core resolves a panel with `querySelector('#' + target)` without escaping,
-     * so the id is restricted to characters that are safe unquoted. Two names
-     * differing only in punctuation therefore collapse to the same id.
+     * so the id is restricted to characters that are safe unquoted.
      */
     panelId: (name: string) => string;
+    /** The tab's id, which its panel is labelled by. */
+    tabId: (name: string) => string;
 };
 export declare const tabsKey: InjectionKey<KTabsContext>;

package/dist/types/components/TagsInput/KTagsInput.vue.d.ts

@@ -0,0 +1,32 @@
+import type { KTagsInputProps, KTagsInputSlots } from './types';
+type __VLS_Props = KTagsInputProps;
+type __VLS_Slots = KTagsInputSlots;
+type __VLS_ModelProps = {
+    modelValue?: string[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+    add: (value: string) => boolean;
+    clear: () => never[];
+    focus: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    invalid: (value: string, reason: string) => any;
+    add: (value: string) => any;
+    remove: (value: string, index: number) => any;
+    "update:modelValue": (value: string[]) => any;
+    loadError: (error: unknown, query: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onInvalid?: ((value: string, reason: string) => any) | undefined;
+    onAdd?: ((value: string) => any) | undefined;
+    onRemove?: ((value: string, index: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+    onLoadError?: ((error: unknown, query: string) => 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/TagsInput/types.d.ts

@@ -0,0 +1,68 @@
+export type KTagsInputValidator = (tag: string, tags: string[]) => true | string;
+export type KTagsInputOption = {
+    label: string;
+    value: string;
+    data?: unknown;
+};
+export type KTagsInputLoader = (query: string, context: {
+    signal: AbortSignal;
+}) => Promise<(KTagsInputOption | string)[]>;
+export type KTagsInputProps = {
+    /** Dedupe treats "Design" and "design" as different tags. */
+    caseSensitive?: boolean;
+    /** Characters that commit a tag. Enter always commits. Default `',;'`. */
+    delimiters?: string;
+    disabled?: boolean;
+    ghost?: boolean;
+    max?: number;
+    /** Renders a hidden input holding the tags joined with commas. */
+    name?: string;
+    /** Shows a spinner and marks the field busy; combined with a pending `load`. */
+    loading?: boolean;
+    /** Loads suggestions for the typed text (debounced; stale requests aborted). */
+    load?: KTagsInputLoader;
+    /** Debounce before `load` runs, in ms. Default `250`. */
+    loadDelay?: number;
+    /** Shows the whole suggestion list on focus, before anything is typed. */
+    openOnFocus?: boolean;
+    /** Suggestions shown while typing. A bare string is both label and value. */
+    options?: (KTagsInputOption | string)[];
+    placeholder?: string;
+    /** Shows the tags but hides the text field and the remove buttons. */
+    readonly?: boolean;
+    /** Only listed options can become tags; others are rejected as `'not-in-list'`. */
+    restrict?: boolean;
+    rounded?: boolean;
+    sunken?: boolean;
+    transparent?: boolean;
+    /** Return `true` to accept, or a reason string to reject. */
+    validate?: KTagsInputValidator;
+};
+export type KTagsInputEmits = {
+    add: [value: string];
+    remove: [value: string, index: number];
+    /** `reason` is `'duplicate'`, `'max'`, `'not-in-list'`, or the string `validate` returned. */
+    invalid: [value: string, reason: string];
+    loadError: [error: unknown, query: string];
+};
+export type KTagsInputSlots = {
+    /** Replaces the tag's label. The remove button is still rendered after it. */
+    tag?(props: {
+        value: string;
+        label: string;
+        index: number;
+        remove: () => void;
+    }): any;
+    /**
+     * Replaces a suggestion row's content (default: the label). Focus stays in
+     * the text field and rows are picked with Enter or a click, so put nothing
+     * focusable or interactive inside.
+     */
+    option?(props: {
+        option: KTagsInputOption;
+        active: boolean;
+        index: number;
+    }): any;
+    prefix?(): any;
+    suffix?(): any;
+};

package/dist/types/components/TagsInput/useTagsInput.d.ts

@@ -0,0 +1,27 @@
+import type { ShallowRef } from 'vue';
+import Knitify from '@knitify/core';
+type TagsInputModuleConfig = NonNullable<ConstructorParameters<typeof Knitify.modules.TagsInput>[1]>;
+type TagsInputControls = {
+    add(value: string): boolean;
+    focus(): void;
+    getValues(): string[];
+    remove(value: string): boolean;
+    setLoading(loading: boolean): void;
+    setOptions(options: (string | {
+        label: string;
+        value: string;
+    })[]): void;
+    setValues(values: string[]): void;
+};
+type Options = {
+    root: Readonly<ShallowRef<HTMLElement | null>>;
+    /** Read inside a watcher, so every prop it touches triggers a rebuild. */
+    config: () => TagsInputModuleConfig;
+    /** Pushes the current model into a freshly built module. */
+    apply: (instance: TagsInputControls) => void;
+    listeners: Record<string, (event: CustomEvent) => void>;
+};
+export declare function useTagsInput({ root, config, apply, listeners }: Options): {
+    getInstance: () => TagsInputControls | undefined;
+};
+export {};

package/dist/types/components/Time/KTime.vue.d.ts

@@ -0,0 +1,18 @@
+import type { KTimeProps } from './types';
+type __VLS_Props = KTimeProps;
+type __VLS_ModelProps = {
+    modelValue?: string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+    clear: () => null;
+    focus: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (value: string) => any;
+    "update:modelValue": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSelect?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,23 @@
+export type KTimeHourCycle = 12 | 24;
+export type KTimeProps = {
+    /** `12` adds AM/PM buttons; `24` shows 00–23. The value is always 24-hour. Default `12`. */
+    hourCycle?: KTimeHourCycle;
+    /** Latest selectable time, `HH:mm` or `HH:mm:ss`, inclusive. */
+    maxTime?: string;
+    /** Earliest selectable time, `HH:mm` or `HH:mm:ss`, inclusive. */
+    minTime?: string;
+    /** Minutes per + / − press (and ↑/↓ in the field), 1–30. Default `1`. */
+    minuteStep?: number;
+    /** The Now button's label. Default `'Now'`. */
+    nowLabel?: string;
+    /** Seconds per + / − press, 1–30. Default `1`. */
+    secondStep?: number;
+    /** Adds seconds; the value becomes `HH:mm:ss`. */
+    seconds?: boolean;
+    /** Shows a Now button that picks the current time. */
+    showNow?: boolean;
+};
+export type KTimeEmits = {
+    /** Enter was pressed in a part, or Now was picked. */
+    select: [value: string];
+};

package/dist/types/components/TimeInput/KTimeInput.vue.d.ts

@@ -0,0 +1,26 @@
+import type { KTimeInputInvalidReason, KTimeInputProps } from './types';
+type __VLS_Props = KTimeInputProps;
+type __VLS_ModelProps = {
+    modelValue?: string | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+    clear: () => null;
+    close: () => void | undefined;
+    focus: () => void | undefined;
+    open: () => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: () => any;
+    close: () => any;
+    invalid: (reason: KTimeInputInvalidReason, text: string) => any;
+    clear: () => any;
+    "update:modelValue": (value: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onOpen?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onInvalid?: ((reason: KTimeInputInvalidReason, text: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,27 @@
+import type { KTimeProps } from '../Time/types';
+export type KTimeInputInvalidReason = 'incomplete' | 'out-of-range';
+export type KTimeInputProps = KTimeProps & {
+    /** Shows a × that clears the value while there is one. */
+    clearable?: boolean;
+    /** The × button's accessible name. Default `'Clear'`. */
+    clearLabel?: string;
+    disabled?: boolean;
+    ghost?: boolean;
+    /** Shows a spinner as the last addon and disables the clock button; the field stays editable. */
+    loading?: boolean;
+    /** Posts the value (`HH:mm` or `HH:mm:ss`, 24-hour) through a hidden input. */
+    name?: string;
+    /** Defaults to the layout, e.g. `hh:mm AA`. */
+    placeholder?: string;
+    readonly?: boolean;
+    rounded?: boolean;
+    sunken?: boolean;
+    transparent?: boolean;
+};
+export type KTimeInputEmits = {
+    /** The × cleared the value. */
+    clear: [];
+    close: [];
+    invalid: [reason: KTimeInputInvalidReason, text: string];
+    open: [];
+};

package/dist/types/components/TimeInput/useTimeInput.d.ts

@@ -0,0 +1,22 @@
+import type { ShallowRef } from 'vue';
+import Knitify from '@knitify/core';
+type TimeInputModuleConfig = NonNullable<ConstructorParameters<typeof Knitify.modules.TimeInput>[1]>;
+type TimeInputControls = {
+    close(): void;
+    getValue(): string | null;
+    open(): void;
+    setValue(value: string | null): void;
+};
+type Options = {
+    root: Readonly<ShallowRef<HTMLElement | null>>;
+    /** Read inside a watcher, so every prop it touches triggers a rebuild. */
+    config: () => TimeInputModuleConfig;
+    /** Pushes the current model into a freshly built module. */
+    apply: (instance: TimeInputControls) => void;
+    listeners: Record<string, (event: CustomEvent) => void>;
+};
+export declare const syncClearButton: (element: unknown) => void;
+export declare function useTimeInput(options: Options): {
+    getInstance: () => TimeInputControls | undefined;
+};
+export {};

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

@@ -1,4 +1,17 @@
+import { Intent } from '../../types';
 export type KToastPosition = 'top' | 'bottom' | 'left' | 'right' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+export type KToastLink = {
+    label: string;
+    /** Without one, the link renders as a button and only runs `onClick`. */
+    href?: string;
+    target?: string;
+    /**
+     * Runs before the toast closes; return `false` to keep it open.
+     * `event.preventDefault()` stops an `href` navigating — use it to route
+     * client-side — and still closes the toast.
+     */
+    onClick?: (event: MouseEvent) => boolean | void;
+};
 export type KToastOptions = {
     description?: string;
     /** Milliseconds before it closes itself. */
@@ -8,9 +21,18 @@ export type KToastOptions = {
      * not as a sprite href. Never pass user-supplied content here.
      */
     icon?: string;
+    /** Up to 3, shown under the description. Any more are dropped. */
+    links?: KToastLink[];
     position?: KToastPosition;
     title: string;
+    /** Semantic colour — the same intents as KAlert's `variant`. */
+    variant?: Intent;
 };
+/**
+ * Options for `success`, `error`, `warning` and `info`, which set the variant
+ * and icon themselves and default to the top-centre position.
+ */
+export type KToastShortcutOptions = Omit<KToastOptions, 'title' | 'variant' | 'icon'>;
 /** Defaults applied to every toast raised through the returned helper. */
 export type KToastDefaults = Omit<KToastOptions, 'title'>;
 export type KToastHandle = {

package/dist/types/components/Toast/useToast.d.ts

@@ -1,4 +1,4 @@
-import type { KToastDefaults, KToastHandle, KToastOptions, KToastPosition } from './types';
+import type { KToastDefaults, KToastHandle, KToastOptions, KToastPosition, KToastShortcutOptions } from './types';
 /**
  * Toasts have no component because core's Toast has no markup to wrap:
  * `new Toast({ title })` builds its own element, mounts it into a container it
@@ -8,6 +8,10 @@ import type { KToastDefaults, KToastHandle, KToastOptions, KToastPosition } from
  * ```ts
  * const toast = useToast({ position: 'bottom-right' })
  * toast.show({ title: 'Saved', description: 'Your changes are live.' })
+ *
+ * // Semantic shortcuts preset the variant and icon.
+ * toast.success('Saved')
+ * toast.error('Upload failed', { description: 'The file is over 10 MB.' })
  * ```
  *
  * Nothing here is reactive or tied to a component instance, so it can be called
@@ -16,5 +20,13 @@ import type { KToastDefaults, KToastHandle, KToastOptions, KToastPosition } from
 export declare function useToast(defaults?: KToastDefaults): {
     /** Dismisses every toast, or only those in one corner. */
     closeAll(position?: KToastPosition): void;
-    show(options: KToastOptions): KToastHandle;
+    show: (options: KToastOptions) => KToastHandle;
+    /** Green, with a check. */
+    success: (title: string, options?: KToastShortcutOptions) => KToastHandle;
+    /** Red, with a cross. Stays up for 8 seconds unless told otherwise. */
+    error: (title: string, options?: KToastShortcutOptions) => KToastHandle;
+    /** Amber, with a warning triangle. */
+    warning: (title: string, options?: KToastShortcutOptions) => KToastHandle;
+    /** Blue, with an info mark. */
+    info: (title: string, options?: KToastShortcutOptions) => KToastHandle;
 };

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

@@ -2,6 +2,8 @@ export type KToggleProps = {
     disabled?: boolean;
     /** Text beside the switch. The default slot overrides it. */
     label?: string;
+    /** Shows ON/OFF inside the track. Off by default. */
+    text?: boolean;
 };
 export type KToggleSlots = {
     default?(): any;

package/dist/types/components/Tooltip/triggerHandlers.d.ts

@@ -0,0 +1,33 @@
+import type { KTooltipProps } from './types';
+declare function onMouseover(event: MouseEvent): void;
+declare function onMouseout(event: MouseEvent): void;
+declare function onFocusin(event: FocusEvent): void;
+declare function onFocusout(event: FocusEvent): void;
+/** The trigger listeners, keyed by DOM event name. */
+export declare const triggerListeners: {
+    readonly focusin: typeof onFocusin;
+    readonly focusout: typeof onFocusout;
+    readonly mouseout: typeof onMouseout;
+    readonly mouseover: typeof onMouseover;
+};
+/** The same listeners as vnode props, for `cloneVNode`. */
+export declare const triggerListenerProps: {
+    onFocusin: typeof onFocusin;
+    onFocusout: typeof onFocusout;
+    onMouseout: typeof onMouseout;
+    onMouseover: typeof onMouseover;
+};
+/** Core's attributes for a label, placement and delay, as a plain record. */
+export declare function triggerAttributes(options: KTooltipProps): Record<string, string>;
+export declare const triggerAttributeNames: readonly ["data-kt-tooltip", "data-kt-tooltip-placement", "data-kt-tooltip-delay"];
+export declare function retainEscape(): void;
+export declare function releaseEscape(): void;
+/**
+ * A trigger unmounted while its tooltip is up would otherwise strand the
+ * bubble, which core has moved to `<body>`. With the trigger in hand, only its
+ * own tooltip closes — a row leaving a list must not close the tooltip of the
+ * row still under the pointer. Without one (KTooltip, which does not hold its
+ * child's element), every tooltip closes, as core's delegated version does.
+ */
+export declare function hideOnUnmount(trigger?: Element): void;
+export {};

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

@@ -16,3 +16,8 @@ export type KTooltipSlots = {
      */
     default?(): any;
 };
+/**
+ * The value of `v-tooltip`: a label, the full options, or a falsy value to
+ * turn the tooltip off.
+ */
+export type KTooltipDirectiveValue = string | KTooltipProps | null | undefined | false;

package/dist/types/components/Tooltip/vTooltip.d.ts

@@ -0,0 +1,10 @@
+import type { ObjectDirective } from 'vue';
+import type { KPlacement } from '../Popover/types';
+import type { KTooltipDirectiveValue } from './types';
+export declare const vTooltip: ObjectDirective<Element, KTooltipDirectiveValue, string, KPlacement>;
+export default vTooltip;
+declare module 'vue' {
+    interface GlobalDirectives {
+        vTooltip: typeof vTooltip;
+    }
+}

package/dist/types/components/Workspace/KWorkspace.vue.d.ts

@@ -1,24 +1,36 @@
-import type { KWorkspaceProps, KWorkspaceSlots } from './types';
+import type { KWorkspaceDrawer, KWorkspaceProps, KWorkspaceSlots } from './types';
 type __VLS_Props = KWorkspaceProps;
 type __VLS_Slots = KWorkspaceSlots;
 declare function toggle(): void;
 declare function expand(): void;
 declare function collapseSidebar(): void;
+declare function openDrawer(target?: KWorkspaceDrawer): void;
+declare function closeDrawer(target?: KWorkspaceDrawer): void;
+declare function toggleDrawer(target?: KWorkspaceDrawer): void;
 type __VLS_ModelProps = {
     'expanded'?: boolean;
+    'open'?: boolean;
+    'bodyOpen'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     toggle: typeof toggle;
     expand: typeof expand;
     collapse: typeof collapseSidebar;
+    openDrawer: typeof openDrawer;
+    closeDrawer: typeof closeDrawer;
+    toggleDrawer: typeof toggleDrawer;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
     "update:expanded": (value: boolean) => any;
+    "update:bodyOpen": (value: boolean) => any;
 } & {
     toggle: (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onToggle?: ((value: boolean) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     "onUpdate:expanded"?: ((value: boolean) => any) | undefined;
+    "onUpdate:bodyOpen"?: ((value: boolean) => 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;

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

@@ -1,18 +1,28 @@
 import { ClassValue } from 'vue';
 export type KWorkspaceSide = 'left' | 'right';
+export type KWorkspaceBreakpoint = 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+export type KWorkspaceDrawer = 'sidebar' | 'bodySidebar';
 export type KWorkspaceProps = {
     bodyClass?: ClassValue;
     bodyContentClass?: ClassValue;
+    bodyDrawerAt?: KWorkspaceBreakpoint;
+    bodyDrawerWidth?: string;
     bodySidebarClass?: ClassValue;
     bodySidebarSide?: KWorkspaceSide;
+    bodySidebarWidth?: string;
     collapsible?: boolean;
+    drawerAt?: KWorkspaceBreakpoint;
+    drawerWidth?: string;
     footerClass?: ClassValue;
     height?: string;
     mainClass?: ClassValue;
+    rounded?: boolean;
     side?: KWorkspaceSide;
     sidebarBodyClass?: ClassValue;
     sidebarClass?: ClassValue;
+    sidebarHeaderClass?: ClassValue;
     sidebarInnerClass?: ClassValue;
+    sidebarWidth?: string;
     topbarClass?: ClassValue;
 };
 export type KWorkspaceEmits = {

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

@@ -3,15 +3,22 @@ export { chatBusyKey } from './Chat/keys';
 export { chatDockKey } from './ChatDock/keys';
 export { chatDockStoreKey, injectChatDock, provideChatDock, } from './ChatDock/store-keys';
 export { useChatDock } from './ChatDock/useChatDock';
+export { fieldKey } from './Field/keys';
+export { useFieldControl } from '../utils/useFieldControl';
+export { registerColumnType } from './DataTable/columnTypes';
+export { dataTableKey } from './DataTable/keys';
 export { default as KAccordion } from './Accordion/KAccordion.vue';
 export { default as KAccordionItem } from './Accordion/KAccordionItem.vue';
 export { default as KAlert } from './Alert/KAlert.vue';
+export { default as KArticleList } from './ArticleList/KArticleList.vue';
+export { default as KArticleListItem } from './ArticleList/KArticleListItem.vue';
 export { default as KAvatar } from './Avatar/KAvatar.vue';
 export { default as KAvatarGroup } from './Avatar/KAvatarGroup.vue';
 export { default as KBadge } from './Badge/KBadge.vue';
 export { default as KBreadcrumb } from './Breadcrumb/KBreadcrumb.vue';
 export { default as KBreadcrumbItem } from './Breadcrumb/KBreadcrumbItem.vue';
 export { default as KButton } from './Button/KButton.vue';
+export { default as KButtonGroup } from './ButtonGroup/KButtonGroup.vue';
 export { default as KCalendar } from './Calendar/KCalendar.vue';
 export { default as KCard } from './Card/KCard.vue';
 export { default as KChat } from './Chat/KChat.vue';
@@ -27,14 +34,23 @@ export { default as KChatNotice } from './Chat/KChatNotice.vue';
 export { default as KChatPrompt } from './Chat/KChatPrompt.vue';
 export { default as KChatShimmer } from './Chat/KChatShimmer.vue';
 export { default as KChatWindow } from './ChatDock/KChatWindow.vue';
+export { default as KChatNewWindow } from './ChatDock/KChatNewWindow.vue';
 export { default as KCheckbox } from './Checkbox/KCheckbox.vue';
 export { default as KCollapse } from './Collapse/KCollapse.vue';
 export { default as KContainer } from './Container/KContainer.vue';
+export { default as KDataTable } from './DataTable/KDataTable.vue';
+export { default as KDateInput } from './DateInput/KDateInput.vue';
+export { default as KDateRangeInput } from './DateInput/KDateRangeInput.vue';
+export { default as KDialogHost } from './Dialog/KDialogHost.vue';
+export { default as KDivider } from './Divider/KDivider.vue';
 export { default as KDrawer } from './Drawer/KDrawer.vue';
+export { default as KDropzone } from './Dropzone/KDropzone.vue';
 export { default as KDropdown } from './Dropdown/KDropdown.vue';
 export { default as KDropdownItem } from './Dropdown/KDropdownItem.vue';
 export { default as KDropdownMenu } from './Dropdown/KDropdownMenu.vue';
+export { default as KField } from './Field/KField.vue';
 export { default as KFileTree } from './FileTree/KFileTree.vue';
+export { default as KFlex } from './Flex/KFlex.vue';
 export { default as KGrid } from './Grid/KGrid.vue';
 export { default as KGridColumn } from './Grid/KGridColumn.vue';
 export { default as KGridRow } from './Grid/KGridRow.vue';
@@ -47,16 +63,29 @@ export { default as KNavbar } from './Navbar/KNavbar.vue';
 export { default as KNavbarMenu } from './Navbar/KNavbarMenu.vue';
 export { default as KNotificationList } from './NotificationList/KNotificationList.vue';
 export { default as KNotificationListItem } from './NotificationList/KNotificationListItem.vue';
+export { default as KPagination } from './Pagination/KPagination.vue';
 export { default as KPopover } from './Popover/KPopover.vue';
 export { default as KProgress } from './Progress/KProgress.vue';
 export { default as KRadio } from './Radio/KRadio.vue';
+export { default as KRadioCard } from './RadioCard/KRadioCard.vue';
+export { default as KRadioCardGroup } from './RadioCard/KRadioCardGroup.vue';
+export { default as KSearchInput } from './SearchInput/KSearchInput.vue';
+export { default as KSegmentedButton } from './SegmentedButtons/KSegmentedButton.vue';
+export { default as KSegmentedButtons } from './SegmentedButtons/KSegmentedButtons.vue';
 export { default as KSelect } from './Select/KSelect.vue';
+export { default as KSkeleton } from './Skeleton/KSkeleton.vue';
 export { default as KSpinner } from './Spinner/KSpinner.vue';
 export { default as KTab } from './Tabs/KTab.vue';
 export { default as KTable } from './Table/KTable.vue';
+export { default as KTableResizer } from './Table/KTableResizer.vue';
 export { default as KTabPanel } from './Tabs/KTabPanel.vue';
 export { default as KTabs } from './Tabs/KTabs.vue';
+export { default as KTagsInput } from './TagsInput/KTagsInput.vue';
+export { default as KTime } from './Time/KTime.vue';
+export { default as KTimeInput } from './TimeInput/KTimeInput.vue';
 export { default as KToggle } from './Toggle/KToggle.vue';
 export { default as KTooltip } from './Tooltip/KTooltip.vue';
+export { vTooltip } from './Tooltip/vTooltip';
 export { default as KWorkspace } from './Workspace/KWorkspace.vue';
 export { useToast } from './Toast/useToast';
+export { useDialog } from './Dialog/useDialog';

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

@@ -1,10 +1,15 @@
 export * from './Accordion/types';
 export * from './Alert/types';
+export * from './ArticleList/types';
 export * from './Avatar/types';
 export * from './Badge/types';
 export * from './Breadcrumb/types';
 export * from './Button/types';
+export * from './ButtonGroup/types';
 export * from './Calendar/types';
+export * from './DataTable/types';
+export type { DataTableContext } from './DataTable/keys';
+export * from './DateInput/types';
 export * from './Card/types';
 export * from './Chat/types';
 export type { ChatDockCallResult, ChatDockContext, ChatDockInstance, } from './ChatDock/keys';
@@ -13,9 +18,15 @@ export * from './ChatDock/messenger-types';
 export * from './Checkbox/types';
 export * from './Collapse/types';
 export * from './Container/types';
+export * from './Divider/types';
 export * from './Drawer/types';
+export * from './Field/types';
+export type { FieldContext } from './Field/keys';
+export type { UseFieldControlOptions } from '../utils/useFieldControl';
 export * from './Dropdown/types';
+export * from './Dropzone/types';
 export * from './FileTree/types';
+export * from './Flex/types';
 export * from './Grid/types';
 export * from './Icon/types';
 export * from './Input/types';
@@ -23,13 +34,22 @@ export * from './MenuList/types';
 export * from './Modal/types';
 export * from './Navbar/types';
 export * from './NotificationList/types';
+export * from './Pagination/types';
 export * from './Popover/types';
 export * from './Progress/types';
 export * from './Radio/types';
+export * from './RadioCard/types';
+export * from './SearchInput/types';
+export * from './SegmentedButtons/types';
 export * from './Select/types';
+export * from './Skeleton/types';
+export * from './Dialog/types';
 export * from './Spinner/types';
 export * from './Table/types';
 export * from './Tabs/types';
+export * from './TagsInput/types';
+export * from './Time/types';
+export * from './TimeInput/types';
 export * from './Toast/types';
 export * from './Toggle/types';
 export * from './Tooltip/types';