@bysages/svelte 0.3.1 → 0.4.0

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

@@ -1,7 +1,7 @@
-import { t as PasswordInputRoot } from "../../PasswordInputRoot-4yR0Aig4.mjs";
+import { n as PasswordInputRoot, t as PasswordInput$2 } from "../../PasswordInput-CKUqwouu.mjs";
 import { PasswordInput as PasswordInput$1 } from "@ark-ui/svelte/password-input";
 //#region src/components/password-input/index.d.ts
-export declare const PasswordInput: Omit<typeof PasswordInput$1, "Root"> & {
+export declare const PasswordInput: typeof PasswordInput$2 & Omit<typeof PasswordInput$1, "Root"> & {
   Root: typeof PasswordInputRoot;
 };
 //#endregion

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

@@ -1,13 +1,14 @@
-import { t as PasswordInputRoot } from "../../PasswordInputRoot-4yR0Aig4.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as PasswordInputRoot, t as PasswordInput$2 } from "../../PasswordInput-CKUqwouu.mjs";
 import { PasswordInput as PasswordInput$1 } from "@ark-ui/svelte/password-input";
 //#region src/components/password-input/index.ts
 /** Ark's PasswordInput, dressed in the paper-and-ink system: the reveal
 * eye sits quiet at the field's edge and swaps in place — no shift, no
 * noise. The API is Ark's own — Root, Label, Control, Input, Indicator,
 * VisibilityTrigger. */
-const PasswordInput = {
+const PasswordInput = defineFamily(PasswordInput$2, {
 	...PasswordInput$1,
 	Root: PasswordInputRoot
-};
+});
 //#endregion
 export { PasswordInput };

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

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

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

@@ -1,12 +1,13 @@
-import { t as PinInputRoot } from "../../PinInputRoot-B8fTxTlv.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as PinInputRoot, t as PinInput$2 } from "../../PinInput-Ey0sJSwB.mjs";
 import { PinInput as PinInput$1 } from "@ark-ui/svelte/pin-input";
 //#region src/components/pin-input/index.ts
 /** Ark's PinInput, dressed in the paper-and-ink system: one character per
 * square-cut seal, centered ink in tabular figures. The API is Ark's own —
 * Root, Label, Control, Input, HiddenInput. */
-const PinInput = {
+const PinInput = defineFamily(PinInput$2, {
 	...PinInput$1,
 	Root: PinInputRoot
-};
+});
 //#endregion
 export { PinInput };

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

@@ -1,2 +1,2 @@
-import { n as PopconfirmProps, t as Popconfirm } from "../../index-BwFSueFx.mjs";
+import { n as PopconfirmProps, t as Popconfirm } from "../../index-CWzdSZ-F.mjs";
 export { Popconfirm, type PopconfirmProps };

package/dist/components/popconfirm/index.mjs

@@ -1,2 +1,2 @@
-import { t as Popconfirm } from "../../popconfirm-NK5BPbrN.mjs";
+import { t as Popconfirm } from "../../popconfirm-C6VCMgtZ.mjs";
 export { Popconfirm };

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

@@ -1,8 +1,11 @@
+import { n as PopoverRoot, t as Popover$2 } from "../../Popover-Ct9y-0D-.mjs";
 import { Popover as Popover$1 } from "@ark-ui/svelte/popover";
 //#region src/components/popover/index.d.ts
 /** Ark's Popover, dressed in the paper-and-ink system: a paper vessel that
  * dissolves in on elevation, anchored to its trigger by a whisker arrow. The
  * API is Ark's own — Root, Trigger, Anchor, Indicator, Positioner, Content,
  * Title, Description, CloseTrigger, Arrow, ArrowTip. */
-export declare const Popover: typeof Popover$1;
+export declare const Popover: typeof Popover$2 & Omit<typeof Popover$1, "Root"> & {
+  Root: typeof PopoverRoot;
+};
 //#endregion

package/dist/components/popover/index.mjs

@@ -1,11 +1,14 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as PopoverRoot, t as Popover$2 } from "../../Popover-Ct9y-0D-.mjs";
 import { Popover as Popover$1 } from "@ark-ui/svelte/popover";
 //#region src/components/popover/index.ts
 /** Ark's Popover, dressed in the paper-and-ink system: a paper vessel that
 * dissolves in on elevation, anchored to its trigger by a whisker arrow. The
 * API is Ark's own — Root, Trigger, Anchor, Indicator, Positioner, Content,
 * Title, Description, CloseTrigger, Arrow, ArrowTip. */
-const Popover = Popover$1;
-injectComponentStyle("popover");
+const Popover = defineFamily(Popover$2, {
+	...Popover$1,
+	Root: PopoverRoot
+});
 //#endregion
 export { Popover };

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

@@ -1,2 +1,8 @@
-import { Presence, PresenceProps, PresenceProvider, UsePresenceContext, UsePresenceProps, UsePresenceReturn, splitPresenceProps, usePresence, usePresenceContext } from "@ark-ui/svelte/presence";
-export { Presence, type PresenceProps, PresenceProvider, type UsePresenceContext, type UsePresenceProps, type UsePresenceReturn, splitPresenceProps, usePresence, usePresenceContext };
+import { PresenceProps, UsePresenceContext, UsePresenceProps, UsePresenceReturn, splitPresenceProps, usePresence, usePresenceContext } from "@ark-ui/svelte/presence";
+//#region src/components/presence/index.d.ts
+export declare const Presence: import("svelte").Component<PresenceProps, {}, "ref"> & {
+  Root: import("svelte").Component<PresenceProps, {}, "ref">;
+};
+export declare const PresenceProvider: (opts: UsePresenceContext) => void;
+//#endregion
+export { type PresenceProps, type UsePresenceContext, type UsePresenceProps, type UsePresenceReturn, splitPresenceProps, usePresence, usePresenceContext };

package/dist/components/presence/index.mjs

@@ -1,2 +1,10 @@
-import { Presence, PresenceProvider, splitPresenceProps, usePresence, usePresenceContext } from "@ark-ui/svelte/presence";
+import { n as withSelfRoot } from "../../family-CzLaku1F.mjs";
+import { Presence as Presence$1, PresenceProvider as PresenceProvider$1, splitPresenceProps, usePresence, usePresenceContext } from "@ark-ui/svelte/presence";
+//#region src/components/presence/index.ts
+/** Mount/unmount children in step with CSS presence animations — the
+* engine behind Ark's "postpone unmounting so exit animations finish"
+* contract, exposed for composites of our own. */
+const Presence = withSelfRoot(Presence$1);
+const PresenceProvider = PresenceProvider$1;
+//#endregion
 export { Presence, PresenceProvider, splitPresenceProps, usePresence, usePresenceContext };

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

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

package/dist/components/progress/index.mjs

@@ -1,13 +1,14 @@
-import { t as ProgressRoot } from "../../ProgressRoot-DwhwW31T.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as ProgressRoot, t as Progress$2 } from "../../Progress-nBx2pMFh.mjs";
 import { Progress as Progress$1 } from "@ark-ui/svelte/progress";
 //#region src/components/progress/index.ts
 /** Ark's Progress, dressed in the paper-and-ink system: a quiet hairline
 * groove that the primary ink fills at the machine's pace. The API is
 * Ark's own — Root, Label, ValueText, Track, Range, View, Circle,
 * CircleTrack, CircleRange. */
-const Progress = {
+const Progress = defineFamily(Progress$2, {
 	...Progress$1,
 	Root: ProgressRoot
-};
+});
 //#endregion
 export { Progress };

package/dist/components/progress-group/index.d.mts

@@ -1,2 +1,2 @@
-import { n as ProgressGroupProps, r as ProgressSegment, t as ProgressGroup } from "../../index-BFL_M4PT.mjs";
+import { n as ProgressGroupProps, r as ProgressSegment, t as ProgressGroup } from "../../index-CV5LaGMy.mjs";
 export { ProgressGroup, type ProgressGroupProps, type ProgressSegment };

package/dist/components/progress-group/index.mjs

@@ -1,2 +1,2 @@
-import { t as ProgressGroup } from "../../progress-group-BQMAQWXh.mjs";
+import { t as ProgressGroup } from "../../progress-group-OR53RKfW.mjs";
 export { ProgressGroup };

package/dist/components/qr-code/index.d.mts

@@ -1,8 +1,11 @@
+import { n as QrCodeRoot, t as QrCode$2 } from "../../QrCode-C3gAYPIv.mjs";
 import { QrCode as QrCode$1 } from "@ark-ui/svelte/qr-code";
 //#region src/components/qr-code/index.d.ts
 /** Ark's QrCode, dressed in the paper-and-ink system: the pattern prints in
  * ink on the page, with an optional paper badge and a seal-cut download
  * control. The API is Ark's own — Root, Frame, Pattern, Overlay,
  * DownloadTrigger. */
-export declare const QrCode: typeof QrCode$1;
+export declare const QrCode: typeof QrCode$2 & Omit<typeof QrCode$1, "Root"> & {
+  Root: typeof QrCodeRoot;
+};
 //#endregion

package/dist/components/qr-code/index.mjs

@@ -1,11 +1,14 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as QrCodeRoot, t as QrCode$2 } from "../../QrCode-C3gAYPIv.mjs";
 import { QrCode as QrCode$1 } from "@ark-ui/svelte/qr-code";
 //#region src/components/qr-code/index.ts
 /** Ark's QrCode, dressed in the paper-and-ink system: the pattern prints in
 * ink on the page, with an optional paper badge and a seal-cut download
 * control. The API is Ark's own — Root, Frame, Pattern, Overlay,
 * DownloadTrigger. */
-const QrCode = QrCode$1;
-injectComponentStyle("qr-code");
+const QrCode = defineFamily(QrCode$2, {
+	...QrCode$1,
+	Root: QrCodeRoot
+});
 //#endregion
 export { QrCode };

package/dist/components/radio-group/index.d.mts

@@ -1,7 +1,7 @@
-import { t as RadioGroupRoot } from "../../RadioGroupRoot-BD_mxWjX.mjs";
+import { n as RadioGroupRoot, t as RadioGroup$2 } from "../../RadioGroup-Czoicfnb.mjs";
 import { RadioGroup as RadioGroup$1 } from "@ark-ui/svelte/radio-group";
 //#region src/components/radio-group/index.d.ts
-export declare const RadioGroup: Omit<typeof RadioGroup$1, "Root"> & {
+export declare const RadioGroup: typeof RadioGroup$2 & Omit<typeof RadioGroup$1, "Root"> & {
   Root: typeof RadioGroupRoot;
 };
 //#endregion

package/dist/components/radio-group/index.mjs

@@ -1,13 +1,14 @@
-import { t as RadioGroupRoot } from "../../RadioGroupRoot-BD_mxWjX.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as RadioGroupRoot, t as RadioGroup$2 } from "../../RadioGroup-Czoicfnb.mjs";
 import { RadioGroup as RadioGroup$1 } from "@ark-ui/svelte/radio-group";
 //#region src/components/radio-group/index.ts
 /** Ark's RadioGroup, dressed in the paper-and-ink system: a column of
 * full-circle seals that fill flat with primary ink when chosen, the dot
 * punched through as paper. The API is Ark's own — Root, Label, Item,
 * ItemText, ItemControl, Indicator, ItemHiddenInput. */
-const RadioGroup = {
+const RadioGroup = defineFamily(RadioGroup$2, {
 	...RadioGroup$1,
 	Root: RadioGroupRoot
-};
+});
 //#endregion
 export { RadioGroup };

package/dist/components/rating-group/index.d.mts

@@ -1,7 +1,7 @@
-import { t as RatingGroupRoot } from "../../RatingGroupRoot-iUWUAKtV.mjs";
+import { n as RatingGroupRoot, t as RatingGroup$2 } from "../../RatingGroup-Bkliw7CU.mjs";
 import { RatingGroup as RatingGroup$1 } from "@ark-ui/svelte/rating-group";
 //#region src/components/rating-group/index.d.ts
-export declare const RatingGroup: Omit<typeof RatingGroup$1, "Root"> & {
+export declare const RatingGroup: typeof RatingGroup$2 & Omit<typeof RatingGroup$1, "Root"> & {
   Root: typeof RatingGroupRoot;
 };
 //#endregion

package/dist/components/rating-group/index.mjs

@@ -1,13 +1,14 @@
-import { t as RatingGroupRoot } from "../../RatingGroupRoot-iUWUAKtV.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as RatingGroupRoot, t as RatingGroup$2 } from "../../RatingGroup-Bkliw7CU.mjs";
 import { RatingGroup as RatingGroup$1 } from "@ark-ui/svelte/rating-group";
 //#region src/components/rating-group/index.ts
 /** Ark's RatingGroup, dressed in the paper-and-ink system: a row of quiet
-* seals whose glyphs take the primary pigment as they light up. The API is
+* seals whose icons take the primary pigment as they light up. The API is
 * Ark's own — Root, Label, Control, Item, HiddenInput (plus the Context and
 * ItemContext render helpers). */
-const RatingGroup = {
+const RatingGroup = defineFamily(RatingGroup$2, {
 	...RatingGroup$1,
 	Root: RatingGroupRoot
-};
+});
 //#endregion
 export { RatingGroup };

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

@@ -4,6 +4,9 @@
 export declare const Result: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
   status?: "success" | "warning" | "danger" | "info";
 }, {}, ""> & {
+  Root: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement> & {
+    status?: "success" | "warning" | "danger" | "info";
+  }, {}, "">;
   Icon: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement>, {}, "">;
   Title: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLHeadingElement>, {}, "">;
   Description: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLParagraphElement>, {}, "">;

package/dist/components/result/index.mjs

@@ -1,2 +1,2 @@
-import { t as Result } from "../../result-4Oee2ndu.mjs";
+import { t as Result } from "../../result-1kEBWRai.mjs";
 export { Result };

package/dist/components/scroll-area/index.d.mts

@@ -1,7 +1,10 @@
+import { n as ScrollAreaRoot, t as ScrollArea$2 } from "../../ScrollArea-BtAH_cdM.mjs";
 import { ScrollArea as ScrollArea$1 } from "@ark-ui/svelte/scroll-area";
 //#region src/components/scroll-area/index.d.ts
 /** Ark's ScrollArea, dressed in the paper-and-ink system: native bars
  * give way to quiet ink lanes that surface on hover and scroll. The API
  * is Ark's own — Root, Viewport, Content, Scrollbar, Thumb, Corner. */
-export declare const ScrollArea: typeof ScrollArea$1;
+export declare const ScrollArea: typeof ScrollArea$2 & Omit<typeof ScrollArea$1, "Root"> & {
+  Root: typeof ScrollAreaRoot;
+};
 //#endregion

package/dist/components/scroll-area/index.mjs

@@ -1,10 +1,13 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as ScrollAreaRoot, t as ScrollArea$2 } from "../../ScrollArea-BtAH_cdM.mjs";
 import { ScrollArea as ScrollArea$1 } from "@ark-ui/svelte/scroll-area";
 //#region src/components/scroll-area/index.ts
 /** Ark's ScrollArea, dressed in the paper-and-ink system: native bars
 * give way to quiet ink lanes that surface on hover and scroll. The API
 * is Ark's own — Root, Viewport, Content, Scrollbar, Thumb, Corner. */
-const ScrollArea = ScrollArea$1;
-injectComponentStyle("scroll-area");
+const ScrollArea = defineFamily(ScrollArea$2, {
+	...ScrollArea$1,
+	Root: ScrollAreaRoot
+});
 //#endregion
 export { ScrollArea };

package/dist/components/segment-group/index.d.mts

@@ -1,7 +1,7 @@
-import { t as SegmentGroupRoot } from "../../SegmentGroupRoot-798Amg4S.mjs";
+import { n as SegmentGroupRoot, t as SegmentGroup$2 } from "../../SegmentGroup-BnHGitgF.mjs";
 import { SegmentGroup as SegmentGroup$1 } from "@ark-ui/svelte/segment-group";
 //#region src/components/segment-group/index.d.ts
-export declare const SegmentGroup: Omit<typeof SegmentGroup$1, "Root"> & {
+export declare const SegmentGroup: typeof SegmentGroup$2 & Omit<typeof SegmentGroup$1, "Root"> & {
   Root: typeof SegmentGroupRoot;
 };
 //#endregion

package/dist/components/segment-group/index.mjs

@@ -1,12 +1,13 @@
-import { t as SegmentGroupRoot } from "../../SegmentGroupRoot-798Amg4S.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as SegmentGroupRoot, t as SegmentGroup$2 } from "../../SegmentGroup-BnHGitgF.mjs";
 import { SegmentGroup as SegmentGroup$1 } from "@ark-ui/svelte/segment-group";
 //#region src/components/segment-group/index.ts
 /** SegmentGroup, dressed in the paper-and-ink system: a hairline tray
 * where one flat ink plate travels beneath the checked seal. The parts - Root, Label, Indicator, Item, ItemText, ItemControl,
 * ItemHiddenInput. */
-const SegmentGroup = {
+const SegmentGroup = defineFamily(SegmentGroup$2, {
 	...SegmentGroup$1,
 	Root: SegmentGroupRoot
-};
+});
 //#endregion
 export { SegmentGroup };

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

@@ -1,2 +1,2 @@
-import { i as NativeSelectProps, n as Select, r as NativeSelectOption, t as NativeSelect } from "../../index-D6eYSdmD.mjs";
+import { i as NativeSelectProps, n as Select, r as NativeSelectOption, t as NativeSelect } from "../../index-W2Op578F.mjs";
 export { NativeSelect, type NativeSelectOption, type NativeSelectProps, Select };

package/dist/components/select/index.mjs

@@ -1,2 +1,2 @@
-import { n as Select, t as NativeSelect } from "../../select-8ume4i2e.mjs";
+import { n as Select, t as NativeSelect } from "../../select-DQQ0bSN9.mjs";
 export { NativeSelect, Select };

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

@@ -1,2 +1,2 @@
-import { n as SeparatorProps, t as Separator } from "../../index--K4P_QKU.mjs";
+import { n as SeparatorProps, t as Separator } from "../../index-D61_Lx9o.mjs";
 export { Separator, type SeparatorProps };

package/dist/components/separator/index.mjs

@@ -1,2 +1,2 @@
-import { t as Separator } from "../../separator-4JWXConE.mjs";
+import { t as Separator } from "../../separator-doDccxti.mjs";
 export { Separator };

package/dist/components/signature-pad/index.d.mts

@@ -1,8 +1,11 @@
+import { n as SignaturePadRoot, t as SignaturePad$2 } from "../../SignaturePad-DBM5JNGh.mjs";
 import { SignaturePad as SignaturePad$1 } from "@ark-ui/svelte/signature-pad";
 //#region src/components/signature-pad/index.d.ts
 /** Ark's SignaturePad, dressed in the paper-and-ink system: a quiet paper
  * field with a guide hairline where ink — real ink strokes — is laid down.
  * The API is Ark's own — Root, Label, Control, Segment, SegmentPath, Guide,
  * ClearTrigger, HiddenInput, Context. */
-export declare const SignaturePad: typeof SignaturePad$1;
+export declare const SignaturePad: typeof SignaturePad$2 & Omit<typeof SignaturePad$1, "Root"> & {
+  Root: typeof SignaturePadRoot;
+};
 //#endregion

package/dist/components/signature-pad/index.mjs

@@ -1,11 +1,14 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as SignaturePadRoot, t as SignaturePad$2 } from "../../SignaturePad-DBM5JNGh.mjs";
 import { SignaturePad as SignaturePad$1 } from "@ark-ui/svelte/signature-pad";
 //#region src/components/signature-pad/index.ts
 /** Ark's SignaturePad, dressed in the paper-and-ink system: a quiet paper
 * field with a guide hairline where ink — real ink strokes — is laid down.
 * The API is Ark's own — Root, Label, Control, Segment, SegmentPath, Guide,
 * ClearTrigger, HiddenInput, Context. */
-const SignaturePad = SignaturePad$1;
-injectComponentStyle("signature-pad");
+const SignaturePad = defineFamily(SignaturePad$2, {
+	...SignaturePad$1,
+	Root: SignaturePadRoot
+});
 //#endregion
 export { SignaturePad };

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

@@ -1,2 +1,2 @@
-import { n as SkeletonProps, t as Skeleton } from "../../index-D88v0BF1.mjs";
+import { n as SkeletonProps, t as Skeleton } from "../../index-C0b8N_Aa.mjs";
 export { Skeleton, type SkeletonProps };

package/dist/components/skeleton/index.mjs

@@ -1,2 +1,2 @@
-import { t as Skeleton } from "../../skeleton-DOfOrlmL.mjs";
+import { t as Skeleton } from "../../skeleton-CKLyMSAV.mjs";
 export { Skeleton };

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

@@ -1,7 +1,7 @@
-import { t as SliderRoot } from "../../SliderRoot-BBIlf6Uw.mjs";
+import { n as SliderRoot, t as Slider$2 } from "../../Slider-B-_5UxAX.mjs";
 import { Slider as Slider$1 } from "@ark-ui/svelte/slider";
 //#region src/components/slider/index.d.ts
-export declare const Slider: Omit<typeof Slider$1, "Root"> & {
+export declare const Slider: typeof Slider$2 & Omit<typeof Slider$1, "Root"> & {
   Root: typeof SliderRoot;
 };
 //#endregion

package/dist/components/slider/index.mjs

@@ -1,13 +1,14 @@
-import { t as SliderRoot } from "../../SliderRoot-BBIlf6Uw.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as SliderRoot, t as Slider$2 } from "../../Slider-B-_5UxAX.mjs";
 import { Slider as Slider$1 } from "@ark-ui/svelte/slider";
 //#region src/components/slider/index.ts
 /** Ark's Slider, dressed in the paper-and-ink system: a recessed track the
 * primary ink runs along, a paper-seal thumb, and hairline tick markers.
 * The API is Ark's own — Root, Label, ValueText, Control, Track, Range,
 * Thumb, MarkerGroup, Marker, DraggingIndicator, HiddenInput. */
-const Slider = {
+const Slider = defineFamily(Slider$2, {
 	...Slider$1,
 	Root: SliderRoot
-};
+});
 //#endregion
 export { Slider };

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

@@ -1,2 +1,2 @@
-import { n as SpinnerProps, t as Spinner } from "../../index-BIIMyeLK.mjs";
+import { n as SpinnerProps, t as Spinner } from "../../index-BiwW7REL.mjs";
 export { Spinner, type SpinnerProps };

package/dist/components/spinner/index.mjs

@@ -1,7 +1,8 @@
+import { n as withSelfRoot } from "../../family-CzLaku1F.mjs";
 import { t as Spinner$1 } from "../../Spinner-DGAzGJ_8.mjs";
 //#region src/components/spinner/index.ts
 /** A wheel of waiting: one arc of ink turning about its center. Quiet by
 * default — it reports progress without claiming attention. */
-const Spinner = Spinner$1;
+const Spinner = withSelfRoot(Spinner$1);
 //#endregion
 export { Spinner };

package/dist/components/split-button/index.d.mts

@@ -1,2 +1,2 @@
-import { n as SplitButtonEntry, r as SplitButtonProps, t as SplitButton } from "../../index-C84DUNp9.mjs";
+import { n as SplitButtonEntry, r as SplitButtonProps, t as SplitButton } from "../../index-CC_yY588.mjs";
 export { SplitButton, type SplitButtonEntry, type SplitButtonProps };

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

@@ -1,2 +1,2 @@
-import { t as SplitButton } from "../../split-button-DnmVc_J0.mjs";
+import { t as SplitButton } from "../../split-button-D_OqAXW0.mjs";
 export { SplitButton };

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

@@ -1,7 +1,10 @@
+import { n as SplitterRoot, t as Splitter$2 } from "../../Splitter-lP3ibWns.mjs";
 import { Splitter as Splitter$1 } from "@ark-ui/svelte/splitter";
 //#region src/components/splitter/index.d.ts
 /** Ark's Splitter, dressed in the paper-and-ink system: panels divide on
  * a hairline and a small paper-seal thumb answers the hand. The API is
  * Ark's own — Root, Panel, ResizeTrigger, ResizeTriggerIndicator. */
-export declare const Splitter: typeof Splitter$1;
+export declare const Splitter: typeof Splitter$2 & Omit<typeof Splitter$1, "Root"> & {
+  Root: typeof SplitterRoot;
+};
 //#endregion

package/dist/components/splitter/index.mjs

@@ -1,10 +1,13 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as SplitterRoot, t as Splitter$2 } from "../../Splitter-lP3ibWns.mjs";
 import { Splitter as Splitter$1 } from "@ark-ui/svelte/splitter";
 //#region src/components/splitter/index.ts
 /** Ark's Splitter, dressed in the paper-and-ink system: panels divide on
 * a hairline and a small paper-seal thumb answers the hand. The API is
 * Ark's own — Root, Panel, ResizeTrigger, ResizeTriggerIndicator. */
-const Splitter = Splitter$1;
-injectComponentStyle("splitter");
+const Splitter = defineFamily(Splitter$2, {
+	...Splitter$1,
+	Root: SplitterRoot
+});
 //#endregion
 export { Splitter };

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

@@ -1,2 +1,2 @@
-import { n as SpotlightProps, t as Spotlight } from "../../index-0k-VxNRm.mjs";
+import { n as SpotlightProps, t as Spotlight } from "../../index-BhXsxcRN.mjs";
 export { Spotlight, type SpotlightProps };

package/dist/components/spotlight/index.mjs

@@ -1,2 +1,2 @@
-import { t as Spotlight } from "../../spotlight-DMC5E1eS.mjs";
+import { t as Spotlight } from "../../spotlight-COA_C9G5.mjs";
 export { Spotlight };

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

@@ -1,2 +1,2 @@
-import { n as StackProps, t as Stack } from "../../index-nfkt_cP_.mjs";
+import { n as StackProps, t as Stack } from "../../index-DwVr4QfC.mjs";
 export { Stack, type StackProps };

package/dist/components/stack/index.mjs

@@ -1,2 +1,2 @@
-import { t as Stack } from "../../stack-DCKrejZp.mjs";
+import { t as Stack } from "../../stack-qBPmVt5S.mjs";
 export { Stack };

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

@@ -1,7 +1,7 @@
-import { n as StepsItem, t as StepsRoot } from "../../StepsRoot-C_FYfShw.mjs";
+import { n as Steps$2, r as StepsRoot, t as StepsItem } from "../../StepsItem-DT1XQX0x.mjs";
 import { Steps as Steps$1 } from "@ark-ui/svelte/steps";
 //#region src/components/steps/index.d.ts
-export declare const Steps: Omit<typeof Steps$1, "Root" | "Item"> & {
+export declare const Steps: typeof Steps$2 & Omit<typeof Steps$1, "Root" | "Item"> & {
   Root: typeof StepsRoot;
   Item: typeof StepsItem;
 };

package/dist/components/steps/index.mjs

@@ -1,4 +1,5 @@
-import { n as StepsItem, t as StepsRoot } from "../../StepsRoot-C_FYfShw.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as Steps$2, r as StepsRoot, t as StepsItem } from "../../StepsItem-DT1XQX0x.mjs";
 import { Steps as Steps$1 } from "@ark-ui/svelte/steps";
 //#region src/components/steps/index.ts
 /**
@@ -8,10 +9,10 @@ import { Steps as Steps$1 } from "@ark-ui/svelte/steps";
 * PrevTrigger, NextTrigger, Progress. Indicator and Separator carry
 * data-complete / data-current / data-incomplete.
 */
-const Steps = {
+const Steps = defineFamily(Steps$2, {
 	...Steps$1,
 	Root: StepsRoot,
 	Item: StepsItem
-};
+});
 //#endregion
 export { Steps };

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

@@ -1,8 +1,11 @@
+import { n as SwapRoot, t as Swap$2 } from "../../Swap-De-Zlnr6.mjs";
 import { Swap as Swap$1 } from "@ark-ui/svelte/swap";
 //#region src/components/swap/index.d.ts
-/** Ark's Swap, dressed in the paper-and-ink system: two impressions
- * occupying one seal, the arriving one growing into place on the spring
- * while the departing one shrinks away. The API is Ark's own — Root,
- * Indicator (type="on" | "off"), RootProvider. */
-export declare const Swap: typeof Swap$1;
+/** Swap, dressed in the paper-and-ink system: two impressions occupying one
+ * seal, the arriving one growing into place on the spring while the departing
+ * one shrinks away. The API is Ark's own — Root, Indicator
+ * (type="on" | "off"), RootProvider. */
+export declare const Swap: typeof Swap$2 & Omit<typeof Swap$1, "Root"> & {
+  Root: typeof SwapRoot;
+};
 //#endregion

package/dist/components/swap/index.mjs

@@ -1,11 +1,16 @@
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as SwapRoot, t as Swap$2 } from "../../Swap-De-Zlnr6.mjs";
 import { injectComponentStyle } from "@bysages/core";
 import { Swap as Swap$1 } from "@ark-ui/svelte/swap";
 //#region src/components/swap/index.ts
-/** Ark's Swap, dressed in the paper-and-ink system: two impressions
-* occupying one seal, the arriving one growing into place on the spring
-* while the departing one shrinks away. The API is Ark's own — Root,
-* Indicator (type="on" | "off"), RootProvider. */
-const Swap = Swap$1;
+/** Swap, dressed in the paper-and-ink system: two impressions occupying one
+* seal, the arriving one growing into place on the spring while the departing
+* one shrinks away. The API is Ark's own — Root, Indicator
+* (type="on" | "off"), RootProvider. */
+const Swap = defineFamily(Swap$2, {
+	...Swap$1,
+	Root: SwapRoot
+});
 injectComponentStyle("swap");
 //#endregion
 export { Swap };

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

@@ -1,7 +1,7 @@
-import { t as SwitchRoot } from "../../SwitchRoot-C7rPmjEA.mjs";
+import { n as SwitchRoot, t as Switch$2 } from "../../Switch-CJ-yBZVQ.mjs";
 import { Switch as Switch$1 } from "@ark-ui/svelte/switch";
 //#region src/components/switch/index.d.ts
-export declare const Switch: Omit<typeof Switch$1, "Root"> & {
+export declare const Switch: typeof Switch$2 & Omit<typeof Switch$1, "Root"> & {
   Root: typeof SwitchRoot;
 };
 //#endregion