@knime/kds-components 0.23.2 → 0.24.1

package/dist/src/forms/inputs/TimeInput/TimePicker.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/TimeInput/TimePicker.vue"],"names":[],"mappings":"AA0RA,OAAO,EAAY,QAAQ,EAAkB,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAM7C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAYvD,KAAK,WAAW,GAAG;IACjB,cAAc,EAAE,uBAAuB,CAAC;CACzC,CAAC;AAyHF,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,uBAAuB,CAAC;CACvC,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAoU6jG,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlBnsG,wBAUG"}

package/dist/src/forms/inputs/TimeInput/enums.d.ts

@@ -0,0 +1,7 @@
+export declare const kdsTimeInputGranularity: {
+    readonly MINUTE: "minute";
+    readonly SECOND: "second";
+    readonly MILLISECOND: "millisecond";
+};
+export declare const kdsTimeInputGranularities: ("minute" | "second" | "millisecond")[];
+//# sourceMappingURL=enums.d.ts.map

package/dist/src/forms/inputs/TimeInput/enums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/TimeInput/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC;AAEX,eAAO,MAAM,yBAAyB,yCAAyC,CAAC"}

package/dist/src/forms/inputs/TimeInput/index.d.ts

@@ -0,0 +1,4 @@
+export { default as KdsTimeInput } from './KdsTimeInput.vue';
+export { kdsTimeInputGranularity, kdsTimeInputGranularities } from './enums';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/forms/inputs/TimeInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/TimeInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAC7E,mBAAmB,SAAS,CAAC"}

package/dist/src/forms/inputs/TimeInput/types.d.ts

@@ -0,0 +1,15 @@
+import { KdsInputFieldProps } from '../types';
+import { kdsTimeInputGranularity } from './enums';
+export type KdsTimeInputGranularity = (typeof kdsTimeInputGranularity)[keyof typeof kdsTimeInputGranularity];
+export type KdsTimeInputProps = Omit<KdsInputFieldProps, "placeholder"> & {
+    /**
+     * The finest (maximum) granularity the user is allowed to choose in the
+     * time picker. The picker's "Add seconds" / "Add milliseconds" buttons are
+     * hidden once the maximum is reached, and an initial `granularity` finer
+     * than `maxGranularity` is clamped down to `maxGranularity`.
+     *
+     * Default: `"minute"`.
+     */
+    maxGranularity?: KdsTimeInputGranularity;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/src/forms/inputs/TimeInput/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/TimeInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,uBAAuB,GACjC,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAC;AAEzE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,kBAAkB,EAAE,aAAa,CAAC,GAAG;IACxE;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,uBAAuB,CAAC;CAC1C,CAAC"}

package/dist/src/forms/inputs/TimeInput/useTimeInputMask.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+import { Temporal } from 'temporal-polyfill';
+import { KdsInputSegmentsConfig } from '../useInputSegments';
+import { KdsTimeInputGranularity } from './types';
+export declare const useTimeInputMask: (modelValue: Ref<Temporal.PlainTime | null>, granularityRef: Ref<KdsTimeInputGranularity>) => {
+    displayValue: Ref<string, string>;
+    isEmpty: import('vue').ComputedRef<boolean>;
+    isComplete: import('vue').ComputedRef<boolean>;
+    isValidTime: import('vue').ComputedRef<boolean>;
+    parsedTime: import('vue').ComputedRef<Temporal.PlainTime | null>;
+    segments: import('vue').ComputedRef<KdsInputSegmentsConfig>;
+};
+//# sourceMappingURL=useTimeInputMask.d.ts.map

package/dist/src/forms/inputs/TimeInput/useTimeInputMask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeInputMask.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/TimeInput/useTimeInputMask.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAkC,MAAM,KAAK,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EACL,KAAK,sBAAsB,EAI5B,MAAM,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AA8JvD,eAAO,MAAM,gBAAgB,GAC3B,YAAY,GAAG,CAAC,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC,EAC1C,gBAAgB,GAAG,CAAC,uBAAuB,CAAC;;;;;;;CA0F7C,CAAC"}

package/dist/src/forms/inputs/UsernameInput/KdsUsernameInput.vue.d.ts

@@ -44,11 +44,13 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
             readonly clearable?: boolean | undefined;
             readonly pattern?: string | undefined;
+            readonly segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig | undefined;
             readonly onInput?: ((event: Event) => any) | undefined;
             readonly onClick?: ((event: MouseEvent) => any) | undefined;
             readonly onBlur?: ((event: FocusEvent) => any) | undefined;
             readonly onFocus?: ((event: FocusEvent) => any) | undefined;
             readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
@@ -63,7 +65,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
+        $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "paste", event: ClipboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
         $el: HTMLDivElement;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: string;
@@ -97,12 +99,14 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
             clearable?: boolean;
             pattern?: string;
+            segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
         }> & Readonly<{
             onInput?: ((event: Event) => any) | undefined;
             onClick?: ((event: MouseEvent) => any) | undefined;
             onBlur?: ((event: FocusEvent) => any) | undefined;
             onFocus?: ((event: FocusEvent) => any) | undefined;
             onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onPaste?: ((event: ClipboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }>, {
             focus: () => void;
@@ -112,6 +116,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             blur: (event: FocusEvent) => any;
             focus: (event: FocusEvent) => any;
             keydown: (event: KeyboardEvent) => any;
+            paste: (event: ClipboardEvent) => any;
             "update:modelValue": (value: string) => any;
         }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -165,12 +170,14 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
         clearable?: boolean;
         pattern?: string;
+        segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
     }> & Readonly<{
         onInput?: ((event: Event) => any) | undefined;
         onClick?: ((event: MouseEvent) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
         onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        onPaste?: ((event: ClipboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, "focus"> & {
         focus: () => void;

package/dist/src/forms/inputs/UsernameInput/KdsUsernameInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsUsernameInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/UsernameInput/KdsUsernameInput.vue"],"names":[],"mappings":"AAwDA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,KAAK,WAAW,GAAG,qBAAqB,CAAC;AAuBzC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+Gs/oB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlB5npB,wBAUG"}
+{"version":3,"file":"KdsUsernameInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/inputs/UsernameInput/KdsUsernameInput.vue"],"names":[],"mappings":"AAwDA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,KAAK,WAAW,GAAG,qBAAqB,CAAC;AAuBzC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA+Gs/oB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlB5npB,wBAUG"}

package/dist/src/forms/inputs/UsernameInput/enums.d.ts

@@ -2,5 +2,5 @@ export declare const kdsUsernameInputAutocomplete: {
     readonly USERNAME: "username";
     readonly OFF: "off";
 };
-export declare const kdsUsernameInputAutocompletes: ("off" | "username")[];
+export declare const kdsUsernameInputAutocompletes: ("username" | "off")[];
 //# sourceMappingURL=enums.d.ts.map

package/dist/src/forms/inputs/index.d.ts

@@ -18,4 +18,8 @@ export * from './TextInput';
 export type * from './TextInput';
 export * from './Textarea';
 export type * from './Textarea';
+export * from './TimeInput';
+export type * from './TimeInput';
+export * from './IntervalInput';
+export type * from './IntervalInput';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/forms/inputs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,uBAAuB,CAAC;AACtC,mBAAmB,uBAAuB,CAAC;AAE3C,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,gBAAgB,CAAC;AAC/B,mBAAmB,gBAAgB,CAAC;AAEpC,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,uBAAuB,CAAC;AACtC,mBAAmB,uBAAuB,CAAC;AAE3C,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,gBAAgB,CAAC;AAC/B,mBAAmB,gBAAgB,CAAC;AAEpC,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC;AAEhC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC"}

package/dist/src/forms/inputs/useInputSegments.d.ts

@@ -0,0 +1,16 @@
+import { Ref } from 'vue';
+import { KdsInputSegmentsConfig } from './useInputSegments.helpers';
+export type { KdsInputSegment, KdsInputSegmentsConfig, } from './useInputSegments.helpers';
+export { getInputSegmentDigitIndices, getInputSegmentsTemplateValue, isInputSegmentsComplete, isInputSegmentsEmpty, stepSegment, } from './useInputSegments.helpers';
+export declare const useInputSegments: (modelValue: Ref<string>, getInputElement: () => HTMLInputElement | null, configRef: Ref<KdsInputSegmentsConfig | undefined>) => {
+    handleClick: (event: MouseEvent) => void;
+    handleBlur: () => void;
+    handleFocus: () => void;
+    handleKeydown: (event: KeyboardEvent) => void;
+    handleCut: (event: ClipboardEvent) => void;
+    handlePaste: (event: ClipboardEvent) => void;
+    handlePointerDown: () => void;
+    handleDrop: (event: DragEvent) => void;
+    handleDragEnd: (event: DragEvent) => void;
+};
+//# sourceMappingURL=useInputSegments.d.ts.map

package/dist/src/forms/inputs/useInputSegments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputSegments.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/useInputSegments.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAmB,MAAM,KAAK,CAAC;AAEhD,OAAO,EACL,KAAK,sBAAsB,EAQ5B,MAAM,4BAA4B,CAAC;AAIpC,YAAY,EACV,eAAe,EACf,sBAAsB,GACvB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,2BAA2B,EAC3B,6BAA6B,EAC7B,uBAAuB,EACvB,oBAAoB,EACpB,WAAW,GACZ,MAAM,4BAA4B,CAAC;AAEpC,eAAO,MAAM,gBAAgB,GAC3B,YAAY,GAAG,CAAC,MAAM,CAAC,EACvB,iBAAiB,MAAM,gBAAgB,GAAG,IAAI,EAC9C,WAAW,GAAG,CAAC,sBAAsB,GAAG,SAAS,CAAC;;;;2BA0cpB,aAAa;uBA/DjB,cAAc;;;;;CAyHzC,CAAC"}

package/dist/src/forms/inputs/useInputSegments.helpers.d.ts

@@ -0,0 +1,64 @@
+export declare const MIN_SEGMENT_INDEX = 0;
+export declare const LARGE_STEP = 10;
+export type KdsInputSegment = {
+    start: number;
+    end: number;
+    template: readonly string[];
+    /** Lowest valid integer for this segment (used by arrow stepping). */
+    min: number;
+    /** Highest valid integer for this segment (used by arrow stepping and typed-digit normalisation). */
+    max: number;
+};
+export type KdsInputSegmentsConfig = {
+    template: readonly string[];
+    segments: readonly KdsInputSegment[];
+    parsePastedText?: (text: string) => string | null;
+};
+export declare const isDigitChar: (char: string | undefined) => boolean;
+/**
+ * Returns true when the pointer click landed far past the end of the rendered
+ * text (more than `TRAILING_CLICK_TOLERANCE_PX` pixels of empty space to the
+ * right). In that case we treat the click as "clicked outside the text" so
+ * the caller can skip the normal caret-based segment resolution and apply its
+ * own fallback selection behavior.
+ */
+export declare const isClickPastText: (input: HTMLInputElement, event: MouseEvent) => boolean;
+export declare const getSteppingDelta: (event: KeyboardEvent) => number | null;
+export declare const getSegmentLength: (segment: KdsInputSegment) => number;
+/**
+ * If the buffer is full and its numeric value falls outside
+ * `[segment.min, segment.max]`, replace it with the clamped boundary value.
+ * Example: typing `15` for a month segment (max 12) clamps to `12`.
+ */
+export declare const clampSegmentBuffer: (segment: KdsInputSegment, buffer: string[]) => void;
+/** Highest valid leading digit for a segment, derived from its `max`. */
+export declare const getMaxFirstDigit: (segment: KdsInputSegment) => number;
+/**
+ * Returns the next integer value for a segment after applying `delta`, wrapping
+ * around `[segment.min, segment.max]`. If `currentValue` is `undefined`
+ * (segment is still at the template with no digits typed yet), a positive
+ * delta returns `segment.min` and a negative delta returns `segment.max`.
+ */
+export declare const stepSegment: (segment: Pick<KdsInputSegment, "min" | "max">, currentValue: number | undefined, delta: number) => number;
+/**
+ * Resolve the segment that should be selected when the user clicks at the
+ * given caret position.
+ *
+ * Rules (in order):
+ * 1. If the caret is inside a segment, select that segment.
+ * 2. If the caret is on a separator (or past the last segment), prefer the
+ *    **previous** segment — the one the user just clicked past. This matches
+ *    the common expectation that clicking right after a segment keeps focus
+ *    on that segment (e.g. clicking between `MM` and `-DD` selects month).
+ *
+ * Callers that want to distinguish "just past the text" from "far past the
+ * text" must do so before calling this function (based on the pointer's X
+ * coordinate vs the rendered text width).
+ */
+export declare const resolveClickedSegment: (segments: readonly KdsInputSegment[], position: number) => number;
+export declare const spansMultipleSegments: (segments: readonly KdsInputSegment[], start: number, end: number) => boolean;
+export declare const getInputSegmentDigitIndices: (segments: readonly KdsInputSegment[]) => number[];
+export declare const getInputSegmentsTemplateValue: (config: KdsInputSegmentsConfig) => string;
+export declare const isInputSegmentsEmpty: (displayValue: string, config: KdsInputSegmentsConfig) => boolean;
+export declare const isInputSegmentsComplete: (displayValue: string, config: KdsInputSegmentsConfig) => boolean;
+//# sourceMappingURL=useInputSegments.helpers.d.ts.map

package/dist/src/forms/inputs/useInputSegments.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputSegments.helpers.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/useInputSegments.helpers.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,UAAU,KAAK,CAAC;AAK7B,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,sEAAsE;IACtE,GAAG,EAAE,MAAM,CAAC;IACZ,qGAAqG;IACrG,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,SAAS,MAAM,EAAE,CAAC;IAC5B,QAAQ,EAAE,SAAS,eAAe,EAAE,CAAC;IACrC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,GAAG,SAAS,YACF,CAAC;AAInD;;;;;;GAMG;AACH,eAAO,MAAM,eAAe,GAC1B,OAAO,gBAAgB,EACvB,OAAO,UAAU,KAChB,OAsCF,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,OAAO,aAAa,KAAG,MAAM,GAAG,IAchE,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,SAAS,eAAe,WACxB,CAAC;AAElC;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAC7B,SAAS,eAAe,EACxB,QAAQ,MAAM,EAAE,SAwBjB,CAAC;AAEF,yEAAyE;AACzE,eAAO,MAAM,gBAAgB,GAAI,SAAS,eAAe,WACmB,CAAC;AAE7E;;;;;GAKG;AACH,eAAO,MAAM,WAAW,GACtB,SAAS,IAAI,CAAC,eAAe,EAAE,KAAK,GAAG,KAAK,CAAC,EAC7C,cAAc,MAAM,GAAG,SAAS,EAChC,OAAO,MAAM,KACZ,MAQF,CAAC;AAwBF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,qBAAqB,GAChC,UAAU,SAAS,eAAe,EAAE,EACpC,UAAU,MAAM,KACf,MAcF,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAChC,UAAU,SAAS,eAAe,EAAE,EACpC,OAAO,MAAM,EACb,KAAK,MAAM,YAEkE,CAAC;AAEhF,eAAO,MAAM,2BAA2B,GACtC,UAAU,SAAS,eAAe,EAAE,aAOnC,CAAC;AAEJ,eAAO,MAAM,6BAA6B,GAAI,QAAQ,sBAAsB,WAClD,CAAC;AAE3B,eAAO,MAAM,oBAAoB,GAC/B,cAAc,MAAM,EACpB,QAAQ,sBAAsB,YAI7B,CAAC;AAEJ,eAAO,MAAM,uBAAuB,GAClC,cAAc,MAAM,EACpB,QAAQ,sBAAsB,YAI7B,CAAC"}

package/dist/src/forms/inputs/useInputSegmentsDnd.d.ts

@@ -0,0 +1,20 @@
+import { KdsInputSegment, KdsInputSegmentsConfig } from './useInputSegments.helpers';
+type SegmentDndDeps = {
+    getConfig: () => KdsInputSegmentsConfig | undefined;
+    getSegments: () => readonly KdsInputSegment[];
+    getBuffers: () => string[][];
+    setAutoPadded: (segmentIndex: number, value: boolean) => void;
+    fillBuffersFromString: (source: string) => void;
+    renderAll: () => void;
+    writeModelValue: () => void;
+    selectSegment: (segmentIndex: number, options?: {
+        resetOnNextDigit?: boolean;
+    }) => void;
+};
+export declare const createSegmentDndHandlers: (deps: SegmentDndDeps) => {
+    handlePaste: (event: ClipboardEvent) => void;
+    handleDrop: (event: DragEvent) => void;
+    handleDragEnd: (event: DragEvent) => void;
+};
+export {};
+//# sourceMappingURL=useInputSegmentsDnd.d.ts.map

package/dist/src/forms/inputs/useInputSegmentsDnd.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputSegmentsDnd.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/useInputSegmentsDnd.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AAEpC,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,MAAM,sBAAsB,GAAG,SAAS,CAAC;IACpD,WAAW,EAAE,MAAM,SAAS,eAAe,EAAE,CAAC;IAC9C,UAAU,EAAE,MAAM,MAAM,EAAE,EAAE,CAAC;IAC7B,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9D,qBAAqB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,aAAa,EAAE,CACb,YAAY,EAAE,MAAM,EACpB,OAAO,CAAC,EAAE;QAAE,gBAAgB,CAAC,EAAE,OAAO,CAAA;KAAE,KACrC,IAAI,CAAC;CACX,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,MAAM,cAAc;yBAgB/B,cAAc;wBASf,SAAS;2BAaN,SAAS;CA0BxC,CAAC"}

package/dist/src/forms/inputs/useInputSegmentsMouse.d.ts

@@ -0,0 +1,19 @@
+import { KdsInputSegment, KdsInputSegmentsConfig } from './useInputSegments.helpers';
+export type KdsSegmentMouseHandlersDeps = {
+    getConfig: () => KdsInputSegmentsConfig | undefined;
+    getInputElement: () => HTMLInputElement | null;
+    getSegments: () => readonly KdsInputSegment[];
+    getActiveSegmentIndex: () => number;
+    getSkipFocusSelection: () => boolean;
+    setSkipFocusSelection: (value: boolean) => void;
+    cancelScheduledSelection: () => void;
+    normalizeSegment: (segmentIndex: number) => void;
+    selectSegment: (segmentIndex: number) => void;
+};
+export declare const createSegmentMouseHandlers: (deps: KdsSegmentMouseHandlersDeps) => {
+    handleFocus: () => void;
+    handleBlur: () => void;
+    handlePointerDown: () => void;
+    handleClick: (event: MouseEvent) => void;
+};
+//# sourceMappingURL=useInputSegmentsMouse.d.ts.map

package/dist/src/forms/inputs/useInputSegmentsMouse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputSegmentsMouse.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/useInputSegmentsMouse.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,sBAAsB,EACvB,MAAM,4BAA4B,CAAC;AAOpC,MAAM,MAAM,2BAA2B,GAAG;IACxC,SAAS,EAAE,MAAM,sBAAsB,GAAG,SAAS,CAAC;IACpD,eAAe,EAAE,MAAM,gBAAgB,GAAG,IAAI,CAAC;IAC/C,WAAW,EAAE,MAAM,SAAS,eAAe,EAAE,CAAC;IAC9C,qBAAqB,EAAE,MAAM,MAAM,CAAC;IACpC,qBAAqB,EAAE,MAAM,OAAO,CAAC;IACrC,qBAAqB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,wBAAwB,EAAE,MAAM,IAAI,CAAC;IACrC,gBAAgB,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,aAAa,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,0BAA0B,GACrC,MAAM,2BAA2B;;;;yBA6BL,UAAU;CA4CvC,CAAC"}

package/dist/src/forms/selects/Dropdown/DropdownContainer.vue.d.ts

@@ -46,11 +46,13 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
             readonly clearable?: boolean | undefined;
             readonly pattern?: string | undefined;
+            readonly segments?: import('../../inputs/useInputSegments.helpers').KdsInputSegmentsConfig | undefined;
             readonly onInput?: ((event: Event) => any) | undefined;
             readonly onClick?: ((event: MouseEvent) => any) | undefined;
             readonly onBlur?: ((event: FocusEvent) => any) | undefined;
             readonly onFocus?: ((event: FocusEvent) => any) | undefined;
             readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
@@ -65,7 +67,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         $root: import('vue').ComponentPublicInstance | null;
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
-        $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
+        $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "paste", event: ClipboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
         $el: HTMLDivElement;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: string;
@@ -99,12 +101,14 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
             clearable?: boolean;
             pattern?: string;
+            segments?: import('../../inputs/useInputSegments.helpers').KdsInputSegmentsConfig;
         }> & Readonly<{
             onInput?: ((event: Event) => any) | undefined;
             onClick?: ((event: MouseEvent) => any) | undefined;
             onBlur?: ((event: FocusEvent) => any) | undefined;
             onFocus?: ((event: FocusEvent) => any) | undefined;
             onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onPaste?: ((event: ClipboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }>, {
             focus: () => void;
@@ -114,6 +118,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             blur: (event: FocusEvent) => any;
             focus: (event: FocusEvent) => any;
             keydown: (event: KeyboardEvent) => any;
+            paste: (event: ClipboardEvent) => any;
             "update:modelValue": (value: string) => any;
         }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -167,12 +172,14 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
         clearable?: boolean;
         pattern?: string;
+        segments?: import('../../inputs/useInputSegments.helpers').KdsInputSegmentsConfig;
     }> & Readonly<{
         onInput?: ((event: Event) => any) | undefined;
         onClick?: ((event: MouseEvent) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onFocus?: ((event: FocusEvent) => any) | undefined;
         onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+        onPaste?: ((event: ClipboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }>, "focus"> & {
         focus: () => void;
@@ -182,7 +189,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
             trailing?(_: {}): any;
         };
     }) | null;
-    listContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../../containers').KdsListContainerProps> & Readonly<{
+    listContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../..').KdsListContainerProps> & Readonly<{
         onItemClick?: ((id?: string | undefined) => any) | undefined;
     }>, {
         handleKeydown: (event: KeyboardEvent) => void;
@@ -190,6 +197,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         handleBlur: () => void;
         activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
         focus: () => void;
+        scrollSelectedIntoView: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         itemClick: (id?: string | undefined) => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -201,7 +209,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('../../../containers').KdsListContainerProps> & Readonly<{
+    }, Readonly<import('../../..').KdsListContainerProps> & Readonly<{
         onItemClick?: ((id?: string | undefined) => any) | undefined;
     }>, {
         handleKeydown: (event: KeyboardEvent) => void;
@@ -209,6 +217,7 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
         handleBlur: () => void;
         activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
         focus: () => void;
+        scrollSelectedIntoView: () => void;
     }, {}, {}, {}, {}> | null;
 }, HTMLDivElement>;
 export default _default;

package/dist/src/forms/selects/Dropdown/DropdownContainer.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownContainer.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/Dropdown/DropdownContainer.vue"],"names":[],"mappings":"AAkKA,OAAO,KAAK,EAAE,sBAAsB,EAAqB,MAAM,SAAS,CAAC;AAEzE,KAAK,WAAW,GAAG,sBAAsB,CAAC;AAsG1C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAoK6/Z,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlBnoa,wBAUG"}
+{"version":3,"file":"DropdownContainer.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/Dropdown/DropdownContainer.vue"],"names":[],"mappings":"AAmKA,OAAO,KAAK,EAAE,sBAAsB,EAAqB,MAAM,SAAS,CAAC;AAEzE,KAAK,WAAW,GAAG,sBAAsB,CAAC;AAwG1C,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAoK21Z,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAlBj+Z,wBAUG"}

package/dist/src/forms/selects/Dropdown/KdsDropdown.vue.d.ts

@@ -83,16 +83,30 @@ declare const _default: import('vue').DefineComponent<({
     popoverEl: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
-        $props: {
+        $props: ({
             readonly modelValue?: boolean | undefined;
-            readonly placement?: import('../../../overlays/Popover/types.ts').KdsPopoverPlacement | undefined;
             readonly role?: import('../../../overlays/Popover/types.ts').KdsPopoverRole | undefined;
             readonly popoverType?: import('../../../overlays/Popover/types.ts').KdsPopoverType | undefined;
             readonly fullWidth?: boolean | undefined;
             readonly maxInlineSize?: string | undefined;
             readonly content?: string | undefined;
+            readonly placement?: Exclude<import('../../../overlays/Popover/types.ts').KdsPopoverPlacement, "custom"> | undefined;
+            readonly customPlacementPosition?: never | undefined;
             readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        } | {
+            readonly modelValue?: boolean | undefined;
+            readonly role?: import('../../../overlays/Popover/types.ts').KdsPopoverRole | undefined;
+            readonly popoverType?: import('../../../overlays/Popover/types.ts').KdsPopoverType | undefined;
+            readonly fullWidth?: boolean | undefined;
+            readonly maxInlineSize?: string | undefined;
+            readonly content?: string | undefined;
+            readonly placement: "custom";
+            readonly customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: import('vue').Attrs;
         $refs: {
             [x: string]: unknown;
@@ -107,9 +121,32 @@ declare const _default: import('vue').DefineComponent<({
         $host: Element | null;
         $emit: (event: "update:modelValue", value: boolean) => void;
         $el: HTMLDivElement;
-        $options: import('vue').ComponentOptionsBase<Readonly<{
+        $options: import('vue').ComponentOptionsBase<Readonly<({
             modelValue?: boolean;
-        } & import('../../../overlays/Popover/types.ts').KdsPopoverProps> & Readonly<{
+        } & {
+            role?: import('../../../overlays/Popover/types.ts').KdsPopoverRole;
+            popoverType?: import('../../../overlays/Popover/types.ts').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement?: Exclude<import('../../../overlays/Popover/types.ts').KdsPopoverPlacement, "custom">;
+            customPlacementPosition?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & {
+            role?: import('../../../overlays/Popover/types.ts').KdsPopoverRole;
+            popoverType?: import('../../../overlays/Popover/types.ts').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement: "custom";
+            customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+        })> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         }>, {
             anchorStyle: Record<string, string>;
@@ -136,11 +173,34 @@ declare const _default: import('vue').DefineComponent<({
         $forceUpdate: () => void;
         $nextTick: typeof nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{}> & Omit<Readonly<{
+    } & Readonly<{}> & Omit<{} & (Readonly<({
         modelValue?: boolean;
-    } & import('../../../overlays/Popover/types.ts').KdsPopoverProps> & Readonly<{
+    } & {
+        role?: import('../../../overlays/Popover/types.ts').KdsPopoverRole;
+        popoverType?: import('../../../overlays/Popover/types.ts').KdsPopoverType;
+        fullWidth?: boolean;
+        maxInlineSize?: string;
+        content?: string;
+    } & {
+        placement?: Exclude<import('../../../overlays/Popover/types.ts').KdsPopoverPlacement, "custom">;
+        customPlacementPosition?: never;
+    }) | ({
+        modelValue?: boolean;
+    } & {
+        role?: import('../../../overlays/Popover/types.ts').KdsPopoverRole;
+        popoverType?: import('../../../overlays/Popover/types.ts').KdsPopoverType;
+        fullWidth?: boolean;
+        maxInlineSize?: string;
+        content?: string;
+    } & {
+        placement: "custom";
+        customPlacementPosition: {
+            x: number;
+            y: number;
+        };
+    })> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }>, "anchorStyle" | "popoverId"> & {
+    }>), "anchorStyle" | "popoverId"> & {
         anchorStyle: Record<string, string>;
         popoverId: string;
     } & {} & import('vue').ComponentCustomProperties & {} & {
@@ -193,11 +253,13 @@ declare const _default: import('vue').DefineComponent<({
                 readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
                 readonly clearable?: boolean | undefined;
                 readonly pattern?: string | undefined;
+                readonly segments?: import('../../inputs/useInputSegments.helpers.ts').KdsInputSegmentsConfig | undefined;
                 readonly onInput?: ((event: Event) => any) | undefined;
                 readonly onClick?: ((event: MouseEvent) => any) | undefined;
                 readonly onBlur?: ((event: FocusEvent) => any) | undefined;
                 readonly onFocus?: ((event: FocusEvent) => any) | undefined;
                 readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: import('vue').Attrs;
@@ -212,7 +274,7 @@ declare const _default: import('vue').DefineComponent<({
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
+            $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "paste", event: ClipboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
             $el: HTMLDivElement;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 modelValue?: string;
@@ -246,12 +308,14 @@ declare const _default: import('vue').DefineComponent<({
                 inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
                 clearable?: boolean;
                 pattern?: string;
+                segments?: import('../../inputs/useInputSegments.helpers.ts').KdsInputSegmentsConfig;
             }> & Readonly<{
                 onInput?: ((event: Event) => any) | undefined;
                 onClick?: ((event: MouseEvent) => any) | undefined;
                 onBlur?: ((event: FocusEvent) => any) | undefined;
                 onFocus?: ((event: FocusEvent) => any) | undefined;
                 onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                onPaste?: ((event: ClipboardEvent) => any) | undefined;
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             }>, {
                 focus: () => void;
@@ -261,6 +325,7 @@ declare const _default: import('vue').DefineComponent<({
                 blur: (event: FocusEvent) => any;
                 focus: (event: FocusEvent) => any;
                 keydown: (event: KeyboardEvent) => any;
+                paste: (event: ClipboardEvent) => any;
                 "update:modelValue": (value: string) => any;
             }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -314,12 +379,14 @@ declare const _default: import('vue').DefineComponent<({
             inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
             clearable?: boolean;
             pattern?: string;
+            segments?: import('../../inputs/useInputSegments.helpers.ts').KdsInputSegmentsConfig;
         }> & Readonly<{
             onInput?: ((event: Event) => any) | undefined;
             onClick?: ((event: MouseEvent) => any) | undefined;
             onBlur?: ((event: FocusEvent) => any) | undefined;
             onFocus?: ((event: FocusEvent) => any) | undefined;
             onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onPaste?: ((event: ClipboardEvent) => any) | undefined;
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         }>, "focus"> & {
             focus: () => void;
@@ -329,7 +396,7 @@ declare const _default: import('vue').DefineComponent<({
                 trailing?(_: {}): any;
             };
         }) | null;
-        listContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../../containers/index.ts').KdsListContainerProps> & Readonly<{
+        listContainer: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../../../index.ts').KdsListContainerProps> & Readonly<{
             onItemClick?: ((id?: string | undefined) => any) | undefined;
         }>, {
             handleKeydown: (event: KeyboardEvent) => void;
@@ -337,6 +404,7 @@ declare const _default: import('vue').DefineComponent<({
             handleBlur: () => void;
             activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
             focus: () => void;
+            scrollSelectedIntoView: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             itemClick: (id?: string | undefined) => any;
         }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -348,7 +416,7 @@ declare const _default: import('vue').DefineComponent<({
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('../../../containers/index.ts').KdsListContainerProps> & Readonly<{
+        }, Readonly<import('../../../index.ts').KdsListContainerProps> & Readonly<{
             onItemClick?: ((id?: string | undefined) => any) | undefined;
         }>, {
             handleKeydown: (event: KeyboardEvent) => void;
@@ -356,6 +424,7 @@ declare const _default: import('vue').DefineComponent<({
             handleBlur: () => void;
             activeDescendant: Readonly<import('vue').Ref<string | undefined>>;
             focus: () => void;
+            scrollSelectedIntoView: () => void;
         }, {}, {}, {}, {}> | null;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
         P: {};

package/dist/src/forms/selects/Dropdown/KdsDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/Dropdown/KdsDropdown.vue"],"names":[],"mappings":"AA8FA,OAAO,EAAY,QAAQ,EAAoC,MAAM,KAAK,CAAC;;iBA+C9D,MAAM;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAiMi6e,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjB1if,wBASG"}
+{"version":3,"file":"KdsDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../../src/forms/selects/Dropdown/KdsDropdown.vue"],"names":[],"mappings":"AA8FA,OAAO,EAAY,QAAQ,EAAoC,MAAM,KAAK,CAAC;;iBA+C9D,MAAM;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;iBAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAiMi6e,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjB1if,wBASG"}