@bysages/svelte 0.3.1 → 0.4.0

package/dist/components/file-upload/index.mjs

@@ -1,4 +1,5 @@
-import { n as FileUploadRoot, t as FileUploadTrigger } from "../../FileUploadTrigger-BgAcpLXx.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as FileUploadTrigger, r as FileUploadRoot, t as FileUpload$2 } from "../../FileUpload-DZE4CRxe.mjs";
 import { FileUpload as FileUpload$1 } from "@ark-ui/svelte/file-upload";
 //#region src/components/file-upload/index.ts
 /** Ark's FileUpload, dressed in the paper-and-ink system: a dashed
@@ -7,10 +8,10 @@ import { FileUpload as FileUpload$1 } from "@ark-ui/svelte/file-upload";
 * Dropzone, HiddenInput, ItemGroup, Item, ItemName, ItemSizeText,
 * ItemPreview, ItemPreviewImage, ItemDeleteTrigger, ClearTrigger,
 * Context. */
-const FileUpload = {
+const FileUpload = defineFamily(FileUpload$2, {
 	...FileUpload$1,
 	Root: FileUploadRoot,
 	Trigger: FileUploadTrigger
-};
+});
 //#endregion
 export { FileUpload };

package/dist/components/float-button/index.mjs

@@ -1,2 +1,2 @@
-import { n as FLOAT_BUTTON_KEY, t as FloatButton } from "../../float-button-BLIHnw2u.mjs";
+import { n as FLOAT_BUTTON_KEY, t as FloatButton } from "../../float-button-B6J8RQMu.mjs";
 export { FLOAT_BUTTON_KEY, FloatButton };

package/dist/components/floating-panel/index.d.mts

@@ -1,3 +1,4 @@
+import { n as FloatingPanelRoot, t as FloatingPanel$2 } from "../../FloatingPanel-B5-5flGu.mjs";
 import { FloatingPanel as FloatingPanel$1 } from "@ark-ui/svelte/floating-panel";
 //#region src/components/floating-panel/index.d.ts
 /** Ark's FloatingPanel, dressed in the paper-and-ink system: the shared
@@ -5,5 +6,7 @@ import { FloatingPanel as FloatingPanel$1 } from "@ark-ui/svelte/floating-panel"
  * handle. The API is Ark's own — Root, Trigger, Positioner, Content, Header,
  * Title, Control, DragTrigger, StageTrigger, CloseTrigger, ResizeTrigger,
  * Body. */
-export declare const FloatingPanel: typeof FloatingPanel$1;
+export declare const FloatingPanel: typeof FloatingPanel$2 & Omit<typeof FloatingPanel$1, "Root"> & {
+  Root: typeof FloatingPanelRoot;
+};
 //#endregion

package/dist/components/floating-panel/index.mjs

@@ -1,4 +1,5 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as FloatingPanelRoot, t as FloatingPanel$2 } from "../../FloatingPanel-B5-5flGu.mjs";
 import { FloatingPanel as FloatingPanel$1 } from "@ark-ui/svelte/floating-panel";
 //#region src/components/floating-panel/index.ts
 /** Ark's FloatingPanel, dressed in the paper-and-ink system: the shared
@@ -6,7 +7,9 @@ import { FloatingPanel as FloatingPanel$1 } from "@ark-ui/svelte/floating-panel"
 * handle. The API is Ark's own — Root, Trigger, Positioner, Content, Header,
 * Title, Control, DragTrigger, StageTrigger, CloseTrigger, ResizeTrigger,
 * Body. */
-const FloatingPanel = FloatingPanel$1;
-injectComponentStyle("floating-panel");
+const FloatingPanel = defineFamily(FloatingPanel$2, {
+	...FloatingPanel$1,
+	Root: FloatingPanelRoot
+});
 //#endregion
 export { FloatingPanel };

package/dist/components/focus-trap/index.d.mts

@@ -1,2 +1,7 @@
-import { FocusTrap, FocusTrapBaseProps, FocusTrapProps } from "@ark-ui/svelte/focus-trap";
-export { FocusTrap, type FocusTrapBaseProps, type FocusTrapProps };
+import { FocusTrapBaseProps, FocusTrapProps } from "@ark-ui/svelte/focus-trap";
+//#region src/components/focus-trap/index.d.ts
+export declare const FocusTrap: import("svelte").Component<import("@ark-ui/svelte/focus-trap").FocusTrapProps, {}, "ref"> & {
+  Root: import("svelte").Component<import("@ark-ui/svelte/focus-trap").FocusTrapProps, {}, "ref">;
+};
+//#endregion
+export type { FocusTrapBaseProps, FocusTrapProps };

package/dist/components/focus-trap/index.mjs

@@ -1,2 +1,9 @@
-import { FocusTrap } from "@ark-ui/svelte/focus-trap";
+import { n as withSelfRoot } from "../../family-CzLaku1F.mjs";
+import { FocusTrap as FocusTrap$1 } from "@ark-ui/svelte/focus-trap";
+//#region src/components/focus-trap/index.ts
+/** Trap focus within a subtree — for containers that live outside the
+* dialog machine but still owe the keyboard a boundary. Headless, like
+* the rest of Ark's utilities. */
+const FocusTrap = withSelfRoot(FocusTrap$1);
+//#endregion
 export { FocusTrap };

package/dist/components/form/index.d.mts

@@ -1,2 +1,2 @@
-import { a as createForm, c as FormApi, d as FormProps, f as AnyFormApi, i as createField, l as FieldApi, n as FormField, o as useField, r as SvelteFormApi, s as useForm, t as Form, u as FormFieldProps } from "../../index-D1U7Svy2.mjs";
+import { a as createForm, c as FormApi, d as FormProps, f as AnyFormApi, i as createField, l as FieldApi, n as FormField, o as useField, r as SvelteFormApi, s as useForm, t as Form, u as FormFieldProps } from "../../index-CMVb7mmq.mjs";
 export { type AnyFormApi, type FieldApi, Form, type FormApi, FormField, type FormFieldProps, type FormProps, type SvelteFormApi, createField, createForm, useField, useForm };

package/dist/components/form/index.mjs

@@ -1,2 +1,2 @@
-import { a as useField, i as createForm, n as FormField, o as useForm, r as createField, t as Form } from "../../form-BTL9S1gn.mjs";
+import { a as useField, i as createForm, n as FormField, o as useForm, r as createField, t as Form } from "../../form-CCjPDJmO.mjs";
 export { Form, FormField, createField, createForm, useField, useForm };

package/dist/components/frame/index.d.mts

@@ -6,5 +6,7 @@
  * grows to fit; the vessel's border and paper belong to the
  * consumer, since an iframe carries no anatomy attributes for the
  * core stylesheet to hook. The API is Ark's own. */
-export declare const Frame: import("svelte").Component<import("@ark-ui/svelte/frame").FrameProps, {}, "ref">;
+export declare const Frame: import("svelte").Component<import("@ark-ui/svelte/frame").FrameProps, {}, "ref"> & {
+  Root: import("svelte").Component<import("@ark-ui/svelte/frame").FrameProps, {}, "ref">;
+};
 //#endregion

package/dist/components/frame/index.mjs

@@ -1,3 +1,4 @@
+import { n as withSelfRoot } from "../../family-CzLaku1F.mjs";
 import { Frame as Frame$1 } from "@ark-ui/svelte/frame";
 //#region src/components/frame/index.ts
 /** Ark's Frame, dressed in the paper-and-ink system: a sandboxed
@@ -7,6 +8,6 @@ import { Frame as Frame$1 } from "@ark-ui/svelte/frame";
 * grows to fit; the vessel's border and paper belong to the
 * consumer, since an iframe carries no anatomy attributes for the
 * core stylesheet to hook. The API is Ark's own. */
-const Frame = Frame$1;
+const Frame = withSelfRoot(Frame$1);
 //#endregion
 export { Frame };

package/dist/components/grid/index.d.mts

@@ -1,2 +1,2 @@
-import { n as GridProps, t as Grid } from "../../index-YCVah82j.mjs";
+import { n as GridProps, t as Grid } from "../../index-CyVykdGO.mjs";
 export { Grid, type GridProps };

package/dist/components/grid/index.mjs

@@ -1,2 +1,2 @@
-import { t as Grid } from "../../grid-DNgTWYSL.mjs";
+import { t as Grid } from "../../grid-ClJBYO96.mjs";
 export { Grid };

package/dist/components/highlight/index.d.mts

@@ -3,5 +3,7 @@
  * strokes of pigment on the page — a quiet tint of the accent behind the
  * ink, never neon. The component renders bare <mark> elements, so the
  * document-wide mark default carries the look. The API is Ark's own. */
-export declare const Highlight: import("svelte").Component<import("@ark-ui/svelte/highlight").HighlightProps, {}, "">;
+export declare const Highlight: import("svelte").Component<import("@ark-ui/svelte/highlight").HighlightProps, {}, ""> & {
+  Root: import("svelte").Component<import("@ark-ui/svelte/highlight").HighlightProps, {}, "">;
+};
 //#endregion

package/dist/components/highlight/index.mjs

@@ -1,3 +1,4 @@
+import { n as withSelfRoot } from "../../family-CzLaku1F.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import { Highlight as Highlight$1 } from "@ark-ui/svelte/highlight";
 //#region src/components/highlight/index.ts
@@ -5,7 +6,7 @@ import { Highlight as Highlight$1 } from "@ark-ui/svelte/highlight";
 * strokes of pigment on the page — a quiet tint of the accent behind the
 * ink, never neon. The component renders bare <mark> elements, so the
 * document-wide mark default carries the look. The API is Ark's own. */
-const Highlight = Highlight$1;
+const Highlight = withSelfRoot(Highlight$1);
 injectComponentStyle("highlight");
 //#endregion
 export { Highlight };

package/dist/components/hover-card/index.d.mts

@@ -1,7 +1,10 @@
+import { n as HoverCardRoot, t as HoverCard$2 } from "../../HoverCard-CzkvDJbI.mjs";
 import { HoverCard as HoverCard$1 } from "@ark-ui/svelte/hover-card";
 //#region src/components/hover-card/index.d.ts
 /** Ark's HoverCard, dressed in the paper-and-ink system: a preview card
  * that dissolves in over a quiet inline link, never stealing focus. The
  * API is Ark's own — Root, Trigger, Positioner, Content, Arrow, ArrowTip. */
-export declare const HoverCard: typeof HoverCard$1;
+export declare const HoverCard: typeof HoverCard$2 & Omit<typeof HoverCard$1, "Root"> & {
+  Root: typeof HoverCardRoot;
+};
 //#endregion

package/dist/components/hover-card/index.mjs

@@ -1,10 +1,13 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as HoverCardRoot, t as HoverCard$2 } from "../../HoverCard-CzkvDJbI.mjs";
 import { HoverCard as HoverCard$1 } from "@ark-ui/svelte/hover-card";
 //#region src/components/hover-card/index.ts
 /** Ark's HoverCard, dressed in the paper-and-ink system: a preview card
 * that dissolves in over a quiet inline link, never stealing focus. The
 * API is Ark's own — Root, Trigger, Positioner, Content, Arrow, ArrowTip. */
-const HoverCard = HoverCard$1;
-injectComponentStyle("hover-card");
+const HoverCard = defineFamily(HoverCard$2, {
+	...HoverCard$1,
+	Root: HoverCardRoot
+});
 //#endregion
 export { HoverCard };

package/dist/components/icon/index.d.mts

@@ -1,2 +1,2 @@
-import { n as IconProps, t as Icon } from "../../index-_kQsvJKo.mjs";
+import { n as IconProps, t as Icon } from "../../index-DEWaAoNb.mjs";
 export { Icon, type IconProps };

package/dist/components/icon/index.mjs

@@ -1,2 +1,2 @@
-import { t as Icon } from "../../icon-D7AeDq0M.mjs";
+import { t as Icon } from "../../icon-DmeRO0e6.mjs";
 export { Icon };

package/dist/components/image/index.d.mts

@@ -1,2 +1,2 @@
-import { n as ImageProps, t as Image } from "../../index-D1tQgtT0.mjs";
+import { n as ImageProps, t as Image } from "../../index-C-sa4baY.mjs";
 export { Image, type ImageProps };

package/dist/components/image/index.mjs

@@ -1,2 +1,2 @@
-import { t as Image } from "../../image-u_H4LtAC.mjs";
+import { t as Image } from "../../image-BngY6J6J.mjs";
 export { Image };

package/dist/components/image-cropper/index.d.mts

@@ -1,8 +1,11 @@
+import { n as ImageCropperRoot, t as ImageCropper$2 } from "../../ImageCropper-CC9AyFBi.mjs";
 import { ImageCropper as ImageCropper$1 } from "@ark-ui/svelte/image-cropper";
 //#region src/components/image-cropper/index.d.ts
 /** Ark's ImageCropper, dressed in the paper-and-ink system: a rounded vessel
  * holding the photograph, one lit selection window framed by light hairlines.
  * The API is Ark's own — Root, Viewport, Image, Selection, Handle, Grid,
  * Context. */
-export declare const ImageCropper: typeof ImageCropper$1;
+export declare const ImageCropper: typeof ImageCropper$2 & Omit<typeof ImageCropper$1, "Root"> & {
+  Root: typeof ImageCropperRoot;
+};
 //#endregion

package/dist/components/image-cropper/index.mjs

@@ -1,11 +1,14 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as ImageCropperRoot, t as ImageCropper$2 } from "../../ImageCropper-CC9AyFBi.mjs";
 import { ImageCropper as ImageCropper$1 } from "@ark-ui/svelte/image-cropper";
 //#region src/components/image-cropper/index.ts
 /** Ark's ImageCropper, dressed in the paper-and-ink system: a rounded vessel
 * holding the photograph, one lit selection window framed by light hairlines.
 * The API is Ark's own — Root, Viewport, Image, Selection, Handle, Grid,
 * Context. */
-const ImageCropper = ImageCropper$1;
-injectComponentStyle("image-cropper");
+const ImageCropper = defineFamily(ImageCropper$2, {
+	...ImageCropper$1,
+	Root: ImageCropperRoot
+});
 //#endregion
 export { ImageCropper };

package/dist/components/image-viewer/index.d.mts

@@ -1,2 +1,2 @@
-import { n as ImageViewerProps, t as ImageViewer } from "../../index-DG4OAuIf.mjs";
-export { ImageViewer, type ImageViewerProps };
+import { n as ImageViewerPreviewProps, r as ImageViewerProps, t as ImageViewer } from "../../index-BH-LkvzT.mjs";
+export { ImageViewer, type ImageViewerPreviewProps, type ImageViewerProps };

package/dist/components/image-viewer/index.mjs

@@ -1,2 +1,13 @@
-import { t as ImageViewer } from "../../image-viewer-DzoEcVSn.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { Dialog } from "../dialog/index.mjs";
+import { n as ImagePreview, t as ImageViewer$1 } from "../../ImageViewer-DEMg26LY.mjs";
+//#region src/components/image-viewer/index.ts
+/** The viewer opens from any wrapped doorway; Dialog anatomy remains
+* available, and `Preview` adds the shared image door with its icon. */
+const viewerParts = {
+	...Dialog,
+	Preview: ImagePreview
+};
+const ImageViewer = defineFamily(ImageViewer$1, viewerParts);
+//#endregion
 export { ImageViewer };

package/dist/components/input/index.d.mts

@@ -1,2 +1,2 @@
-import { n as InputProps, t as Input } from "../../index-DjaHpB21.mjs";
+import { n as InputProps, t as Input } from "../../index-Dq4bm9bV.mjs";
 export { Input, type InputProps };

package/dist/components/input/index.mjs

@@ -1,8 +1,9 @@
+import { n as withSelfRoot } from "../../family-CzLaku1F.mjs";
 import { t as Input$1 } from "../../Input-CZhcEeFU.mjs";
 //#region src/components/input/index.ts
 /** 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. */
-const Input = Input$1;
+const Input = withSelfRoot(Input$1);
 //#endregion
 export { Input };

package/dist/components/json-tree-view/index.d.mts

@@ -1,7 +1,11 @@
-import { t as JsonTreeViewTree } from "../../JsonTreeViewTree-CqRP_PwV.mjs";
+import { n as JsonTreeView$2, r as JsonTreeViewRoot, t as JsonTreeViewTree } from "../../JsonTreeViewTree-DPRObG7r.mjs";
 import { JsonTreeView as JsonTreeView$1 } from "@ark-ui/svelte/json-tree-view";
 //#region src/components/json-tree-view/index.d.ts
-export declare const JsonTreeView: Omit<typeof JsonTreeView$1, "Tree"> & {
+/** JsonTreeView, dressed in the paper-and-ink system: the tree-view
+ * recipes re-scoped, with value nodes reading as tabular data. The API is
+ * Ark's own — Root, Tree, plus createJsonTreeCollection. */
+export declare const JsonTreeView: typeof JsonTreeView$2 & Omit<typeof JsonTreeView$1, "Root" | "Tree"> & {
+  Root: typeof JsonTreeViewRoot;
   Tree: typeof JsonTreeViewTree;
 };
 //#endregion

package/dist/components/json-tree-view/index.mjs

@@ -1,14 +1,14 @@
-import { t as JsonTreeViewTree } from "../../JsonTreeViewTree-CqRP_PwV.mjs";
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as JsonTreeView$2, r as JsonTreeViewRoot, t as JsonTreeViewTree } from "../../JsonTreeViewTree-DPRObG7r.mjs";
 import { JsonTreeView as JsonTreeView$1 } from "@ark-ui/svelte/json-tree-view";
 //#region src/components/json-tree-view/index.ts
-/** Ark's JsonTreeView, dressed in the paper-and-ink system: the tree-view
+/** JsonTreeView, dressed in the paper-and-ink system: the tree-view
 * recipes re-scoped, with value nodes reading as tabular data. The API is
 * Ark's own — Root, Tree, plus createJsonTreeCollection. */
-const JsonTreeView = {
+const JsonTreeView = defineFamily(JsonTreeView$2, {
 	...JsonTreeView$1,
+	Root: JsonTreeViewRoot,
 	Tree: JsonTreeViewTree
-};
-injectComponentStyle("json-tree-view");
+});
 //#endregion
 export { JsonTreeView };

package/dist/components/kbd/index.d.mts

@@ -1,2 +1,2 @@
-import { n as KbdProps, t as Kbd } from "../../index-CaVBzPln.mjs";
+import { n as KbdProps, t as Kbd } from "../../index-C6UrUbj8.mjs";
 export { Kbd, type KbdProps };

package/dist/components/kbd/index.mjs

@@ -1,2 +1,2 @@
-import { t as Kbd } from "../../kbd-LXHpi4GM.mjs";
+import { t as Kbd } from "../../kbd-C2kft-a5.mjs";
 export { Kbd };

package/dist/components/layout/index.mjs

@@ -1,2 +1,2 @@
-import { t as Layout } from "../../layout-GfxGYYhg.mjs";
+import { t as Layout } from "../../layout-CvseQjaj.mjs";
 export { Layout };

package/dist/components/link/index.d.mts

@@ -1,2 +1,2 @@
-import { n as LinkProps, t as Link } from "../../index-CwM-SPPz.mjs";
+import { n as LinkProps, t as Link } from "../../index-CvDp7tiS.mjs";
 export { Link, type LinkProps };

package/dist/components/link/index.mjs

@@ -1,2 +1,2 @@
-import { t as Link } from "../../link-CuNiatc7.mjs";
+import { t as Link } from "../../link-xMyEhImB.mjs";
 export { Link };

package/dist/components/listbox/index.d.mts

@@ -1,2 +1,2 @@
-import { n as ListboxRootProps, t as Listbox } from "../../index-KxuOZGfm.mjs";
+import { n as ListboxRootProps, t as Listbox } from "../../index-0aDSXVgl.mjs";
 export { Listbox, type ListboxRootProps };

package/dist/components/listbox/index.mjs

@@ -1,4 +1,5 @@
-import { t as ListboxRoot } from "../../ListboxRoot-DhFAnZ_c.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as ListboxRoot, t as Listbox$2 } from "../../Listbox-BcF6Uk8j.mjs";
 import { Listbox as Listbox$1 } from "@ark-ui/svelte/listbox";
 //#region src/components/listbox/index.ts
 /** Ark's Listbox, dressed in the paper-and-ink system: quiet rows of ink
@@ -6,9 +7,9 @@ import { Listbox as Listbox$1 } from "@ark-ui/svelte/listbox";
 * Ark's own — Root, Label, Input, Content, Empty, Item, ItemText,
 * ItemIndicator, ItemGroup, ItemGroupLabel, ValueText, plus
 * createListCollection. */
-const Listbox = {
+const Listbox = defineFamily(Listbox$2, {
 	...Listbox$1,
 	Root: ListboxRoot
-};
+});
 //#endregion
 export { Listbox };

package/dist/components/marquee/index.d.mts

@@ -1,7 +1,10 @@
+import { n as MarqueeRoot, t as Marquee$2 } from "../../Marquee-DWGGrLlz.mjs";
 import { Marquee as Marquee$1 } from "@ark-ui/svelte/marquee";
 //#region src/components/marquee/index.d.ts
 /** Ark's Marquee, dressed in the paper-and-ink system: a linear ribbon of
  * seal-cut chips that dissolves into the paper at its edges rather than
  * cutting off. The API is Ark's own — Root, Viewport, Content, Edge, Item. */
-export declare const Marquee: typeof Marquee$1;
+export declare const Marquee: typeof Marquee$2 & Omit<typeof Marquee$1, "Root"> & {
+  Root: typeof MarqueeRoot;
+};
 //#endregion

package/dist/components/marquee/index.mjs

@@ -1,10 +1,13 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as MarqueeRoot, t as Marquee$2 } from "../../Marquee-DWGGrLlz.mjs";
 import { Marquee as Marquee$1 } from "@ark-ui/svelte/marquee";
 //#region src/components/marquee/index.ts
 /** Ark's Marquee, dressed in the paper-and-ink system: a linear ribbon of
 * seal-cut chips that dissolves into the paper at its edges rather than
 * cutting off. The API is Ark's own — Root, Viewport, Content, Edge, Item. */
-const Marquee = Marquee$1;
-injectComponentStyle("marquee");
+const Marquee = defineFamily(Marquee$2, {
+	...Marquee$1,
+	Root: MarqueeRoot
+});
 //#endregion
 export { Marquee };

package/dist/components/masonry/index.d.mts

@@ -1,2 +1,2 @@
-import { n as MasonryProps, t as Masonry } from "../../index-CKFfSEBR.mjs";
+import { n as MasonryProps, t as Masonry } from "../../index-DC6AI8rV.mjs";
 export { Masonry, type MasonryProps };

package/dist/components/masonry/index.mjs

@@ -1,2 +1,2 @@
-import { t as Masonry } from "../../masonry-B4-v4kJ0.mjs";
+import { t as Masonry } from "../../masonry-lGCtykYE.mjs";
 export { Masonry };

package/dist/components/media-player/index.d.mts

@@ -0,0 +1,3 @@
+import { t as formatMediaTime } from "../../use-media-controls-BYYG0DgO.mjs";
+import { a as MediaTextTrackOption, i as MediaSourceOption, n as Video, r as MediaPlayerProps, t as Audio } from "../../index-9GiGGnGa.mjs";
+export { Audio, type MediaPlayerProps, type MediaSourceOption, type MediaTextTrackOption, Video, formatMediaTime };

package/dist/components/media-player/index.mjs

@@ -0,0 +1,3 @@
+import { n as Video, t as Audio } from "../../media-player-D1cymqXf.mjs";
+import { t as formatMediaTime } from "../../use-media-controls-BYYG0DgO.mjs";
+export { Audio, Video, formatMediaTime };

package/dist/components/mentions/index.d.mts

@@ -1,3 +1,3 @@
 import { t as useMentions } from "../../use-mentions-DeF_38di.mjs";
-import { a as MentionsVesselProps, i as MentionsProps, n as MentionsVessel, o as UseMentionsHandlers, r as MentionEntry, s as UseMentionsOptions, t as Mentions } from "../../index-DKDpZraB.mjs";
+import { a as MentionsVesselProps, i as MentionsProps, n as MentionsVessel, o as UseMentionsHandlers, r as MentionEntry, s as UseMentionsOptions, t as Mentions } from "../../index-D_fO4kp1.mjs";
 export { type MentionEntry, Mentions, type MentionsProps, MentionsVessel, type MentionsVesselProps, type UseMentionsHandlers, type UseMentionsOptions, useMentions };

package/dist/components/mentions/index.mjs

@@ -1,3 +1,3 @@
-import { n as MentionsVessel, t as Mentions } from "../../mentions-DjhgNRmY.mjs";
+import { n as MentionsVessel, t as Mentions } from "../../mentions-L0Z29LV8.mjs";
 import { t as useMentions } from "../../use-mentions-DeF_38di.mjs";
 export { Mentions, MentionsVessel, useMentions };

package/dist/components/menu/index.d.mts

@@ -1,4 +1,4 @@
-import { n as MenuContent, t as MenuRoot } from "../../MenuRoot-C4zG0iw2.mjs";
+import { n as MenuRoot, r as MenuContent, t as Menu$2 } from "../../Menu-bJv3fB0Z.mjs";
 import { Menu as Menu$1 } from "@ark-ui/svelte/menu";
 //#region src/components/menu/index.d.ts
 /** Ark's Menu, dressed in the paper-and-ink system: a quiet paper vessel on
@@ -8,7 +8,7 @@ import { Menu as Menu$1 } from "@ark-ui/svelte/menu";
  * TriggerItem, Separator, Arrow, ArrowTip. Ark's namespace is frozen —
  * spread copies the members so Root and Content can be the sized
  * wrappers while the rest stay Ark's own parts. */
-export declare const Menu: Omit<typeof Menu$1, "Root" | "Content"> & {
+export declare const Menu: typeof Menu$2 & Omit<typeof Menu$1, "Root" | "Content"> & {
   Root: typeof MenuRoot;
   Content: typeof MenuContent;
 };

package/dist/components/menu/index.mjs

@@ -1,4 +1,5 @@
-import { n as MenuContent, t as MenuRoot } from "../../MenuRoot-C4zG0iw2.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as MenuRoot, r as MenuContent, t as Menu$2 } from "../../Menu-bJv3fB0Z.mjs";
 import { Menu as Menu$1 } from "@ark-ui/svelte/menu";
 //#region src/components/menu/index.ts
 /** Ark's Menu, dressed in the paper-and-ink system: a quiet paper vessel on
@@ -8,10 +9,10 @@ import { Menu as Menu$1 } from "@ark-ui/svelte/menu";
 * TriggerItem, Separator, Arrow, ArrowTip. Ark's namespace is frozen —
 * spread copies the members so Root and Content can be the sized
 * wrappers while the rest stay Ark's own parts. */
-const Menu = {
+const Menu = defineFamily(Menu$2, {
 	...Menu$1,
 	Root: MenuRoot,
 	Content: MenuContent
-};
+});
 //#endregion
 export { Menu };

package/dist/components/menubar/index.d.mts

@@ -1,2 +1,2 @@
-import { i as MenubarProps, n as MenubarEntry, r as MenubarGroup, t as Menubar } from "../../index-C8WNp4wI.mjs";
+import { i as MenubarProps, n as MenubarEntry, r as MenubarGroup, t as Menubar } from "../../index-DpxOnkTQ.mjs";
 export { Menubar, type MenubarEntry, type MenubarGroup, type MenubarProps };

package/dist/components/menubar/index.mjs

@@ -1,2 +1,14 @@
-import { t as Menubar } from "../../menubar-2MPo9w5z.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { t as Menubar$1 } from "../../Menubar-D-UDLqtm.mjs";
+import { Menu } from "@ark-ui/svelte/menu";
+//#region src/components/menubar/index.ts
+/** A desktop-style menu bar: a row of quiet ghost triggers, each
+* opening the same paper vessel as the menu family. The triggers are
+* our own buttons grafted onto the menu machine's trigger via
+* `asChild` — the machine keeps the trigger element (positioning,
+* focus restore, `data-state`) while the element wears the menubar
+* scope. The popups keep the menu parts untouched, so the menu
+* stylesheet dresses them. */
+const Menubar = defineFamily(Menubar$1, Menu);
+//#endregion
 export { Menubar };

package/dist/components/navigation-menu/index.d.mts

@@ -1,8 +1,12 @@
+import { n as NavigationMenuRoot, r as NavigationMenuLink, t as NavigationMenu$2 } from "../../NavigationMenu-CgC0GMdq.mjs";
 import { NavigationMenu as NavigationMenu$1 } from "@ark-ui/svelte/navigation-menu";
 //#region src/components/navigation-menu/index.d.ts
-/** Ark's NavigationMenu, dressed in the paper-and-ink system: a menubar of
+/** The link bleeds ink from its press point, while NavigationMenu, dressed in the paper-and-ink system: a menubar of
  * ghost triggers with one sliding stroke of primary ink, opening the shared
  * popup vessel. The API is Ark's own — Root, List, Item, Trigger, Link,
  * Content, ViewportPositioner, Viewport, Indicator, ItemIndicator, Arrow. */
-export declare const NavigationMenu: typeof NavigationMenu$1;
+export declare const NavigationMenu: typeof NavigationMenu$2 & Omit<typeof NavigationMenu$1, "Root" | "Link"> & {
+  Root: typeof NavigationMenuRoot;
+  Link: typeof NavigationMenuLink;
+};
 //#endregion

package/dist/components/navigation-menu/index.mjs

@@ -1,11 +1,15 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as NavigationMenuRoot, r as NavigationMenuLink, t as NavigationMenu$2 } from "../../NavigationMenu-CgC0GMdq.mjs";
 import { NavigationMenu as NavigationMenu$1 } from "@ark-ui/svelte/navigation-menu";
 //#region src/components/navigation-menu/index.ts
-/** Ark's NavigationMenu, dressed in the paper-and-ink system: a menubar of
+/** The link bleeds ink from its press point, while NavigationMenu, dressed in the paper-and-ink system: a menubar of
 * ghost triggers with one sliding stroke of primary ink, opening the shared
 * popup vessel. The API is Ark's own — Root, List, Item, Trigger, Link,
 * Content, ViewportPositioner, Viewport, Indicator, ItemIndicator, Arrow. */
-const NavigationMenu = NavigationMenu$1;
-injectComponentStyle("navigation-menu");
+const NavigationMenu = defineFamily(NavigationMenu$2, {
+	...NavigationMenu$1,
+	Root: NavigationMenuRoot,
+	Link: NavigationMenuLink
+});
 //#endregion
 export { NavigationMenu };

package/dist/components/number-input/index.d.mts

@@ -1,7 +1,7 @@
-import { t as NumberInputRoot } from "../../NumberInputRoot-BQz2HHGb.mjs";
+import { n as NumberInputRoot, t as NumberInput$2 } from "../../NumberInput-OX9IP5KS.mjs";
 import { NumberInput as NumberInput$1 } from "@ark-ui/svelte/number-input";
 //#region src/components/number-input/index.d.ts
-export declare const NumberInput: Omit<typeof NumberInput$1, "Root"> & {
+export declare const NumberInput: typeof NumberInput$2 & Omit<typeof NumberInput$1, "Root"> & {
   Root: typeof NumberInputRoot;
 };
 //#endregion

package/dist/components/number-input/index.mjs

@@ -1,13 +1,14 @@
-import { t as NumberInputRoot } from "../../NumberInputRoot-BQz2HHGb.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as NumberInputRoot, t as NumberInput$2 } from "../../NumberInput-OX9IP5KS.mjs";
 import { NumberInput as NumberInput$1 } from "@ark-ui/svelte/number-input";
 //#region src/components/number-input/index.ts
 /** Ark's NumberInput, dressed in the paper-and-ink system: the stepper
 * rides inside the field as one seal split by a hairline, numbers set in
 * tabular figures. The API is Ark's own — Root, Label, Control, Input,
 * ValueText, IncrementTrigger, DecrementTrigger, Scrubber. */
-const NumberInput = {
+const NumberInput = defineFamily(NumberInput$2, {
 	...NumberInput$1,
 	Root: NumberInputRoot
-};
+});
 //#endregion
 export { NumberInput };

package/dist/components/order-list/index.d.mts

@@ -1,2 +1,2 @@
-import { n as OrderListProps, r as OrderOption, t as OrderList } from "../../index-CAb_-2Bn.mjs";
+import { n as OrderListProps, r as OrderOption, t as OrderList } from "../../index-Dxktk3O7.mjs";
 export { OrderList, type OrderListProps, type OrderOption };

package/dist/components/order-list/index.mjs

@@ -1,2 +1,2 @@
-import { t as OrderList } from "../../order-list-D3EhH7EX.mjs";
+import { t as OrderList } from "../../order-list-CoE45N5_.mjs";
 export { OrderList };

package/dist/components/pagination/index.d.mts

@@ -1,7 +1,7 @@
-import { t as PaginationRoot } from "../../PaginationRoot-DnXcEZCa.mjs";
+import { n as PaginationRoot, t as Pagination$2 } from "../../Pagination-D6vDzhVj.mjs";
 import { Pagination as Pagination$1 } from "@ark-ui/svelte/pagination";
 //#region src/components/pagination/index.d.ts
-export declare const Pagination: Omit<typeof Pagination$1, "Root"> & {
+export declare const Pagination: typeof Pagination$2 & Omit<typeof Pagination$1, "Root"> & {
   Root: typeof PaginationRoot;
 };
 //#endregion

package/dist/components/pagination/index.mjs

@@ -1,4 +1,5 @@
-import { t as PaginationRoot } from "../../PaginationRoot-DnXcEZCa.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as PaginationRoot, t as Pagination$2 } from "../../Pagination-D6vDzhVj.mjs";
 import { Pagination as Pagination$1 } from "@ark-ui/svelte/pagination";
 //#region src/components/pagination/index.ts
 /**
@@ -7,9 +8,9 @@ import { Pagination as Pagination$1 } from "@ark-ui/svelte/pagination";
 * Parts: Root, Item (page seals), Ellipsis, PrevTrigger, NextTrigger,
 * FirstTrigger, LastTrigger. Items carry data-selected.
 */
-const Pagination = {
+const Pagination = defineFamily(Pagination$2, {
 	...Pagination$1,
 	Root: PaginationRoot
-};
+});
 //#endregion
 export { Pagination };