svseeds 0.3.7 → 0.3.8

package/_svseeds/TagsInput.svelte

@@ -7,7 +7,7 @@
     unique?: boolean, // <true>
     min?: TagCountValidation,
     max?: TagCountValidation,
-    validations?: ((values: string[]) => string)[],
+    validations?: TagsInputValidation[],
     status?: string, // bindable <STATE.DEFAULT>
     style?: SVSStyle,
     element?: HTMLInputElement, // bindable
@@ -19,6 +19,7 @@
   };
   export type TagsInputReqdProps = never;
   export type TagsInputBindProps = "dark" | "status" | "element";
+  export type TagsInputValidation = (values: string[]) => string;
   export type TagCountValidation = { value: number, message: string };
 
   const preset = "svs-tags-input";
@@ -37,7 +38,10 @@
   if (!status) status = STATE.DEFAULT;
   const cls = fnClass(preset, style);
   const confirmKeys = new Set([CONFIRM_KEY, ...confirm]);
-  if (min) validations.push((values) => values.length < min.value ? min.message : "");
+  const textValidations = deps?.svsTextField?.validations ?? [];
+  if (max) textValidations.unshift((_) => values.length >= max.value ? max.message : "");
+  if (min) validations.unshift((values) => values.length < min.value ? min.message : "");
+
   const left = type === "left" || deps?.svsTextField?.left ? sideLeft : undefined;
   const right = type === "right" || deps?.svsTextField?.right ? sideRight : undefined;
   let value = $state("");
@@ -47,11 +51,8 @@
     ...omit(deps?.svsBadge, "onclick", "right", "style"),
     style: deps?.svsBadge?.style ?? `${preset} svs-badge`,
   };
-  const textValidations = deps?.svsTextField?.validations ?? [];
-  if (max) textValidations.push((_) => values.length >= max.value ? max.message : "");
   const svsTextField = {
     ...omit(deps?.svsTextField, "validations", "style", "attributes"),
-    validations: textValidations,
     style: deps?.svsTextField?.style ?? `${preset} svs-text-field`,
     attributes: { ...deps?.svsTextField?.attributes, onkeydown },
   };
@@ -59,28 +60,42 @@
   // *** Bind Handlers *** //
   $effect.pre(() => {
     values;
-    untrack(() => validate());
+    untrack(() => validateTags());
   });
-  function validate() {
+  function validateText(): boolean {
+    if (!element) return false;
+    for (const v of textValidations) {
+      const msg = v(value);
+      if (msg) return showMessageTemporarily(msg);
+    }
+    return true;
+  }
+  function showMessageTemporarily(msg: string): boolean {
+    element?.setCustomValidity(msg);
+    element?.checkValidity();
+    element?.setCustomValidity("");
+    return false;
+  }
+  function validateTags() {
+    if (!element) return;
     for (const v of validations) {
       const msg = v(values);
-      if (msg) return element?.setCustomValidity(msg);
+      if (msg) return element.setCustomValidity(msg);
     }
   }
 
   // *** Event Handlers *** //
-  const change = new Event("change", { bubbles: true, cancelable: true });
   function onkeydown(ev: KeyboardEvent) {
     deps?.svsTextField?.attributes?.onkeydown?.(ev as any);
     if (!confirmKeys.has(ev.key) || ev.isComposing) return;
     ev.preventDefault();
-    element?.dispatchEvent(change);
-    if (status === STATE.INACTIVE) return;
-    addTag();
+    if (trim) value = value.trim();
+    const valid = validateText();
+    if (valid) addTag();
+    validateTags();
   }
   function addTag() {
     if (unique && values.includes(value)) value = "";
-    if (trim) value = value.trim();
     if (!value) return;
     values.push(value);
     value = "";
@@ -89,9 +104,10 @@
     return (ev) => {
       deps?.svsBadge?.onclick?.(ev as any);
       values.splice(index, 1);
+      validateTags();
     };
   }
-  $effect(() => untrack(() => validate()))
+  $effect(() => untrack(() => validateTags()))
 </script>
 
 <!---------------------------------------->

package/_svseeds/TagsInput.svelte.d.ts

@@ -6,7 +6,7 @@ export type TagsInputProps = {
     unique?: boolean;
     min?: TagCountValidation;
     max?: TagCountValidation;
-    validations?: ((values: string[]) => string)[];
+    validations?: TagsInputValidation[];
     status?: string;
     style?: SVSStyle;
     element?: HTMLInputElement;
@@ -18,6 +18,7 @@ export type TagsInputDeps = {
 };
 export type TagsInputReqdProps = never;
 export type TagsInputBindProps = "dark" | "status" | "element";
+export type TagsInputValidation = (values: string[]) => string;
 export type TagCountValidation = {
     value: number;
     message: string;
@@ -25,6 +26,6 @@ export type TagCountValidation = {
 import { type SVSStyle } from "./core";
 import { type TextFieldProps, type TextFieldReqdProps, type TextFieldBindProps } from "./_TextField.svelte";
 import { type BadgeProps, type BadgeReqdProps, type BadgeBindProps } from "./_Badge.svelte";
-declare const TagsInput: import("svelte").Component<TagsInputProps, {}, "status" | "values" | "element">;
+declare const TagsInput: import("svelte").Component<TagsInputProps, {}, "status" | "element" | "values">;
 type TagsInput = ReturnType<typeof TagsInput>;
 export default TagsInput;

package/_svseeds/_CheckField.svelte

@@ -8,7 +8,7 @@
     values?: string[], // bindable
     multiple?: boolean, // <true>
     descFirst?: boolean, // <false>
-    validations?: ((values: string[], validities?: ValidityState[]) => string)[],
+    validations?: CheckFieldValidation[],
     status?: string, // bindable <STATE.DEFAULT>
     style?: SVSStyle,
     attributes?: HTMLInputAttributes,
@@ -17,6 +17,7 @@
   };
   export type CheckFieldReqdProps = "options";
   export type CheckFieldBindProps = "values" | "status" | "elements";
+  export type CheckFieldValidation = (values: string[], validities?: ValidityState[]) => string;
 
   type CheckFieldTarget = { currentTarget: EventTarget & HTMLInputElement };
   const preset = "svs-check-field";
@@ -59,6 +60,7 @@
   }
   function validate(oninvalid?: boolean) {
     if (!values.length && !oninvalid) return toNonInvalid();
+    if (!elements[0] || !validations.length) return;
     const validities = elements.map((x) => x.validity);
     for (const v of validations) {
       const msg = v(values, validities);
@@ -85,7 +87,7 @@
     ev.preventDefault();
     phase.submit = true;
     validate(true);
-    if (status !== STATE.INACTIVE) toInvalid(elements[0]?.validationMessage);
+    toInvalid(elements[0]?.validationMessage);
   }
 </script>
 

package/_svseeds/_CheckField.svelte.d.ts

@@ -7,7 +7,7 @@ export type CheckFieldProps = {
     values?: string[];
     multiple?: boolean;
     descFirst?: boolean;
-    validations?: ((values: string[], validities?: ValidityState[]) => string)[];
+    validations?: CheckFieldValidation[];
     status?: string;
     style?: SVSStyle;
     attributes?: HTMLInputAttributes;
@@ -16,6 +16,7 @@ export type CheckFieldProps = {
 };
 export type CheckFieldReqdProps = "options";
 export type CheckFieldBindProps = "values" | "status" | "elements";
+export type CheckFieldValidation = (values: string[], validities?: ValidityState[]) => string;
 import { type Snippet } from "svelte";
 import { type Action } from "svelte/action";
 import { type SvelteMap } from "svelte/reactivity";

package/_svseeds/_SelectField.svelte

@@ -9,7 +9,7 @@
     bottom?: string,
     value?: string, // bindable
     descFirst?: boolean, // <false>
-    validations?: ((value: string, validity?: ValidityState) => string)[],
+    validations?: SelectFieldValidation[],
     status?: string, // bindable <STATE.DEFAULT>
     style?: SVSStyle,
     attributes?: HTMLSelectAttributes;
@@ -18,6 +18,7 @@
   };
   export type SelectFieldReqdProps = "options";
   export type SelectFieldBindProps = "value" | "status" | "element";
+  export type SelectFieldValidation = (value: string, validity?: ValidityState) => string;
 
   type SelectFieldTarget = { currentTarget: EventTarget & HTMLSelectElement };
   const preset = "svs-select-field";
@@ -57,6 +58,7 @@
   }
   function validate(oninvalid?: boolean) {
     if (!value && !oninvalid) return toNonInvalid(neutral);
+    if (!element || !validations.length) return;
     for (const v of validations) {
       const msg = v(value, element?.validity);
       if (msg) return toInvalid(msg);
@@ -76,7 +78,7 @@
     attributes?.oninvalid?.(ev);
     ev.preventDefault();
     validate(true);
-    if (status !== STATE.INACTIVE) toInvalid(element?.validationMessage);
+    toInvalid(element?.validationMessage);
   }
 </script>
 

package/_svseeds/_SelectField.svelte.d.ts

@@ -8,7 +8,7 @@ export type SelectFieldProps = {
     bottom?: string;
     value?: string;
     descFirst?: boolean;
-    validations?: ((value: string, validity?: ValidityState) => string)[];
+    validations?: SelectFieldValidation[];
     status?: string;
     style?: SVSStyle;
     attributes?: HTMLSelectAttributes;
@@ -17,6 +17,7 @@ export type SelectFieldProps = {
 };
 export type SelectFieldReqdProps = "options";
 export type SelectFieldBindProps = "value" | "status" | "element";
+export type SelectFieldValidation = (value: string, validity?: ValidityState) => string;
 import { type Snippet } from "svelte";
 import { type Action } from "svelte/action";
 import { type SvelteMap } from "svelte/reactivity";

package/_svseeds/_TextField.svelte

@@ -10,7 +10,7 @@
     type?: "text" | "area" | "email" | "password" | "search" | "tel" | "url" | "number",  // bindable <"text">
     options?: SvelteSet<string> | Set<string>,
     descFirst?: boolean, // <false>
-    validations?: ((value: string, validity?: ValidityState) => string)[],
+    validations?: TextFieldValidation[],
     status?: string, // bindable <STATE.DEFAULT>
     style?: SVSStyle,
     attributes?: HTMLInputAttributes | HTMLTextareaAttributes,
@@ -19,6 +19,7 @@
   };
   export type TextFieldReqdProps = never;
   export type TextFieldBindProps = "value" | "type" | "status" | "element";
+  export type TextFieldValidation = (value: string, validity?: ValidityState) => string;
 
   const preset = "svs-text-field";
 
@@ -58,6 +59,7 @@
   }
   function validate(oninvalid?: boolean) {
     if (!value && !oninvalid) return toNonInvalid(neutral);
+    if (!element || !validations.length) return;
     for (const v of validations) {
       const msg = v(value, element?.validity);
       if (msg) return toInvalid(msg);
@@ -84,7 +86,7 @@
     attributes?.oninvalid?.(ev as any);
     ev.preventDefault();
     validate(true);
-    if (status !== STATE.INACTIVE) toInvalid(element?.validationMessage);
+    toInvalid(element?.validationMessage);
   }
 </script>
 

package/_svseeds/_TextField.svelte.d.ts

@@ -9,7 +9,7 @@ export type TextFieldProps = {
     type?: "text" | "area" | "email" | "password" | "search" | "tel" | "url" | "number";
     options?: SvelteSet<string> | Set<string>;
     descFirst?: boolean;
-    validations?: ((value: string, validity?: ValidityState) => string)[];
+    validations?: TextFieldValidation[];
     status?: string;
     style?: SVSStyle;
     attributes?: HTMLInputAttributes | HTMLTextareaAttributes;
@@ -18,6 +18,7 @@ export type TextFieldProps = {
 };
 export type TextFieldReqdProps = never;
 export type TextFieldBindProps = "value" | "type" | "status" | "element";
+export type TextFieldValidation = (value: string, validity?: ValidityState) => string;
 import { type Snippet } from "svelte";
 import { type Action } from "svelte/action";
 import { type SvelteSet } from "svelte/reactivity";

package/_svseeds/_TogglesField.svelte

@@ -8,7 +8,7 @@
     values?: string[], // bindable
     multiple?: boolean, // <true>
     descFirst?: boolean, // <false>
-    validations?: ((values: string[], validities?: ValidityState[]) => string)[],
+    validations?: TogglesFieldValidation[],
     status?: string, // bindable <STATE.DEFAULT>
     style?: SVSStyle,
     attributes?: HTMLButtonAttributes;
@@ -17,6 +17,7 @@
   };
   export type TogglesFieldReqdProps = "options";
   export type TogglesFieldBindProps = "values" | "status" | "elements";
+  export type TogglesFieldValidation = (values: string[], validities?: ValidityState[]) => string;
 
   type TogglesFieldTarget = { currentTarget: EventTarget & HTMLButtonElement };
   const preset = "svs-toggles-field";
@@ -59,6 +60,7 @@
   }
   function validate(oninvalid?: boolean) {
     if (!values.length && !oninvalid) return toNonInvalid();
+    if (!elem || !validations.length) return;
     const validities = elements.map((x) => x.validity);
     for (const v of validations) {
       const msg = v(values, validities);
@@ -88,7 +90,7 @@
     ev.preventDefault();
     phase.submit = true;
     validate(true);
-    if (status !== STATE.INACTIVE) toInvalid(elem?.validationMessage);
+    toInvalid(elem?.validationMessage);
   }
 </script>
 

package/_svseeds/_TogglesField.svelte.d.ts

@@ -7,7 +7,7 @@ export type TogglesFieldProps = {
     values?: string[];
     multiple?: boolean;
     descFirst?: boolean;
-    validations?: ((values: string[], validities?: ValidityState[]) => string)[];
+    validations?: TogglesFieldValidation[];
     status?: string;
     style?: SVSStyle;
     attributes?: HTMLButtonAttributes;
@@ -16,6 +16,7 @@ export type TogglesFieldProps = {
 };
 export type TogglesFieldReqdProps = "options";
 export type TogglesFieldBindProps = "values" | "status" | "elements";
+export type TogglesFieldValidation = (values: string[], validities?: ValidityState[]) => string;
 import { type Snippet } from "svelte";
 import { type Action } from "svelte/action";
 import { type SvelteMap } from "svelte/reactivity";

package/_svseeds/core.d.ts

@@ -1,7 +1,6 @@
 export { type SVSStyle, CONST, STATE, AREA, elemId, fnClass, isNeutral, omit, debounce, throttle, UniqueId, };
-type ClassRule = Record<string, string>;
-type ClassRuleSet = Partial<Record<string, ClassRule>>;
-type SVSStyle = ClassRuleSet | ClassRule | string;
+type ClassRule = Record<string, string> | string;
+type SVSStyle = Record<string, ClassRule> | string;
 declare const CONST = "const";
 declare const STATE: Readonly<{
     DEFAULT: "default";

package/_svseeds/core.js

@@ -1 +1 @@
-var t=this&&this.__assign||function(){return t=Object.assign||function(t){for(var r,e=1,n=arguments.length;e<n;e++)for(var i in r=arguments[e])Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i]);return t},t.apply(this,arguments)},r=this&&this.__classPrivateFieldSet||function(t,r,e,n,i){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!i)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof r?t!==r||!i:!r.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?i.call(t,e):i?i.value=e:r.set(t,e),e},e=this&&this.__classPrivateFieldGet||function(t,r,e,n){if("a"===e&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof r?t!==r||!n:!r.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?n:"a"===e?n.call(t):n?n.value:r.get(t)},n=this&&this.__spreadArray||function(t,r,e){if(e||2===arguments.length)for(var n,i=0,o=r.length;i<o;i++)!n&&i in r||(n||(n=Array.prototype.slice.call(r,0,i)),n[i]=r[i]);return t.concat(n||Array.prototype.slice.call(r))};export{i as CONST,o as STATE,a as AREA,u as elemId,l as fnClass,s as isNeutral,h as omit,v as debounce,d as throttle,c as UniqueId};var i="const",o=Object.freeze({DEFAULT:"default",ACTIVE:"active",INACTIVE:"inactive"}),a=Object.freeze({WHOLE:"whole",MIDDLE:"middle",MAIN:"main",TOP:"top",LEFT:"left",RIGHT:"right",BOTTOM:"bottom",LABEL:"label",AUX:"aux",EXTRA:"extra"}),c=function(){function t(t){void 0===t&&(t=4),i.add(this),c.set(this,new Set),u.set(this,4),t>2&&r(this,u,t,"f")}var i,o,a,c,u,l,f,s;return Object.defineProperty(t.prototype,"id",{get:function(){return this.get(!0)},enumerable:!1,configurable:!0}),t.prototype.get=function(t){if(t)return e(this,c,"f").size>1e4&&e(this,c,"f").clear(),e(this,i,"m",s).call(this)},o=t,c=new WeakMap,u=new WeakMap,i=new WeakSet,l=function(){return e(o,o,"f",a)[Math.trunc(Math.random()*e(o,o,"f",a).length)]},f=function(){var t=this;return String.fromCharCode.apply(String,Array(e(this,u,"f")).fill(null).map((function(){return e(t,i,"m",l).call(t)})))},s=function(){for(var t=e(this,i,"m",f).call(this);e(this,c,"f").has(t);)t=e(this,i,"m",f).call(this);return e(this,c,"f").add(t),t},a={value:n(n([],Array.from(Array(25).keys(),(function(t){return t+65})),!0),Array.from(Array(25).keys(),(function(t){return t+97})),!0)},t}(),u=new c;function l(t,r){var e,n=null!==(e=f(r))&&void 0!==e?e:f(t);return null==n?function(t,r){}:"string"==typeof n?function(t,r){return"".concat(n," ").concat(t," ").concat(r)}:function(t,r){return function(t,r,e){var n,a,c,u,l,f,s=null!==(a=null===(n=t[r])||void 0===n?void 0:n[i])&&void 0!==a?a:"",h=null!==(f=null!==(u=null===(c=t[r])||void 0===c?void 0:c[e])&&void 0!==u?u:null===(l=t[r])||void 0===l?void 0:l[o.DEFAULT])&&void 0!==f?f:"";if(!s&&!h)return;return"".concat(s).concat(s&&h?" ":"").concat(h)}(n,t,r)}}function f(t){if(null!=t){if("string"==typeof t)return t.trim()?t:void 0;var r=Object.values(t);if(r.length)return"string"!=typeof r[0]?t:Object.fromEntries(Object.entries(t).map((function(t){return[t[0],{const:t[1]}]})))}}function s(t){return t!==o.ACTIVE&&t!==o.INACTIVE}function h(r){for(var e=[],n=1;n<arguments.length;n++)e[n-1]=arguments[n];if(!r)return{};var i=t({},r);return e.forEach((function(t){return delete i[t]})),i}function v(t,r){var e;return function(){for(var i=[],o=0;o<arguments.length;o++)i[o]=arguments[o];e&&clearTimeout(e),e=setTimeout((function(){r.call.apply(r,n([null],i,!1))}),t)}}function d(t,r){var e,i=0,o=function(){return Date.now()-i},a=function(t){r.call.apply(r,n([null],t,!1)),i=Date.now()};return function(){for(var r=[],n=0;n<arguments.length;n++)r[n]=arguments[n];if(!i)return a(r);clearTimeout(e),e=setTimeout((function(){o()>=t&&a(r)}),t-o())}}
+var t=this&&this.__assign||function(){return t=Object.assign||function(t){for(var r,n=1,e=arguments.length;n<e;n++)for(var i in r=arguments[n])Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i]);return t},t.apply(this,arguments)},r=this&&this.__classPrivateFieldSet||function(t,r,n,e,i){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!i)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof r?t!==r||!i:!r.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?i.call(t,n):i?i.value=n:r.set(t,n),n},n=this&&this.__classPrivateFieldGet||function(t,r,n,e){if("a"===n&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof r?t!==r||!e:!r.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?e:"a"===n?e.call(t):e?e.value:r.get(t)},e=this&&this.__spreadArray||function(t,r,n){if(n||2===arguments.length)for(var e,i=0,o=r.length;i<o;i++)!e&&i in r||(e||(e=Array.prototype.slice.call(r,0,i)),e[i]=r[i]);return t.concat(e||Array.prototype.slice.call(r))};export{i as CONST,o as STATE,a as AREA,u as elemId,l as fnClass,s as isNeutral,h as omit,v as debounce,d as throttle,c as UniqueId};var i="const",o=Object.freeze({DEFAULT:"default",ACTIVE:"active",INACTIVE:"inactive"}),a=Object.freeze({WHOLE:"whole",MIDDLE:"middle",MAIN:"main",TOP:"top",LEFT:"left",RIGHT:"right",BOTTOM:"bottom",LABEL:"label",AUX:"aux",EXTRA:"extra"}),c=function(){function t(t){void 0===t&&(t=4),i.add(this),c.set(this,new Set),u.set(this,4),t>2&&r(this,u,t,"f")}var i,o,a,c,u,l,f,s;return Object.defineProperty(t.prototype,"id",{get:function(){return this.get(!0)},enumerable:!1,configurable:!0}),t.prototype.get=function(t){if(t)return n(this,c,"f").size>1e4&&n(this,c,"f").clear(),n(this,i,"m",s).call(this)},o=t,c=new WeakMap,u=new WeakMap,i=new WeakSet,l=function(){return n(o,o,"f",a)[Math.trunc(Math.random()*n(o,o,"f",a).length)]},f=function(){var t=this;return String.fromCharCode.apply(String,Array(n(this,u,"f")).fill(null).map((function(){return n(t,i,"m",l).call(t)})))},s=function(){for(var t=n(this,i,"m",f).call(this);n(this,c,"f").has(t);)t=n(this,i,"m",f).call(this);return n(this,c,"f").add(t),t},a={value:e(e([],Array.from(Array(25).keys(),(function(t){return t+65})),!0),Array.from(Array(25).keys(),(function(t){return t+97})),!0)},t}(),u=new c;function l(t,r){var n,e=null!==(n=f(r))&&void 0!==n?n:f(t);return null==e?function(t,r){}:"string"==typeof e?function(t,r){return"".concat(e," ").concat(t," ").concat(r)}:function(t,r){return function(t,r,n){var e,a,c,u,l,f,s=null!==(a=null===(e=t[r])||void 0===e?void 0:e[i])&&void 0!==a?a:"",h=null!==(f=null!==(u=null===(c=t[r])||void 0===c?void 0:c[n])&&void 0!==u?u:null===(l=t[r])||void 0===l?void 0:l[o.DEFAULT])&&void 0!==f?f:"";if(!s&&!h)return;return"".concat(s).concat(s&&h?" ":"").concat(h)}(e,t,r)}}function f(t){if(null!=t){if("string"==typeof t)return t.trim()?t:void 0;var r=Object.entries(t);if(r.length)return Object.fromEntries(r.map((function(t){var r=t[0],n=t[1];return"string"==typeof n?[r,{const:n}]:[r,n]})))}}function s(t){return t!==o.ACTIVE&&t!==o.INACTIVE}function h(r){for(var n=[],e=1;e<arguments.length;e++)n[e-1]=arguments[e];if(!r)return{};var i=t({},r);return n.forEach((function(t){return delete i[t]})),i}function v(t,r){var n;return function(){for(var i=[],o=0;o<arguments.length;o++)i[o]=arguments[o];n&&clearTimeout(n),n=setTimeout((function(){r.call.apply(r,e([null],i,!1))}),t)}}function d(t,r){var n,i=0,o=function(){return Date.now()-i},a=function(t){r.call.apply(r,e([null],t,!1)),i=Date.now()};return function(){for(var r=[],e=0;e<arguments.length;e++)r[e]=arguments[e];if(!i)return a(r);clearTimeout(n),n=setTimeout((function(){o()>=t&&a(r)}),t-o())}}

package/index.d.ts

@@ -1,7 +1,7 @@
 export { type SVSStyle, CONST, STATE, AREA, elemId, fnClass, isNeutral, omit, debounce, throttle, UniqueId } from "./_svseeds/core";
 export { default as Badge, type BadgeProps, type BadgeReqdProps, type BadgeBindProps } from "./_svseeds/_Badge.svelte";
 export { default as Button, type ButtonProps, type ButtonReqdProps, type ButtonBindProps } from "./_svseeds/_Button.svelte";
-export { default as CheckField, type CheckFieldProps, type CheckFieldReqdProps, type CheckFieldBindProps } from "./_svseeds/_CheckField.svelte";
+export { default as CheckField, type CheckFieldProps, type CheckFieldReqdProps, type CheckFieldBindProps, type CheckFieldValidation } from "./_svseeds/_CheckField.svelte";
 export { default as ColorPicker, type ColorPickerProps, type ColorPickerReqdProps, type ColorPickerBindProps, getHex } from "./_svseeds/_ColorPicker.svelte";
 export { default as ComboBox, type ComboBoxProps, type ComboBoxReqdProps, type ComboBoxBindProps } from "./_svseeds/_ComboBox.svelte";
 export { default as ContextMenu, type ContextMenuProps, type ContextMenuReqdProps, type ContextMenuBindProps } from "./_svseeds/_ContextMenu.svelte";
@@ -9,14 +9,14 @@ export { default as Disclosure, type DisclosureProps, type DisclosureReqdProps,
 export { default as HotkeyCapture, type HotkeyCaptureProps, type HotkeyCaptureReqdProps, type HotkeyCaptureBindProps } from "./_svseeds/_HotkeyCapture.svelte";
 export { default as Modal, type ModalProps, type ModalReqdProps, type ModalBindProps } from "./_svseeds/_Modal.svelte";
 export { default as ProgressTracker, type ProgressTrackerProps, type ProgressTrackerReqdProps, type ProgressTrackerBindProps } from "./_svseeds/_ProgressTracker.svelte";
-export { default as SelectField, type SelectFieldProps, type SelectFieldReqdProps, type SelectFieldBindProps } from "./_svseeds/_SelectField.svelte";
+export { default as SelectField, type SelectFieldProps, type SelectFieldReqdProps, type SelectFieldBindProps, type SelectFieldValidation } from "./_svseeds/_SelectField.svelte";
 export { default as Slider, type SliderProps, type SliderReqdProps, type SliderBindProps, type Range } from "./_svseeds/_Slider.svelte";
 export { default as Sortable, type SortableProps, type SortableReqdProps, type SortableBindProps, SortableItems } from "./_svseeds/_Sortable.svelte";
 export { default as Tabs, type TabsProps, type TabsReqdProps, type TabsBindProps } from "./_svseeds/_Tabs.svelte";
-export { default as TextField, type TextFieldProps, type TextFieldReqdProps, type TextFieldBindProps } from "./_svseeds/_TextField.svelte";
+export { default as TextField, type TextFieldProps, type TextFieldReqdProps, type TextFieldBindProps, type TextFieldValidation } from "./_svseeds/_TextField.svelte";
 export { default as Toggle, type ToggleProps, type ToggleReqdProps, type ToggleBindProps } from "./_svseeds/_Toggle.svelte";
-export { default as TogglesField, type TogglesFieldProps, type TogglesFieldReqdProps, type TogglesFieldBindProps } from "./_svseeds/_TogglesField.svelte";
+export { default as TogglesField, type TogglesFieldProps, type TogglesFieldReqdProps, type TogglesFieldBindProps, type TogglesFieldValidation } from "./_svseeds/_TogglesField.svelte";
 export { default as Tooltip, type TooltipProps, type TooltipReqdProps, type TooltipBindProps, type Vector, type Position, type Align, tooltip, tooltipAction } from "./_svseeds/_Tooltip.svelte";
 export { default as Accordion, type AccordionProps, type AccordionDeps, type AccordionReqdProps, type AccordionBindProps } from "./_svseeds/Accordion.svelte";
 export { default as DarkToggle, type DarkToggleProps, type DarkToggleDeps, type DarkToggleReqdProps, type DarkToggleBindProps } from "./_svseeds/DarkToggle.svelte";
-export { default as TagsInput, type TagsInputProps, type TagsInputDeps, type TagsInputReqdProps, type TagsInputBindProps, type TagCountValidation } from "./_svseeds/TagsInput.svelte";
+export { default as TagsInput, type TagsInputProps, type TagsInputDeps, type TagsInputReqdProps, type TagsInputBindProps, type TagsInputValidation, type TagCountValidation } from "./_svseeds/TagsInput.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svseeds",
-  "version": "0.3.7",
+  "version": "0.3.8",
   "description": "Simple components for Svelte.",
   "type": "module",
   "main": "./index.js",