svseeds 0.4.5 → 0.4.7

package/_svseeds/Accordion.svelte

@@ -1,14 +1,14 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface AccordionProps {
     labels?: string[];
-    current?: number; // bindable <-1>
-    status?: string; // bindable <STATE.NEUTRAL>
+    current?: number; // bindable (-1)
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     deps?: AccordionDeps;
-    [key: string]: unknown | Snippet;
+    [key: string]: unknown | Snippet; // contents of each disclosure
   }
   interface AccordionDeps {
     svsDisclosure?: Omit<DisclosureProps, DisclosureReqdProps | DisclosureBindProps>;
@@ -18,11 +18,11 @@
 <script module lang="ts">
   export interface AccordionProps {
     labels?: string[];
-    current?: number; // bindable <-1>
-    status?: string; // bindable <STATE.NEUTRAL>
+    current?: number; // bindable (-1)
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     deps?: AccordionDeps;
-    [key: string]: unknown | Snippet;
+    [key: string]: unknown | Snippet; // contents of each disclosure
   }
   export interface AccordionDeps {
     svsDisclosure?: Omit<DisclosureProps, DisclosureReqdProps | DisclosureBindProps>;

package/_svseeds/Accordion.svelte.d.ts

@@ -15,15 +15,15 @@ import { type Snippet } from "svelte";
 import { type SVSStyle } from "./core";
 import { type DisclosureProps, type DisclosureReqdProps, type DisclosureBindProps } from "./_Disclosure.svelte";
 /**
- * default value: `<value>`
+ * default value: `(value)`
  * ```ts
  * interface AccordionProps {
  *   labels?: string[];
- *   current?: number; // bindable <-1>
- *   status?: string; // bindable <STATE.NEUTRAL>
+ *   current?: number; // bindable (-1)
+ *   status?: string; // bindable (STATE.NEUTRAL)
  *   style?: SVSStyle;
  *   deps?: AccordionDeps;
- *   [key: string]: unknown | Snippet;
+ *   [key: string]: unknown | Snippet; // contents of each disclosure
  * }
  * interface AccordionDeps {
  *   svsDisclosure?: Omit<DisclosureProps, DisclosureReqdProps | DisclosureBindProps>;

package/_svseeds/DarkToggle.svelte

@@ -1,10 +1,10 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface DarkToggleProps {
-    dark?: boolean; // bindable <(prefers-color-scheme)>
-    status?: string; // bindable <STATE.NEUTRAL>
+    dark?: boolean; // bindable (prefers-color-scheme)
+    status?: string; // bindable (STATE.NEUTRAL)
     element?: HTMLButtonElement; // bindable
     deps?: DarkToggleDeps;
   }
@@ -15,8 +15,8 @@
 -->
 <script module lang="ts">
   export interface DarkToggleProps {
-    dark?: boolean; // bindable <(prefers-color-scheme)>
-    status?: string; // bindable <STATE.NEUTRAL>
+    dark?: boolean; // bindable (prefers-color-scheme)
+    status?: string; // bindable (STATE.NEUTRAL)
     element?: HTMLButtonElement; // bindable
     deps?: DarkToggleDeps;
   }

package/_svseeds/DarkToggle.svelte.d.ts

@@ -16,11 +16,11 @@ export declare const THEME: {
 export declare function setThemeToRoot(theme?: string): void;
 import { type ToggleProps, type ToggleReqdProps, type ToggleBindProps } from "./_Toggle.svelte";
 /**
- * default value: `<value>`
+ * default value: `(value)`
  * ```ts
  * interface DarkToggleProps {
- *   dark?: boolean; // bindable <(prefers-color-scheme)>
- *   status?: string; // bindable <STATE.NEUTRAL>
+ *   dark?: boolean; // bindable (prefers-color-scheme)
+ *   status?: string; // bindable (STATE.NEUTRAL)
  *   element?: HTMLButtonElement; // bindable
  *   deps?: DarkToggleDeps;
  * }

package/_svseeds/TagsInputField.svelte

@@ -1,6 +1,6 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface TagsInputFieldProps {
     label?: string;
@@ -9,13 +9,13 @@
     left?: Snippet<[string, string[], HTMLInputElement | undefined]>; // Snippet<[status,values,element]>
     right?: Snippet<[string, string[], HTMLInputElement | undefined]>; // Snippet<[status,values,element]>
     bottom?: string;
-    descFirst?: boolean; // <false>
+    descFirst?: boolean; // (false)
     values?: string[]; // bindable
     min?: TagsInputFieldCountValidation;
     max?: TagsInputFieldCountValidation;
     constraints?: TagsInputFieldConstraint[];
     validations?: TagsInputFieldValidation[];
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     element?: HTMLInputElement; // bindable
     deps?: TagsInputFieldDeps;
@@ -23,8 +23,8 @@
   interface TagsInputFieldDeps extends TagsInputDeps {
     svsTagsInput?: Omit<TagsInputProps, TagsInputReqdProps | TagsInputBindProps | "deps">;
   }
-  type TagsInputFieldConstraint = (value: string, validity: ValidityState) => string;
-  type TagsInputFieldValidation = (values: string[], validity: ValidityState) => string;
+  type TagsInputFieldConstraint = (value: string, validity: ValidityState) => string | undefined;
+  type TagsInputFieldValidation = (values: string[], validity: ValidityState) => string | undefined;
   type TagsInputFieldCountValidation = {
     value: number;
     message: string;
@@ -39,31 +39,31 @@
     left?: Snippet<[string, string[], HTMLInputElement | undefined]>; // Snippet<[status,values,element]>
     right?: Snippet<[string, string[], HTMLInputElement | undefined]>; // Snippet<[status,values,element]>
     bottom?: string;
-    descFirst?: boolean; // <false>
+    descFirst?: boolean; // (false)
     values?: string[]; // bindable
     min?: TagsInputFieldCountValidation;
     max?: TagsInputFieldCountValidation;
     constraints?: TagsInputFieldConstraint[];
     validations?: TagsInputFieldValidation[];
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     element?: HTMLInputElement; // bindable
     deps?: TagsInputFieldDeps;
   }
-  export interface TagsInputFieldDeps extends TagsInputDeps {
-    svsTagsInput?: Omit<TagsInputProps, TagsInputReqdProps | TagsInputBindProps | "deps">;
+  export interface TagsInputFieldDeps {
+    svsTagsInput?: Omit<TagsInputProps, TagsInputReqdProps | TagsInputBindProps>;
   }
   export type TagsInputFieldReqdProps = never;
   export type TagsInputFieldBindProps = "values" | "status" | "element";
-  export type TagsInputFieldConstraint = (value: string, validity: ValidityState) => string;
-  export type TagsInputFieldValidation = (values: string[], validity: ValidityState) => string;
+  export type TagsInputFieldConstraint = (value: string, validity: ValidityState) => string | undefined;
+  export type TagsInputFieldValidation = (values: string[], validity: ValidityState) => string | undefined;
   export type TagsInputFieldCountValidation = { value: number, message: string };
 
   const preset = "svs-tags-input-field";
 
   import { type Snippet, untrack } from "svelte";
   import { type SVSStyle, STATE, PARTS, elemId, fnClass, isNeutral, omit } from "./core";
-  import TagsInput, { type TagsInputProps, type TagsInputReqdProps, type TagsInputBindProps, type TagsInputDeps } from "./TagsInput.svelte";
+  import TagsInput, { type TagsInputProps, type TagsInputReqdProps, type TagsInputBindProps } from "./_TagsInput.svelte";
 </script>
 
 <script lang="ts">
@@ -82,10 +82,6 @@
   if (min) validations.unshift(() => values.length < min.value ? min.message : "");
 
   // *** Initialize Deps *** //
-  const svsBadge = {
-    ...omit(deps?.svsBadge, "style"),
-    style: deps?.svsBadge?.style ?? `${preset} svs-tags-input svs-badge`,
-  };
   const svsTagsInput = {
     ...omit(deps?.svsTagsInput, "style", "attributes"),
     events: { onadd, onremove: deps?.svsTagsInput?.events?.onremove },
@@ -173,7 +169,7 @@
   {@render desc(descFirst)}
   <div class={cls(PARTS.MIDDLE, status)}>
     {@render side(PARTS.LEFT, left)}
-    <TagsInput bind:values bind:value bind:status bind:element bind:ariaErrMsgId={idMsg} {...svsTagsInput} deps={{ svsBadge }} />
+    <TagsInput bind:values bind:value bind:status bind:element bind:ariaErrMsgId={idMsg} {...svsTagsInput} />
     {@render side(PARTS.RIGHT, right)}
   </div>
   {@render desc(!descFirst)}

package/_svseeds/TagsInputField.svelte.d.ts

@@ -16,22 +16,22 @@ export interface TagsInputFieldProps {
     element?: HTMLInputElement;
     deps?: TagsInputFieldDeps;
 }
-export interface TagsInputFieldDeps extends TagsInputDeps {
-    svsTagsInput?: Omit<TagsInputProps, TagsInputReqdProps | TagsInputBindProps | "deps">;
+export interface TagsInputFieldDeps {
+    svsTagsInput?: Omit<TagsInputProps, TagsInputReqdProps | TagsInputBindProps>;
 }
 export type TagsInputFieldReqdProps = never;
 export type TagsInputFieldBindProps = "values" | "status" | "element";
-export type TagsInputFieldConstraint = (value: string, validity: ValidityState) => string;
-export type TagsInputFieldValidation = (values: string[], validity: ValidityState) => string;
+export type TagsInputFieldConstraint = (value: string, validity: ValidityState) => string | undefined;
+export type TagsInputFieldValidation = (values: string[], validity: ValidityState) => string | undefined;
 export type TagsInputFieldCountValidation = {
     value: number;
     message: string;
 };
 import { type Snippet } from "svelte";
 import { type SVSStyle } from "./core";
-import { type TagsInputProps, type TagsInputReqdProps, type TagsInputBindProps, type TagsInputDeps } from "./TagsInput.svelte";
+import { type TagsInputProps, type TagsInputReqdProps, type TagsInputBindProps } from "./_TagsInput.svelte";
 /**
- * default value: `<value>`
+ * default value: `(value)`
  * ```ts
  * interface TagsInputFieldProps {
  *   label?: string;
@@ -40,13 +40,13 @@ import { type TagsInputProps, type TagsInputReqdProps, type TagsInputBindProps,
  *   left?: Snippet<[string, string[], HTMLInputElement | undefined]>; // Snippet<[status,values,element]>
  *   right?: Snippet<[string, string[], HTMLInputElement | undefined]>; // Snippet<[status,values,element]>
  *   bottom?: string;
- *   descFirst?: boolean; // <false>
+ *   descFirst?: boolean; // (false)
  *   values?: string[]; // bindable
  *   min?: TagsInputFieldCountValidation;
  *   max?: TagsInputFieldCountValidation;
  *   constraints?: TagsInputFieldConstraint[];
  *   validations?: TagsInputFieldValidation[];
- *   status?: string; // bindable <STATE.NEUTRAL>
+ *   status?: string; // bindable (STATE.NEUTRAL)
  *   style?: SVSStyle;
  *   element?: HTMLInputElement; // bindable
  *   deps?: TagsInputFieldDeps;
@@ -54,8 +54,8 @@ import { type TagsInputProps, type TagsInputReqdProps, type TagsInputBindProps,
  * interface TagsInputFieldDeps extends TagsInputDeps {
  *   svsTagsInput?: Omit<TagsInputProps, TagsInputReqdProps | TagsInputBindProps | "deps">;
  * }
- * type TagsInputFieldConstraint = (value: string, validity: ValidityState) => string;
- * type TagsInputFieldValidation = (values: string[], validity: ValidityState) => string;
+ * type TagsInputFieldConstraint = (value: string, validity: ValidityState) => string | undefined;
+ * type TagsInputFieldValidation = (values: string[], validity: ValidityState) => string | undefined;
  * type TagsInputFieldCountValidation = {
  *   value: number;
  *   message: string;

package/_svseeds/ToggleGroupField.svelte

@@ -1,6 +1,6 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface ToggleGroupFieldProps {
     options: SvelteMap<string, string> | Map<string, string>;
@@ -10,11 +10,11 @@
     left?: Snippet<[string, string[]]>; // Snippet<[status,values]>
     right?: Snippet<[string, string[]]>; // Snippet<[status,values]>
     bottom?: string;
-    descFirst?: boolean; // <false>
+    descFirst?: boolean; // (false)
     values?: string[]; // bindable
-    multiple?: boolean; // <true>
+    multiple?: boolean; // (true)
     validations?: ToggleGroupFieldValidation[];
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     name?: string;
     deps?: ToggleGroupFieldDeps;
@@ -23,7 +23,7 @@
   interface ToggleGroupFieldDeps {
     svsToggleGroup?: Omit<ToggleGroupProps, ToggleGroupReqdProps | ToggleGroupBindProps | "ariaDescId" | "multiple">;
   }
-  type ToggleGroupFieldValidation = (values: string[]) => string;
+  type ToggleGroupFieldValidation = (values: string[]) => string | undefined;
   ```
 -->
 <script module lang="ts">
@@ -35,11 +35,11 @@
     left?: Snippet<[string, string[]]>; // Snippet<[status,values]>
     right?: Snippet<[string, string[]]>; // Snippet<[status,values]>
     bottom?: string;
-    descFirst?: boolean; // <false>
+    descFirst?: boolean; // (false)
     values?: string[]; // bindable
-    multiple?: boolean; // <true>
+    multiple?: boolean; // (true)
     validations?: ToggleGroupFieldValidation[];
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     name?: string;
     deps?: ToggleGroupFieldDeps;
@@ -50,7 +50,7 @@
   }
   export type ToggleGroupFieldReqdProps = "options";
   export type ToggleGroupFieldBindProps = "values" | "status";
-  export type ToggleGroupFieldValidation = (values: string[]) => string;
+  export type ToggleGroupFieldValidation = (values: string[]) => string | undefined;
 
   const preset = "svs-toggle-group-field";
 

package/_svseeds/ToggleGroupField.svelte.d.ts

@@ -21,13 +21,13 @@ export interface ToggleGroupFieldDeps {
 }
 export type ToggleGroupFieldReqdProps = "options";
 export type ToggleGroupFieldBindProps = "values" | "status";
-export type ToggleGroupFieldValidation = (values: string[]) => string;
+export type ToggleGroupFieldValidation = (values: string[]) => string | undefined;
 import { type Snippet } from "svelte";
 import { type SvelteMap } from "svelte/reactivity";
 import { type SVSStyle } from "./core";
 import { type ToggleGroupProps, type ToggleGroupReqdProps, type ToggleGroupBindProps } from "./_ToggleGroup.svelte";
 /**
- * default value: `<value>`
+ * default value: `(value)`
  * ```ts
  * interface ToggleGroupFieldProps {
  *   options: SvelteMap<string, string> | Map<string, string>;
@@ -37,11 +37,11 @@ import { type ToggleGroupProps, type ToggleGroupReqdProps, type ToggleGroupBindP
  *   left?: Snippet<[string, string[]]>; // Snippet<[status,values]>
  *   right?: Snippet<[string, string[]]>; // Snippet<[status,values]>
  *   bottom?: string;
- *   descFirst?: boolean; // <false>
+ *   descFirst?: boolean; // (false)
  *   values?: string[]; // bindable
- *   multiple?: boolean; // <true>
+ *   multiple?: boolean; // (true)
  *   validations?: ToggleGroupFieldValidation[];
- *   status?: string; // bindable <STATE.NEUTRAL>
+ *   status?: string; // bindable (STATE.NEUTRAL)
  *   style?: SVSStyle;
  *   name?: string;
  *   deps?: ToggleGroupFieldDeps;
@@ -50,7 +50,7 @@ import { type ToggleGroupProps, type ToggleGroupReqdProps, type ToggleGroupBindP
  * interface ToggleGroupFieldDeps {
  *   svsToggleGroup?: Omit<ToggleGroupProps, ToggleGroupReqdProps | ToggleGroupBindProps | "ariaDescId" | "multiple">;
  * }
- * type ToggleGroupFieldValidation = (values: string[]) => string;
+ * type ToggleGroupFieldValidation = (values: string[]) => string | undefined;
  * ```
  */
 declare const ToggleGroupField: import("svelte").Component<ToggleGroupFieldProps, {}, "status" | "values">;

package/_svseeds/_Button.svelte

@@ -1,15 +1,15 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface ButtonProps {
     children: Snippet;
     left?: Snippet<[string, HTMLButtonElement | undefined]>; // Snippet<[status,element]>
     right?: Snippet<[string, HTMLButtonElement | undefined]>; // Snippet<[status,element]>
-    type?: "submit" | "reset" | "button"; // <"button">
+    type?: "submit" | "reset" | "button"; // ("button")
     onclick?: MouseEventHandler<HTMLButtonElement> | null;
     form?: HTMLFormElement; // bindable
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     attributes?: HTMLButtonAttributes;
     action?: Action;
@@ -22,10 +22,10 @@
     children: Snippet;
     left?: Snippet<[string, HTMLButtonElement | undefined]>; // Snippet<[status,element]>
     right?: Snippet<[string, HTMLButtonElement | undefined]>; // Snippet<[status,element]>
-    type?: "submit" | "reset" | "button"; // <"button">
+    type?: "submit" | "reset" | "button"; // ("button")
     onclick?: MouseEventHandler<HTMLButtonElement> | null;
     form?: HTMLFormElement; // bindable
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     attributes?: HTMLButtonAttributes;
     action?: Action;

package/_svseeds/_Button.svelte.d.ts

@@ -18,16 +18,16 @@ import { type Action } from "svelte/action";
 import { type HTMLButtonAttributes, type MouseEventHandler } from "svelte/elements";
 import { type SVSStyle } from "./core";
 /**
- * default value: `<value>`
+ * default value: `(value)`
  * ```ts
  * interface ButtonProps {
  *   children: Snippet;
  *   left?: Snippet<[string, HTMLButtonElement | undefined]>; // Snippet<[status,element]>
  *   right?: Snippet<[string, HTMLButtonElement | undefined]>; // Snippet<[status,element]>
- *   type?: "submit" | "reset" | "button"; // <"button">
+ *   type?: "submit" | "reset" | "button"; // ("button")
  *   onclick?: MouseEventHandler<HTMLButtonElement> | null;
  *   form?: HTMLFormElement; // bindable
- *   status?: string; // bindable <STATE.NEUTRAL>
+ *   status?: string; // bindable (STATE.NEUTRAL)
  *   style?: SVSStyle;
  *   attributes?: HTMLButtonAttributes;
  *   action?: Action;

package/_svseeds/_CheckField.svelte

@@ -1,6 +1,6 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface CheckFieldProps {
     options: SvelteMap<string, string> | Map<string, string>;
@@ -8,17 +8,17 @@
     extra?: string;
     aux?: Snippet<[string, string[], HTMLInputElement[]]>; // Snippet<[status,values,elements]>
     bottom?: string;
-    descFirst?: boolean; // <false>
+    descFirst?: boolean; // (false)
     values?: string[]; // bindable
-    multiple?: boolean; // <true>
+    multiple?: boolean; // (true)
     validations?: CheckFieldValidation[];
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     attributes?: HTMLInputAttributes;
     action?: Action;
     elements?: HTMLInputElement[]; // bindable
   }
-  type CheckFieldValidation = (values: string[], validity: ValidityState) => string;
+  type CheckFieldValidation = (values: string[], validity: ValidityState) => string | undefined;
   ```
 -->
 <script module lang="ts">
@@ -28,11 +28,11 @@
     extra?: string;
     aux?: Snippet<[string, string[], HTMLInputElement[]]>; // Snippet<[status,values,elements]>
     bottom?: string;
-    descFirst?: boolean; // <false>
+    descFirst?: boolean; // (false)
     values?: string[]; // bindable
-    multiple?: boolean; // <true>
+    multiple?: boolean; // (true)
     validations?: CheckFieldValidation[];
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     attributes?: HTMLInputAttributes;
     action?: Action;
@@ -40,7 +40,7 @@
   }
   export type CheckFieldReqdProps = "options";
   export type CheckFieldBindProps = "values" | "status" | "elements";
-  export type CheckFieldValidation = (values: string[], validity: ValidityState) => string;
+  export type CheckFieldValidation = (values: string[], validity: ValidityState) => string | undefined;
 
   const preset = "svs-check-field";
 

package/_svseeds/_CheckField.svelte.d.ts

@@ -16,14 +16,14 @@ export interface CheckFieldProps {
 }
 export type CheckFieldReqdProps = "options";
 export type CheckFieldBindProps = "values" | "status" | "elements";
-export type CheckFieldValidation = (values: string[], validity: ValidityState) => string;
+export type CheckFieldValidation = (values: string[], validity: ValidityState) => string | undefined;
 import { type Snippet } from "svelte";
 import { type Action } from "svelte/action";
 import { type SvelteMap } from "svelte/reactivity";
 import { type HTMLInputAttributes } from "svelte/elements";
 import { type SVSStyle } from "./core";
 /**
- * default value: `<value>`
+ * default value: `(value)`
  * ```ts
  * interface CheckFieldProps {
  *   options: SvelteMap<string, string> | Map<string, string>;
@@ -31,17 +31,17 @@ import { type SVSStyle } from "./core";
  *   extra?: string;
  *   aux?: Snippet<[string, string[], HTMLInputElement[]]>; // Snippet<[status,values,elements]>
  *   bottom?: string;
- *   descFirst?: boolean; // <false>
+ *   descFirst?: boolean; // (false)
  *   values?: string[]; // bindable
- *   multiple?: boolean; // <true>
+ *   multiple?: boolean; // (true)
  *   validations?: CheckFieldValidation[];
- *   status?: string; // bindable <STATE.NEUTRAL>
+ *   status?: string; // bindable (STATE.NEUTRAL)
  *   style?: SVSStyle;
  *   attributes?: HTMLInputAttributes;
  *   action?: Action;
  *   elements?: HTMLInputElement[]; // bindable
  * }
- * type CheckFieldValidation = (values: string[], validity: ValidityState) => string;
+ * type CheckFieldValidation = (values: string[], validity: ValidityState) => string | undefined;
  * ```
  */
 declare const CheckField: import("svelte").Component<CheckFieldProps, {}, "elements" | "status" | "values">;

package/_svseeds/_ColorPicker.svelte

@@ -1,11 +1,11 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface ColorPickerProps {
-    value?: string; // bindable <"#000000">
-    alpha?: number; // bindable <1>
-    status?: string; // bindable <STATE.NEUTRAL>
+    value?: string; // bindable ("#000000")
+    alpha?: number; // bindable (1)
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     attributes?: HTMLInputAttributes;
     action?: Action;
@@ -20,9 +20,9 @@
 -->
 <script module lang="ts">
   export interface ColorPickerProps {
-    value?: string; // bindable <"#000000">
-    alpha?: number; // bindable <1>
-    status?: string; // bindable <STATE.NEUTRAL>
+    value?: string; // bindable ("#000000")
+    alpha?: number; // bindable (1)
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     attributes?: HTMLInputAttributes;
     action?: Action;

package/_svseeds/_ColorPicker.svelte.d.ts

@@ -15,12 +15,12 @@ import { type Action } from "svelte/action";
 import { type HTMLInputAttributes } from "svelte/elements";
 import { type SVSStyle } from "./core";
 /**
- * default value: `<value>`
+ * default value: `(value)`
  * ```ts
  * interface ColorPickerProps {
- *   value?: string; // bindable <"#000000">
- *   alpha?: number; // bindable <1>
- *   status?: string; // bindable <STATE.NEUTRAL>
+ *   value?: string; // bindable ("#000000")
+ *   alpha?: number; // bindable (1)
+ *   status?: string; // bindable (STATE.NEUTRAL)
  *   style?: SVSStyle;
  *   attributes?: HTMLInputAttributes;
  *   action?: Action;

package/_svseeds/_ComboBox.svelte

@@ -1,12 +1,12 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface ComboBoxProps {
     options: SvelteSet<string> | Set<string>;
     value?: string; // bindable
     expanded?: boolean; // bindable
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     attributes?: HTMLInputAttributes;
     action?: Action;
@@ -19,7 +19,7 @@
     options: SvelteSet<string> | Set<string>;
     value?: string; // bindable
     expanded?: boolean; // bindable
-    status?: string; // bindable <STATE.NEUTRAL>
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     attributes?: HTMLInputAttributes;
     action?: Action;

package/_svseeds/_ComboBox.svelte.d.ts

@@ -15,13 +15,13 @@ 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 ComboBoxProps {
  *   options: SvelteSet<string> | Set<string>;
  *   value?: string; // bindable
  *   expanded?: boolean; // bindable
- *   status?: string; // bindable <STATE.NEUTRAL>
+ *   status?: string; // bindable (STATE.NEUTRAL)
  *   style?: SVSStyle;
  *   attributes?: HTMLInputAttributes;
  *   action?: Action;

package/_svseeds/_ContextMenu.svelte

@@ -1,12 +1,12 @@
 <!--
   @component
-  default value: `<value>`
+  default value: `(value)`
   ```ts
   interface ContextMenuProps {
     children: Snippet;
-    open?: boolean; // bindable <false>; to observe state, not to control
-    lock?: boolean; // bindable <false>
-    status?: string; // bindable <STATE.NEUTRAL>
+    open?: boolean; // bindable (false); to observe state, not to control
+    lock?: boolean; // bindable (false)
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     element?: HTMLElement; // bindable
   }
@@ -15,9 +15,9 @@
 <script module lang="ts">
   export interface ContextMenuProps {
     children: Snippet;
-    open?: boolean; // bindable <false>; to observe state, not to control
-    lock?: boolean; // bindable <false>
-    status?: string; // bindable <STATE.NEUTRAL>
+    open?: boolean; // bindable (false); to observe state, not to control
+    lock?: boolean; // bindable (false)
+    status?: string; // bindable (STATE.NEUTRAL)
     style?: SVSStyle;
     element?: HTMLElement; // bindable
   }

package/_svseeds/_ContextMenu.svelte.d.ts

@@ -11,13 +11,13 @@ export type ContextMenuBindProps = "open" | "lock" | "status" | "element";
 import { type Snippet } from "svelte";
 import { type SVSStyle } from "./core";
 /**
- * default value: `<value>`
+ * default value: `(value)`
  * ```ts
  * interface ContextMenuProps {
  *   children: Snippet;
- *   open?: boolean; // bindable <false>; to observe state, not to control
- *   lock?: boolean; // bindable <false>
- *   status?: string; // bindable <STATE.NEUTRAL>
+ *   open?: boolean; // bindable (false); to observe state, not to control
+ *   lock?: boolean; // bindable (false)
+ *   status?: string; // bindable (STATE.NEUTRAL)
  *   style?: SVSStyle;
  *   element?: HTMLElement; // bindable
  * }