svseeds 0.5.1 → 0.5.2

package/_svseeds/_Toggle.svelte.d.ts

@@ -18,7 +18,8 @@ import { type Action } from "svelte/action";
 import { type HTMLButtonAttributes } from "svelte/elements";
 import { type SVSClass } from "./core";
 /**
- * default value: `(value)`
+ * ### Types
+ * default value: *`(value)`*
  * ```ts
  * interface ToggleProps {
  *   children: Snippet<[boolean, string, HTMLButtonElement | undefined]>; // Snippet<[value,variant,element]>
@@ -34,6 +35,16 @@ import { type SVSClass } from "./core";
  *   variant?: string; // bindable (VARIANT.NEUTRAL)
  * }
  * ```
+ * ### Anatomy
+ * ```svelte
+ * <span class="whole" conditional>
+ *   <span class="left" conditional>{left}</span>
+ *   <button class="main" aria-pressed={value} aria-label={ariaLabel} {role} {...attributes} bind:this={element} use:action>
+ *     {children}
+ *   </button>
+ *   <span class="right" conditional>{right}</span>
+ * </span>
+ * ```
  */
 declare const Toggle: import("svelte").Component<ToggleProps, {}, "variant" | "value" | "element">;
 type Toggle = ReturnType<typeof Toggle>;

package/_svseeds/_ToggleGroup.svelte

@@ -1,6 +1,7 @@
 <!--
   @component
-  default value: `(value)`
+  ### Types
+  default value: *`(value)`*
   ```ts
   interface ToggleGroupProps {
     options: SvelteMap<string, string> | Map<string, string>;
@@ -15,6 +16,16 @@
     variant?: string; // bindable (VARIANT.NEUTRAL)
   }
   ```
+  ### Anatomy
+  ```svelte
+  <span class="whole" aria-describedby={ariaDescId} aria-errormessage={ariaErrMsgId}>
+    {#each options as { value, text }}
+      <button class="main" use:action>
+        {text} or {children}
+      </button>
+    {/each}
+  </span>
+  ```
 -->
 <script module lang="ts">
   export interface ToggleGroupProps {

package/_svseeds/_ToggleGroup.svelte.d.ts

@@ -17,7 +17,8 @@ import { type Action } from "svelte/action";
 import { type SvelteMap } from "svelte/reactivity";
 import { type SVSClass } from "./core";
 /**
- * default value: `(value)`
+ * ### Types
+ * default value: *`(value)`*
  * ```ts
  * interface ToggleGroupProps {
  *   options: SvelteMap<string, string> | Map<string, string>;
@@ -32,6 +33,16 @@ import { type SVSClass } from "./core";
  *   variant?: string; // bindable (VARIANT.NEUTRAL)
  * }
  * ```
+ * ### Anatomy
+ * ```svelte
+ * <span class="whole" aria-describedby={ariaDescId} aria-errormessage={ariaErrMsgId}>
+ *   {#each options as { value, text }}
+ *     <button class="main" use:action>
+ *       {text} or {children}
+ *     </button>
+ *   {/each}
+ * </span>
+ * ```
  */
 declare const ToggleGroup: import("svelte").Component<ToggleGroupProps, {}, "variant" | "elements" | "values" | "ariaErrMsgId">;
 type ToggleGroup = ReturnType<typeof ToggleGroup>;

package/_svseeds/_Tooltip.svelte

@@ -1,6 +1,7 @@
 <!--
   @component
-  default value: `(value)`
+  ### Types
+  default value: *`(value)`*
   ```ts
   interface TooltipProps {
     children?: Snippet<[string, string, boolean]>; // Snippet<[text,variant,isFlipped]>
@@ -16,6 +17,16 @@
   type Position = "top" | "right" | "bottom" | "left";
   type Align = "start" | "center" | "end";
   ```
+  ### Anatomy
+  ```svelte
+  <div class="whole" bind:this={element} conditional>
+    {#if children}
+      {children}
+    {:else}
+      {text} // `text` is an argument of the tooltip/tooltipAction function
+    {/if}
+  </div>
+  ```
 -->
 <script module lang="ts">
   export interface TooltipProps {

package/_svseeds/_Tooltip.svelte.d.ts

@@ -27,7 +27,8 @@ import { type Snippet } from "svelte";
 import { type Action, type ActionReturn } from "svelte/action";
 import { type SVSClass } from "./core";
 /**
- * default value: `(value)`
+ * ### Types
+ * default value: *`(value)`*
  * ```ts
  * interface TooltipProps {
  *   children?: Snippet<[string, string, boolean]>; // Snippet<[text,variant,isFlipped]>
@@ -43,6 +44,16 @@ import { type SVSClass } from "./core";
  * type Position = "top" | "right" | "bottom" | "left";
  * type Align = "start" | "center" | "end";
  * ```
+ * ### Anatomy
+ * ```svelte
+ * <div class="whole" bind:this={element} conditional>
+ *   {#if children}
+ *     {children}
+ *   {:else}
+ *     {text} // `text` is an argument of the tooltip/tooltipAction function
+ *   {/if}
+ * </div>
+ * ```
  */
 declare const Tooltip: import("svelte").Component<TooltipProps, {}, "variant" | "element">;
 type Tooltip = ReturnType<typeof Tooltip>;

package/package.json

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