@bysages/svelte 0.3.1 → 0.4.0

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

package/dist/{index-CAb_-2Bn.d.mts → index-Dxktk3O7.d.mts}

@@ -16,6 +16,8 @@ interface OrderListProps extends HTMLAttributes<HTMLDivElement> {
 //#region src/components/order-list/index.d.ts
 /** A ledger the reader may rewrite: rows move by grip or by the side
  * arrows; the value is the order. */
-declare const OrderList: import("svelte").Component<OrderListProps, {}, "value">;
+declare const OrderList: import("svelte").Component<OrderListProps, {}, "value"> & {
+  Root: import("svelte").Component<OrderListProps, {}, "value">;
+};
 //#endregion
 export { OrderListProps as n, OrderOption as r, OrderList as t };

package/dist/{index-8JoOZcM6.d.mts → index-DzohdB6p.d.mts}

@@ -13,6 +13,8 @@ interface ContainerProps extends HTMLAttributes<HTMLDivElement> {
 /** The reading frame: content held to a measure and centered on the
  * page. The sizes name typographic measures, not breakpoints — the page
  * owns its edges, the container only owns how long a line of ink runs. */
-declare const Container: import("svelte").Component<ContainerProps, {}, "">;
+declare const Container: import("svelte").Component<ContainerProps, {}, ""> & {
+  Root: import("svelte").Component<ContainerProps, {}, "">;
+};
 //#endregion
 export { ContainerProps as n, Container as t };

package/dist/{index-CM6inLqu.d.mts → index-IR-e1YzH.d.mts}

@@ -11,7 +11,7 @@ interface BackTopProps extends HTMLButtonAttributes {
    * control moors inside that element's corner and watches its
    * scrollTop. The host supplies the positioning context. */
   scrollEl?: () => HTMLElement | null;
-  /** The control's own content — the up-stroke glyph by default. */
+  /** The control's own content — the up-stroke icon by default. */
   children?: Snippet;
 }
 //#endregion
@@ -23,6 +23,8 @@ interface BackTopProps extends HTMLButtonAttributes {
  * back into an instant jump. The control itself is the shared `Button`
  * (outline, square) — the paper, hairline and halo are its; this family
  * owns only the floating and the entrance. */
-declare const BackTop: import("svelte").Component<BackTopProps, {}, "">;
+declare const BackTop: import("svelte").Component<BackTopProps, {}, ""> & {
+  Root: import("svelte").Component<BackTopProps, {}, "">;
+};
 //#endregion
 export { BackTopProps as n, BackTop as t };

package/dist/{index-CkFXH_oG.d.mts → index-LXovbafa.d.mts}

@@ -26,6 +26,8 @@ interface CascadeSelectProps extends HTMLAttributes<HTMLDivElement> {
 /** A corridor of linked columns: pick a branch and the next column
  * dissolves open beside it, until a leaf click settles the whole
  * path. */
-declare const CascadeSelect: import("svelte").Component<CascadeSelectProps, {}, "value">;
+declare const CascadeSelect: import("svelte").Component<CascadeSelectProps, {}, "value"> & {
+  Root: import("svelte").Component<CascadeSelectProps, {}, "value">;
+};
 //#endregion
 export { CascadeSelectNode as n, CascadeSelectProps as r, CascadeSelect as t };

package/dist/{index-D6eYSdmD.d.mts → index-W2Op578F.d.mts}

@@ -1,4 +1,4 @@
-import { t as SelectRoot } from "./SelectRoot-l-rb18FH.mjs";
+import { n as SelectRoot, t as Select$2 } from "./Select-CnNtViJ4.mjs";
 import { Select } from "@ark-ui/svelte/select";
 import { HTMLAttributes } from "svelte/elements";
 //#region src/components/select/native-props.d.ts
@@ -19,10 +19,12 @@ interface NativeSelectProps extends Omit<HTMLAttributes<HTMLSpanElement>, "size"
 }
 //#endregion
 //#region src/components/select/index.d.ts
-declare const Select$1: Omit<typeof Select, "Root"> & {
+declare const Select$1: typeof Select$2 & Omit<typeof Select, "Root"> & {
   Root: typeof SelectRoot;
 };
 /** The platform's own list wearing the control recipe. */
-declare const NativeSelect: import("svelte").Component<NativeSelectProps, {}, "value">;
+declare const NativeSelect: import("svelte").Component<NativeSelectProps, {}, "value"> & {
+  Root: import("svelte").Component<NativeSelectProps, {}, "value">;
+};
 //#endregion
 export { NativeSelectProps as i, Select$1 as n, NativeSelectOption as r, NativeSelect as t };

package/dist/{index-mshFOd-j.d.mts → index-e1MA6eIk.d.mts}

@@ -15,6 +15,8 @@ interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {
 //#region src/components/toolbar/index.d.ts
 /** A workbench rail: the start tools at the leading edge, the end
  * tools at the trailing. */
-declare const Toolbar: import("svelte").Component<ToolbarProps, {}, "">;
+declare const Toolbar: import("svelte").Component<ToolbarProps, {}, ""> & {
+  Root: import("svelte").Component<ToolbarProps, {}, "">;
+};
 //#endregion
 export { ToolbarProps as n, Toolbar as t };

package/dist/{index-BkGvErBJ.d.mts → index-eQIdP9QO.d.mts}

@@ -47,6 +47,8 @@ interface ConfigProviderProps extends HTMLAttributes<HTMLDivElement> {
 /** The declarative host for global configuration: one element carrying
  * the token layer's attributes and providing the same values to
  * descendants through `useConfig`. */
-declare const ConfigProvider: import("svelte").Component<ConfigProviderProps, {}, "">;
+declare const ConfigProvider: import("svelte").Component<ConfigProviderProps, {}, ""> & {
+  Root: import("svelte").Component<ConfigProviderProps, {}, "">;
+};
 //#endregion
 export { useConfig as a, ConfigDensity as i, ConfigProviderProps as n, ConfigContext as r, ConfigProvider as t };

package/dist/{index-XHTt8I1B.d.mts → index-evrdvWRI.d.mts}

@@ -16,6 +16,8 @@ interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
 //#region src/components/button-group/index.d.ts
 /** Buttons fused into one control: the group owns only the joinery, so
  * members keep every variant they were given. */
-declare const ButtonGroup: import("svelte").Component<ButtonGroupProps, {}, "">;
+declare const ButtonGroup: import("svelte").Component<ButtonGroupProps, {}, ""> & {
+  Root: import("svelte").Component<ButtonGroupProps, {}, "">;
+};
 //#endregion
 export { ButtonGroupProps as n, ButtonGroup as t };

package/dist/{index-CjNUtqX_.d.mts → index-oF_zauHL.d.mts}

@@ -14,6 +14,8 @@ interface WatermarkProps extends HTMLAttributes<HTMLDivElement> {
  * text once into a tile (rotated, faint, crisp at the screen's pixel
  * density) and the marks layer repeats it over the children. The seal
  * redraws itself when a prop turns — and it never takes a pointer. */
-declare const Watermark: import("svelte").Component<WatermarkProps, {}, "">;
+declare const Watermark: import("svelte").Component<WatermarkProps, {}, ""> & {
+  Root: import("svelte").Component<WatermarkProps, {}, "">;
+};
 //#endregion
 export { WatermarkProps as n, Watermark as t };

package/dist/{index-B2JKtCzc.d.mts → index-znAFQEmQ.d.mts}

@@ -1,17 +1,19 @@
 import { Snippet } from "svelte";
-import { HTMLAttributes } from "svelte/elements";
+import { CheckboxGroupProps } from "@ark-ui/svelte/checkbox";
 //#region src/components/checkbox-group/props.d.ts
 interface CheckboxOption {
   label: string;
   value: string;
   disabled?: boolean;
 }
-interface CheckboxGroupProps extends HTMLAttributes<HTMLDivElement> {
+interface CheckboxGroupProps$1 extends Omit<CheckboxGroupProps, "children"> {
   /** Two-way bindable — `bind:value` keeps the bound array mirroring
-   * the group. */
+   * the group; leave it unset and Ark owns the initial state. */
   value?: string[];
   options: CheckboxOption[];
   layout?: "vertical" | "horizontal";
+  /** One rung of the control-height ladder for every box. */
+  size?: "sm" | "md" | "lg";
   invalid?: boolean;
   disabled?: boolean;
   children?: Snippet;
@@ -20,6 +22,8 @@ interface CheckboxGroupProps extends HTMLAttributes<HTMLDivElement> {
 //#region src/components/checkbox-group/index.d.ts
 /** One question, many answers: a labelled stack (or row) of the
  * seal-cut checkboxes bound to a single array. */
-declare const CheckboxGroup: import("svelte").Component<CheckboxGroupProps, {}, "value">;
+declare const CheckboxGroup: import("svelte").Component<CheckboxGroupProps$1, {}, "value"> & {
+  Root: import("svelte").Component<CheckboxGroupProps$1, {}, "value">;
+};
 //#endregion
-export { CheckboxGroupProps as n, CheckboxOption as r, CheckboxGroup as t };
+export { CheckboxGroupProps$1 as n, CheckboxOption as r, CheckboxGroup as t };