@bysages/svelte 0.3.0 → 0.4.0

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

@@ -1,6 +1,7 @@
 //#region src/components/browser/index.d.ts
 /** A browser window as a vessel: Root, TitleBar, Dots, UrlBar, Body. */
 export declare const Browser: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement>, {}, ""> & {
+  Root: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement>, {}, "">;
   TitleBar: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement>, {}, "">;
   Dots: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement>, {}, "">;
   UrlBar: import("svelte").Component<import("svelte/elements").HTMLAttributes<HTMLDivElement>, {}, "">;

package/dist/components/browser/index.mjs

@@ -1,2 +1,2 @@
-import { t as Browser } from "../../browser-gmPTH6mJ.mjs";
+import { t as Browser } from "../../browser-Dlqvffp6.mjs";
 export { Browser };

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

@@ -1,2 +1,2 @@
-import { n as ButtonProps, t as Button } from "../../index-OElK7gw7.mjs";
+import { n as ButtonProps, t as Button } from "../../index-DCpx_Rui.mjs";
 export { Button, type ButtonProps };

package/dist/components/button/index.mjs

@@ -1,2 +1,2 @@
-import { t as Button } from "../../button-BCcX7lHq.mjs";
+import { t as Button } from "../../button-CghWQD3J.mjs";
 export { Button };

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

@@ -1,2 +1,2 @@
-import { n as ButtonGroupProps, t as ButtonGroup } from "../../index-XHTt8I1B.mjs";
+import { n as ButtonGroupProps, t as ButtonGroup } from "../../index-evrdvWRI.mjs";
 export { ButtonGroup, type ButtonGroupProps };

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

@@ -1,2 +1,2 @@
-import { t as ButtonGroup } from "../../button-group-CVLqPMlR.mjs";
+import { t as ButtonGroup } from "../../button-group-BV7Ces1o.mjs";
 export { ButtonGroup };

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

@@ -1,2 +1,2 @@
-import { n as CalendarProps, t as Calendar } from "../../index-CLoTtvcO.mjs";
+import { n as CalendarProps, t as Calendar } from "../../index-CuonhYXR.mjs";
 export { Calendar, type CalendarProps };

package/dist/components/calendar/index.mjs

@@ -1,2 +1,2 @@
-import { t as Calendar } from "../../calendar-0tSnHuLj.mjs";
+import { t as Calendar } from "../../calendar-BXWvgkjq.mjs";
 export { Calendar };

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

@@ -1,3 +1,4 @@
+import { n as CarouselRoot, t as Carousel$2 } from "../../Carousel-BbMJNLY3.mjs";
 import { Carousel as Carousel$1 } from "@ark-ui/svelte/carousel";
 //#region src/components/carousel/index.d.ts
 /** Ark's Carousel, dressed in the paper-and-ink system: slides ride in one
@@ -5,5 +6,7 @@ import { Carousel as Carousel$1 } from "@ark-ui/svelte/carousel";
  * current indicator alone carries the ink. The API is Ark's own — Root,
  * Control, PrevTrigger, NextTrigger, ItemGroup, Item, IndicatorGroup,
  * Indicator, AutoplayTrigger, ProgressText. */
-export declare const Carousel: typeof Carousel$1;
+export declare const Carousel: typeof Carousel$2 & Omit<typeof Carousel$1, "Root"> & {
+  Root: typeof CarouselRoot;
+};
 //#endregion

package/dist/components/carousel/index.mjs

@@ -1,4 +1,5 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as CarouselRoot, t as Carousel$2 } from "../../Carousel-BbMJNLY3.mjs";
 import { Carousel as Carousel$1 } from "@ark-ui/svelte/carousel";
 //#region src/components/carousel/index.ts
 /** Ark's Carousel, dressed in the paper-and-ink system: slides ride in one
@@ -6,7 +7,9 @@ import { Carousel as Carousel$1 } from "@ark-ui/svelte/carousel";
 * current indicator alone carries the ink. The API is Ark's own — Root,
 * Control, PrevTrigger, NextTrigger, ItemGroup, Item, IndicatorGroup,
 * Indicator, AutoplayTrigger, ProgressText. */
-const Carousel = Carousel$1;
-injectComponentStyle("carousel");
+const Carousel = defineFamily(Carousel$2, {
+	...Carousel$1,
+	Root: CarouselRoot
+});
 //#endregion
 export { Carousel };

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

@@ -1,2 +1,2 @@
-import { n as CascadeSelectNode, r as CascadeSelectProps, t as CascadeSelect } from "../../index-CkFXH_oG.mjs";
+import { n as CascadeSelectNode, r as CascadeSelectProps, t as CascadeSelect } from "../../index-LXovbafa.mjs";
 export { CascadeSelect, type CascadeSelectNode, type CascadeSelectProps };

package/dist/components/cascade-select/index.mjs

@@ -1,2 +1,2 @@
-import { t as CascadeSelect } from "../../cascade-select-B-4Z6oWe.mjs";
+import { t as CascadeSelect } from "../../cascade-select-CKStvgjR.mjs";
 export { CascadeSelect };

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

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

package/dist/components/checkbox/index.mjs

@@ -1,13 +1,14 @@
-import { t as CheckboxRoot } from "../../CheckboxRoot-BP4ynFLq.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as CheckboxRoot, t as Checkbox$2 } from "../../Checkbox-BlbCL1T1.mjs";
 import { Checkbox as Checkbox$1 } from "@ark-ui/svelte/checkbox";
 //#region src/components/checkbox/index.ts
 /** Ark's Checkbox, dressed in the paper-and-ink system: a square-cut seal
 * that fills flat with primary ink when ticked, the mark springing into
 * place. The API is Ark's own — Root, Label, Control, Indicator,
 * HiddenInput. */
-const Checkbox = {
+const Checkbox = defineFamily(Checkbox$2, {
 	...Checkbox$1,
 	Root: CheckboxRoot
-};
+});
 //#endregion
 export { Checkbox };

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

@@ -1,2 +1,2 @@
-import { n as CheckboxGroupProps, r as CheckboxOption, t as CheckboxGroup } from "../../index-B2JKtCzc.mjs";
+import { n as CheckboxGroupProps, r as CheckboxOption, t as CheckboxGroup } from "../../index-znAFQEmQ.mjs";
 export { CheckboxGroup, type CheckboxGroupProps, type CheckboxOption };

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

@@ -1,2 +1,2 @@
-import { t as CheckboxGroup } from "../../checkbox-group-ARW_z7gp.mjs";
+import { t as CheckboxGroup } from "../../checkbox-group-Bu27PIve.mjs";
 export { CheckboxGroup };

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

@@ -1,2 +1,2 @@
-import { n as ChipProps, t as Chip } from "../../index-BTndXl0q.mjs";
+import { n as ChipProps, t as Chip } from "../../index-COWyuYkn.mjs";
 export { Chip, type ChipProps };

package/dist/components/chip/index.mjs

@@ -1,2 +1,2 @@
-import { t as Chip } from "../../chip-mjLlbQ2t.mjs";
+import { t as Chip } from "../../chip-CZAgD6LS.mjs";
 export { Chip };

package/dist/components/client-only/index.d.mts

@@ -1,2 +1,7 @@
-import { ClientOnly, ClientOnlyProps } from "@ark-ui/svelte/client-only";
-export { ClientOnly, type ClientOnlyProps };
+import { ClientOnlyProps } from "@ark-ui/svelte/client-only";
+//#region src/components/client-only/index.d.ts
+export declare const ClientOnly: import("svelte").Component<import("@ark-ui/svelte/client-only").ClientOnlyProps, {}, ""> & {
+  Root: import("svelte").Component<import("@ark-ui/svelte/client-only").ClientOnlyProps, {}, "">;
+};
+//#endregion
+export type { ClientOnlyProps };

package/dist/components/client-only/index.mjs

@@ -1,2 +1,9 @@
-import { ClientOnly } from "@ark-ui/svelte/client-only";
+import { n as withSelfRoot } from "../../family-CzLaku1F.mjs";
+import { ClientOnly as ClientOnly$1 } from "@ark-ui/svelte/client-only";
+//#region src/components/client-only/index.ts
+/** Render children on the client only, after hydration — the escape
+* hatch for browser-only widgets inside server-rendered pages. Headless,
+* like the rest of Ark's utilities: no visual layer of our own. */
+const ClientOnly = withSelfRoot(ClientOnly$1);
+//#endregion
 export { ClientOnly };

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

@@ -1,2 +1,2 @@
-import { n as ClipboardRootProps, t as Clipboard } from "../../index-Dy335EhR.mjs";
+import { n as ClipboardRootProps, t as Clipboard } from "../../index-CI4acsws.mjs";
 export { Clipboard, type ClipboardRootProps };

package/dist/components/clipboard/index.mjs

@@ -1,13 +1,14 @@
-import { t as ClipboardRoot } from "../../ClipboardRoot-UmyQFn27.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as ClipboardRoot, t as Clipboard$2 } from "../../Clipboard-BUeJPGSX.mjs";
 import { Clipboard as Clipboard$1 } from "@ark-ui/svelte/clipboard";
 //#region src/components/clipboard/index.ts
 /** Ark's Clipboard, dressed in the paper-and-ink system: a hairline value
 * field beside an icon-sized copy trigger whose ink turns bamboo while the
 * copy is confirmed. The API is Ark's own — Root, Label, Control, Input,
 * Trigger, Indicator, Context, HiddenInput. */
-const Clipboard = {
+const Clipboard = defineFamily(Clipboard$2, {
 	...Clipboard$1,
 	Root: ClipboardRoot
-};
+});
 //#endregion
 export { Clipboard };

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

@@ -1,7 +1,10 @@
+import { n as CollapsibleRoot, t as Collapsible$2 } from "../../Collapsible-DJ8B-4w0.mjs";
 import { Collapsible as Collapsible$1 } from "@ark-ui/svelte/collapsible";
 //#region src/components/collapsible/index.d.ts
 /** Ark's Collapsible, dressed in the paper-and-ink system: one control on
  * the paper, its panel dissolving open to the machine's measured height.
  * The API is Ark's own — Root, Trigger, Content, Indicator. */
-export declare const Collapsible: typeof Collapsible$1;
+export declare const Collapsible: typeof Collapsible$2 & Omit<typeof Collapsible$1, "Root"> & {
+  Root: typeof CollapsibleRoot;
+};
 //#endregion

package/dist/components/collapsible/index.mjs

@@ -1,10 +1,13 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as CollapsibleRoot, t as Collapsible$2 } from "../../Collapsible-DJ8B-4w0.mjs";
 import { Collapsible as Collapsible$1 } from "@ark-ui/svelte/collapsible";
 //#region src/components/collapsible/index.ts
 /** Ark's Collapsible, dressed in the paper-and-ink system: one control on
 * the paper, its panel dissolving open to the machine's measured height.
 * The API is Ark's own — Root, Trigger, Content, Indicator. */
-const Collapsible = Collapsible$1;
-injectComponentStyle("collapsible");
+const Collapsible = defineFamily(Collapsible$2, {
+	...Collapsible$1,
+	Root: CollapsibleRoot
+});
 //#endregion
 export { Collapsible };

package/dist/components/color-picker/index.d.mts

@@ -1,7 +1,7 @@
-import { t as ColorPickerRoot } from "../../ColorPickerRoot-DLgI9s3u.mjs";
+import { n as ColorPickerRoot, t as ColorPicker$2 } from "../../ColorPicker-BHj_4m8H.mjs";
 import { ColorPicker as ColorPicker$1 } from "@ark-ui/svelte/color-picker";
 //#region src/components/color-picker/index.d.ts
-export declare const ColorPicker: Omit<typeof ColorPicker$1, "Root"> & {
+export declare const ColorPicker: typeof ColorPicker$2 & Omit<typeof ColorPicker$1, "Root"> & {
   Root: typeof ColorPickerRoot;
 };
 //#endregion

package/dist/components/color-picker/index.mjs

@@ -1,4 +1,5 @@
-import { t as ColorPickerRoot } from "../../ColorPickerRoot-DLgI9s3u.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as ColorPickerRoot, t as ColorPicker$2 } from "../../ColorPicker-BHj_4m8H.mjs";
 import { ColorPicker as ColorPicker$1 } from "@ark-ui/svelte/color-picker";
 //#region src/components/color-picker/index.ts
 /** Ark's ColorPicker, dressed in the paper-and-ink system: a seal-sized swatch
@@ -9,9 +10,9 @@ import { ColorPicker as ColorPicker$1 } from "@ark-ui/svelte/color-picker";
 * ChannelSliderValueText, ChannelInput, TransparencyGrid, SwatchGroup,
 * SwatchTrigger, SwatchIndicator, Swatch, EyeDropperTrigger, FormatTrigger,
 * FormatSelect, HiddenInput, Context. */
-const ColorPicker = {
+const ColorPicker = defineFamily(ColorPicker$2, {
 	...ColorPicker$1,
 	Root: ColorPickerRoot
-};
+});
 //#endregion
 export { ColorPicker };

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

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

package/dist/components/combobox/index.mjs

@@ -1,4 +1,5 @@
-import { t as ComboboxRoot } from "../../ComboboxRoot-BsVcmUOj.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as ComboboxRoot, t as Combobox$2 } from "../../Combobox-CI0zJOm_.mjs";
 import { Combobox as Combobox$1 } from "@ark-ui/svelte/combobox";
 //#region src/components/combobox/index.ts
 /** Ark's Combobox, dressed in the paper-and-ink system: the field carries
@@ -6,9 +7,9 @@ import { Combobox as Combobox$1 } from "@ark-ui/svelte/combobox";
 * checked row taking the flat ink fill. The API is Ark's own — Root, Label,
 * Control, Input, Trigger, ClearTrigger, Positioner, Content, List, Empty,
 * Item, ItemText, ItemIndicator, ItemGroup, ItemGroupLabel. */
-const Combobox = {
+const Combobox = defineFamily(Combobox$2, {
 	...Combobox$1,
 	Root: ComboboxRoot
-};
+});
 //#endregion
 export { Combobox };

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

@@ -1,2 +1,2 @@
-import { n as CommandEntry, r as CommandProps, t as Command } from "../../index-D_cE3qK2.mjs";
+import { n as CommandEntry, r as CommandProps, t as Command } from "../../index-C-wU4kAX.mjs";
 export { Command, type CommandEntry, type CommandProps };

package/dist/components/command/index.mjs

@@ -1,2 +1,2 @@
-import { t as Command } from "../../command-fZuTfbz4.mjs";
+import { t as Command } from "../../command-CJ6jk-9b.mjs";
 export { Command };

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

@@ -1,2 +1,2 @@
-import { n as CommentProps, t as Comment } from "../../index-zZy5ZnA5.mjs";
+import { n as CommentProps, t as Comment } from "../../index-BhTdJwBA.mjs";
 export { Comment, type CommentProps };

package/dist/components/comment/index.mjs

@@ -1,2 +1,2 @@
-import { t as Comment } from "../../comment-C91xgrtK.mjs";
+import { t as Comment } from "../../comment-DM1fOXro.mjs";
 export { Comment };

package/dist/components/config-provider/index.d.mts

@@ -1,2 +1,2 @@
-import { a as useConfig, i as ConfigDensity, n as ConfigProviderProps, r as ConfigContext, t as ConfigProvider } from "../../index-DTAcdUAd.mjs";
+import { a as useConfig, i as ConfigDensity, n as ConfigProviderProps, r as ConfigContext, t as ConfigProvider } from "../../index-eQIdP9QO.mjs";
 export { type ConfigContext, type ConfigDensity, ConfigProvider, type ConfigProviderProps, useConfig };

package/dist/components/config-provider/index.mjs

@@ -1,2 +1,3 @@
-import { n as useConfig, t as ConfigProvider } from "../../config-provider-DW5wVzFr.mjs";
+import { n as useConfig } from "../../context-Da-QMQRq.mjs";
+import { t as ConfigProvider } from "../../config-provider-Ca8wCLcK.mjs";
 export { ConfigProvider, useConfig };

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

@@ -1,2 +1,2 @@
-import { n as ContainerProps, t as Container } from "../../index-8JoOZcM6.mjs";
+import { n as ContainerProps, t as Container } from "../../index-DzohdB6p.mjs";
 export { Container, type ContainerProps };

package/dist/components/container/index.mjs

@@ -1,2 +1,2 @@
-import { t as Container } from "../../container-Cmiu_3W5.mjs";
+import { t as Container } from "../../container-ZF0UMlIJ.mjs";
 export { Container };

package/dist/components/data-view/index.d.mts

@@ -1,2 +1,2 @@
-import { n as DataViewProps, t as DataView } from "../../index-KoqiUxmN.mjs";
+import { n as DataViewProps, t as DataView } from "../../index-3TmqYBnT.mjs";
 export { DataView, type DataViewProps };

package/dist/components/data-view/index.mjs

@@ -1,2 +1,2 @@
-import { t as DataView } from "../../data-view-B3TY3rYl.mjs";
+import { t as DataView } from "../../data-view-B3cJiuVC.mjs";
 export { DataView };

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

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

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

@@ -1,13 +1,14 @@
-import { t as DateInputRoot } from "../../DateInputRoot-nROaFmB7.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as DateInputRoot, t as DateInput$2 } from "../../DateInput-CYNt1ltj.mjs";
 import { DateInput as DateInput$1 } from "@ark-ui/svelte/date-input";
 //#region src/components/date-input/index.ts
 /** Ark's DateInput, dressed in the paper-and-ink system: a segmented
 * field where the focused segment takes the flat ink fill. The API is
 * Ark's own — Root, Label, Control, SegmentGroup, Segment, SegmentContext,
 * HiddenInput. */
-const DateInput = {
+const DateInput = defineFamily(DateInput$2, {
 	...DateInput$1,
 	Root: DateInputRoot
-};
+});
 //#endregion
 export { DateInput };

package/dist/components/date-picker/index.d.mts

@@ -1,7 +1,7 @@
-import { t as DatePickerRoot } from "../../DatePickerRoot-CkeHEAcG.mjs";
+import { n as DatePickerRoot, t as DatePicker$2 } from "../../DatePicker-B8AQBgUp.mjs";
 import { DatePicker as DatePicker$1 } from "@ark-ui/svelte/date-picker";
 //#region src/components/date-picker/index.d.ts
-export declare const DatePicker: Omit<typeof DatePicker$1, "Root"> & {
+export declare const DatePicker: typeof DatePicker$2 & Omit<typeof DatePicker$1, "Root"> & {
   Root: typeof DatePickerRoot;
 };
 //#endregion

package/dist/components/date-picker/index.mjs

@@ -1,4 +1,5 @@
-import { t as DatePickerRoot } from "../../DatePickerRoot-CkeHEAcG.mjs";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as DatePickerRoot, t as DatePicker$2 } from "../../DatePicker-B8AQBgUp.mjs";
 import { DatePicker as DatePicker$1 } from "@ark-ui/svelte/date-picker";
 //#region src/components/date-picker/index.ts
 /** Ark's DatePicker, dressed in the paper-and-ink system: the popup
@@ -7,9 +8,9 @@ import { DatePicker as DatePicker$1 } from "@ark-ui/svelte/date-picker";
 * Root, Label, Control, Input, Trigger, ClearTrigger, Positioner,
 * Content, View, ViewControl, ViewTrigger, RangeText, PrevTrigger,
 * NextTrigger, Table*, MonthSelect, YearSelect, PresetTrigger. */
-const DatePicker = {
+const DatePicker = defineFamily(DatePicker$2, {
 	...DatePicker$1,
 	Root: DatePickerRoot
-};
+});
 //#endregion
 export { DatePicker };

package/dist/components/deferred-content/index.d.mts

@@ -1,2 +1,2 @@
-import { n as DeferredContentProps, t as DeferredContent } from "../../index-BolxaoaW.mjs";
+import { n as DeferredContentProps, t as DeferredContent } from "../../index-Cbd88ftD.mjs";
 export { DeferredContent, type DeferredContentProps };

package/dist/components/deferred-content/index.mjs

@@ -1,2 +1,2 @@
-import { t as DeferredContent } from "../../deferred-content-CO9YsKMQ.mjs";
+import { t as DeferredContent } from "../../deferred-content-BYDuJ6NQ.mjs";
 export { DeferredContent };

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

@@ -1,2 +1,2 @@
-import { n as DescriptionsPartProps, r as DescriptionsRootProps, t as Descriptions } from "../../index-BEfqqxjl.mjs";
+import { n as DescriptionsPartProps, r as DescriptionsRootProps, t as Descriptions } from "../../index-Cbc4doAM.mjs";
 export { Descriptions, type DescriptionsPartProps, type DescriptionsRootProps };

package/dist/components/descriptions/index.mjs

@@ -1,2 +1,2 @@
-import { t as Descriptions } from "../../descriptions-DgkA_9B-.mjs";
+import { t as Descriptions } from "../../descriptions-BeZtDMzt.mjs";
 export { Descriptions };

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

@@ -1,9 +1,12 @@
+import { n as DialogRoot, t as Dialog$2 } from "../../Dialog-DOxZ3eye.mjs";
 import { Dialog as Dialog$1, DialogOpenChangeDetails } from "@ark-ui/svelte/dialog";
 //#region src/components/dialog/index.d.ts
 /** Ark's Dialog, dressed in the paper-and-ink system: the sheet dissolves
  * in on elevation, the backdrop fades, and nested overlays stack through
  * the shared z-index ladder. The API is Ark's own — Root, Trigger,
  * Backdrop, Positioner, Content, Title, Description, CloseTrigger. */
-export declare const Dialog: typeof Dialog$1;
+export declare const Dialog: typeof Dialog$2 & Omit<typeof Dialog$1, "Root"> & {
+  Root: typeof DialogRoot;
+};
 //#endregion
 export type { DialogOpenChangeDetails };

package/dist/components/dialog/index.mjs

@@ -1,11 +1,14 @@
-import { injectComponentStyle } from "@bysages/core";
+import { t as defineFamily } from "../../family-CzLaku1F.mjs";
+import { n as DialogRoot, t as Dialog$2 } from "../../Dialog-DOxZ3eye.mjs";
 import { Dialog as Dialog$1 } from "@ark-ui/svelte/dialog";
 //#region src/components/dialog/index.ts
 /** Ark's Dialog, dressed in the paper-and-ink system: the sheet dissolves
 * in on elevation, the backdrop fades, and nested overlays stack through
 * the shared z-index ladder. The API is Ark's own — Root, Trigger,
 * Backdrop, Positioner, Content, Title, Description, CloseTrigger. */
-const Dialog = Dialog$1;
-injectComponentStyle("dialog");
+const Dialog = defineFamily(Dialog$2, {
+	...Dialog$1,
+	Root: DialogRoot
+});
 //#endregion
 export { Dialog };

package/dist/components/download-trigger/index.d.mts

@@ -1,2 +1,13 @@
-import { DownloadTrigger, DownloadTriggerBaseProps, DownloadTriggerProps, DownloadableData, UseDownloadProps, UseDownloadReturn, useDownload } from "@ark-ui/svelte/download-trigger";
-export { DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, type UseDownloadProps, type UseDownloadReturn, useDownload };
+import { DownloadTriggerBaseProps, DownloadTriggerProps, DownloadableData as DownloadableData$1, UseDownloadProps, UseDownloadReturn, useDownload } from "@ark-ui/svelte/download-trigger";
+//#region src/components/download-trigger/index.d.ts
+export declare const DownloadTrigger: import("svelte").Component<import("@ark-ui/svelte/download-trigger").DownloadTriggerProps, {
+  DownloadableData: typeof DownloadableData;
+  MaybePromise: typeof MaybePromise;
+}, "ref"> & {
+  Root: import("svelte").Component<import("@ark-ui/svelte/download-trigger").DownloadTriggerProps, {
+    DownloadableData: typeof DownloadableData;
+    MaybePromise: typeof MaybePromise;
+  }, "ref">;
+};
+//#endregion
+export { type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData$1 as DownloadableData, type UseDownloadProps, type UseDownloadReturn, useDownload };

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-qpsQNpLj.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-qpsQNpLj.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-B3IBAoLs.mjs";
+import { t as DynamicInput } from "../../dynamic-input-Bt1CeSq4.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-Die4QZWo.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-Die4QZWo.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-CPs9IHbU.mjs";
 export { Ellipsis };

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

@@ -1,8 +1,11 @@
+import { n as FieldRoot, t as Field$2 } from "../../Field-CO2VK0f_.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-CO2VK0f_.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 };