@bysages/svelte 0.3.1 → 0.4.1

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

@@ -0,0 +1,3 @@
+import { n as Video, t as Audio } from "../../media-player-CfMaLa8v.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-fRKivTvN.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-CxPWabm-.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-CxPWabm-.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-pV9TgrxW.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-BC-ByvNh.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/meter/index.mjs

@@ -1,2 +1,2 @@
-import { t as Meter } from "../../meter-BgsJ2g-v.mjs";
+import { t as Meter } from "../../meter-BUcdK4Ln.mjs";
 export { Meter };

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-BpQJwrv3.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-BpQJwrv3.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-FqS47j4x.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-FqS47j4x.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-06iEy0em.mjs";
 export { OrderList };

package/dist/components/page-header/index.mjs

@@ -1,2 +1,2 @@
-import { t as PageHeader } from "../../page-header-DKpKUkTe.mjs";
+import { t as PageHeader } from "../../page-header-ByucbXX7.mjs";
 export { PageHeader };

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

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-DxtreG-T.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-DxtreG-T.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-CgpLwgNu.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-CgpLwgNu.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-BVTFOLDu.mjs";
 export { Popconfirm };

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

@@ -1,8 +1,11 @@
+import { n as PopoverRoot, t as Popover$2 } from "../../Popover-C2oWItCV.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-C2oWItCV.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-ZSXSq5na.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-ZSXSq5na.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-CkFZNtnC.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-1i33zrFY.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-1i33zrFY.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-COvt4pCJ.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-COvt4pCJ.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-Btui4It7.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-Btui4It7.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-CwLNxqk-.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-QeA9Z68Y.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-QeA9Z68Y.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-BG8A5JPz.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-BG8A5JPz.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-CGKWHB6A.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-E3cvud0r.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-I0MEoHjO.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-Dc5YbZoV.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-Dc5YbZoV.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-BHn0Emeh.mjs";
 export { Skeleton };