@knime/kds-components 0.6.6 → 0.6.7

package/dist/cloud-pending-changes-BooMof3w.js

@@ -0,0 +1,23 @@
+import { createElementBlock, openBlock, createElementVNode } from 'vue';
+
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  viewBox: "0 0 12 12"
+};
+
+function render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M6.025 7.75V9m0-1.25-.884.366m.884-.366.884.366M6.025 9v1.25m0-1.25-.884-.884M6.025 9l.884.884M6.025 9l.884-.884M6.025 9l-.884.884M6.025 9h-1.25m1.25 0h1.25m-1.25 0L5.4 7.917M6.025 9l.625 1.082M6.025 9l-1.207-.324M6.025 9l1.207.324M6.025 9l.324-1.207M6.025 9l-.323 1.207M6.025 9l-1.083.625M6.025 9l1.083-.625M6.025 10.25l.884-.366m-.884.366-.884-.366m0-1.768L4.775 9m2.134.884L7.275 9m-.366-.884L7.275 9m-2.134.884L4.775 9M5.4 7.917l-.582.76m.582-.76.949-.124m.301 2.29.582-.76m-.582.76-.948.124m-.884-1.53.124.948m2.29-.301-.124-.949m-.76-.582.76.582m-1.406 1.832-.76-.582m4.091-1.738c.141-.04.3-.094.46-.164C10 7.5 11 6.44 11 5.436c0-1.57-1.42-2.53-2.868-2.53C7.728 1.797 6.625 1 5.302 1c-1.558.067-3.398 1.572-2.942 3.292-.809.243-1.36.97-1.36 1.802 0 1.139.881 1.726 1.86 1.87m2.842-.171-.76.582-.124.949.582.759.949.124.759-.582.124-.949-.582-.758z",
+      "vector-effect": "non-scaling-stroke"
+    }, null, -1)
+  ]))]))
+}
+const cloudPendingChanges = { render: render };
+
+export { cloudPendingChanges as default, render };
+//# sourceMappingURL=cloud-pending-changes-BooMof3w.js.map

package/dist/cloud-pending-changes-BooMof3w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud-pending-changes-BooMof3w.js","sources":["../../styles/dist/img/icons/cloud-pending-changes.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  viewBox: \"0 0 12 12\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      d: \"M6.025 7.75V9m0-1.25-.884.366m.884-.366.884.366M6.025 9v1.25m0-1.25-.884-.884M6.025 9l.884.884M6.025 9l.884-.884M6.025 9l-.884.884M6.025 9h-1.25m1.25 0h1.25m-1.25 0L5.4 7.917M6.025 9l.625 1.082M6.025 9l-1.207-.324M6.025 9l1.207.324M6.025 9l.324-1.207M6.025 9l-.323 1.207M6.025 9l-1.083.625M6.025 9l1.083-.625M6.025 10.25l.884-.366m-.884.366-.884-.366m0-1.768L4.775 9m2.134.884L7.275 9m-.366-.884L7.275 9m-2.134.884L4.775 9M5.4 7.917l-.582.76m.582-.76.949-.124m.301 2.29.582-.76m-.582.76-.948.124m-.884-1.53.124.948m2.29-.301-.124-.949m-.76-.582.76.582m-1.406 1.832-.76-.582m4.091-1.738c.141-.04.3-.094.46-.164C10 7.5 11 6.44 11 5.436c0-1.57-1.42-2.53-2.868-2.53C7.728 1.797 6.625 1 5.302 1c-1.558.067-3.398 1.572-2.942 3.292-.809.243-1.36.97-1.36 1.802 0 1.139.881 1.726 1.86 1.87m2.842-.171-.76.582-.124.949.582.759.949.124.759-.582.124-.949-.582-.758z\",\n      \"vector-effect\": \"non-scaling-stroke\"\n    }, null, -1)\n  ]))]))\n}\nexport default { render: render }"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;AAEA,MAAM,UAAU,GAAG;AACnB,EAAE,KAAK,EAAE,4BAA4B;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,gBAAgB,EAAE,OAAO;AAC3B,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,OAAO,EAAE;AACX;;AAEO,SAAS,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AACrC,EAAE,QAAQA,SAAU,EAAE,EAAEC,kBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;AAC9F,IAAIC,kBAAmB,CAAC,MAAM,EAAE;AAChC,MAAM,CAAC,EAAE,u1BAAu1B;AACh2B,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,4BAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/{cloud-synced-Cjce2vj8.js → cloud-synced-BLkZpZpi.js}

@@ -12,7 +12,7 @@ const _hoisted_1 = {
 function render(_ctx, _cache) {
   return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
     createElementVNode("path", {
-      d: "M9.493 7.723C10.375 7.307 11 6.44 11 5.436c0-1.57-1.42-2.53-2.868-2.53C7.728 1.797 6.625 1 5.302 1c-1.558.067-3.398 1.572-2.942 3.292-.809.243-1.36.97-1.36 1.802 0 .785.42 1.308 1 1.604m2.15-.313L5.65 9l2.357-3",
+      d: "M1.232 7A1.76 1.76 0 0 1 1 6.094c0-.832.551-1.56 1.36-1.802C1.904 2.572 3.744 1.067 5.301 1c1.324 0 2.427.797 2.831 1.906 1.447 0 2.868.96 2.868 2.53 0 .428-.114.832-.313 1.186a2.6 2.6 0 0 1-.227.338m-5.96.526 1.167 1.292 1.604-2.1M9 7.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0",
       "vector-effect": "non-scaling-stroke"
     }, null, -1)
   ]))]))
@@ -20,4 +20,4 @@ function render(_ctx, _cache) {
 const cloudSynced = { render: render };
 
 export { cloudSynced as default, render };
-//# sourceMappingURL=cloud-synced-Cjce2vj8.js.map
+//# sourceMappingURL=cloud-synced-BLkZpZpi.js.map

package/dist/cloud-synced-BLkZpZpi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud-synced-BLkZpZpi.js","sources":["../../styles/dist/img/icons/cloud-synced.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  viewBox: \"0 0 12 12\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      d: \"M1.232 7A1.76 1.76 0 0 1 1 6.094c0-.832.551-1.56 1.36-1.802C1.904 2.572 3.744 1.067 5.301 1c1.324 0 2.427.797 2.831 1.906 1.447 0 2.868.96 2.868 2.53 0 .428-.114.832-.313 1.186a2.6 2.6 0 0 1-.227.338m-5.96.526 1.167 1.292 1.604-2.1M9 7.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0\",\n      \"vector-effect\": \"non-scaling-stroke\"\n    }, null, -1)\n  ]))]))\n}\nexport default { render: render }"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;AAEA,MAAM,UAAU,GAAG;AACnB,EAAE,KAAK,EAAE,4BAA4B;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,gBAAgB,EAAE,OAAO;AAC3B,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,OAAO,EAAE;AACX;;AAEO,SAAS,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AACrC,EAAE,QAAQA,SAAU,EAAE,EAAEC,kBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;AAC9F,IAAIC,kBAAmB,CAAC,MAAM,EAAE;AAChC,MAAM,CAAC,EAAE,2QAA2Q;AACpR,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,oBAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/deploy-D2iGlU6g.js

@@ -0,0 +1,24 @@
+import { createElementBlock, openBlock, createElementVNode } from 'vue';
+
+const _hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": ".833",
+  viewBox: "0 0 12 12"
+};
+
+function render(_ctx, _cache) {
+  return (openBlock(), createElementBlock("svg", _hoisted_1, [...(_cache[0] || (_cache[0] = [
+    createElementVNode("path", {
+      d: "M4.5 9.5h2.25c1.5 0 2.5-1 2.5-2.5V2.5m0 0L7.75 4m1.5-1.5 1.5 1.5M3 5v-.75H1.5v1.5H3zm0 0h1.065m0 0v1c0 .643.407.75.935.75M4.065 5V4c0-.643.435-.75.935-.75m0 0V4h1.5V2.5H5zm0 3.5v.75h1.5V6H5z",
+      "vector-effect": "non-scaling-stroke"
+    }, null, -1)
+  ]))]))
+}
+const deploy = { render: render };
+
+export { deploy as default, render };
+//# sourceMappingURL=deploy-D2iGlU6g.js.map

package/dist/deploy-D2iGlU6g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deploy-D2iGlU6g.js","sources":["../../styles/dist/img/icons/deploy.svg"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"stroke-width\": \".833\",\n  viewBox: \"0 0 12 12\"\n}\n\nexport function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", _hoisted_1, [...(_cache[0] || (_cache[0] = [\n    _createElementVNode(\"path\", {\n      d: \"M4.5 9.5h2.25c1.5 0 2.5-1 2.5-2.5V2.5m0 0L7.75 4m1.5-1.5 1.5 1.5M3 5v-.75H1.5v1.5H3zm0 0h1.065m0 0v1c0 .643.407.75.935.75M4.065 5V4c0-.643.435-.75.935-.75m0 0V4h1.5V2.5H5zm0 3.5v.75h1.5V6H5z\",\n      \"vector-effect\": \"non-scaling-stroke\"\n    }, null, -1)\n  ]))]))\n}\nexport default { render: render }"],"names":["_openBlock","_createElementBlock","_createElementVNode"],"mappings":";;AAEA,MAAM,UAAU,GAAG;AACnB,EAAE,KAAK,EAAE,4BAA4B;AACrC,EAAE,IAAI,EAAE,MAAM;AACd,EAAE,MAAM,EAAE,cAAc;AACxB,EAAE,gBAAgB,EAAE,OAAO;AAC3B,EAAE,iBAAiB,EAAE,OAAO;AAC5B,EAAE,cAAc,EAAE,MAAM;AACxB,EAAE,OAAO,EAAE;AACX;;AAEO,SAAS,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE;AACrC,EAAE,QAAQA,SAAU,EAAE,EAAEC,kBAAmB,CAAC,KAAK,EAAE,UAAU,EAAE,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG;AAC9F,IAAIC,kBAAmB,CAAC,MAAM,EAAE;AAChC,MAAM,CAAC,EAAE,gMAAgM;AACzM,MAAM,eAAe,EAAE;AACvB,KAAK,EAAE,IAAI,EAAE,EAAE;AACf,GAAG,CAAC,CAAC,CAAC,CAAC;AACP;AACA,eAAe,EAAE,MAAM,EAAE,MAAM;;;;"}

package/dist/forms/BaseFormFieldWrapper.vue.d.ts

@@ -0,0 +1,39 @@
+import { KdsSubTextProps } from './types';
+type KdsFormFieldProps = {
+    /**
+     * Input id
+     */
+    id?: string;
+    /**
+     * Label text
+     */
+    label?: string;
+    /**
+     * Aria-label for accessibility when a visible label is not desired
+     */
+    ariaLabel?: string;
+} & Omit<KdsSubTextProps, "id">;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            id: string;
+            ariaLabelledby: string | undefined;
+            ariaDescribedby: string | undefined;
+            ariaLabel: string | undefined;
+            ariaInvalid: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<KdsFormFieldProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsFormFieldProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=BaseFormFieldWrapper.vue.d.ts.map

package/dist/forms/BaseFormFieldWrapper.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseFormFieldWrapper.vue.d.ts","sourceRoot":"","sources":["../../src/forms/BaseFormFieldWrapper.vue"],"names":[],"mappings":"AAmEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,KAAK,iBAAiB,GAAG;IACvB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;AAYhC,iBAAS,cAAc;WAgET,OAAO,IAA6B;;;;;;;;YAVrB,GAAG;;;;EAe/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,yTAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/forms/KdsSubText.vue.d.ts

@@ -1,6 +1,7 @@
 import { KdsSubTextProps } from './types';
 declare const _default: import('vue').DefineComponent<KdsSubTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KdsSubTextProps> & Readonly<{}>, {
     error: boolean;
+    validating: boolean;
     preserveSubTextSpace: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/forms/KdsSubText.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KdsSubText.vue.d.ts","sourceRoot":"","sources":["../../src/forms/KdsSubText.vue"],"names":[],"mappings":"AAiDA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;;;;;AAiF/C,wBAOG"}
+{"version":3,"file":"KdsSubText.vue.d.ts","sourceRoot":"","sources":["../../src/forms/KdsSubText.vue"],"names":[],"mappings":"AAuDA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;;;;;;AAmG/C,wBAOG"}

package/dist/forms/index.d.ts

@@ -4,6 +4,11 @@ export { default as KdsRadioButtonGroup } from './RadioButton/KdsRadioButtonGrou
 export { default as KdsValueSwitch } from './RadioButton/KdsValueSwitch.vue';
 export { default as KdsLabel } from './KdsLabel.vue';
 export { default as KdsSubText } from './KdsSubText.vue';
+export { default as KdsTextInput } from './inputs/TextInput/KdsTextInput.vue';
+export { default as KdsNumberInput } from './inputs/NumberInput/KdsNumberInput.vue';
+export { default as KdsPatternInput } from './inputs/PatternInput/KdsPatternInput.vue';
+export { default as KdsSearchInput } from './inputs/SearchInput/KdsSearchInput.vue';
 export type { KdsRadioButtonGroupAlignment, KdsRadioButtonGroupOption, KdsRadioButtonGroupProps, KdsValueSwitchOption, KdsValueSwitchProps, KdsValueSwitchSize, } from './RadioButton/types';
 export type { KdsCheckboxValue, KdsCheckboxGroupAlignment, KdsCheckboxGroupOption, KdsCheckboxGroupProps, } from './Checkbox/types';
+export type { KdsTextInputProps, KdsNumberInputProps, KdsPatternInputProps, KdsSearchInputProps, } from './inputs/types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAGzD,YAAY,EACV,4BAA4B,EAC5B,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,gBAAgB,EAChB,yBAAyB,EACzB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/forms/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,2CAA2C,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAGpF,YAAY,EACV,4BAA4B,EAC5B,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC;AAE7B,YAAY,EACV,gBAAgB,EAChB,yBAAyB,EACzB,sBAAsB,EACtB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,GACpB,MAAM,gBAAgB,CAAC"}

package/dist/forms/inputs/BaseInput.vue.d.ts

@@ -0,0 +1,144 @@
+import { KdsIconName } from '../../Icon/types.ts';
+type BaseInputProps = {
+    /**
+     * ID for the input element
+     */
+    id: string;
+    /**
+     * The type of input field
+     */
+    type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+    /**
+     * Minimum allowed value (relevant for type="number")
+     */
+    min?: number;
+    /**
+     * Maximum allowed value (relevant for type="number")
+     */
+    max?: number;
+    /**
+     * Step size (relevant for type="number")
+     */
+    step?: number;
+    /**
+     * Placeholder text when input is empty
+     */
+    placeholder?: string;
+    /**
+     * Whether the input is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the input is readonly
+     */
+    readonly?: boolean;
+    /**
+     * Whether the input is required
+     */
+    required?: boolean;
+    /**
+     * Icon displayed at the start of the input
+     */
+    leadingIcon?: KdsIconName;
+    /**
+     * Icon displayed at the end of the input
+     */
+    trailingIcon?: KdsIconName;
+    /**
+     * Whether the input has an error state
+     */
+    error?: boolean;
+    /**
+     * Name attribute for the input element
+     */
+    name?: string;
+    /**
+     * Autocomplete attribute for the input element
+     */
+    autocomplete?: string;
+    /**
+     * Accessible label for the input (for aria-label).
+     */
+    ariaLabel?: string;
+    /**
+     * ID of element that labels this input (for aria-labelledby)
+     */
+    ariaLabelledby?: string;
+    /**
+     * ID of element that describes this input (for aria-describedby)
+     */
+    ariaDescribedby?: string;
+    /**
+     * Whether the current value of the input is invalid (for aria-invalid)
+     */
+    ariaInvalid?: boolean;
+    /**
+     * Unit shown next to the input value
+     */
+    unit?: string;
+    /**
+     * Hints at the type of data that might be entered by the user.
+     * Useful for showing an appropriate on-screen keyboard on mobile.
+     */
+    inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+    /**
+     * Whether to show a clear button when the input has a value.
+     */
+    clearable?: boolean;
+};
+type __VLS_Props = BaseInputProps;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        trailing?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (event: Event) => any;
+    click: (event: MouseEvent) => any;
+    blur: (event: FocusEvent) => any;
+    focus: (event: FocusEvent) => any;
+    keydown: (event: KeyboardEvent) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & 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;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {
+    placeholder: string;
+    name: string;
+    type: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+    required: boolean;
+    disabled: boolean;
+    leadingIcon: KdsIconName;
+    trailingIcon: KdsIconName;
+    error: boolean;
+    ariaLabel: string;
+    min: number;
+    max: number;
+    step: number;
+    readonly: boolean;
+    autocomplete: string;
+    ariaLabelledby: string;
+    ariaDescribedby: string;
+    unit: string;
+    inputmode: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+    clearable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=BaseInput.vue.d.ts.map

package/dist/forms/inputs/BaseInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseInput.vue.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/BaseInput.vue"],"names":[],"mappings":"AAiXA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGvD,KAAK,cAAc,GAAG;IACpB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3E;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,SAAS,CAAC,EACN,MAAM,GACN,MAAM,GACN,KAAK,GACL,KAAK,GACL,OAAO,GACP,SAAS,GACT,SAAS,GACT,QAAQ,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,KAAK,WAAW,GAAG,cAAc,CAAC;AAmFlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAwJT,OAAO,IAA6B;;0BAVnB,GAAG;;;;EAejC;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;iBAlVL,MAAM;UA4Bb,MAAM;UA5CN,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ;cA4B/D,OAAO;cARP,OAAO;iBAYJ,WAAW;kBAIV,WAAW;WAIlB,OAAO;eAYH,MAAM;SAhDZ,MAAM;SAIN,MAAM;UAIL,MAAM;cAYF,OAAO;kBAwBH,MAAM;oBAQJ,MAAM;qBAIL,MAAM;UAQjB,MAAM;eAMT,MAAM,GACN,MAAM,GACN,KAAK,GACL,KAAK,GACL,OAAO,GACP,SAAS,GACT,SAAS,GACT,QAAQ;eAIA,OAAO;wFAsRnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/forms/inputs/NumberInput/KdsNumberInput.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+export default _default;
+//# sourceMappingURL=KdsNumberInput.vue.d.ts.map

package/dist/forms/inputs/NumberInput/KdsNumberInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsNumberInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/NumberInput/KdsNumberInput.vue"],"names":[],"mappings":";AA2mBA,wBASG"}

package/dist/forms/inputs/PatternInput/KdsPatternInput.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+export default _default;
+//# sourceMappingURL=KdsPatternInput.vue.d.ts.map

package/dist/forms/inputs/PatternInput/KdsPatternInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsPatternInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/PatternInput/KdsPatternInput.vue"],"names":[],"mappings":";AAwYA,wBASG"}

package/dist/forms/inputs/PatternInput/patternRegex.d.ts

@@ -0,0 +1,10 @@
+export type KdsPatternInputOptions = {
+    caseSensitive: boolean;
+    excludeMatches: boolean;
+    useRegex: boolean;
+};
+export declare const buildRegexFromPatternInput: (input: string, options: KdsPatternInputOptions) => string;
+export declare const parseRegexToPatternInputValue: (regex: string, options: Pick<KdsPatternInputOptions, "useRegex" | "excludeMatches"> & {
+    caseSensitive?: boolean;
+}) => string;
+//# sourceMappingURL=patternRegex.d.ts.map

package/dist/forms/inputs/PatternInput/patternRegex.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"patternRegex.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/PatternInput/patternRegex.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG;IACnC,aAAa,EAAE,OAAO,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AA+EF,eAAO,MAAM,0BAA0B,GACrC,OAAO,MAAM,EACb,SAAS,sBAAsB,KAC9B,MAYF,CAAC;AAoBF,eAAO,MAAM,6BAA6B,GACxC,OAAO,MAAM,EACb,SAAS,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,gBAAgB,CAAC,GAAG;IACrE,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,KACA,MAoBF,CAAC"}

package/dist/forms/inputs/SearchInput/KdsSearchInput.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+export default _default;
+//# sourceMappingURL=KdsSearchInput.vue.d.ts.map

package/dist/forms/inputs/SearchInput/KdsSearchInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsSearchInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/SearchInput/KdsSearchInput.vue"],"names":[],"mappings":";AAiKA,wBASG"}

package/dist/forms/inputs/TextInput/KdsTextInput.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, import('vue').PublicProps>;
+export default _default;
+//# sourceMappingURL=KdsTextInput.vue.d.ts.map

package/dist/forms/inputs/TextInput/KdsTextInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KdsTextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/TextInput/KdsTextInput.vue"],"names":[],"mappings":";AAwJA,wBASG"}

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

@@ -0,0 +1,52 @@
+import { KdsFormFieldProps } from '../types.ts';
+type KdsCommonInputProps = {
+    /**
+     * Placeholder text for the input element
+     */
+    placeholder?: string;
+    /**
+     * Whether the input is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the input is readonly
+     */
+    readonly?: boolean;
+    /**
+     * Whether the input is required
+     */
+    required?: boolean;
+    /**
+     * Name attribute for the input element
+     */
+    name?: string;
+    /**
+     * Autocomplete attribute for the input element
+     */
+    autocomplete?: string;
+};
+type KdsInputFieldProps = KdsFormFieldProps & KdsCommonInputProps;
+export type KdsTextInputProps = KdsInputFieldProps;
+export type KdsNumberInputProps = KdsInputFieldProps & {
+    /**
+     * Unit shown next to the input value
+     */
+    unit?: string;
+    /**
+     * Minimum allowed value
+     */
+    min?: number;
+    /**
+     * Maximum allowed value
+     */
+    max?: number;
+    /**
+     * Step size used for +/- buttons and arrow key increments.
+     * Must be a positive number greater than 0.
+     */
+    step?: number;
+};
+export type KdsPatternInputProps = KdsInputFieldProps;
+export type KdsSearchInputProps = KdsInputFieldProps;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAErD,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,kBAAkB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG;IACrD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,CAAC"}

package/dist/forms/types.d.ts

@@ -14,14 +14,43 @@ export type KdsSubTextProps = {
      * Id to link the subtext to form elements via `aria-describedby`.
      */
     id: string;
+    /**
+     * Subtext to provide additional information about the form field, such as helper text or error messages.
+     */
     subText?: string;
     /**
-     * When true, applies error styling to the subtext and shows the error icon.
+     * When true, applies error styling to the subtext and shows the error icon when subtext is present.
      */
     error?: boolean;
+    /**
+     * When true and subtext is present, shows a loading spinner in the subtext area.
+     */
+    validating?: boolean;
     /**
      * Reserve space for subtext to prevent layout shifts when helper text or errors appear
      */
     preserveSubTextSpace?: boolean;
 };
+type KdsInputLabelProps = {
+    /**
+     * Visible label text for the input.
+     */
+    label: string;
+    ariaLabel?: never;
+} | {
+    label?: never;
+    /**
+     * Accessible label used when no visible label is rendered.
+     */
+    ariaLabel: string;
+};
+type KdsInputSubTextProps = Omit<KdsSubTextProps, "id">;
+type KdsInputElementProps = {
+    /**
+     * Id for associating labels and hint/error text.
+     */
+    id?: string;
+};
+export type KdsFormFieldProps = KdsInputLabelProps & KdsInputElementProps & KdsInputSubTextProps;
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/forms/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/forms/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/forms/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,KAAK,kBAAkB,GACnB;IACE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB,GACD;IACE,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEN,KAAK,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;AAExD,KAAK,oBAAoB,GAAG;IAC1B;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAChD,oBAAoB,GACpB,oBAAoB,CAAC"}