@bysages/svelte 0.3.0 → 0.4.0

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-DAesWvpj.d.mts → index-C-sa4baY.d.mts}

@@ -5,8 +5,12 @@ interface ImageProps extends HTMLAttributes<HTMLElement> {
   src: string;
   alt?: string;
   fit?: "cover" | "contain" | "fill" | "none";
+  /** Intrinsic width passed to the image, so layout is stable while it loads. */
+  width?: number | string;
+  /** 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;
 }
@@ -14,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-D6PrX-hf.d.mts → index-CBB8fpMT.d.mts}

@@ -1,4 +1,4 @@
-import { t as TreeViewRoot } from "./TreeViewRoot-ConQj9TX.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,8 +8,10 @@ type TreeViewRootProps$1 = TreeViewRootProps<TreeNode> & {
 };
 //#endregion
 //#region src/components/tree-view/index.d.ts
-declare const TreeView$1: Omit<typeof TreeView, "Root"> & {
+declare const TreeView$1: typeof TreeView$2 & Omit<typeof TreeView, "Root" | "NodeCheckbox" | "BranchIndicator"> & {
   Root: typeof TreeViewRoot;
+  NodeCheckbox: typeof TreeViewNodeCheckbox;
+  BranchIndicator: typeof TreeViewBranchIndicator;
 };
 //#endregion
 export { TreeViewRootProps$1 as n, TreeView$1 as t };

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 };

package/dist/{index-YCVah82j.d.mts → index-CyVykdGO.d.mts}

@@ -13,6 +13,8 @@ interface GridProps extends HTMLAttributes<HTMLDivElement> {
 //#region src/components/grid/index.d.ts
 /** An alignment lattice: tracks of equal measure, sized by column count
  * — or, with `minChildWidth`, as many tracks as the container fits. */
-declare const Grid: import("svelte").Component<GridProps, {}, "">;
+declare const Grid: import("svelte").Component<GridProps, {}, ""> & {
+  Root: import("svelte").Component<GridProps, {}, "">;
+};
 //#endregion
 export { GridProps as n, Grid as t };

package/dist/{index-D0lEVqZc.d.mts → index-D2B6EH5P.d.mts}

@@ -13,6 +13,8 @@ interface TextareaProps extends HTMLAttributes<HTMLTextAreaElement> {
 /** The bare multi-line input, dressed in the field recipe: border,
  * surface, focus halo — no shadow. Inside a Field.Root it picks up the
  * label wiring and the invalid state from the context. */
-declare const Textarea: import("svelte").Component<TextareaProps, {}, "value">;
+declare const Textarea: import("svelte").Component<TextareaProps, {}, "value"> & {
+  Root: import("svelte").Component<TextareaProps, {}, "value">;
+};
 //#endregion
 export { TextareaProps as n, Textarea as t };

package/dist/{index--K4P_QKU.d.mts → index-D61_Lx9o.d.mts}

@@ -9,6 +9,8 @@ interface SeparatorProps extends HTMLAttributes<HTMLDivElement> {
 /** The paper-ink hairline as a component: a named rule between sections.
  * Decorative separators drop the separator role, since the page reads
  * fine without them. */
-declare const Separator: import("svelte").Component<SeparatorProps, {}, "">;
+declare const Separator: import("svelte").Component<SeparatorProps, {}, ""> & {
+  Root: import("svelte").Component<SeparatorProps, {}, "">;
+};
 //#endregion
 export { SeparatorProps as n, Separator as t };

package/dist/{index-Bj2IsU9D.d.mts → index-DAnDXxRZ.d.mts}

@@ -21,6 +21,8 @@ interface TreeSelectProps extends HTMLAttributes<HTMLButtonElement> {
 //#region src/components/tree-select/index.d.ts
 /** A tree behind a field: the control reads like an input, the vessel
  * below walks the hierarchy, and one leaf click closes the deal. */
-declare const TreeSelect: import("svelte").Component<TreeSelectProps, {}, "value">;
+declare const TreeSelect: import("svelte").Component<TreeSelectProps, {}, "value"> & {
+  Root: import("svelte").Component<TreeSelectProps, {}, "value">;
+};
 //#endregion
 export { TreeSelectNode as n, TreeSelectProps as r, TreeSelect as t };

package/dist/{index-CKFfSEBR.d.mts → index-DC6AI8rV.d.mts}

@@ -11,6 +11,8 @@ interface MasonryProps extends HTMLAttributes<HTMLDivElement> {
 /** A wall of uneven heights: items flow down each column before
  * crossing to the next, so the order is column-first. A row-flow wall
  * would need grid masonry, which browsers do not ship yet. */
-declare const Masonry: import("svelte").Component<MasonryProps, {}, "">;
+declare const Masonry: import("svelte").Component<MasonryProps, {}, ""> & {
+  Root: import("svelte").Component<MasonryProps, {}, "">;
+};
 //#endregion
 export { MasonryProps as n, Masonry as t };

package/dist/{index-OElK7gw7.d.mts → index-DCpx_Rui.d.mts}

@@ -17,6 +17,8 @@ interface ButtonProps extends HTMLButtonAttributes {
 /** The control recipe as a standalone button: the variant chooses how it
  * rests, the tone chooses the pigment. Ink is the solemn default; any
  * action can carry the primary weight. */
-declare const Button: import("svelte").Component<ButtonProps, {}, "">;
+declare const Button: import("svelte").Component<ButtonProps, {}, ""> & {
+  Root: import("svelte").Component<ButtonProps, {}, "">;
+};
 //#endregion
 export { ButtonProps as n, Button as t };

package/dist/{index-_kQsvJKo.d.mts → index-DEWaAoNb.d.mts}

@@ -1,5 +1,5 @@
-import { Snippet } from "svelte";
 import { IconifyIcon } from "@bysages/core/icons";
+import { Snippet } from "svelte";
 import { HTMLAttributes } from "svelte/elements";
 //#region src/components/icon/props.d.ts
 interface IconProps extends HTMLAttributes<HTMLSpanElement> {
@@ -9,11 +9,10 @@ interface IconProps extends HTMLAttributes<HTMLSpanElement> {
   /** The accessible name. Without it the icon is presentation-only and
    * hidden from the accessibility tree. */
   label?: string;
-  /** A glyph from the registry, imported directly. Ignored when children
-   * are given — an explicit glyph always wins. */
+  /** An `@bysages/icons` export or any IconifyIcon. Ignored when children are given — a
+   * glyph always wins over a name. */
   glyph?: IconifyIcon;
-  /** A registry name — only the whitelisted set the wrappers draw
-   * themselves. Ignored when `glyph` or children are given. */
+  /** A built-in name from the curated core registry. Ignored when `glyph` or children are given. */
   name?: string;
   children?: Snippet;
 }
@@ -21,7 +20,9 @@ interface IconProps extends HTMLAttributes<HTMLSpanElement> {
 //#region src/components/icon/index.d.ts
 /** The inkwell: a standard box that keeps any inline svg at its optical
  * measure and in the text's own ink — the icon carries no pigment and
- * no size of its own. Bring the glyph; it ships no set. */
-declare const Icon: import("svelte").Component<IconProps, {}, "">;
+ * no size of its own. Bring the icon; it ships no set. */
+declare const Icon: import("svelte").Component<IconProps, {}, ""> & {
+  Root: import("svelte").Component<IconProps, {}, "">;
+};
 //#endregion
 export { IconProps as n, Icon as t };

package/dist/{index-DfTAYXUT.d.mts → index-DGsu3J-2.d.mts}

@@ -11,6 +11,8 @@ interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {
 //#region src/components/avatar-group/index.d.ts
 /** Avatars overlapping one row, each rimmed in the ground so the pile
  * stays legible. */
-declare const AvatarGroup: import("svelte").Component<AvatarGroupProps, {}, "">;
+declare const AvatarGroup: import("svelte").Component<AvatarGroupProps, {}, ""> & {
+  Root: import("svelte").Component<AvatarGroupProps, {}, "">;
+};
 //#endregion
 export { AvatarGroupProps as n, AvatarGroup as t };

package/dist/{index-oI4U-72X.d.mts → index-DQAelfXy.d.mts}

@@ -10,6 +10,8 @@ interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
 //#region src/components/badge/index.d.ts
 /** A small seal of state. Ink is the neutral tone; the four semantic
  * pigments are fixed. Subtle and outline re-register the same pigment. */
-declare const Badge: import("svelte").Component<BadgeProps, {}, "">;
+declare const Badge: import("svelte").Component<BadgeProps, {}, ""> & {
+  Root: import("svelte").Component<BadgeProps, {}, "">;
+};
 //#endregion
 export { BadgeProps as n, Badge as t };

package/dist/{index-Cd4UxWsz.d.mts → index-DWlpILHb.d.mts}

@@ -19,6 +19,8 @@ interface TransferProps extends HTMLAttributes<HTMLDivElement> {
 /** Two ledgers and a crossing: items sit in the source column until
  * the reader checks them and walks them across — and back, the same
  * way. */
-declare const Transfer: import("svelte").Component<TransferProps, {}, "value">;
+declare const Transfer: import("svelte").Component<TransferProps, {}, "value"> & {
+  Root: import("svelte").Component<TransferProps, {}, "value">;
+};
 //#endregion
 export { TransferItem as n, TransferProps as r, Transfer as t };

package/dist/{index-Dr-T8jsb.d.mts → index-DXXhfdQC.d.mts}

@@ -68,7 +68,9 @@ interface DataTableProps extends HTMLAttributes<HTMLDivElement> {
 /** The control recipe as a one-stop data table: sorting, filtering,
  * pinning, merging, virtualization, and drag-to-reorder behind one
  * component. The API is TanStack's own — columns ride `ColumnDef`. */
-declare const DataTable: import("svelte").Component<DataTableProps, {}, "">;
+declare const DataTable: import("svelte").Component<DataTableProps, {}, ""> & {
+  Root: import("svelte").Component<DataTableProps, {}, "">;
+};
 /** Column metadata understood by this table: mark columns whose values
  * read right-aligned in tabular figures. The type parameters mirror the
  * library's own declaration — augmentation merging demands an identical

package/dist/{index-DKDpZraB.d.mts → index-D_fO4kp1.d.mts}

@@ -1,3 +1,5 @@
+import { PopoverAnchorProps } from "@ark-ui/svelte/popover";
+import { Snippet } from "svelte";
 import { HTMLAttributes } from "svelte/elements";
 //#region src/components/mentions/props.d.ts
 interface MentionEntry {
@@ -50,6 +52,9 @@ interface MentionsVesselProps {
   onActiveChange?: (index: number) => void;
   /** The vessel's open state turned. */
   onOpenChange?: (open: boolean) => void;
+  /** The host's field, rendered with the popover Anchor's wiring. When
+   * absent, the vessel falls back to the `anchor` rectangle. */
+  children?: Snippet<[() => PopoverAnchorProps]>;
 }
 //#endregion
 //#region src/components/mentions/index.d.ts
@@ -58,10 +63,14 @@ interface MentionsVesselProps {
  * matching candidates in a small anchored vessel; choosing one replaces
  * the token with `trigger + label` and hands the whole text back
  * through `bind:value`. Arrows move, Enter inserts, Escape dismisses. */
-declare const Mentions: import("svelte").Component<MentionsProps, {}, "value">;
+declare const Mentions: import("svelte").Component<MentionsProps, {}, "value"> & {
+  Root: import("svelte").Component<MentionsProps, {}, "value">;
+};
 /** The vessel: the candidates themselves as a floating card. Composers
  * that keep their own field anatomy wire it up with `useMentions`
  * directly. */
-declare const MentionsVessel: import("svelte").Component<MentionsVesselProps, {}, "">;
+declare const MentionsVessel: import("svelte").Component<MentionsVesselProps, {}, ""> & {
+  Root: import("svelte").Component<MentionsVesselProps, {}, "">;
+};
 //#endregion
 export { MentionsVesselProps as a, MentionsProps as i, MentionsVessel as n, UseMentionsHandlers as o, MentionEntry as r, UseMentionsOptions as s, Mentions as t };

package/dist/{index-CtbGSRNw.d.mts → index-DiTKkiJ-.d.mts}

@@ -1,6 +1,6 @@
 import { t as ActionProps } from "./props-BvDM6-cm.mjs";
 import { t as MessageProps } from "./props-CIwO25eA.mjs";
-import { t as PromptInputProps } from "./props-U567RIQo.mjs";
+import { t as PromptInputProps } from "./props-DL-XfEtS.mjs";
 import { t as ReasoningProps } from "./props-BZcE7LP_.mjs";
 import { t as ResponseProps } from "./props-D93CbAiS.mjs";
 import { n as SourcesProps, t as SourceProps } from "./props-C2OWII_8.mjs";
@@ -10332,18 +10332,37 @@ declare global {
 //#endregion
 //#region src/components/ai/index.d.ts
 declare const Ai: import("svelte").Component<AiPartProps, {}, ""> & {
+  Root: import("svelte").Component<AiPartProps, {}, "">;
   Conversation: import("svelte").Component<AiPartProps, {}, "">;
   MessageContent: import("svelte").Component<AiPartProps, {}, "">;
-  Message: import("svelte").Component<MessageProps, {}, "">;
-  Response: import("svelte").Component<ResponseProps, {}, "">;
-  Reasoning: import("svelte").Component<ReasoningProps, {}, "">;
-  Tool: import("svelte").Component<ToolProps, {}, "">;
-  Sources: import("svelte").Component<SourcesProps, {}, "">;
-  Source: import("svelte").Component<SourceProps, {}, "">;
+  Message: import("svelte").Component<MessageProps, {}, ""> & {
+    Root: import("svelte").Component<MessageProps, {}, "">;
+  };
+  Response: import("svelte").Component<ResponseProps, {}, ""> & {
+    Root: import("svelte").Component<ResponseProps, {}, "">;
+  };
+  Reasoning: import("svelte").Component<ReasoningProps, {}, ""> & {
+    Root: import("svelte").Component<ReasoningProps, {}, "">;
+  };
+  Tool: import("svelte").Component<ToolProps, {}, ""> & {
+    Root: import("svelte").Component<ToolProps, {}, "">;
+  };
+  Sources: import("svelte").Component<SourcesProps, {}, ""> & {
+    Root: import("svelte").Component<SourcesProps, {}, "">;
+  };
+  Source: import("svelte").Component<SourceProps, {}, ""> & {
+    Root: import("svelte").Component<SourceProps, {}, "">;
+  };
   Actions: import("svelte").Component<AiPartProps, {}, "">;
-  Action: import("svelte").Component<ActionProps, {}, "">;
-  Suggestion: import("svelte").Component<SuggestionProps, {}, "">;
-  PromptInput: import("svelte").Component<PromptInputProps, {}, "value">;
+  Action: import("svelte").Component<ActionProps, {}, ""> & {
+    Root: import("svelte").Component<ActionProps, {}, "">;
+  };
+  Suggestion: import("svelte").Component<SuggestionProps, {}, ""> & {
+    Root: import("svelte").Component<SuggestionProps, {}, "">;
+  };
+  PromptInput: import("svelte").Component<PromptInputProps, {}, "value"> & {
+    Root: import("svelte").Component<PromptInputProps, {}, "value">;
+  };
   Loader: import("svelte").Component<AiPartProps, {}, "">;
 };
 //#endregion

package/dist/{index-C8WNp4wI.d.mts → index-DpxOnkTQ.d.mts}

@@ -1,3 +1,5 @@
+import { t as Menubar$1 } from "./Menubar-D-UDLqtm.mjs";
+import { Menu } from "@ark-ui/svelte/menu";
 import { HTMLAttributes } from "svelte/elements";
 //#region src/components/menubar/props.d.ts
 interface MenubarEntry {
@@ -25,6 +27,6 @@ interface MenubarProps extends HTMLAttributes<HTMLDivElement> {
  * focus restore, `data-state`) while the element wears the menubar
  * scope. The popups keep the menu parts untouched, so the menu
  * stylesheet dresses them. */
-declare const Menubar: import("svelte").Component<MenubarProps, {}, "">;
+declare const Menubar: typeof Menubar$1 & typeof Menu;
 //#endregion
 export { MenubarProps as i, MenubarEntry as n, MenubarGroup as r, Menubar as t };

package/dist/{index-B1iBag3L.d.mts → index-DpzuwMB7.d.mts}

@@ -10,6 +10,8 @@ interface AspectRatioProps extends HTMLAttributes<HTMLDivElement> {
 //#region src/components/aspect-ratio/index.d.ts
 /** A frame that keeps its shape: the box holds the given ratio whatever
  * the width it is dealt, and the child fills the frame it is given. */
-declare const AspectRatio: import("svelte").Component<AspectRatioProps, {}, "">;
+declare const AspectRatio: import("svelte").Component<AspectRatioProps, {}, ""> & {
+  Root: import("svelte").Component<AspectRatioProps, {}, "">;
+};
 //#endregion
 export { AspectRatioProps as n, AspectRatio as t };

package/dist/{index-DjaHpB21.d.mts → index-Dq4bm9bV.d.mts}

@@ -17,6 +17,8 @@ interface InputProps extends HTMLAttributes<HTMLInputElement> {
 /** The bare text input, dressed in the field recipe: border, surface,
  * focus halo — no shadow. Inside a Field.Root it picks up the label
  * wiring and the invalid state from the context. */
-declare const Input: import("svelte").Component<InputProps, {}, "value">;
+declare const Input: import("svelte").Component<InputProps, {}, "value"> & {
+  Root: import("svelte").Component<InputProps, {}, "value">;
+};
 //#endregion
 export { InputProps as n, Input as t };

package/dist/{index-nfkt_cP_.d.mts → index-DwVr4QfC.d.mts}

@@ -13,6 +13,8 @@ interface StackProps extends HTMLAttributes<HTMLDivElement> {
 //#region src/components/stack/index.d.ts
 /** Whitespace chosen by name: the named steps point at the space ramp
  * so siblings are held apart by one token, never by ad-hoc margins. */
-declare const Stack: import("svelte").Component<StackProps, {}, "">;
+declare const Stack: import("svelte").Component<StackProps, {}, ""> & {
+  Root: import("svelte").Component<StackProps, {}, "">;
+};
 //#endregion
 export { StackProps as n, Stack as t };