svseeds 0.4.0 → 0.4.3

package/_svseeds/_Toggle.svelte.d.ts

@@ -1,21 +1,40 @@
-export type ToggleProps = {
+export interface ToggleProps {
     main?: Snippet<[string, boolean, HTMLButtonElement | undefined]>;
     left?: Snippet<[string, boolean, HTMLButtonElement | undefined]>;
     right?: Snippet<[string, boolean, HTMLButtonElement | undefined]>;
     value?: boolean;
     type?: "button" | "switch";
+    ariaLabel?: string;
     status?: string;
     style?: SVSStyle;
     attributes?: HTMLButtonAttributes;
     action?: Action;
     element?: HTMLButtonElement;
-};
+}
 export type ToggleReqdProps = never;
 export type ToggleBindProps = "value" | "status" | "element";
 import { type Snippet } from "svelte";
 import { type Action } from "svelte/action";
 import { type HTMLButtonAttributes } from "svelte/elements";
 import { type SVSStyle } from "./core";
+/**
+ * default value: `<value>`
+ * ```ts
+ * interface ToggleProps {
+ *   main?: Snippet<[string, boolean, HTMLButtonElement | undefined]>; // Snippet<[status,value,element]>
+ *   left?: Snippet<[string, boolean, HTMLButtonElement | undefined]>; // Snippet<[status,value,element]>
+ *   right?: Snippet<[string, boolean, HTMLButtonElement | undefined]>; // Snippet<[status,value,element]>
+ *   value?: boolean; // bindable <false>
+ *   type?: "button" | "switch"; // <"button">
+ *   ariaLabel?: string;
+ *   status?: string; // bindable <STATE.NEUTRAL>
+ *   style?: SVSStyle;
+ *   attributes?: HTMLButtonAttributes;
+ *   action?: Action;
+ *   element?: HTMLButtonElement; // bindable
+ * }
+ * ```
+ */
 declare const Toggle: import("svelte").Component<ToggleProps, {}, "value" | "status" | "element">;
 type Toggle = ReturnType<typeof Toggle>;
 export default Toggle;

package/_svseeds/_ToggleGroup.svelte

@@ -1,15 +1,32 @@
+<!--
+  @component
+  default value: `<value>`
+  ```ts
+  interface ToggleGroupProps {
+    options: SvelteMap<string, string> | Map<string, string>;
+    values?: string[]; // bindable
+    multiple?: boolean; // <true>
+    ariaDescId?: string;
+    ariaErrMsgId?: string; // bindable
+    status?: string; // bindable <STATE.NEUTRAL>
+    style?: SVSStyle;
+    action?: Action;
+    [key: string]: unknown | Snippet<[string]>;
+  }
+  ```
+-->
 <script module lang="ts">
-  export type ToggleGroupProps = {
-    options: SvelteMap<string, string> | Map<string, string>,
-    values?: string[], // bindable
-    multiple?: boolean, // <true>
-    ariaDescId?: string,
-    ariaErrMsgId?: string, // bindable
-    status?: string, // bindable <STATE.DEFAULT>
-    style?: SVSStyle,
-    action?: Action,
-    [key: string]: unknown | Snippet<[string]>,
-  };
+  export interface ToggleGroupProps {
+    options: SvelteMap<string, string> | Map<string, string>;
+    values?: string[]; // bindable
+    multiple?: boolean; // <true>
+    ariaDescId?: string;
+    ariaErrMsgId?: string; // bindable
+    status?: string; // bindable <STATE.NEUTRAL>
+    style?: SVSStyle;
+    action?: Action;
+    [key: string]: unknown | Snippet<[string]>;
+  }
   export type ToggleGroupReqdProps = "options";
   export type ToggleGroupBindProps = "values" | "ariaErrMsgId" | "status";
 
@@ -24,14 +41,14 @@
   import { type Snippet } from "svelte";
   import { type Action } from "svelte/action";
   import { type SvelteMap } from "svelte/reactivity";
-  import { type SVSStyle, STATE, AREA, fnClass } from "./core";
+  import { type SVSStyle, STATE, PARTS, fnClass } from "./core";
 </script>
 
 <script lang="ts">
   let { options, values = $bindable([]), multiple = true, ariaDescId, ariaErrMsgId = $bindable(), status = $bindable(""), style, attributes, action, ...rest }: ToggleGroupProps = $props();
 
   // *** Initialize *** //
-  if (!status) status = STATE.DEFAULT;
+  if (!status) status = STATE.NEUTRAL;
   const cls = fnClass(preset, style);
   const role = multiple ? "checkbox" : "radio";
   const roleGroup = multiple ? "group" : "radiogroup";
@@ -52,9 +69,9 @@
 <!---------------------------------------->
 
 {#if opts.length}
-  <span class={cls(AREA.WHOLE, status)} role={roleGroup} aria-describedby={ariaDescId} aria-invalid={!multiple ? invalid : undefined} aria-errormessage={!multiple ? ariaErrMsgId : undefined}>
+  <span class={cls(PARTS.WHOLE, status)} role={roleGroup} aria-describedby={ariaDescId} aria-invalid={!multiple ? invalid : undefined} aria-errormessage={!multiple ? ariaErrMsgId : undefined}>
     {#each opts as { value, text, checked } (value)}
-      {@const c = cls(AREA.MAIN, checked ? STATE.ACTIVE : status)}
+      {@const c = cls(PARTS.MAIN, checked ? STATE.ACTIVE : status)}
       {#if action}
         <button class={c} aria-checked={checked} aria-invalid={multiple ? invalid : undefined} aria-errormessage={multiple ? ariaErrMsgId : undefined} onclick={updateValues(value)} type="button" {role} use:action>
           {@render content(value, text)}

package/_svseeds/_ToggleGroup.svelte.d.ts

@@ -1,4 +1,4 @@
-export type ToggleGroupProps = {
+export interface ToggleGroupProps {
     options: SvelteMap<string, string> | Map<string, string>;
     values?: string[];
     multiple?: boolean;
@@ -8,13 +8,29 @@ export type ToggleGroupProps = {
     style?: SVSStyle;
     action?: Action;
     [key: string]: unknown | Snippet<[string]>;
-};
+}
 export type ToggleGroupReqdProps = "options";
 export type ToggleGroupBindProps = "values" | "ariaErrMsgId" | "status";
 import { type Snippet } from "svelte";
 import { type Action } from "svelte/action";
 import { type SvelteMap } from "svelte/reactivity";
 import { type SVSStyle } from "./core";
+/**
+ * default value: `<value>`
+ * ```ts
+ * interface ToggleGroupProps {
+ *   options: SvelteMap<string, string> | Map<string, string>;
+ *   values?: string[]; // bindable
+ *   multiple?: boolean; // <true>
+ *   ariaDescId?: string;
+ *   ariaErrMsgId?: string; // bindable
+ *   status?: string; // bindable <STATE.NEUTRAL>
+ *   style?: SVSStyle;
+ *   action?: Action;
+ *   [key: string]: unknown | Snippet<[string]>;
+ * }
+ * ```
+ */
 declare const ToggleGroup: import("svelte").Component<ToggleGroupProps, {}, "status" | "values" | "ariaErrMsgId">;
 type ToggleGroup = ReturnType<typeof ToggleGroup>;
 export default ToggleGroup;

package/_svseeds/_Tooltip.svelte

@@ -1,14 +1,33 @@
+<!--
+  @component
+  default value: `<value>`
+  ```ts
+  interface TooltipProps {
+    main?: Snippet<[string, string, boolean]>; // Snippet<[status,text,isFlipped]>
+    name?: string;
+    position?: Position; // "top"
+    align?: Align; // "center"
+    offset?: Vector; // <{ x: 0, y: 0 }>
+    status?: string; // bindable <STATE.NEUTRAL>
+    style?: SVSStyle;
+    element?: HTMLDivElement; // bindable
+  }
+  type Vector = { x: number, y: number };
+  type Position = "top" | "left" | "bottom" | "right";
+  type Align = "start" | "center" | "end";
+  ```
+-->
 <script module lang="ts">
-  export type TooltipProps = {
-    main?: Snippet<[string, string, boolean]>, // Snippet<[status,text,isFlipped]>
-    name?: string,
-    position?: Position, // "top"
-    align?: Align, // "center"
-    offset?: Vector, // <{ x: 0, y: 0 }>
-    status?: string, // bindable <STATE.DEFAULT>
-    style?: SVSStyle,
-    element?: HTMLDivElement, // bindable
-  };
+  export interface TooltipProps {
+    main?: Snippet<[string, string, boolean]>; // Snippet<[status,text,isFlipped]>
+    name?: string;
+    position?: Position; // "top"
+    align?: Align; // "center"
+    offset?: Vector; // <{ x: 0, y: 0 }>
+    status?: string; // bindable <STATE.NEUTRAL>
+    style?: SVSStyle;
+    element?: HTMLDivElement; // bindable
+  }
   export type TooltipReqdProps = never;
   export type TooltipBindProps = "status" | "element";
   export function tooltip(node: HTMLElement, params: { text: string, delay?: number, cursor?: boolean, name?: string }): ActionReturn {
@@ -228,14 +247,14 @@
   import { type Snippet, untrack } from "svelte";
   import { on } from "svelte/events";
   import { type Action, type ActionReturn } from "svelte/action";
-  import { type SVSStyle, STATE, AREA, elemId, fnClass, throttle } from "./core";
+  import { type SVSStyle, STATE, PARTS, elemId, fnClass, throttle } from "./core";
 </script>
 
 <script lang="ts">
   let { main, name, position = "top", align = "center", offset = { ...INIT_VEC }, status = $bindable(""), style, element = $bindable() }: TooltipProps = $props();
 
   // *** Initialize *** //
-  if (!status) status = STATE.DEFAULT;
+  if (!status) status = STATE.NEUTRAL;
   const cls = fnClass(preset, style);
   const id = core.register(name);
   let point: Vector = $state.raw(INIT_VEC);
@@ -256,7 +275,7 @@
 <!---------------------------------------->
 
 {#if core.mount(id)}
-  <div bind:this={element} class={cls(AREA.WHOLE, status)} style={dynStyle} {id} role="tooltip">
+  <div bind:this={element} class={cls(PARTS.WHOLE, status)} style={dynStyle} {id} role="tooltip">
     {#if main}
       {@render main(status, core.text, core.flipped)}
     {:else}

package/_svseeds/_Tooltip.svelte.d.ts

@@ -1,4 +1,4 @@
-export type TooltipProps = {
+export interface TooltipProps {
     main?: Snippet<[string, string, boolean]>;
     name?: string;
     position?: Position;
@@ -7,7 +7,7 @@ export type TooltipProps = {
     status?: string;
     style?: SVSStyle;
     element?: HTMLDivElement;
-};
+}
 export type TooltipReqdProps = never;
 export type TooltipBindProps = "status" | "element";
 export declare function tooltip(node: HTMLElement, params: {
@@ -26,6 +26,24 @@ export type Align = "start" | "center" | "end";
 import { type Snippet } from "svelte";
 import { type Action, type ActionReturn } from "svelte/action";
 import { type SVSStyle } from "./core";
+/**
+ * default value: `<value>`
+ * ```ts
+ * interface TooltipProps {
+ *   main?: Snippet<[string, string, boolean]>; // Snippet<[status,text,isFlipped]>
+ *   name?: string;
+ *   position?: Position; // "top"
+ *   align?: Align; // "center"
+ *   offset?: Vector; // <{ x: 0, y: 0 }>
+ *   status?: string; // bindable <STATE.NEUTRAL>
+ *   style?: SVSStyle;
+ *   element?: HTMLDivElement; // bindable
+ * }
+ * type Vector = { x: number, y: number };
+ * type Position = "top" | "left" | "bottom" | "right";
+ * type Align = "start" | "center" | "end";
+ * ```
+ */
 declare const Tooltip: import("svelte").Component<TooltipProps, {}, "status" | "element">;
 type Tooltip = ReturnType<typeof Tooltip>;
 export default Tooltip;

package/_svseeds/core.d.ts

@@ -1,13 +1,18 @@
-export { type SVSStyle, CONST, STATE, AREA, elemId, fnClass, isNeutral, omit, debounce, throttle, UniqueId, };
-type ClassRule = Record<string, string> | string;
+export { type SVSStyle, BASE, STATE, PARTS, elemId, fnClass, isNeutral, omit, debounce, throttle, UniqueId, };
+type ClassDictionary = Record<string, unknown>;
+type ClassArray = (ClassArray | ClassDictionary | string | number | bigint | null | boolean | undefined)[];
+type ClassPartialValue = string | ClassArray;
+type ClassValue = ClassPartialValue | ClassDictionary;
+type ClassRule = Record<string, ClassValue> | ClassPartialValue;
 type SVSStyle = Record<string, ClassRule> | string;
-declare const CONST = "const";
+type ClassFn = (part: string, status: string) => ClassValue | undefined;
+declare const BASE = "base";
 declare const STATE: Readonly<{
-    DEFAULT: "default";
+    NEUTRAL: "neutral";
     ACTIVE: "active";
     INACTIVE: "inactive";
 }>;
-declare const AREA: Readonly<{
+declare const PARTS: Readonly<{
     WHOLE: "whole";
     MIDDLE: "middle";
     MAIN: "main";
@@ -19,16 +24,189 @@ declare const AREA: Readonly<{
     AUX: "aux";
     EXTRA: "extra";
 }>;
+/**
+ * Creates a function that dynamically generates CSS classes based on component parts and status.
+ *
+ * Compatible with ClassValue type available in Svelte 5.16+ class attributes,
+ * this function generates a ClassFn that returns appropriate CSS classes
+ * based on the combination of component parts and their states.
+ *
+ * @param preset - Preset style definition. Can be a string or style rule object
+ * @param style - Optional style definition. Takes precedence over preset when provided
+ *
+ * @returns Function that takes part and status parameters and returns ClassValue
+ *
+ * @example
+ * // String preset case
+ * const classFn = fnClass("my-preset");
+ * classFn("whole", "active"); // "my-preset whole active"
+ *
+ * @example
+ * // Rule-based case
+ * const rules = {
+ *   whole: {
+ *     base: "container",
+ *     active: "container-active"
+ *   },
+ *   main: {
+ *     base: "main-content"
+ *   }
+ * };
+ * const classFn = fnClass(rules);
+ * classFn("whole", "neutral"); // "container"
+ * classFn("whole", "active");  // ["container", "container-active"]
+ * classFn("main", "neutral");  // "main-content"
+ * classFn("unknown", "active"); // undefined
+ *
+ * @example
+ * // Overriding preset with style
+ * const preset = "default-style";
+ * const customStyle = {
+ *   button: {
+ *     base: "btn",
+ *     active: "btn-active"
+ *   }
+ * };
+ * const classFn = fnClass(preset, customStyle);
+ * classFn("button", "active"); // ["btn", "btn-active"]
+ */
+declare function fnClass(preset: SVSStyle, style?: SVSStyle): ClassFn;
+/**
+ * Generates unique random alphabetic ID strings with collision detection.
+ * Uses a carefully selected character set of 50 letters (A-Y, a-y) to ensure
+ * uniform distribution when using Math.random(), and provides a reserved
+ * character space (Z, z) for manual ID injection without conflicts.
+ *
+ * In default, internal store for detecting collision is automatically cleared
+ * when it exceeds 100,000 entries to manage memory usage in long-running.
+ *
+ * @example
+ * ```typescript
+ * const idGen = new UniqueId(5);
+ * const id1 = idGen.id; // "AbCdE"
+ * const id2 = idGen.id; // "XyaBc" (guaranteed to be different from id1)
+ *
+ * // Conditional generation
+ * const conditionalId = idGen.get(someCondition); // string | undefined
+ *
+ * // Manual injection with reserved characters
+ * const manualId = "zTest"; // Will never conflict with generated IDs
+ * ```
+ */
 declare class UniqueId {
     #private;
+    /**
+     * Gets a new unique ID string. Always returns a string (never undefined).
+     *
+     * @returns A unique alphabetic ID string
+     *
+     * @example
+     * ```typescript
+     * const generator = new UniqueId();
+     * const myId = generator.id; // "AbC"
+     * ```
+     */
     get id(): string;
-    constructor(len?: number);
+    /**
+     * Creates a new UniqueId generator instance.
+     *
+     * @param len   - The length of generated ID strings (minimum 3, defaults to 3)
+     * @param limit - Maximum number of IDs to store before clearing the internal store (defaults to 100,000)
+     *
+     * @example
+     * ```typescript
+     * const shortIds = new UniqueId(4); // Generates 4-character IDs
+     * const longIds = new UniqueId(8);  // Generates 8-character IDs
+     * ```
+     */
+    constructor(len?: number, limit?: number);
+    /**
+     * Conditionally generates a unique ID string based on the provided value.
+     * Returns undefined if the value is falsy. The internal store is automatically
+     * cleared if it exceeds 100,000 entries to prevent excessive memory usage.
+     *
+     * @param v - A value to check for truthiness
+     * @returns A unique ID string if the value is truthy, undefined otherwise
+     *
+     * @example
+     * ```typescript
+     * const generator = new UniqueId();
+     * const id1 = generator.get(true);        // "AbCd"
+     * const id2 = generator.get(false);       // undefined
+     * const id3 = generator.get("hello");     // "XyAb"
+     * const id4 = generator.get(null);        // undefined
+     * ```
+     */
     get(v: unknown): string | undefined;
 }
 declare const elemId: UniqueId;
-type ClassFn = (area: string, status: string) => string | undefined;
-declare function fnClass(preset: SVSStyle, style?: SVSStyle): ClassFn;
+/**
+ * Determines whether a status is in a neutral state (neither ACTIVE nor INACTIVE).
+ *
+ * @param status - The status string to check
+ * @returns false if the status is ACTIVE or INACTIVE, true otherwise
+ *
+ * @example
+ * ```typescript
+ * isNeutral(STATE.NEUTRAL); // true
+ * isNeutral("custom state"); // true
+ * isNeutral(STATE.ACTIVE); // false
+ * isNeutral(STATE.INACTIVE); // false
+ * ```
+ */
 declare function isNeutral(status: string): boolean;
+/**
+ * Creates a new object with specified keys omitted from the original object.
+ * Returns an empty object if the input object is undefined or null.
+ *
+ * @param obj - The source object to omit keys from
+ * @param keys - The keys to omit from the object
+ * @returns A new object with the specified keys removed, or an empty object if input is falsy
+ *
+ * @example
+ * ```typescript
+ * const user = { id: 1, name: "John", email: "john@example.com" };
+ * const publicUser = omit(user, "email"); // { id: 1, name: "John" }
+ * const empty = omit(undefined, "key"); // {}
+ * ```
+ */
 declare function omit<T extends object, K extends keyof T>(obj?: T, ...keys: K[]): Omit<T, K> | Record<string, never>;
+/**
+ * Creates a debounced function that delays invoking the provided function until after
+ * the specified delay has elapsed since the last time it was invoked.
+ *
+ * @param delay - The number of milliseconds to delay
+ * @param fn - The function to debounce
+ * @returns A debounced version of the function
+ *
+ * @example
+ * ```typescript
+ * const debouncedSearch = debounce(300, (query: string) => {
+ *   console.log("Searching for:", query);
+ * });
+ *
+ * debouncedSearch("hello"); // Will only execute after 300ms of no further calls
+ * debouncedSearch("hello world"); // Cancels previous call, waits another 300ms
+ * ```
+ */
 declare function debounce<Args extends unknown[], R>(delay: number, fn: (...args: Args) => R): (...args: Args) => void;
+/**
+ * Creates a throttled function that only invokes the provided function at most once
+ * per specified interval. Subsequent calls within the interval are queued and executed
+ * at the next available interval boundary.
+ *
+ * @param interval - The number of milliseconds to throttle invocations to
+ * @param fn - The function to throttle
+ * @returns A throttled version of the function
+ *
+ * @example
+ * ```typescript
+ * const throttledScroll = throttle(100, (event: Event) => {
+ *   console.log("Scroll event handled");
+ * });
+ *
+ * window.addEventListener("scroll", throttledScroll);
+ * // Will execute at most once every 100ms, even if scroll events fire more frequently
+ * ```
+ */
 declare function throttle<Args extends unknown[], R>(interval: number, fn: (...args: Args) => R): (...args: Args) => void;

package/_svseeds/core.js

@@ -1 +1 @@
-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())}}
+export{t as BASE,e as STATE,r as PARTS,s as elemId,n as fnClass,a as isNeutral,u as omit,c as debounce,l as throttle,o as UniqueId};const t="base",e=Object.freeze({NEUTRAL:"neutral",ACTIVE:"active",INACTIVE:"inactive"}),r=Object.freeze({WHOLE:"whole",MIDDLE:"middle",MAIN:"main",TOP:"top",LEFT:"left",RIGHT:"right",BOTTOM:"bottom",LABEL:"label",AUX:"aux",EXTRA:"extra"});function n(r,n){const o=i(n)??i(r);return null==o?(t,e)=>{}:"string"==typeof o?(t,e)=>`${o} ${t} ${e}`:(r,n)=>function(r,n,i){const o=r[n]?.[t]??"",s=r[n]?.[i]??r[n]?.[e.NEUTRAL]??"";if(!o&&!s)return;return o&&s?[o,s]:o||s}(o,r,n)}function i(t){if(null==t)return;if("string"==typeof t)return t.trim()?t:void 0;const e=Object.entries(t);return e.length?Object.fromEntries(e.map((([t,e])=>null===e||"object"!=typeof e||Array.isArray(e)?[t,{base:e}]:[t,e]))):void 0}class o{static#t=[...Array.from(Array(25).keys(),(t=>t+65)),...Array.from(Array(25).keys(),(t=>t+97))];#e=new Set;#r=3;#n=1e5;get id(){return this.get(!0)}constructor(t=3,e=1e5){t>2&&(this.#r=t),(e=Math.trunc(e))>0&&e<Math.min(Math.pow(50,this.#r),Number.MAX_SAFE_INTEGER)&&(this.#n=e)}get(t){if(t)return this.#e.size>this.#n&&this.#e.clear(),this.#i()}#o(){return o.#t[Math.trunc(Math.random()*o.#t.length)]}#s(){return String.fromCharCode(...Array(this.#r).fill(null).map((()=>this.#o())))}#i(){let t=this.#s();for(;this.#e.has(t);)t=this.#s();return this.#e.add(t),t}}const s=new o;function a(t){return t!==e.ACTIVE&&t!==e.INACTIVE}function u(t,...e){if(!t)return{};const r={...t};return e.forEach((t=>delete r[t])),r}function c(t,e){let r;return(...n)=>{r&&clearTimeout(r),r=setTimeout((()=>{e.call(null,...n)}),t)}}function l(t,e){let r,n=0;const i=()=>Date.now()-n,o=t=>{e.call(null,...t),n=Date.now()};return(...e)=>{if(!n)return o(e);clearTimeout(r),r=setTimeout((()=>{i()>=t&&o(e)}),t-i())}}

package/index.d.ts

@@ -1,24 +1,24 @@
-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, 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";
-export { default as Disclosure, type DisclosureProps, type DisclosureReqdProps, type DisclosureBindProps } from "./_svseeds/_Disclosure.svelte";
-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, 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, type TextFieldValidation } from "./_svseeds/_TextField.svelte";
-export { default as Toggle, type ToggleProps, type ToggleReqdProps, type ToggleBindProps } from "./_svseeds/_Toggle.svelte";
-export { default as ToggleGroup, type ToggleGroupProps, type ToggleGroupReqdProps, type ToggleGroupBindProps } from "./_svseeds/_ToggleGroup.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 TagsInputEvents } from "./_svseeds/TagsInput.svelte";
-export { default as TagsInputField, type TagsInputFieldProps, type TagsInputFieldDeps, type TagsInputFieldReqdProps, type TagsInputFieldBindProps, type TagsInputFieldConstraint, type TagsInputFieldValidation, type TagsInputFieldCountValidation } from "./_svseeds/TagsInputField.svelte";
-export { default as ToggleGroupField, type ToggleGroupFieldProps, type ToggleGroupFieldDeps, type ToggleGroupFieldReqdProps, type ToggleGroupFieldBindProps, type ToggleGroupFieldValidation } from "./_svseeds/ToggleGroupField.svelte";
+export { type SVSStyle, BASE, STATE, PARTS, elemId, fnClass, isNeutral, omit, debounce, throttle, UniqueId } from "./_svseeds/core";
+export { default as Badge, type BadgeReqdProps, type BadgeBindProps } from "./_svseeds/_Badge.svelte";
+export { default as Button, type ButtonReqdProps, type ButtonBindProps } from "./_svseeds/_Button.svelte";
+export { default as CheckField, type CheckFieldReqdProps, type CheckFieldBindProps, type CheckFieldValidation } from "./_svseeds/_CheckField.svelte";
+export { default as ColorPicker, type ColorPickerReqdProps, type ColorPickerBindProps, getHex, getHex } from "./_svseeds/_ColorPicker.svelte";
+export { default as ComboBox, type ComboBoxReqdProps, type ComboBoxBindProps } from "./_svseeds/_ComboBox.svelte";
+export { default as ContextMenu, type ContextMenuReqdProps, type ContextMenuBindProps } from "./_svseeds/_ContextMenu.svelte";
+export { default as Disclosure, type DisclosureReqdProps, type DisclosureBindProps } from "./_svseeds/_Disclosure.svelte";
+export { default as HotkeyCapture, type HotkeyCaptureReqdProps, type HotkeyCaptureBindProps } from "./_svseeds/_HotkeyCapture.svelte";
+export { default as Modal, type ModalReqdProps, type ModalBindProps } from "./_svseeds/_Modal.svelte";
+export { default as ProgressTracker, type ProgressTrackerReqdProps, type ProgressTrackerBindProps } from "./_svseeds/_ProgressTracker.svelte";
+export { default as SelectField, type SelectFieldReqdProps, type SelectFieldBindProps, type SelectFieldValidation } from "./_svseeds/_SelectField.svelte";
+export { default as Slider, type SliderReqdProps, type SliderBindProps, type Range } from "./_svseeds/_Slider.svelte";
+export { default as Sortable, type SortableReqdProps, type SortableBindProps, SortableItems } from "./_svseeds/_Sortable.svelte";
+export { default as Tabs, type TabsReqdProps, type TabsBindProps } from "./_svseeds/_Tabs.svelte";
+export { default as TextField, type TextFieldReqdProps, type TextFieldBindProps, type TextFieldValidation } from "./_svseeds/_TextField.svelte";
+export { default as Toggle, type ToggleReqdProps, type ToggleBindProps } from "./_svseeds/_Toggle.svelte";
+export { default as ToggleGroup, type ToggleGroupReqdProps, type ToggleGroupBindProps } from "./_svseeds/_ToggleGroup.svelte";
+export { default as Tooltip, type TooltipReqdProps, type TooltipBindProps, type Vector, type Position, type Align, tooltip, tooltipAction } from "./_svseeds/_Tooltip.svelte";
+export { default as Accordion, type AccordionReqdProps, type AccordionBindProps } from "./_svseeds/Accordion.svelte";
+export { default as DarkToggle, type DarkToggleReqdProps, type DarkToggleBindProps, THEME, setThemeToRoot } from "./_svseeds/DarkToggle.svelte";
+export { default as TagsInput, type TagsInputReqdProps, type TagsInputBindProps } from "./_svseeds/TagsInput.svelte";
+export { default as TagsInputField, type TagsInputFieldReqdProps, type TagsInputFieldBindProps, type TagsInputFieldConstraint, type TagsInputFieldValidation, type TagsInputFieldCountValidation } from "./_svseeds/TagsInputField.svelte";
+export { default as ToggleGroupField, type ToggleGroupFieldReqdProps, type ToggleGroupFieldBindProps, type ToggleGroupFieldValidation } from "./_svseeds/ToggleGroupField.svelte";

package/index.js

@@ -1,8 +1,8 @@
-export { CONST, STATE, AREA, elemId, fnClass, isNeutral, omit, debounce, throttle, UniqueId } from "./_svseeds/core";
+export { BASE, STATE, PARTS, elemId, fnClass, isNeutral, omit, debounce, throttle, UniqueId } from "./_svseeds/core";
 export { default as Badge } from "./_svseeds/_Badge.svelte";
 export { default as Button } from "./_svseeds/_Button.svelte";
 export { default as CheckField } from "./_svseeds/_CheckField.svelte";
-export { default as ColorPicker, getHex } from "./_svseeds/_ColorPicker.svelte";
+export { default as ColorPicker, getHex, getHex } from "./_svseeds/_ColorPicker.svelte";
 export { default as ComboBox } from "./_svseeds/_ComboBox.svelte";
 export { default as ContextMenu } from "./_svseeds/_ContextMenu.svelte";
 export { default as Disclosure } from "./_svseeds/_Disclosure.svelte";
@@ -18,7 +18,7 @@ export { default as Toggle } from "./_svseeds/_Toggle.svelte";
 export { default as ToggleGroup } from "./_svseeds/_ToggleGroup.svelte";
 export { default as Tooltip, tooltip, tooltipAction } from "./_svseeds/_Tooltip.svelte";
 export { default as Accordion } from "./_svseeds/Accordion.svelte";
-export { default as DarkToggle } from "./_svseeds/DarkToggle.svelte";
+export { default as DarkToggle, THEME, setThemeToRoot } from "./_svseeds/DarkToggle.svelte";
 export { default as TagsInput } from "./_svseeds/TagsInput.svelte";
 export { default as TagsInputField } from "./_svseeds/TagsInputField.svelte";
 export { default as ToggleGroupField } from "./_svseeds/ToggleGroupField.svelte";

package/package.json

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