svseeds 0.4.6 → 0.4.7

package/_svseeds/_Disclosure.svelte

@@ -1,13 +1,13 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface DisclosureProps {
-    label: string | Snippet<[string]>; // Snippet<[status]>
+    label: string | Snippet<[boolean,string]>; // Snippet<[open,status]>
     children: Snippet;
-    open?: boolean; // bindable <false>
-    duration?: number; // <400>
-    status?: string; // bindable <STATE.NEUTRAL>
+    open?: boolean; // bindable (false)
+    duration?: number; // (400)
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     attributes?: HTMLDetailsAttributes;
     action?: Action;
@@ -17,11 +17,11 @@
 -->
 <script module lang="ts">
   export interface DisclosureProps {
-    label: string | Snippet<[string]>; // Snippet<[status]>
+    label: string | Snippet<[boolean,string]>; // Snippet<[open,status]>
     children: Snippet;
-    open?: boolean; // bindable <false>
-    duration?: number; // <400>
-    status?: string; // bindable <STATE.NEUTRAL>
+    open?: boolean; // bindable (false)
+    duration?: number; // (400)
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     attributes?: HTMLDetailsAttributes;
     action?: Action;
@@ -118,7 +118,7 @@
     {#if typeof label === "string"}
       {label}
     {:else if typeof label === "function"}
-      {@render label(status)}
+      {@render label(open, status)}
     {/if}
   </summary>
   {#if open}

package/_svseeds/_Disclosure.svelte.d.ts

@@ -1,5 +1,5 @@
 export interface DisclosureProps {
-    label: string | Snippet<[string]>;
+    label: string | Snippet<[boolean, string]>;
     children: Snippet;
     open?: boolean;
     duration?: number;
@@ -16,14 +16,14 @@ import { type Action } from "svelte/action";
 import { type HTMLDetailsAttributes } from "svelte/elements";
 import { type SVSStyle } from "./core";
 /**
- * default value: `<value>`
+ * default value: `(value)`
  * ```ts
  * interface DisclosureProps {
- *   label: string | Snippet<[string]>; // Snippet<[status]>
+ *   label: string | Snippet<[boolean,string]>; // Snippet<[open,status]>
  *   children: Snippet;
- *   open?: boolean; // bindable <false>
- *   duration?: number; // <400>
- *   status?: string; // bindable <STATE.NEUTRAL>
+ *   open?: boolean; // bindable (false)
+ *   duration?: number; // (400)
+ *   status?: string; // bindable (STATE.NEUTRAL)
  *   style?: SVSStyle;
  *   attributes?: HTMLDetailsAttributes;
  *   action?: Action;

package/_svseeds/_HotkeyCapture.svelte

@@ -1,13 +1,13 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface HotkeyCaptureProps {
     value?: string; // bindable
     placeholder?: string;
-    active?: boolean; // bindable, <false>
-    disabled?: boolean; // bindable, <false>
-    status?: string; // bindable <STATE.NEUTRAL>
+    active?: boolean; // bindable, (false)
+    disabled?: boolean; // bindable, (false)
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     element?: HTMLInputElement; // bindable
   }
@@ -17,9 +17,9 @@
   export interface HotkeyCaptureProps {
     value?: string; // bindable
     placeholder?: string;
-    active?: boolean; // bindable, <false>
-    disabled?: boolean; // bindable, <false>
-    status?: string; // bindable <STATE.NEUTRAL>
+    active?: boolean; // bindable, (false)
+    disabled?: boolean; // bindable, (false)
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     element?: HTMLInputElement; // bindable
   }

package/_svseeds/_HotkeyCapture.svelte.d.ts

@@ -11,14 +11,14 @@ export type HotkeyCaptureReqdProps = never;
 export type HotkeyCaptureBindProps = "value" | "active" | "disable" | "status" | "element";
 import { type SVSStyle } from "./core";
 /**
- * default value: `<value>`
+ * default value: `(value)`
  * ```ts
  * interface HotkeyCaptureProps {
  *   value?: string; // bindable
  *   placeholder?: string;
- *   active?: boolean; // bindable, <false>
- *   disabled?: boolean; // bindable, <false>
- *   status?: string; // bindable <STATE.NEUTRAL>
+ *   active?: boolean; // bindable, (false)
+ *   disabled?: boolean; // bindable, (false)
+ *   status?: string; // bindable (STATE.NEUTRAL)
  *   style?: SVSStyle;
  *   element?: HTMLInputElement; // bindable
  * }

package/_svseeds/_Modal.svelte

@@ -1,14 +1,14 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface ModalProps {
     children: Snippet;
-    open?: boolean; // bindable <false>
-    closable?: boolean; // <true>
+    open?: boolean; // bindable (false)
+    closable?: boolean; // (true)
     trigger?: HTMLElement; // bindable
     ariaLabel?: string;
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     element?: HTMLDialogElement; // bindable
   }
@@ -17,11 +17,11 @@
 <script module lang="ts">
   export interface ModalProps {
     children: Snippet;
-    open?: boolean; // bindable <false>
-    closable?: boolean; // <true>
+    open?: boolean; // bindable (false)
+    closable?: boolean; // (true)
     trigger?: HTMLElement; // bindable
     ariaLabel?: string;
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     element?: HTMLDialogElement; // bindable
   }

package/_svseeds/_Modal.svelte.d.ts

@@ -13,15 +13,15 @@ export type ModalBindProps = "open" | "status" | "element";
 import { type Snippet } from "svelte";
 import { type SVSStyle } from "./core";
 /**
- * default value: `<value>`
+ * default value: `(value)`
  * ```ts
  * interface ModalProps {
  *   children: Snippet;
- *   open?: boolean; // bindable <false>
- *   closable?: boolean; // <true>
+ *   open?: boolean; // bindable (false)
+ *   closable?: boolean; // (true)
  *   trigger?: HTMLElement; // bindable
  *   ariaLabel?: string;
- *   status?: string; // bindable <STATE.NEUTRAL>
+ *   status?: string; // bindable (STATE.NEUTRAL)
  *   style?: SVSStyle;
  *   element?: HTMLDialogElement; // bindable
  * }

package/_svseeds/_ProgressTracker.svelte

@@ -1,13 +1,13 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface ProgressTrackerProps {
-    current: number; // bindable <0>
+    current: number; // bindable (0)
     labels: string[];
     aux?: Snippet<[string, number]>; // Snippet<[status,index]>
     extra?: Snippet<[string, number]>; // Snippet<[status,index]>
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     eachStatus?: SvelteMap<number, string> | Map<number, string>;
     style?: SVSStyle;
   }
@@ -15,11 +15,11 @@
 -->
 <script module lang="ts">
   export interface ProgressTrackerProps {
-    current: number; // bindable <0>
+    current: number; // bindable (0)
     labels: string[];
     aux?: Snippet<[string, number]>; // Snippet<[status,index]>
     extra?: Snippet<[string, number]>; // Snippet<[status,index]>
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     eachStatus?: SvelteMap<number, string> | Map<number, string>;
     style?: SVSStyle;
   }

package/_svseeds/_ProgressTracker.svelte.d.ts

@@ -13,14 +13,14 @@ import { type Snippet } from "svelte";
 import { type SvelteMap } from "svelte/reactivity";
 import { type SVSStyle } from "./core";
 /**
- * default value: `<value>`
+ * default value: `(value)`
  * ```ts
  * interface ProgressTrackerProps {
- *   current: number; // bindable <0>
+ *   current: number; // bindable (0)
  *   labels: string[];
  *   aux?: Snippet<[string, number]>; // Snippet<[status,index]>
  *   extra?: Snippet<[string, number]>; // Snippet<[status,index]>
- *   status?: string; // bindable <STATE.NEUTRAL>
+ *   status?: string; // bindable (STATE.NEUTRAL)
  *   eachStatus?: SvelteMap<number, string> | Map<number, string>;
  *   style?: SVSStyle;
  * }

package/_svseeds/_SelectField.svelte

@@ -1,6 +1,6 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface SelectFieldProps {
     options: SvelteMap<string, string> | Map<string, string>;
@@ -10,16 +10,16 @@
     left?: Snippet<[string, string, HTMLSelectElement | undefined]>; // Snippet<[status,value,element]>
     right?: Snippet<[string, string, HTMLSelectElement | undefined]>; // Snippet<[status,value,element]>
     bottom?: string;
-    descFirst?: boolean; // <false>
+    descFirst?: boolean; // (false)
     value?: string; // bindable
     validations?: SelectFieldValidation[];
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     attributes?: HTMLSelectAttributes;
     action?: Action;
     element?: HTMLSelectElement; // bindable
   }
-  type SelectFieldValidation = (value: string, validity: ValidityState) => string;
+  type SelectFieldValidation = (value: string, validity: ValidityState) => string | undefined;
   ```
 -->
 <script module lang="ts">
@@ -31,10 +31,10 @@
     left?: Snippet<[string, string, HTMLSelectElement | undefined]>; // Snippet<[status,value,element]>
     right?: Snippet<[string, string, HTMLSelectElement | undefined]>; // Snippet<[status,value,element]>
     bottom?: string;
-    descFirst?: boolean; // <false>
+    descFirst?: boolean; // (false)
     value?: string; // bindable
     validations?: SelectFieldValidation[];
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     attributes?: HTMLSelectAttributes;
     action?: Action;
@@ -42,7 +42,7 @@
   }
   export type SelectFieldReqdProps = "options";
   export type SelectFieldBindProps = "value" | "status" | "element";
-  export type SelectFieldValidation = (value: string, validity: ValidityState) => string;
+  export type SelectFieldValidation = (value: string, validity: ValidityState) => string | undefined;
 
   const preset = "svs-select-field";
 

package/_svseeds/_SelectField.svelte.d.ts

@@ -17,14 +17,14 @@ export interface SelectFieldProps {
 }
 export type SelectFieldReqdProps = "options";
 export type SelectFieldBindProps = "value" | "status" | "element";
-export type SelectFieldValidation = (value: string, validity: ValidityState) => string;
+export type SelectFieldValidation = (value: string, validity: ValidityState) => string | undefined;
 import { type Snippet } from "svelte";
 import { type Action } from "svelte/action";
 import { type SvelteMap } from "svelte/reactivity";
 import { type HTMLSelectAttributes } from "svelte/elements";
 import { type SVSStyle } from "./core";
 /**
- * default value: `<value>`
+ * default value: `(value)`
  * ```ts
  * interface SelectFieldProps {
  *   options: SvelteMap<string, string> | Map<string, string>;
@@ -34,16 +34,16 @@ import { type SVSStyle } from "./core";
  *   left?: Snippet<[string, string, HTMLSelectElement | undefined]>; // Snippet<[status,value,element]>
  *   right?: Snippet<[string, string, HTMLSelectElement | undefined]>; // Snippet<[status,value,element]>
  *   bottom?: string;
- *   descFirst?: boolean; // <false>
+ *   descFirst?: boolean; // (false)
  *   value?: string; // bindable
  *   validations?: SelectFieldValidation[];
- *   status?: string; // bindable <STATE.NEUTRAL>
+ *   status?: string; // bindable (STATE.NEUTRAL)
  *   style?: SVSStyle;
  *   attributes?: HTMLSelectAttributes;
  *   action?: Action;
  *   element?: HTMLSelectElement; // bindable
  * }
- * type SelectFieldValidation = (value: string, validity: ValidityState) => string;
+ * type SelectFieldValidation = (value: string, validity: ValidityState) => string | undefined;
  * ```
  */
 declare const SelectField: import("svelte").Component<SelectFieldProps, {}, "value" | "status" | "element">;

package/_svseeds/_Slider.svelte

@@ -1,16 +1,16 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface SliderProps {
     range: Range; // bindable
     left?: Snippet<[string, number, HTMLInputElement | undefined]>; // Snippet<[status,value,element]>
     right?: Snippet<[string, number, HTMLInputElement | undefined]>; // Snippet<[status,value,element]>
-    value?: number; // bindable <min+((max-min)/2)>
-    step?: number | "any"; // <1>
+    value?: number; // bindable (min+((max-min)/2))
+    step?: number | "any"; // (1)
     options?: SvelteSet<number> | Set<number>;
-    background?: Range; // <{ min: 5, max: 95 }>
-    status?: string; // bindable <STATE.NEUTRAL>
+    background?: Range; // ({ min: 5, max: 95 })
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     attributes?: HTMLInputAttributes;
     action?: Action;
@@ -24,11 +24,11 @@
     range: Range; // bindable
     left?: Snippet<[string, number, HTMLInputElement | undefined]>; // Snippet<[status,value,element]>
     right?: Snippet<[string, number, HTMLInputElement | undefined]>; // Snippet<[status,value,element]>
-    value?: number; // bindable <min+((max-min)/2)>
-    step?: number | "any"; // <1>
+    value?: number; // bindable (min+((max-min)/2))
+    step?: number | "any"; // (1)
     options?: SvelteSet<number> | Set<number>;
-    background?: Range; // <{ min: 5, max: 95 }>
-    status?: string; // bindable <STATE.NEUTRAL>
+    background?: Range; // ({ min: 5, max: 95 })
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     attributes?: HTMLInputAttributes;
     action?: Action;

package/_svseeds/_Slider.svelte.d.ts

@@ -24,17 +24,17 @@ import { type SvelteSet } from "svelte/reactivity";
 import { type HTMLInputAttributes } from "svelte/elements";
 import { type SVSStyle } from "./core";
 /**
- * default value: `<value>`
+ * default value: `(value)`
  * ```ts
  * interface SliderProps {
  *   range: Range; // bindable
  *   left?: Snippet<[string, number, HTMLInputElement | undefined]>; // Snippet<[status,value,element]>
  *   right?: Snippet<[string, number, HTMLInputElement | undefined]>; // Snippet<[status,value,element]>
- *   value?: number; // bindable <min+((max-min)/2)>
- *   step?: number | "any"; // <1>
+ *   value?: number; // bindable (min+((max-min)/2))
+ *   step?: number | "any"; // (1)
  *   options?: SvelteSet<number> | Set<number>;
- *   background?: Range; // <{ min: 5, max: 95 }>
- *   status?: string; // bindable <STATE.NEUTRAL>
+ *   background?: Range; // ({ min: 5, max: 95 })
+ *   status?: string; // bindable (STATE.NEUTRAL)
  *   style?: SVSStyle;
  *   attributes?: HTMLInputAttributes;
  *   action?: Action;

package/_svseeds/_Sortable.svelte

@@ -1,20 +1,20 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface SortableProps {
     items: SortableItems; // wrapper of string array as items to handle DnD
     item: Snippet<[string, string, PointerEventHandler]>; // Snippet<[status, value, onpointerdown]>
-    ghost?: Snippet<[string]>; // custom shadow while dragging <the translucent item>; Snippet<[value]>
-    name?: string;        // name of this group <random string>
-    mode?: SortableMode;  // sort mode <"std">;
-    accept?: string[];    // list of accept group names <undefined>; undefined=any,[]=none
-    sort?: boolean;       // enable sort within same group <true>
-    multiple?: boolean;   // enable multiple select & drag with them <false>
-    draggable?: boolean;  // enable default pointerdown handler <true>
-    appendable?: boolean; // enable append when enter group area <false>
-    confirm?: boolean     // enable confirm interval time to move items <false>
-    status?: string;      // bindable <STATE.NEUTRAL>
+    ghost?: Snippet<[string]>; // custom shadow while dragging (the translucent item); Snippet<[value]>
+    name?: string;        // name of this group (random string)
+    mode?: SortableMode;  // sort mode ("std"); "std","clone","swap"
+    accept?: string[];    // list of accept group names (undefined); undefined=any,[]=none
+    sort?: boolean;       // enable sort within same group (true)
+    multiple?: boolean;   // enable multiple select & drag with them (false)
+    draggable?: boolean;  // enable default pointerdown handler (true)
+    appendable?: boolean; // enable append when enter group area (false)
+    confirm?: boolean     // enable confirm interval time to move items (false)
+    status?: string;      // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
   }
   type SortableMode = "std" | "clone" | "swap";
@@ -52,16 +52,16 @@
   export interface SortableProps {
     items: SortableItems; // wrapper of string array as items to handle DnD
     item: Snippet<[string, string, PointerEventHandler]>; // Snippet<[status, value, onpointerdown]>
-    ghost?: Snippet<[string]>; // custom shadow while dragging <the translucent item>; Snippet<[value]>
-    name?: string;        // name of this group <random string>
-    mode?: SortableMode;  // sort mode <"std">; "std","clone","swap"
-    accept?: string[];    // list of accept group names <undefined>; undefined=any,[]=none
-    sort?: boolean;       // enable sort within same group <true>
-    multiple?: boolean;   // enable multiple select & drag with them <false>
-    draggable?: boolean;  // enable default pointerdown handler <true>
-    appendable?: boolean; // enable append when enter group area <false>
-    confirm?: boolean     // enable confirm interval time to move items <false>
-    status?: string; // bindable <STATE.NEUTRAL>
+    ghost?: Snippet<[string]>; // custom shadow while dragging (the translucent item); Snippet<[value]>
+    name?: string;        // name of this group (random string)
+    mode?: SortableMode;  // sort mode ("std"); "std","clone","swap"
+    accept?: string[];    // list of accept group names (undefined); undefined=any,[]=none
+    sort?: boolean;       // enable sort within same group (true)
+    multiple?: boolean;   // enable multiple select & drag with them (false)
+    draggable?: boolean;  // enable default pointerdown handler (true)
+    appendable?: boolean; // enable append when enter group area (false)
+    confirm?: boolean     // enable confirm interval time to move items (false)
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
   }
   export type SortableReqdProps = "items" | "item";

package/_svseeds/_Sortable.svelte.d.ts

@@ -58,21 +58,21 @@ type DragState = "ready" | "dragging" | "idle";
 import { type Snippet } from "svelte";
 import { type SVSStyle } from "./core";
 /**
- * default value: `<value>`
+ * default value: `(value)`
  * ```ts
  * interface SortableProps {
  *   items: SortableItems; // wrapper of string array as items to handle DnD
  *   item: Snippet<[string, string, PointerEventHandler]>; // Snippet<[status, value, onpointerdown]>
- *   ghost?: Snippet<[string]>; // custom shadow while dragging <the translucent item>; Snippet<[value]>
- *   name?: string;        // name of this group <random string>
- *   mode?: SortableMode;  // sort mode <"std">;
- *   accept?: string[];    // list of accept group names <undefined>; undefined=any,[]=none
- *   sort?: boolean;       // enable sort within same group <true>
- *   multiple?: boolean;   // enable multiple select & drag with them <false>
- *   draggable?: boolean;  // enable default pointerdown handler <true>
- *   appendable?: boolean; // enable append when enter group area <false>
- *   confirm?: boolean     // enable confirm interval time to move items <false>
- *   status?: string;      // bindable <STATE.NEUTRAL>
+ *   ghost?: Snippet<[string]>; // custom shadow while dragging (the translucent item); Snippet<[value]>
+ *   name?: string;        // name of this group (random string)
+ *   mode?: SortableMode;  // sort mode ("std"); "std","clone","swap"
+ *   accept?: string[];    // list of accept group names (undefined); undefined=any,[]=none
+ *   sort?: boolean;       // enable sort within same group (true)
+ *   multiple?: boolean;   // enable multiple select & drag with them (false)
+ *   draggable?: boolean;  // enable default pointerdown handler (true)
+ *   appendable?: boolean; // enable append when enter group area (false)
+ *   confirm?: boolean     // enable confirm interval time to move items (false)
+ *   status?: string;      // bindable (STATE.NEUTRAL)
  *   style?: SVSStyle;
  * }
  * type SortableMode = "std" | "clone" | "swap";

package/_svseeds/_Tabs.svelte

@@ -1,12 +1,12 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface TabsProps {
     labels?: string[];
-    current?: number; // bindable <0>
+    current?: number; // bindable (0)
     ariaOrientation?: "horizontal" | "vertical";
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     [key: string]: unknown | Snippet;
   }
@@ -15,9 +15,9 @@
 <script module lang="ts">
   export interface TabsProps {
     labels?: string[];
-    current?: number; // bindable <0>
+    current?: number; // bindable (0)
     ariaOrientation?: "horizontal" | "vertical";
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     [key: string]: unknown | Snippet;
   }

package/_svseeds/_Tabs.svelte.d.ts

@@ -11,13 +11,13 @@ export type TabsBindProps = "current" | "status";
 import { type Snippet } from "svelte";
 import { type SVSStyle } from "./core";
 /**
- * default value: `<value>`
+ * default value: `(value)`
  * ```ts
  * interface TabsProps {
  *   labels?: string[];
- *   current?: number; // bindable <0>
+ *   current?: number; // bindable (0)
  *   ariaOrientation?: "horizontal" | "vertical";
- *   status?: string; // bindable <STATE.NEUTRAL>
+ *   status?: string; // bindable (STATE.NEUTRAL)
  *   style?: SVSStyle;
  *   [key: string]: unknown | Snippet;
  * }