@knitify/vue 1.0.0 → 2.1.0

package/dist/types/components/DateInput/KDateRangeInput.vue.d.ts

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

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

@@ -0,0 +1,69 @@
+export type KDateRange = {
+    end: Date | null;
+    start: Date | null;
+};
+export type KDateInputInvalidReason = 'disabled' | 'incomplete' | 'invalid' | 'order' | 'out-of-range';
+export type KDateInputProps = {
+    /** Shows a × that clears the value while there is one. */
+    clearable?: boolean;
+    /** The × button's accessible name. Default `'Clear'`. */
+    clearLabel?: string;
+    disabled?: boolean;
+    /** Time for a day picked or typed without one, `HH:mm`. Default `'00:00'`. Needs `timeable`. */
+    defaultTime?: string;
+    /** Shows a spinner as the last addon and disables the calendar button; the field stays editable. */
+    loading?: boolean;
+    /** Dates that cannot be picked or typed. */
+    disabledDates?: Date[];
+    /** `0` is Sunday, `1` is Monday. */
+    firstDay?: 0 | 1;
+    /** `MM`, `DD` and `YYYY` in any order with a separator between each. Defaults to `MM/DD/YYYY`. */
+    format?: string;
+    ghost?: boolean;
+    /** `12` shows hh:mm AA; `24` shows HH:mm. Needs `timeable`. Default `12`. */
+    hourCycle?: 12 | 24;
+    /** BCP 47 tag driving the calendar's month and weekday names. */
+    locale?: string;
+    maxDate?: Date;
+    /** Latest time of day allowed, `HH:mm[:ss]`. Needs `timeable`. */
+    maxTime?: string;
+    minDate?: Date;
+    /** Earliest time of day allowed, `HH:mm[:ss]`. Needs `timeable`. */
+    minTime?: string;
+    /** Minutes per step, 1–30. Needs `timeable`. */
+    minuteStep?: number;
+    /** Months the calendar shows side by side. */
+    months?: 1 | 2;
+    /** Posts the value as ISO `YYYY-MM-DD` (`YYYY-MM-DDTHH:mm` when `timeable`) through a hidden input (`name[start]` / `name[end]` for a range). */
+    name?: string;
+    /** The Now button's label. Needs `timeable`. */
+    nowLabel?: string;
+    /** Defaults to the format (plus the time layout when `timeable`). */
+    placeholder?: string;
+    readonly?: boolean;
+    rounded?: boolean;
+    /** Seconds per step, 1–30. Needs `timeable` and `seconds`. */
+    secondStep?: number;
+    /** Adds seconds to the time. Needs `timeable`. */
+    seconds?: boolean;
+    /** Shows a Now button in the time panel(s). Needs `timeable`. */
+    showNow?: boolean;
+    sunken?: boolean;
+    /** Adds time to each date: the field gets time sections and the dropdown Time panel(s); values keep their time. */
+    timeable?: boolean;
+    transparent?: boolean;
+};
+export type KDateRangeInputProps = KDateInputProps & {
+    /** Time for a range end picked or typed without one, `HH:mm`. Default `'23:59'`. Needs `timeable`. */
+    defaultEndTime?: string;
+};
+export type KDateInputEmits = {
+    /** The × cleared the value. */
+    clear: [];
+    close: [];
+    invalid: [reason: KDateInputInvalidReason, text: string];
+    open: [];
+};
+export type KDateRangeInputEmits = KDateInputEmits & {
+    rangestart: [date: Date];
+};

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

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

package/dist/types/components/Divider/KDivider.vue.d.ts

@@ -0,0 +1,11 @@
+import type { KDividerProps, KDividerSlots } from './types';
+type __VLS_Slots = KDividerSlots;
+declare const __VLS_base: import("vue").DefineComponent<KDividerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<KDividerProps> & 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/Divider/types.d.ts

@@ -0,0 +1,19 @@
+export type KDividerLabelPosition = 'start' | 'center' | 'end';
+export type KDividerTone = 'muted' | 'base' | 'accented' | 'inverse';
+export type KDividerSpacing = 'none' | 'sm' | 'md' | 'lg';
+export type KDividerProps = {
+    /** Runs top to bottom; stretches to the height of a flex row. */
+    vertical?: boolean;
+    /** Text on the line. The default slot overrides it. Omit for a plain rule. */
+    label?: string;
+    /** Where the label sits along the line. Defaults to `center`. */
+    labelPosition?: KDividerLabelPosition;
+    /** Line color, from the border tones. Defaults to `base`. */
+    tone?: KDividerTone;
+    dashed?: boolean;
+    /** Margin across the line. Defaults to `md`. */
+    spacing?: KDividerSpacing;
+};
+export type KDividerSlots = {
+    default?(): any;
+};

package/dist/types/components/Drawer/KDrawer.vue.d.ts

@@ -13,16 +13,16 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
 } & {
+    shown: () => any;
     hidden: () => any;
     hide: () => any;
     show: () => any;
-    shown: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onShown?: (() => any) | undefined;
     onHidden?: (() => any) | undefined;
     onHide?: (() => any) | undefined;
-    onShow?: (() => any) | undefined;
-    onShown?: (() => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onShow?: (() => 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/Dropdown/KDropdown.vue.d.ts

@@ -10,12 +10,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     show: () => boolean;
     hide: () => boolean;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    hidden: () => any;
     shown: () => any;
+    hidden: () => any;
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onHidden?: (() => any) | undefined;
     onShown?: (() => any) | undefined;
+    onHidden?: (() => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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/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`, so it needs `Knitify.init()`. */
+    /** 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/KModal.vue.d.ts

@@ -15,16 +15,16 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;
 } & {
+    shown: () => any;
     hidden: () => any;
     hide: () => any;
     show: () => any;
-    shown: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onShown?: (() => any) | undefined;
     onHidden?: (() => any) | undefined;
     onHide?: (() => any) | undefined;
-    onShow?: (() => any) | undefined;
-    onShown?: (() => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onShow?: (() => 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/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;

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/Popover/KPopover.vue.d.ts

@@ -10,12 +10,12 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     show: () => boolean;
     hide: () => boolean;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    hidden: () => any;
     shown: () => any;
+    hidden: () => any;
     "update:open": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onHidden?: (() => any) | undefined;
     onShown?: (() => any) | undefined;
+    onHidden?: (() => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -2,6 +2,8 @@ import { type Ref, type ShallowRef } from 'vue';
 export type OverlayModule = {
     hide(): void;
     show(): void;
+    /** Core moves this to `<body>` while open, so it is outside the root. */
+    getContent?(): Element | null;
 };
 export type OverlaySyncOptions<T extends OverlayModule> = {
     /** Builds the core module against the root element. */
@@ -10,6 +12,12 @@ export type OverlaySyncOptions<T extends OverlayModule> = {
     element: Readonly<ShallowRef<HTMLElement | null>>;
     onEvent?: (name: 'shown' | 'hidden') => void;
     open: Ref<boolean>;
+    /**
+     * Opening this overlay closes every other mounted overlay sharing the group.
+     * Replaces the sweep core's delegated toggle did by querying
+     * `[data-kt-popover].is-active` across the page.
+     */
+    group?: string;
 };
 /**
  * Two-way binding between a `v-model` and core's Popover, Dropdown or Tooltip.
@@ -28,7 +36,13 @@ export type OverlaySyncOptions<T extends OverlayModule> = {
  * because Vue 3.5 batches reactive effects: a flag set around the model write
  * would already be cleared by the time even a `sync` watcher ran.
  */
-export declare function useOverlaySync<T extends OverlayModule>({ create, element, onEvent, open, }: OverlaySyncOptions<T>): {
+export declare function useOverlaySync<T extends OverlayModule>({ create, element, group, onEvent, open, }: OverlaySyncOptions<T>): {
+    /**
+     * The live core instance, for module-specific behaviour a wrapper binds
+     * itself — Dropdown's submenus, for instance. Undefined before the root
+     * element exists.
+     */
+    getInstance: () => T | undefined;
     hide: () => void;
     show: () => void;
     toggle: () => void;

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;
+    };
+};