@bysages/svelte 0.3.1 → 0.4.0

package/dist/{image-u_H4LtAC.mjs → image-BngY6J6J.mjs}

@@ -1,3 +1,5 @@
+import { n as withSelfRoot } from "./family-CzLaku1F.mjs";
+import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import "svelte/internal/disclose-version";
 import * as $ from "svelte/internal/client";
@@ -14,19 +16,20 @@ var rest_excludes = /* @__PURE__ */ new Set([
 	"loading",
 	"fallback"
 ]);
-var root = $.from_svg(`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="4" width="18" height="16" rx="1.5"></rect><circle cx="9" cy="10" r="1.5"></circle><path d="m5.5 17.5 4.5-5 3 3.5 2.5-3 3 4.5"></path></svg>`);
-var root_1 = $.from_html(`<div data-scope="image" data-part="fallback"><!></div>`);
-var root_2 = $.from_html(`<figure><img data-scope="image" data-part="img" decoding="async"/> <!></figure>`);
+var root = $.from_html(`<div data-scope="image" data-part="fallback"><!></div>`);
+var root_1 = $.from_html(`<figure><img data-scope="image" data-part="img" decoding="async"/> <!></figure>`);
 function Image$1($$anchor, $$props) {
 	$.push($$props, true);
 	injectComponentStyle("image");
 	let alt = $.prop($$props, "alt", 3, ""), fit = $.prop($$props, "fit", 3, "cover"), loading = $.prop($$props, "loading", 3, "lazy"), rest = $.rest_props($$props, rest_excludes);
 	let state = $.state("loading");
+	let image = $.state(void 0);
 	$.user_effect(() => {
 		$$props.src;
 		$.set(state, "loading");
+		if ($.get(image)?.complete) $.set(state, $.get(image).naturalWidth > 0 ? "loaded" : "error", true);
 	});
-	var figure = root_2();
+	var figure = root_1();
 	$.attribute_effect(figure, () => ({
 		...rest,
 		"data-scope": "image",
@@ -35,9 +38,10 @@ function Image$1($$anchor, $$props) {
 		"data-fit": fit()
 	}));
 	var img = $.child(figure);
+	$.bind_this(img, ($$value) => $.set(image, $$value), () => $.get(image));
 	var node = $.sibling(img, 2);
 	var consequent_1 = ($$anchor) => {
-		var div = root_1();
+		var div = root();
 		var node_1 = $.child(div);
 		var consequent = ($$anchor) => {
 			var fragment = $.comment();
@@ -46,8 +50,7 @@ function Image$1($$anchor, $$props) {
 			$.append($$anchor, fragment);
 		};
 		var alternate = ($$anchor) => {
-			var svg = root();
-			$.append($$anchor, svg);
+			InternalIcon($$anchor, { name: "image" });
 		};
 		$.if(node_1, ($$render) => {
 			if ($$props.fallback) $$render(consequent);
@@ -77,9 +80,9 @@ function Image$1($$anchor, $$props) {
 //#region src/components/image/index.ts
 /** A framed picture: while the source loads, the frame keeps the
 * skeleton's breath; the picture dissolves in when it lands; a broken
-* source leaves the fallback snippet — or the placeholder glyph when
+* source leaves the fallback snippet — or the placeholder icon when
 * the caller has nothing local to say. The frame's size is the
 * consumer's to give. */
-const Image = Image$1;
+const Image = withSelfRoot(Image$1);
 //#endregion
 export { Image as t };

package/dist/{index-KxuOZGfm.d.mts → index-0aDSXVgl.d.mts}

@@ -1,4 +1,4 @@
-import { t as ListboxRoot } from "./ListboxRoot-DhFAnZ_c.mjs";
+import { n as ListboxRoot, t as Listbox$2 } from "./Listbox-BcF6Uk8j.mjs";
 import { CollectionItem, Listbox, ListboxRootProps } from "@ark-ui/svelte/listbox";
 //#region src/components/listbox/props.d.ts
 type ListboxRootProps$1 = ListboxRootProps<CollectionItem> & {
@@ -7,7 +7,7 @@ type ListboxRootProps$1 = ListboxRootProps<CollectionItem> & {
 };
 //#endregion
 //#region src/components/listbox/index.d.ts
-declare const Listbox$1: Omit<typeof Listbox, "Root"> & {
+declare const Listbox$1: typeof Listbox$2 & Omit<typeof Listbox, "Root"> & {
   Root: typeof ListboxRoot;
 };
 //#endregion

package/dist/{index-KoqiUxmN.d.mts → index-3TmqYBnT.d.mts}

@@ -15,6 +15,8 @@ interface DataViewProps extends HTMLAttributes<HTMLDivElement> {
 //#region src/components/data-view/index.d.ts
 /** One vessel, two layouts: a ledger or a lattice, paged with the
  * pagination family's own parts. */
-declare const DataView: import("svelte").Component<DataViewProps, {}, "">;
+declare const DataView: import("svelte").Component<DataViewProps, {}, ""> & {
+  Root: import("svelte").Component<DataViewProps, {}, "">;
+};
 //#endregion
 export { DataViewProps as n, DataView as t };

package/dist/index-9GiGGnGa.d.mts

@@ -0,0 +1,136 @@
+//#region src/components/media-player/props.d.ts
+interface MediaSourceOption {
+  src: string;
+  type?: string;
+}
+interface MediaTextTrackOption {
+  src: string;
+  kind?: "subtitles" | "captions" | "descriptions" | "chapters" | "metadata";
+  label?: string;
+  srcLang?: string;
+  default?: boolean;
+}
+interface MediaPlayerProps {
+  label?: string;
+  src?: string;
+  sources?: MediaSourceOption[];
+  tracks?: MediaTextTrackOption[];
+  autoplay?: boolean;
+  loop?: boolean;
+  muted?: boolean;
+  preload?: "none" | "metadata" | "auto";
+  volume?: number;
+  playbackRate?: number;
+  playbackRates?: number[];
+  disabled?: boolean;
+  poster?: string;
+  playsInline?: boolean;
+  class?: string;
+  style?: string;
+  id?: string;
+  onplay?: (event: Event) => void;
+  onpause?: (event: Event) => void;
+  onended?: (event: Event) => void;
+  ontimeupdate?: (event: Event) => void;
+  onvolumechange?: (event: Event) => void;
+  onratechange?: (event: Event) => void;
+  onerror?: (event: Event) => void;
+  [key: string]: unknown;
+}
+//#endregion
+//#region src/components/media-player/index.d.ts
+/** Audio and video share one instrument: the same state, the same keys,
+ * and the same control rhythm, while each face keeps its native element's
+ * own semantics. The parts — Root, Stage, Media, Controls, PlayButton,
+ * Timeline, Time, MuteButton, Volume, Rate, Captions, PipButton,
+ * FullscreenButton. */
+declare const Audio: import("svelte").Component<MediaPlayerProps, {}, ""> & {
+  Root: import("svelte").Component<MediaPlayerProps & {
+    children?: import("svelte").Snippet;
+  }, {}, "">;
+  Stage: import("svelte").Component<{
+    children?: import("svelte").Snippet;
+  }, {}, "">;
+  Media: import("svelte").Component<{
+    [key: string]: unknown;
+    children?: import("svelte").Snippet;
+  }, {}, "">;
+  Controls: import("svelte").Component<{
+    children?: import("svelte").Snippet;
+  }, {}, "">;
+  PlayButton: import("svelte").Component<{
+    [key: string]: unknown;
+    label?: string;
+  }, {}, "">;
+  Timeline: import("svelte").Component<{
+    [key: string]: unknown;
+    label?: string;
+  }, {}, "">;
+  Time: import("svelte").Component<{
+    [key: string]: unknown;
+  }, {}, "">;
+  MuteButton: import("svelte").Component<{
+    [key: string]: unknown;
+    label?: string;
+  }, {}, "">;
+  Volume: import("svelte").Component<{
+    [key: string]: unknown;
+    label?: string;
+  }, {}, "">;
+  Rate: import("svelte").Component<{
+    [key: string]: unknown;
+    label?: string;
+  }, {}, "">;
+};
+declare const Video: import("svelte").Component<MediaPlayerProps, {}, ""> & {
+  Root: import("svelte").Component<MediaPlayerProps & {
+    children?: import("svelte").Snippet;
+  }, {}, "">;
+  Stage: import("svelte").Component<{
+    children?: import("svelte").Snippet;
+  }, {}, "">;
+  Media: import("svelte").Component<{
+    [key: string]: unknown;
+    children?: import("svelte").Snippet;
+  }, {}, "">;
+  Controls: import("svelte").Component<{
+    children?: import("svelte").Snippet;
+  }, {}, "">;
+  PlayButton: import("svelte").Component<{
+    [key: string]: unknown;
+    label?: string;
+  }, {}, "">;
+  Timeline: import("svelte").Component<{
+    [key: string]: unknown;
+    label?: string;
+  }, {}, "">;
+  Time: import("svelte").Component<{
+    [key: string]: unknown;
+  }, {}, "">;
+  MuteButton: import("svelte").Component<{
+    [key: string]: unknown;
+    label?: string;
+  }, {}, "">;
+  Volume: import("svelte").Component<{
+    [key: string]: unknown;
+    label?: string;
+  }, {}, "">;
+  Rate: import("svelte").Component<{
+    [key: string]: unknown;
+    label?: string;
+  }, {}, "">;
+  Captions: import("svelte").Component<{
+    [key: string]: unknown;
+    label?: string;
+  }, {}, "">;
+  PipButton: import("svelte").Component<{
+    [key: string]: unknown;
+    label?: string;
+  }, {}, "">;
+  FullscreenButton: import("svelte").Component<{
+    [key: string]: unknown;
+    label?: string;
+  }, {}, "">;
+};
+//#endregion
+export { MediaTextTrackOption as a, MediaSourceOption as i, Video as n, MediaPlayerProps as r, Audio as t };

package/dist/{index-ZUvVz2Fd.d.mts → index-BFKqgbq-.d.mts}

@@ -19,6 +19,8 @@ interface DynamicInputProps extends HTMLAttributes<HTMLDivElement> {
 /** A column of entry rows: one Input per line, each with a quiet remove
  * seal, and an add row at the tail — the bound array stays the only
  * truth. */
-declare const DynamicInput: import("svelte").Component<DynamicInputProps, {}, "value">;
+declare const DynamicInput: import("svelte").Component<DynamicInputProps, {}, "value"> & {
+  Root: import("svelte").Component<DynamicInputProps, {}, "value">;
+};
 //#endregion
 export { DynamicInputProps as n, DynamicInput as t };

package/dist/index-BH-LkvzT.d.mts

@@ -0,0 +1,35 @@
+import { n as ImagePreview, t as ImageViewer$1 } from "./ImageViewer-DEMg26LY.mjs";
+import { Dialog } from "./components/dialog/index.mjs";
+import { Snippet } from "svelte";
+import { HTMLAttributes } from "svelte/elements";
+//#region src/components/image-viewer/props.d.ts
+interface ImageViewerProps extends HTMLAttributes<HTMLElement> {
+  src: string;
+  alt?: string;
+  /** The large image handed to the lightbox. */
+  width?: number | string;
+  /** The large image handed to the lightbox. */
+  height?: number | string;
+  /** The wrapped content that opens the lightbox. */
+  children?: Snippet;
+  /** Whether the lightbox is up. Bind it (`bind:open`) to control the
+   * viewer; left alone it keeps the state to itself. */
+  open?: boolean;
+  zoomable?: boolean;
+  /** The viewer's open state turned. */
+  onOpenChange?: (open: boolean) => void;
+}
+interface ImageViewerPreviewProps extends Omit<HTMLAttributes<HTMLElement>, "children"> {
+  /** Visible beside the affordance over custom content. */
+  label?: string;
+  /** Custom doorway content; omit it for the default curated icon. */
+  children?: Snippet;
+}
+//#endregion
+//#region src/components/image-viewer/index.d.ts
+declare const ImageViewer: typeof ImageViewer$1 & Omit<typeof Dialog, "Root"> & {
+  Root: (typeof Dialog)["Root"];
+  Preview: typeof ImagePreview;
+};
+//#endregion
+export { ImageViewerPreviewProps as n, ImageViewerProps as r, ImageViewer as t };

package/dist/{index-CY4EuxyF.d.mts → index-BIHw8Gzt.d.mts}

@@ -16,6 +16,8 @@ interface AutoCompleteProps extends HTMLAttributes<HTMLDivElement> {
 /** Free text with suggestions: the reader types anything, the list
  * narrows to help, and both a pick and a custom value end up in the
  * same `value`. A preset of the combobox machinery. */
-declare const AutoComplete: import("svelte").Component<AutoCompleteProps, {}, "value">;
+declare const AutoComplete: import("svelte").Component<AutoCompleteProps, {}, "value"> & {
+  Root: import("svelte").Component<AutoCompleteProps, {}, "value">;
+};
 //#endregion
 export { AutoCompleteProps as n, AutoComplete as t };

package/dist/{index-DGOBhwXN.d.mts → index-BKZC0MtK.d.mts}

@@ -13,6 +13,8 @@ interface VirtualListProps extends HTMLAttributes<HTMLDivElement> {
 //#endregion
 //#region src/components/virtual-list/index.d.ts
 /** A ledger that only mounts the rows on stage. */
-declare const VirtualList: import("svelte").Component<VirtualListProps, {}, "">;
+declare const VirtualList: import("svelte").Component<VirtualListProps, {}, ""> & {
+  Root: import("svelte").Component<VirtualListProps, {}, "">;
+};
 //#endregion
 export { VirtualListProps as n, VirtualList as t };

package/dist/{index-zZy5ZnA5.d.mts → index-BhTdJwBA.d.mts}

@@ -15,6 +15,8 @@ interface CommentProps extends HTMLAttributes<HTMLElement> {
 /** A voice on the record: the portrait hangs left (the avatar snippet),
  * the body carries the byline from `author` and `datetime`, the ink is
  * the children snippet, and the actions snippet is the row of answers. */
-declare const Comment: import("svelte").Component<CommentProps, {}, "">;
+declare const Comment: import("svelte").Component<CommentProps, {}, ""> & {
+  Root: import("svelte").Component<CommentProps, {}, "">;
+};
 //#endregion
 export { CommentProps as n, Comment as t };

package/dist/{index-0k-VxNRm.d.mts → index-BhXsxcRN.d.mts}

@@ -10,6 +10,10 @@ interface SpotlightProps extends HTMLAttributes<HTMLDivElement> {
  * reader's hand. */
 declare const Spotlight: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
   radius?: string;
-}, {}, "">;
+}, {}, ""> & {
+  Root: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+    radius?: string;
+  }, {}, "">;
+};
 //#endregion
 export { SpotlightProps as n, Spotlight as t };

package/dist/{index-BIIMyeLK.d.mts → index-BiwW7REL.d.mts}

@@ -7,6 +7,8 @@ interface SpinnerProps extends HTMLAttributes<HTMLElement> {
 //#region src/components/spinner/index.d.ts
 /** A wheel of waiting: one arc of ink turning about its center. Quiet by
  * default — it reports progress without claiming attention. */
-declare const Spinner: import("svelte").Component<SpinnerProps, {}, "">;
+declare const Spinner: import("svelte").Component<SpinnerProps, {}, ""> & {
+  Root: import("svelte").Component<SpinnerProps, {}, "">;
+};
 //#endregion
 export { SpinnerProps as n, Spinner as t };

package/dist/{index-k0ac5WNj.d.mts → index-ByxBpSC4.d.mts}

@@ -18,6 +18,8 @@ interface AffixProps extends HTMLAttributes<HTMLDivElement> {
  * exactly as it does on the page itself, and a parent with
  * `overflow: hidden` clips the pin. Both offsets may be given: the
  * content then holds its place inside that band. */
-declare const Affix: import("svelte").Component<AffixProps, {}, "">;
+declare const Affix: import("svelte").Component<AffixProps, {}, ""> & {
+  Root: import("svelte").Component<AffixProps, {}, "">;
+};
 //#endregion
 export { AffixProps as n, Affix as t };

package/dist/{index-D1tQgtT0.d.mts → index-C-sa4baY.d.mts}

@@ -10,7 +10,7 @@ interface ImageProps extends HTMLAttributes<HTMLElement> {
   /** Intrinsic height passed to the image, so layout is stable while it loads. */
   height?: number | string;
   loading?: "lazy" | "eager";
-  /** What a broken source leaves — the quiet placeholder glyph by
+  /** What a broken source leaves — the quiet placeholder icon by
    * default. */
   fallback?: Snippet;
 }
@@ -18,9 +18,11 @@ interface ImageProps extends HTMLAttributes<HTMLElement> {
 //#region src/components/image/index.d.ts
 /** A framed picture: while the source loads, the frame keeps the
  * skeleton's breath; the picture dissolves in when it lands; a broken
- * source leaves the fallback snippet — or the placeholder glyph when
+ * source leaves the fallback snippet — or the placeholder icon when
  * the caller has nothing local to say. The frame's size is the
  * consumer's to give. */
-declare const Image: import("svelte").Component<ImageProps, {}, "">;
+declare const Image: import("svelte").Component<ImageProps, {}, ""> & {
+  Root: import("svelte").Component<ImageProps, {}, "">;
+};
 //#endregion
 export { ImageProps as n, Image as t };

package/dist/{index-D_cE3qK2.d.mts → index-C-wU4kAX.d.mts}

@@ -39,6 +39,8 @@ interface CommandProps {
  * driving our own list: the vessel and the list live inside the sheet,
  * so the combobox renders no separate popup and the machine's content
  * grafts onto the sheet's list. */
-declare const Command: import("svelte").Component<CommandProps, {}, "open">;
+declare const Command: import("svelte").Component<CommandProps, {}, "open"> & {
+  Root: import("svelte").Component<CommandProps, {}, "open">;
+};
 //#endregion
 export { CommandEntry as n, CommandProps as r, Command as t };

package/dist/{index-D88v0BF1.d.mts → index-C0b8N_Aa.d.mts}

@@ -5,6 +5,8 @@ interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {}
 //#region src/components/skeleton/index.d.ts
 /** A waiting sheet of unset paper. Size it from the outside; the breath
  * is the component's own. */
-declare const Skeleton: import("svelte").Component<SkeletonProps, {}, "">;
+declare const Skeleton: import("svelte").Component<SkeletonProps, {}, ""> & {
+  Root: import("svelte").Component<SkeletonProps, {}, "">;
+};
 //#endregion
 export { SkeletonProps as n, Skeleton as t };

package/dist/{index-D9UBDdoA.d.mts → index-C5hCBtt4.d.mts}

@@ -12,6 +12,8 @@ interface TerminalProps extends Omit<HTMLAttributes<HTMLDivElement>, "oncommand"
 //#endregion
 //#region src/components/terminal/index.d.ts
 /** A quiet console: the transcript above, the prompt line below. */
-declare const Terminal: import("svelte").Component<TerminalProps, {}, "">;
+declare const Terminal: import("svelte").Component<TerminalProps, {}, ""> & {
+  Root: import("svelte").Component<TerminalProps, {}, "">;
+};
 //#endregion
 export { TerminalProps as n, Terminal as t };

package/dist/{index-CaVBzPln.d.mts → index-C6UrUbj8.d.mts}

@@ -7,6 +7,8 @@ interface KbdProps extends HTMLAttributes<HTMLElement> {
 //#endregion
 //#region src/components/kbd/index.d.ts
 /** A keycap in miniature, riding the type it annotates. */
-declare const Kbd: import("svelte").Component<KbdProps, {}, "">;
+declare const Kbd: import("svelte").Component<KbdProps, {}, ""> & {
+  Root: import("svelte").Component<KbdProps, {}, "">;
+};
 //#endregion
 export { KbdProps as n, Kbd as t };

package/dist/{index-BJvo4qep.d.mts → index-CBB8fpMT.d.mts}

@@ -1,4 +1,4 @@
-import { n as TreeViewNodeCheckbox, r as TreeViewBranchIndicator, t as TreeViewRoot } from "./TreeViewRoot-RBynRAly.mjs";
+import { i as TreeViewBranchIndicator, n as TreeView$2, r as TreeViewRoot, t as TreeViewNodeCheckbox } from "./TreeViewNodeCheckbox-DbJ2jfGV.mjs";
 import { TreeNode } from "@ark-ui/svelte/collection";
 import { TreeView, TreeViewRootProps } from "@ark-ui/svelte/tree-view";
 //#region src/components/tree-view/props.d.ts
@@ -8,7 +8,7 @@ type TreeViewRootProps$1 = TreeViewRootProps<TreeNode> & {
 };
 //#endregion
 //#region src/components/tree-view/index.d.ts
-declare const TreeView$1: Omit<typeof TreeView, "Root" | "NodeCheckbox" | "BranchIndicator"> & {
+declare const TreeView$1: typeof TreeView$2 & Omit<typeof TreeView, "Root" | "NodeCheckbox" | "BranchIndicator"> & {
   Root: typeof TreeViewRoot;
   NodeCheckbox: typeof TreeViewNodeCheckbox;
   BranchIndicator: typeof TreeViewBranchIndicator;

package/dist/{index-C84DUNp9.d.mts → index-CC_yY588.d.mts}

@@ -28,6 +28,8 @@ interface SplitButtonProps extends HTMLAttributes<HTMLDivElement> {
 /** A primary action with its alternatives one seam away: the main
  * button fires, the fitted arrow opens a paper vessel whose entries
  * hand back their value. */
-declare const SplitButton: import("svelte").Component<SplitButtonProps, {}, "">;
+declare const SplitButton: import("svelte").Component<SplitButtonProps, {}, ""> & {
+  Root: import("svelte").Component<SplitButtonProps, {}, "">;
+};
 //#endregion
 export { SplitButtonEntry as n, SplitButtonProps as r, SplitButton as t };

package/dist/{index-Dy335EhR.d.mts → index-CI4acsws.d.mts}

@@ -1,4 +1,4 @@
-import { t as ClipboardRoot } from "./ClipboardRoot-UmyQFn27.mjs";
+import { n as ClipboardRoot, t as Clipboard$2 } from "./Clipboard-BUeJPGSX.mjs";
 import { Clipboard, ClipboardRootProps } from "@ark-ui/svelte/clipboard";
 //#region src/components/clipboard/props.d.ts
 type ClipboardRootProps$1 = ClipboardRootProps & {
@@ -8,7 +8,7 @@ type ClipboardRootProps$1 = ClipboardRootProps & {
 };
 //#endregion
 //#region src/components/clipboard/index.d.ts
-declare const Clipboard$1: Omit<typeof Clipboard, "Root"> & {
+declare const Clipboard$1: typeof Clipboard$2 & Omit<typeof Clipboard, "Root"> & {
   Root: typeof ClipboardRoot;
 };
 //#endregion

package/dist/{index-DOcn6bMd.d.mts → index-CKaCfx0p.d.mts}

@@ -10,6 +10,8 @@ interface EllipsisProps extends HTMLAttributes<HTMLSpanElement> {
 /** The overflow knife: text cut at one line, or held to N lines. The
  * primitive only draws the cut — reaching the full text (title,
  * tooltip) stays the consumer's decision. */
-declare const Ellipsis: import("svelte").Component<EllipsisProps, {}, "">;
+declare const Ellipsis: import("svelte").Component<EllipsisProps, {}, ""> & {
+  Root: import("svelte").Component<EllipsisProps, {}, "">;
+};
 //#endregion
 export { EllipsisProps as n, Ellipsis as t };

package/dist/{index-D1U7Svy2.d.mts → index-CMVb7mmq.d.mts}

@@ -1803,7 +1803,11 @@ declare global {
 //#region src/components/form/index.d.ts
 /** The engine owns the values and the validation; these two are the
  * assembly — one grid, one error routing. */
-declare const Form: import("svelte").Component<FormProps, {}, "">;
-declare const FormField: import("svelte").Component<FormFieldProps, {}, "">;
+declare const Form: import("svelte").Component<FormProps, {}, ""> & {
+  Root: import("svelte").Component<FormProps, {}, "">;
+};
+declare const FormField: import("svelte").Component<FormFieldProps, {}, ""> & {
+  Root: import("svelte").Component<FormFieldProps, {}, "">;
+};
 //#endregion
 export { createForm as a, FormApi as c, FormProps as d, AnyFormApi$1 as f, createField as i, FieldApi as l, FormField as n, useField as o, SvelteFormApi as r, useForm as s, Form as t, FormFieldProps as u };

package/dist/{index-BTndXl0q.d.mts → index-COWyuYkn.d.mts}

@@ -10,6 +10,8 @@ interface ChipProps extends HTMLAttributes<HTMLSpanElement> {
 //#region src/components/chip/index.d.ts
 /** A counting coin: the numeric value, capped at `max` with an ellipsis
  * of the remainder ("99+"). */
-declare const Chip: import("svelte").Component<ChipProps, {}, "">;
+declare const Chip: import("svelte").Component<ChipProps, {}, ""> & {
+  Root: import("svelte").Component<ChipProps, {}, "">;
+};
 //#endregion
 export { ChipProps as n, Chip as t };

package/dist/{index-BFL_M4PT.d.mts → index-CV5LaGMy.d.mts}

@@ -20,6 +20,8 @@ interface ProgressGroupProps extends HTMLAttributes<HTMLDivElement> {
  * the legend reads them back beneath (swatch, label, value) unless the
  * caller declines it. The whole is the sum of the parts unless the
  * caller brings a larger one — the remainder then shows as groove. */
-declare const ProgressGroup: import("svelte").Component<ProgressGroupProps, {}, "">;
+declare const ProgressGroup: import("svelte").Component<ProgressGroupProps, {}, ""> & {
+  Root: import("svelte").Component<ProgressGroupProps, {}, "">;
+};
 //#endregion
 export { ProgressGroupProps as n, ProgressSegment as r, ProgressGroup as t };

package/dist/{index-BwFSueFx.d.mts → index-CWzdSZ-F.d.mts}

@@ -15,6 +15,8 @@ interface PopconfirmProps {
 //#region src/components/popconfirm/index.d.ts
 /** A question at the point of no return: the trigger opens a small
  * anchored vessel carrying the message and two answers. */
-declare const Popconfirm: import("svelte").Component<PopconfirmProps, {}, "">;
+declare const Popconfirm: import("svelte").Component<PopconfirmProps, {}, ""> & {
+  Root: import("svelte").Component<PopconfirmProps, {}, "">;
+};
 //#endregion
 export { PopconfirmProps as n, Popconfirm as t };

package/dist/{index-wDHiUpr6.d.mts → index-CXbdZAgD.d.mts}

@@ -4,7 +4,7 @@ import { HTMLAttributes } from "svelte/elements";
 /** The upload's state on the wire. */
 type AttachmentStatus = "uploading" | "ready" | "error";
 interface AttachmentProps extends HTMLAttributes<HTMLSpanElement> {
-  /** The file's name — it picks the glyph by extension. */
+  /** The file's name — it picks the icon by extension. */
   name: string;
   /** The file's size in bytes, when known — rendered human. */
   size?: number;
@@ -17,7 +17,11 @@ interface AttachmentsProps extends HTMLAttributes<HTMLSpanElement> {
 }
 //#endregion
 //#region src/components/ai-attachments/index.d.ts
-declare const Attachment: import("svelte").Component<AttachmentProps, {}, "">;
-declare const Attachments: import("svelte").Component<AttachmentsProps, {}, "">;
+declare const Attachment: import("svelte").Component<AttachmentProps, {}, ""> & {
+  Root: import("svelte").Component<AttachmentProps, {}, "">;
+};
+declare const Attachments: import("svelte").Component<AttachmentsProps, {}, ""> & {
+  Root: import("svelte").Component<AttachmentsProps, {}, "">;
+};
 //#endregion
 export { AttachmentsProps as a, AttachmentStatus as i, Attachments as n, AttachmentProps as r, Attachment as t };

package/dist/{index-DBbjFiDd.d.mts → index-CYtinraa.d.mts}

@@ -15,6 +15,8 @@ interface UserProps extends HTMLAttributes<HTMLDivElement> {
 //#region src/components/user/index.d.ts
 /** A person on one line: the seal before the words, the name and its
  * quiet echo beneath. */
-declare const User: import("svelte").Component<UserProps, {}, "">;
+declare const User: import("svelte").Component<UserProps, {}, ""> & {
+  Root: import("svelte").Component<UserProps, {}, "">;
+};
 //#endregion
 export { UserProps as n, User as t };

package/dist/{index-CeIQyZkc.d.mts → index-CZ0P3C6E.d.mts}

@@ -10,6 +10,7 @@ interface TypographyPartProps extends HTMLAttributes<HTMLElement> {
  * heading ride the song-serif, the rest ride the hei. Nothing here is
  * decorative — hierarchy is size, weight, and space. */
 declare const Typography: import("svelte").Component<TypographyPartProps, {}, ""> & {
+  Root: import("svelte").Component<TypographyPartProps, {}, "">;
   Display: import("svelte").Component<TypographyPartProps, {}, "">;
   Heading: import("svelte").Component<TypographyPartProps, {}, "">;
   Lead: import("svelte").Component<TypographyPartProps, {}, "">;

package/dist/{index-BEfqqxjl.d.mts → index-Cbc4doAM.d.mts}

@@ -1,6 +1,12 @@
 import { Snippet } from "svelte";
 import { HTMLAttributes } from "svelte/elements";
 //#region src/components/descriptions/props.d.ts
+/** Simple term/detail records for the callable facade. */
+interface DescriptionsItemData {
+  term: string;
+  detail: string;
+  span?: number;
+}
 interface DescriptionsRootProps extends HTMLAttributes<HTMLDListElement> {
   /** The horizontal layout reads as a table of two columns; the
    * vertical one stacks each pair for narrow measures. */
@@ -10,6 +16,7 @@ interface DescriptionsRootProps extends HTMLAttributes<HTMLDListElement> {
   bordered?: boolean;
   /** Pairs across the grid: one ledger per column. */
   column?: number;
+  items?: DescriptionsItemData[];
   children?: Snippet;
 }
 interface DescriptionsItemProps extends HTMLAttributes<HTMLElement> {

package/dist/{index-BolxaoaW.d.mts → index-Cbd88ftD.d.mts}

@@ -13,6 +13,8 @@ interface DeferredContentProps extends Omit<HTMLAttributes<HTMLDivElement>, "pla
 //#region src/components/deferred-content/index.d.ts
 /** Content that waits to be worth rendering: the slot mounts when the
  * placeholder approaches the viewport. */
-declare const DeferredContent: import("svelte").Component<DeferredContentProps, {}, "">;
+declare const DeferredContent: import("svelte").Component<DeferredContentProps, {}, ""> & {
+  Root: import("svelte").Component<DeferredContentProps, {}, "">;
+};
 //#endregion
 export { DeferredContentProps as n, DeferredContent as t };

package/dist/{index-BmFfkztS.d.mts → index-ChqP3kbL.d.mts}

@@ -9,6 +9,8 @@ interface BlockUIProps extends HTMLAttributes<HTMLDivElement> {
 //#region src/components/block-ui/index.d.ts
 /** A curtain over content that must wait: frosted paper and one
  * quiet wheel. */
-declare const BlockUI: import("svelte").Component<BlockUIProps, {}, "">;
+declare const BlockUI: import("svelte").Component<BlockUIProps, {}, ""> & {
+  Root: import("svelte").Component<BlockUIProps, {}, "">;
+};
 //#endregion
 export { BlockUIProps as n, BlockUI as t };

package/dist/{index-CLoTtvcO.d.mts → index-CuonhYXR.d.mts}

@@ -14,6 +14,8 @@ interface CalendarProps extends HTMLAttributes<HTMLDivElement> {
 //#region src/components/calendar/index.d.ts
 /** The date-picker's month grid, standing on the page without its
  * popup: always open, the trigger gone, the vessel a quiet card. */
-declare const Calendar: import("svelte").Component<CalendarProps, {}, "">;
+declare const Calendar: import("svelte").Component<CalendarProps, {}, ""> & {
+  Root: import("svelte").Component<CalendarProps, {}, "">;
+};
 //#endregion
 export { CalendarProps as n, Calendar as t };

package/dist/{index-CwM-SPPz.d.mts → index-CvDp7tiS.d.mts}

@@ -9,6 +9,8 @@ interface LinkProps extends HTMLAnchorAttributes {
 //#region src/components/link/index.d.ts
 /** A link is ink in the accent's voice: quiet at rest, deepening under
  * the hand, the halo at focus. */
-declare const Link: import("svelte").Component<LinkProps, {}, "">;
+declare const Link: import("svelte").Component<LinkProps, {}, ""> & {
+  Root: import("svelte").Component<LinkProps, {}, "">;
+};
 //#endregion
 export { LinkProps as n, Link as t };