@dorsk/tsumikit 0.67.1 → 0.68.1

package/dist/components/molecules/RadialMenu.svelte.d.ts

@@ -0,0 +1,42 @@
+export interface RadialArc {
+    /** Degrees, 0 = right, counter-clockwise. */
+    from: number;
+    to: number;
+}
+import { type Snippet } from 'svelte';
+import type { HTMLButtonAttributes } from 'svelte/elements';
+import { type IconName } from '../atoms/Icon.svelte';
+import type { MenuItem } from './Menu.svelte';
+import { type Tone } from '../../tone';
+type Own = {
+    items: MenuItem[];
+    /** Accessible name of the trigger and the menu. */
+    label: string;
+    open?: boolean;
+    onopen?: () => void;
+    onclose?: () => void;
+    /** Replaces the default FAB content. */
+    trigger?: Snippet<[{
+        open: boolean;
+    }]>;
+    icon?: IconName;
+    closeIcon?: IconName;
+    /** Small line under the FAB glyph ("● bot"). */
+    caption?: Snippet | string;
+    /** Colour of the FAB ring. */
+    tone?: Tone;
+    arc?: RadialArc;
+    /** Preferred arc radius; defaults to `--radial-radius`, else 8.5rem. */
+    radius?: string;
+    /** Petal diameter; defaults to `--radial-petal-size`, else 3.5rem. */
+    petalSize?: string;
+    scrim?: boolean;
+    /** A line centred above the arc while open. */
+    status?: Snippet;
+    class?: string;
+    style?: string;
+};
+type $$ComponentProps = Omit<HTMLButtonAttributes, keyof Own> & Own;
+declare const RadialMenu: import("svelte").Component<$$ComponentProps, {}, "open">;
+type RadialMenu = ReturnType<typeof RadialMenu>;
+export default RadialMenu;

package/dist/components/molecules/SegmentedControl.svelte

@@ -3,8 +3,10 @@
 		value: string;
 		/** Visible text. Optional in `icon` mode where the icon carries the meaning. */
 		label?: string;
-		/** Optional count badge rendered after the label (filter-pill use). */
-		count?: number;
+		/** Optional count badge rendered after the label (filter-pill use). Numbers
+		 *  get thousands separators (`11178` → `11,178`, fixed en-US so SSR and
+		 *  hydration agree); strings render verbatim (`'99+'`, another locale). */
+		count?: number | string;
 		/** Icon glyph — required for icon-toggle mode, optional alongside a label. */
 		icon?: import('../atoms/Icon.svelte').IconName;
 		/** Greyed out, not selectable, skipped by keyboard navigation. */
@@ -23,6 +25,7 @@
 	// Space/Enter (or click) activate. `value` is bindable.
 	import type { Snippet } from 'svelte';
 	import Icon from '../atoms/Icon.svelte';
+	import { formatSegmentCount } from './segmented-control-count.js';
 	import { nextEnabledSegment } from './segmented-control-keyboard.js';
 
 	let {
@@ -143,7 +146,7 @@
 			{:else}
 				{#if o.icon}<Icon name={o.icon} />{/if}
 				{#if o.label}<span class="seg-label">{o.label}</span>{/if}
-				{#if o.count !== undefined}<span class="seg-count">{o.count}</span>{/if}
+				{#if o.count !== undefined}<span class="seg-count">{formatSegmentCount(o.count)}</span>{/if}
 			{/if}
 		</button>
 	{/each}

package/dist/components/molecules/SegmentedControl.svelte.d.ts

@@ -2,8 +2,10 @@ export interface SegmentOption {
     value: string;
     /** Visible text. Optional in `icon` mode where the icon carries the meaning. */
     label?: string;
-    /** Optional count badge rendered after the label (filter-pill use). */
-    count?: number;
+    /** Optional count badge rendered after the label (filter-pill use). Numbers
+     *  get thousands separators (`11178` → `11,178`, fixed en-US so SSR and
+     *  hydration agree); strings render verbatim (`'99+'`, another locale). */
+    count?: number | string;
     /** Icon glyph — required for icon-toggle mode, optional alongside a label. */
     icon?: import('../atoms/Icon.svelte').IconName;
     /** Greyed out, not selectable, skipped by keyboard navigation. */