@bysages/svelte 0.3.1 → 0.4.1

package/dist/components/download-trigger/index.mjs

@@ -1,2 +1,9 @@
-import { DownloadTrigger, useDownload } from "@ark-ui/svelte/download-trigger";
+import { n as withSelfRoot } from "../../family-CzLaku1F.mjs";
+import { DownloadTrigger as DownloadTrigger$1, useDownload } from "@ark-ui/svelte/download-trigger";
+//#region src/components/download-trigger/index.ts
+/** Trigger a client-side download of in-memory data from a plain
+* element — the headless counterpart to a save button. Also exposed:
+* the composable beneath the component, for custom triggers. */
+const DownloadTrigger = withSelfRoot(DownloadTrigger$1);
+//#endregion
 export { DownloadTrigger, useDownload };

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

@@ -1,3 +1,4 @@
+import { n as DrawerRoot, t as Drawer$2 } from "../../Drawer-DOOnBSMq.mjs";
 import { Drawer as Drawer$1 } from "@ark-ui/svelte/drawer";
 //#region src/components/drawer/index.d.ts
 /** Ark's Drawer, dressed in the paper-and-ink system: a full-height sheet
@@ -5,5 +6,7 @@ import { Drawer as Drawer$1 } from "@ark-ui/svelte/drawer";
  * under the grabber's hand. The API is Ark's own — Root, Trigger,
  * Backdrop, Positioner, Content, Grabber, GrabberIndicator, Title,
  * Description, CloseTrigger, SwipeArea. */
-export declare const Drawer: typeof Drawer$1;
+export declare const Drawer: typeof Drawer$2 & Omit<typeof Drawer$1, "Root"> & {
+  Root: typeof DrawerRoot;
+};
 //#endregion

package/dist/components/drawer/index.mjs

@@ -1,4 +1,5 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as DrawerRoot, t as Drawer$2 } from "../../Drawer-DOOnBSMq.mjs";
 import { Drawer as Drawer$1 } from "@ark-ui/svelte/drawer";
 //#region src/components/drawer/index.ts
 /** Ark's Drawer, dressed in the paper-and-ink system: a full-height sheet
@@ -6,7 +7,9 @@ import { Drawer as Drawer$1 } from "@ark-ui/svelte/drawer";
 * under the grabber's hand. The API is Ark's own — Root, Trigger,
 * Backdrop, Positioner, Content, Grabber, GrabberIndicator, Title,
 * Description, CloseTrigger, SwipeArea. */
-const Drawer = Drawer$1;
-injectComponentStyle("drawer");
+const Drawer = defineFamily(Drawer$2, {
+	...Drawer$1,
+	Root: DrawerRoot
+});
 //#endregion
 export { Drawer };

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

@@ -1,2 +1,2 @@
-import { n as DynamicInputProps, t as DynamicInput } from "../../index-ZUvVz2Fd.mjs";
+import { n as DynamicInputProps, t as DynamicInput } from "../../index-BFKqgbq-.mjs";
 export { DynamicInput, type DynamicInputProps };

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

@@ -1,2 +1,2 @@
-import { t as DynamicInput } from "../../dynamic-input-D1a-5vy-.mjs";
+import { t as DynamicInput } from "../../dynamic-input-5H3wZSDs.mjs";
 export { DynamicInput };

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

@@ -1,7 +1,7 @@
-import { t as EditableRoot } from "../../EditableRoot-CLmP5sIH.mjs";
+import { n as EditableRoot, t as Editable$2 } from "../../Editable-Btl-QYDY.mjs";
 import { Editable as Editable$1 } from "@ark-ui/svelte/editable";
 //#region src/components/editable/index.d.ts
-export declare const Editable: Omit<typeof Editable$1, "Root"> & {
+export declare const Editable: typeof Editable$2 & Omit<typeof Editable$1, "Root"> & {
   Root: typeof EditableRoot;
 };
 //#endregion

package/dist/components/editable/index.mjs

@@ -1,13 +1,14 @@
-import { t as EditableRoot } from "../../EditableRoot-CLmP5sIH.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as EditableRoot, t as Editable$2 } from "../../Editable-Btl-QYDY.mjs";
 import { Editable as Editable$1 } from "@ark-ui/svelte/editable";
 //#region src/components/editable/index.ts
 /** Ark's Editable, dressed in the paper-and-ink system: bare ink while
 * reading, the full field recipe while editing. The API is Ark's own —
 * Root, Area, Label, Preview, Input, EditTrigger, SubmitTrigger,
 * CancelTrigger, Control. */
-const Editable = {
+const Editable = defineFamily(Editable$2, {
 	...Editable$1,
 	Root: EditableRoot
-};
+});
 //#endregion
 export { Editable };

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

@@ -1,2 +1,2 @@
-import { n as EllipsisProps, t as Ellipsis } from "../../index-DOcn6bMd.mjs";
+import { n as EllipsisProps, t as Ellipsis } from "../../index-CKaCfx0p.mjs";
 export { Ellipsis, type EllipsisProps };

package/dist/components/ellipsis/index.mjs

@@ -1,2 +1,2 @@
-import { t as Ellipsis } from "../../ellipsis-CLaZ9Grh.mjs";
+import { t as Ellipsis } from "../../ellipsis-ChktH2CQ.mjs";
 export { Ellipsis };

package/dist/components/empty/index.mjs

@@ -1,2 +1,2 @@
-import { t as Empty } from "../../empty-wwcTI107.mjs";
+import { t as Empty } from "../../empty-CINZ_PLj.mjs";
 export { Empty };

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

@@ -1,8 +1,11 @@
+import { n as FieldRoot, t as Field$2 } from "../../Field-CEUQfFAn.mjs";
 import { Field as Field$1 } from "@ark-ui/svelte/field";
 //#region src/components/field/index.d.ts
 /** Ark's Field, dressed in the paper-and-ink system: a tracked label, a
  * border-and-halo control, and quiet help text. The API is Ark's own —
  * Root, Label, Input, Textarea, Select, HelperText, ErrorText,
  * RequiredIndicator. */
-export declare const Field: typeof Field$1;
+export declare const Field: typeof Field$2 & Omit<typeof Field$1, "Root"> & {
+  Root: typeof FieldRoot;
+};
 //#endregion

package/dist/components/field/index.mjs

@@ -1,11 +1,14 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as FieldRoot, t as Field$2 } from "../../Field-CEUQfFAn.mjs";
 import { Field as Field$1 } from "@ark-ui/svelte/field";
 //#region src/components/field/index.ts
 /** Ark's Field, dressed in the paper-and-ink system: a tracked label, a
 * border-and-halo control, and quiet help text. The API is Ark's own —
 * Root, Label, Input, Textarea, Select, HelperText, ErrorText,
 * RequiredIndicator. */
-const Field = Field$1;
-injectComponentStyle("field");
+const Field = defineFamily(Field$2, {
+	...Field$1,
+	Root: FieldRoot
+});
 //#endregion
 export { Field };

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

@@ -1,7 +1,10 @@
+import { n as FieldsetRoot, t as Fieldset$2 } from "../../Fieldset-BWqjtIBF.mjs";
 import { Fieldset as Fieldset$1 } from "@ark-ui/svelte/fieldset";
 //#region src/components/fieldset/index.d.ts
 /** Ark's Fieldset, dressed in the paper-and-ink system: a song-serif
  * legend heading a column of fields. The API is Ark's own — Root, Legend,
  * HelperText, ErrorText. */
-export declare const Fieldset: typeof Fieldset$1;
+export declare const Fieldset: typeof Fieldset$2 & Omit<typeof Fieldset$1, "Root"> & {
+  Root: typeof FieldsetRoot;
+};
 //#endregion

package/dist/components/fieldset/index.mjs

@@ -1,10 +1,13 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as FieldsetRoot, t as Fieldset$2 } from "../../Fieldset-BWqjtIBF.mjs";
 import { Fieldset as Fieldset$1 } from "@ark-ui/svelte/fieldset";
 //#region src/components/fieldset/index.ts
 /** Ark's Fieldset, dressed in the paper-and-ink system: a song-serif
 * legend heading a column of fields. The API is Ark's own — Root, Legend,
 * HelperText, ErrorText. */
-const Fieldset = Fieldset$1;
-injectComponentStyle("fieldset");
+const Fieldset = defineFamily(Fieldset$2, {
+	...Fieldset$1,
+	Root: FieldsetRoot
+});
 //#endregion
 export { Fieldset };

package/dist/components/file-upload/index.d.mts

@@ -1,7 +1,7 @@
-import { n as FileUploadRoot, t as FileUploadTrigger } from "../../FileUploadTrigger-BgAcpLXx.mjs";
+import { n as FileUploadTrigger, r as FileUploadRoot, t as FileUpload$2 } from "../../FileUpload-DHZf3u4d.mjs";
 import { FileUpload as FileUpload$1 } from "@ark-ui/svelte/file-upload";
 //#region src/components/file-upload/index.d.ts
-export declare const FileUpload: Omit<typeof FileUpload$1, "Root" | "Trigger"> & {
+export declare const FileUpload: typeof FileUpload$2 & Omit<typeof FileUpload$1, "Root" | "Trigger"> & {
   Root: typeof FileUploadRoot;
   Trigger: typeof FileUploadTrigger;
 };

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-DHZf3u4d.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-DK8hviBz.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-CkWYZ4MO.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-CkWYZ4MO.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-pjuBsPy-.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-CinYh-s4.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,11 +1,12 @@
-import { injectComponentStyle } from "@bysages/core";
+import { n as withSelfRoot } from "../../family-CzLaku1F.mjs";
+import { injectComponentStyle } from "@bysages/core/styling";
 import { Highlight as Highlight$1 } from "@ark-ui/svelte/highlight";
 //#region src/components/highlight/index.ts
 /** Ark's Highlight, dressed in the paper-and-ink system: query hits are
 * 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-c3tT648V.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-c3tT648V.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-BF1JO1ek.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-ojKJgHcu.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-Dgyj2byr.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-Dgyj2byr.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-550dAp3p.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-CuTn5ho6.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 { t as Input$1 } from "../../Input-CZhcEeFU.mjs";
+import { n as withSelfRoot } from "../../family-CzLaku1F.mjs";
+import { t as Input$1 } from "../../Input-DLfLshYU.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/input-group/index.mjs

@@ -1,2 +1,2 @@
-import { t as InputGroup } from "../../input-group-DeKewnvZ.mjs";
+import { t as InputGroup } from "../../input-group-B-F5Gpvl.mjs";
 export { InputGroup };

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-IqoSdRQR.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-IqoSdRQR.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-aFsisVbG.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-DquD9Olk.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-qWntJ94C.mjs";
 export { Link };

package/dist/components/list/index.mjs

@@ -1,2 +1,2 @@
-import { t as List } from "../../list-BgEM9H3z.mjs";
+import { t as List } from "../../list-C-2CqZtn.mjs";
 export { List };

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-DXw6GBt8.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-BQTnipRA.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-BOpZFSCo.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-BOpZFSCo.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-CDKPD9gL.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 };