@bysages/react 0.4.3 → 0.5.0

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

@@ -1,9 +1,9 @@
-import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { r as iconNode } from "../../icon-C9udWCyz.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { RatingGroup as RatingGroup$1 } from "@ark-ui/react/rating-group";
-//#region src/components/rating-group/index.tsx
+// src/components/rating-group/index.tsx
 function RatingGroupRoot(props) {
 	const id = useElementId("rating-group", props);
 	const { size = "md", ...rest } = props;
@@ -35,5 +35,4 @@ const RatingGroup = Object.assign(RatingGroupFacade, {
 	Root: RatingGroupRoot
 });
 injectComponentStyle("rating-group");
-//#endregion
 export { RatingGroup };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/components/result/index.d.ts
 type Status = "success" | "warning" | "danger" | "info";
 export interface ResultRootProps extends HTMLAttributes<HTMLDivElement> {
   /** The verdict the operation returned; the fixed pigments speak it. */
@@ -28,4 +27,4 @@ export declare const Result: typeof ResultRoot & {
     children?: ReactNode;
   }) => import("react").JSX.Element;
 };
-//#endregion
+export {};

package/dist/components/result/index.mjs

@@ -1,7 +1,7 @@
-import { t as iconBody } from "../../icon-Cri0-7-x.mjs";
+import { t as iconBody } from "../../icon-C9udWCyz.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/result/index.tsx
+// src/components/result/index.tsx
 const MARK = `<g data-for="success">${iconBody("check")}</g><g data-for="warning">${iconBody("triangle-alert")}</g><g data-for="danger">${iconBody("circle-x")}</g><g data-for="info">${iconBody("info")}</g>`;
 function ResultRoot({ status = "info", children, ...rest }) {
 	injectComponentStyle("result");
@@ -56,5 +56,4 @@ const Result = Object.assign(ResultRoot, {
 	Description: part("description", "p"),
 	Extra: part("extra", "div")
 });
-//#endregion
 export { Result, ResultIcon, ResultRoot };

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

@@ -1,12 +1,17 @@
 import { CSSProperties, ComponentProps, ReactNode } from "react";
 import { ScrollArea as ScrollArea$1 } from "@ark-ui/react/scroll-area";
-//#region src/components/scroll-area/index.d.ts
+type ScrollAreaFade = "vertical" | "horizontal" | "both";
+type ScrollAreaRootProps = ComponentProps<typeof ScrollArea$1.Root> & {
+  fade?: ScrollAreaFade;
+};
 /** 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. */
-declare function ScrollAreaRoot(props: ComponentProps<typeof ScrollArea$1.Root>): import("react").JSX.Element;
+declare function ScrollAreaRoot({ fade, ...props }: ScrollAreaRootProps): import("react").JSX.Element;
 type ScrollAreaFacadeProps = {
   orientation?: "vertical" | "horizontal" | "both";
+  /** Dissolve the viewport's edges — see Root's `fade`. */
+  fade?: ScrollAreaFade;
   className?: string;
   style?: CSSProperties;
   children?: ReactNode;
@@ -17,4 +22,4 @@ declare function ScrollAreaFacade(props: ScrollAreaFacadeProps): import("react")
 export declare const ScrollArea: typeof ScrollAreaFacade & Omit<typeof ScrollArea$1, "Root"> & {
   Root: typeof ScrollAreaRoot;
 };
-//#endregion
+export {};

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

@@ -1,25 +1,27 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ScrollArea as ScrollArea$1 } from "@ark-ui/react/scroll-area";
-//#region src/components/scroll-area/index.tsx
+// src/components/scroll-area/index.tsx
 /** 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. */
-function ScrollAreaRoot(props) {
+function ScrollAreaRoot({ fade, ...props }) {
 	injectComponentStyle("scroll-area");
 	const id = useElementId("scroll-area", props);
 	return /* @__PURE__ */ jsx(ScrollArea$1.Root, {
 		...props,
-		id
+		id,
+		"data-fade": fade
 	});
 }
 /** The complete scroll vessel around caller content, with one or both quiet
 * lanes depending on orientation. */
 function ScrollAreaFacade(props) {
-	const { orientation = "vertical", className, style, children } = props;
+	const { orientation = "vertical", fade, className, style, children } = props;
 	const orientations = orientation === "both" ? ["vertical", "horizontal"] : [orientation];
 	return /* @__PURE__ */ jsxs(ScrollAreaRoot, {
+		fade,
 		className,
 		style,
 		children: [
@@ -36,5 +38,4 @@ const ScrollArea = Object.assign(ScrollAreaFacade, {
 	...ScrollArea$1,
 	Root: ScrollAreaRoot
 });
-//#endregion
 export { ScrollArea };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { SegmentGroup as SegmentGroup$1 } from "@ark-ui/react/segment-group";
-//#region src/components/segment-group/index.d.ts
 type SegmentGroupRootProps = ComponentProps<typeof SegmentGroup$1.Root> & {
   /** One rung of the control-height ladder for the segments. The
    * family keeps its compact register, so the rungs sit one notch
@@ -41,4 +40,4 @@ type SegmentGroupParts = Omit<typeof SegmentGroup$1, "Root"> & {
   Root: typeof SegmentGroupRoot;
 };
 export declare const SegmentGroup: typeof SegmentGroupFacade & SegmentGroupParts;
-//#endregion
+export {};

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

@@ -1,8 +1,8 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SegmentGroup as SegmentGroup$1 } from "@ark-ui/react/segment-group";
-//#region src/components/segment-group/index.tsx
+// src/components/segment-group/index.tsx
 function SegmentGroupRoot(props) {
 	const id = useElementId("segment-group", props);
 	const { size = "md", ...rest } = props;
@@ -43,5 +43,4 @@ const SegmentGroup = Object.assign(SegmentGroupFacade, {
 	Root: SegmentGroupRoot
 });
 injectComponentStyle("segment-group");
-//#endregion
 export { SegmentGroup };

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

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

package/dist/components/select/index.mjs

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

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/separator/index.d.ts
 /** The paper-ink hairline as a component: a named rule between sections.
  * Decorative separators drop the separator role, since the page reads
  * fine without them. */
@@ -11,4 +10,4 @@ declare function SeparatorImpl({ orientation, decorative, ...rest }: SeparatorPr
 export declare const Separator: typeof SeparatorImpl & {
   Root: typeof SeparatorImpl;
 };
-//#endregion
+export {};

package/dist/components/separator/index.mjs

@@ -1,7 +1,7 @@
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/separator/index.tsx
+// src/components/separator/index.tsx
 function SeparatorImpl({ orientation = "horizontal", decorative = false, ...rest }) {
 	injectComponentStyle("separator");
 	return /* @__PURE__ */ jsx("div", {
@@ -14,5 +14,4 @@ function SeparatorImpl({ orientation = "horizontal", decorative = false, ...rest
 	});
 }
 const Separator = withSelfRoot(SeparatorImpl);
-//#endregion
 export { Separator };

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

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { SignaturePad as SignaturePad$1 } from "@ark-ui/react/signature-pad";
-//#region src/components/signature-pad/index.d.ts
 interface SignaturePadFacadeProps {
   value?: string[];
   defaultValue?: string[];
@@ -25,4 +24,4 @@ export declare const SignaturePad: typeof SignaturePadFacade & {
   RootProvider: import("react").ForwardRefExoticComponent<SignaturePad$1.RootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
   Segment: import("react").ForwardRefExoticComponent<SignaturePad$1.SegmentProps & import("react").RefAttributes<SVGSVGElement>>;
 };
-//#endregion
+export {};

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

@@ -1,9 +1,9 @@
-import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { r as iconNode } from "../../icon-C9udWCyz.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { SignaturePad as SignaturePad$1 } from "@ark-ui/react/signature-pad";
-//#region src/components/signature-pad/index.tsx
+// src/components/signature-pad/index.tsx
 /** 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 parts — Root, Label, Control, Segment, SegmentPath, Guide,
@@ -41,5 +41,4 @@ const SignaturePad = Object.assign(SignaturePadFacade, {
 	Root: SignaturePadRoot
 });
 injectComponentStyle("signature-pad");
-//#endregion
 export { SignaturePad };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/skeleton/index.d.ts
 /** A waiting sheet of unset paper. Size it from the outside; the breath
  * is the component's own. */
 export type SkeletonProps = HTMLAttributes<HTMLDivElement>;
@@ -7,4 +6,4 @@ declare function SkeletonImpl({ ...rest }: SkeletonProps): import("react").JSX.E
 export declare const Skeleton: typeof SkeletonImpl & {
   Root: typeof SkeletonImpl;
 };
-//#endregion
+export {};

package/dist/components/skeleton/index.mjs

@@ -1,7 +1,7 @@
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/skeleton/index.tsx
+// src/components/skeleton/index.tsx
 function SkeletonImpl({ ...rest }) {
 	injectComponentStyle("skeleton");
 	return /* @__PURE__ */ jsx("div", {
@@ -11,5 +11,4 @@ function SkeletonImpl({ ...rest }) {
 	});
 }
 const Skeleton = withSelfRoot(SkeletonImpl);
-//#endregion
 export { Skeleton };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { Slider as Slider$1 } from "@ark-ui/react/slider";
-//#region src/components/slider/index.d.ts
 type SliderRootProps = ComponentProps<typeof Slider$1.Root> & {
   /** One rung of the part-size ladder for the thumb seal. */
   size?: "sm" | "md" | "lg";
@@ -32,4 +31,4 @@ type SliderParts = Omit<typeof Slider$1, "Root"> & {
   Root: typeof SliderRoot;
 };
 export declare const Slider: typeof SliderFacade & SliderParts;
-//#endregion
+export {};

package/dist/components/slider/index.mjs

@@ -1,8 +1,8 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slider as Slider$1 } from "@ark-ui/react/slider";
-//#region src/components/slider/index.tsx
+// src/components/slider/index.tsx
 function SliderRoot(props) {
 	const id = useElementId("slider", props);
 	const { size = "md", ...rest } = props;
@@ -40,5 +40,4 @@ const Slider = Object.assign(SliderFacade, {
 	Root: SliderRoot
 });
 injectComponentStyle("slider");
-//#endregion
 export { Slider };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/spinner/index.d.ts
 export interface SpinnerProps extends HTMLAttributes<HTMLElement> {
   size?: "sm" | "md" | "lg";
 }
@@ -9,4 +8,4 @@ declare function SpinnerImpl({ size, children, ...rest }: SpinnerProps): import(
 export declare const Spinner: typeof SpinnerImpl & {
   Root: typeof SpinnerImpl;
 };
-//#endregion
+export {};

package/dist/components/spinner/index.mjs

@@ -1,8 +1,8 @@
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
+import { n as useComponentMessages } from "../../messages-B6n0lVyt.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/spinner/index.tsx
+// src/components/spinner/index.tsx
 /** A wheel of waiting: one arc of ink turning about its center. Quiet by
 * default — it reports progress without claiming attention. */
 function SpinnerImpl({ size = "md", children, ...rest }) {
@@ -36,5 +36,4 @@ function SpinnerImpl({ size = "md", children, ...rest }) {
 	});
 }
 const Spinner = withSelfRoot(SpinnerImpl);
-//#endregion
 export { Spinner };

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

@@ -1,6 +1,5 @@
 import { Menu } from "../menu/index.mjs";
 import { HTMLAttributes } from "react";
-//#region src/components/split-button/index.d.ts
 export interface SplitButtonEntry {
   label: string;
   /** Handed back with `onSelect` when the entry is chosen. */
@@ -35,4 +34,4 @@ export interface SplitButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, "
  */
 declare function SplitButtonImpl({ label, items, variant, tone, size, disabled, onClick, onSelect, ...rest }: SplitButtonProps): import("react").JSX.Element;
 export declare const SplitButton: typeof SplitButtonImpl & typeof Menu;
-//#endregion
+export {};

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

@@ -1,13 +1,13 @@
-import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
-import { n as useComponentMessages } from "../../messages-1jJWtaYU.mjs";
+import { r as iconNode } from "../../icon-C9udWCyz.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
+import { n as useComponentMessages } from "../../messages-B6n0lVyt.mjs";
 import { Button } from "../button/index.mjs";
 import { Menu as Menu$1 } from "../menu/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@ark-ui/react/portal";
 import { Menu } from "@ark-ui/react/menu";
-//#region src/components/split-button/index.tsx
+// src/components/split-button/index.tsx
 /**
 * A primary action with its alternatives one seam away: the main button
 * fires `onClick`, the fitted arrow opens a paper vessel of the same
@@ -64,5 +64,4 @@ const chevronDown = iconNode("chevron-down", {
 	width: 16,
 	height: 16
 });
-//#endregion
 export { SplitButton };

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

@@ -1,5 +1,4 @@
 import { Splitter as Splitter$1 } from "@ark-ui/react/splitter";
-//#region src/components/splitter/index.d.ts
 export type SplitterItem = {
   id: string;
   label: string;
@@ -17,4 +16,4 @@ declare namespace SplitterFacade {
 }
 type SplitterParts = typeof Splitter$1;
 export declare const Splitter: typeof SplitterFacade & SplitterParts;
-//#endregion
+export {};

package/dist/components/splitter/index.mjs

@@ -1,9 +1,9 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment as Fragment$1 } from "react";
 import { Splitter as Splitter$1 } from "@ark-ui/react/splitter";
-//#region src/components/splitter/index.tsx
+// src/components/splitter/index.tsx
 /** 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. */
@@ -40,5 +40,4 @@ const Splitter = Object.assign(SplitterFacade, {
 	Root: SplitterRoot
 });
 injectComponentStyle("splitter");
-//#endregion
 export { Splitter };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from "react";
-//#region src/components/spotlight/index.d.ts
 export interface SpotlightProps extends HTMLAttributes<HTMLDivElement> {
   /** How far the lamp throws before the ink swallows it. */
   radius?: string;
@@ -12,4 +11,4 @@ declare function SpotlightImpl({ radius, children, ...rest }: SpotlightProps): i
 export declare const Spotlight: typeof SpotlightImpl & {
   Root: typeof SpotlightImpl;
 };
-//#endregion
+export {};

package/dist/components/spotlight/index.mjs

@@ -1,7 +1,7 @@
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/spotlight/index.tsx
+// src/components/spotlight/index.tsx
 /** The ink-light card: a vessel whose rim and face take light from the
 * reader's hand. The wrapper only measures and writes the geometry —
 * the lamp itself is the two layers the stylesheet paints. */
@@ -31,5 +31,4 @@ function SpotlightImpl({ radius, children, ...rest }) {
 	});
 }
 const Spotlight = withSelfRoot(SpotlightImpl);
-//#endregion
 export { Spotlight };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/stack/index.d.ts
 export interface StackProps extends HTMLAttributes<HTMLDivElement> {
   direction?: "column" | "row";
   gap?: "none" | "xs" | "sm" | "md" | "lg" | "xl";
@@ -11,4 +10,4 @@ declare function StackImpl({ direction, gap, wrap, align, justify, ...rest }: St
 export declare const Stack: typeof StackImpl & {
   Root: typeof StackImpl;
 };
-//#endregion
+export {};

package/dist/components/stack/index.mjs

@@ -1,7 +1,7 @@
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/stack/index.tsx
+// src/components/stack/index.tsx
 /** Whitespace chosen by name: the named steps point at the space ramp so
 * siblings are held apart by one token, never by ad-hoc margins. */
 const gapVars = {
@@ -30,5 +30,4 @@ function StackImpl({ direction = "column", gap = "md", wrap = false, align, just
 	});
 }
 const Stack = withSelfRoot(StackImpl);
-//#endregion
 export { Stack };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/stat/index.d.ts
 export interface StatDeltaProps extends HTMLAttributes<HTMLElement> {
   direction?: "up" | "down" | "flat";
   "data-direction"?: string;
@@ -25,5 +24,4 @@ export declare const Stat: {
     ({ children, ...rest }: HTMLAttributes<HTMLElement>): import("react").JSX.Element;
     displayName: string;
   };
-};
-//#endregion
+};

package/dist/components/stat/index.mjs

@@ -1,6 +1,6 @@
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/stat/index.tsx
+// src/components/stat/index.tsx
 function part(name, tag) {
 	const Tag = tag;
 	const Component = ({ children, ...rest }) => /* @__PURE__ */ jsx(Tag, {
@@ -33,5 +33,4 @@ const Stat = Object.assign(Root, {
 	Description
 });
 injectComponentStyle("stat");
-//#endregion
 export { Stat };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { Steps as Steps$1 } from "@ark-ui/react/steps";
-//#region src/components/steps/index.d.ts
 type StepsRootProps = ComponentProps<typeof Steps$1.Root> & {
   /** One rung of the control-height ladder every indicator stands on. */
   size?: "sm" | "md" | "lg";
@@ -43,5 +42,4 @@ type StepsParts = Omit<typeof Steps$1, "Root" | "Item"> & {
   Item: typeof StepsItem;
 };
 export declare const Steps: typeof StepsFacade & StepsParts;
-//#endregion
 export { StepsItem };

package/dist/components/steps/index.mjs

@@ -1,8 +1,8 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Steps as Steps$1 } from "@ark-ui/react/steps";
-//#region src/components/steps/index.tsx
+// src/components/steps/index.tsx
 function StepsRoot(props) {
 	const id = useElementId("steps", props);
 	const { size = "md", variant = "default", ...rest } = props;
@@ -46,5 +46,4 @@ const Steps = Object.assign(StepsFacade, {
 	Item: StepsItem
 });
 injectComponentStyle("steps");
-//#endregion
 export { Steps };

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

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { Swap as Swap$1 } from "@ark-ui/react/swap";
-//#region src/components/swap/index.d.ts
 interface SwapFacadeProps {
   swap?: boolean;
   on?: ReactNode;
@@ -11,4 +10,4 @@ interface SwapFacadeProps {
  * transitions and indicators stay on the anatomy. */
 declare function SwapFacade({ swap, on, off }: SwapFacadeProps): import("react").JSX.Element;
 export declare const Swap: typeof SwapFacade & typeof Swap$1;
-//#endregion
+export {};

package/dist/components/swap/index.mjs

@@ -1,9 +1,9 @@
-import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { r as iconNode } from "../../icon-C9udWCyz.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Swap as Swap$1 } from "@ark-ui/react/swap";
-//#region src/components/swap/index.tsx
+// src/components/swap/index.tsx
 /** 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 parts — Root,
@@ -34,5 +34,4 @@ const Swap = Object.assign(SwapFacade, {
 	Root: SwapRoot
 });
 injectComponentStyle("swap");
-//#endregion
 export { Swap };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { Switch as Switch$1 } from "@ark-ui/react/switch";
-//#region src/components/switch/index.d.ts
 type SwitchRootProps = ComponentProps<typeof Switch$1.Root> & {
   /** One rung for the thumb; the track travels with it. */
   size?: "sm" | "md" | "lg";
@@ -31,4 +30,4 @@ type SwitchParts = Omit<typeof Switch$1, "Root"> & {
   Root: typeof SwitchRoot;
 };
 export declare const Switch: typeof SwitchFacade & SwitchParts;
-//#endregion
+export {};

package/dist/components/switch/index.mjs

@@ -1,8 +1,8 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Switch as Switch$1 } from "@ark-ui/react/switch";
-//#region src/components/switch/index.tsx
+// src/components/switch/index.tsx
 function SwitchRoot(props) {
 	const id = useElementId("switch", props);
 	const { size = "md", ...rest } = props;
@@ -36,5 +36,4 @@ const Switch = Object.assign(SwitchFacade, {
 	Root: SwitchRoot
 });
 injectComponentStyle("switch");
-//#endregion
 export { Switch };

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

@@ -1,6 +1,5 @@
 import { CSSProperties } from "react";
 import { CellData, ColumnDef, FlexRender, RowData, SortingState, TableFeatures, createColumnHelper } from "@tanstack/react-table";
-//#region src/components/table/index.d.ts
 /** Column metadata understood by this table: mark columns whose values
  * read right-aligned in tabular figures. The type parameters mirror the
  * library's own declaration — augmentation merging demands an identical
@@ -80,5 +79,4 @@ declare function DataTableImpl(rawProps: DataTableProps): import("react").JSX.El
 export declare const DataTable: typeof DataTableImpl & {
   Root: typeof DataTableImpl;
 };
-//#endregion
 export { type ColumnDef, FlexRender, type SortingState, createColumnHelper };

package/dist/components/table/index.mjs

@@ -1,15 +1,15 @@
-import { r as iconNode } from "../../icon-Cri0-7-x.mjs";
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
-import { n as useComponentMessages, t as formatMessage } from "../../messages-1jJWtaYU.mjs";
+import { r as iconNode } from "../../icon-C9udWCyz.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
+import { n as useComponentMessages, t as formatMessage } from "../../messages-B6n0lVyt.mjs";
 import { Pagination } from "../pagination/index.mjs";
-import { t as Select$1 } from "../../select-D_soVdWK.mjs";
+import { t as Select$1 } from "../../select-DQ5669_K.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { createListCollection } from "@ark-ui/react/select";
 import { FlexRender, cellSpanningFeature, columnFilteringFeature, columnOrderingFeature, columnPinningFeature, columnSizingFeature, columnVisibilityFeature, createColumnHelper, createExpandedRowModel, createFilteredRowModel, createPaginatedRowModel, createSortedRowModel, filterFn_arrIncludes, filterFn_equals, filterFn_inDateRange, filterFn_inNumberRange, filterFn_includesString, filterFn_weakEquals, globalFilteringFeature, rowExpandingFeature, rowPaginationFeature, rowSelectionFeature, rowSortingFeature, sortFn_alphanumeric, sortFn_alphanumericCaseSensitive, sortFn_basic, sortFn_datetime, sortFn_text, sortFn_textCaseSensitive, tableFeatures, useTable } from "@tanstack/react-table";
 import { useVirtualizer } from "@tanstack/react-virtual";
-//#region src/components/table/index.tsx
+// src/components/table/index.tsx
 function pageIcon(direction) {
 	return iconNode(direction === "start" ? "chevron-left" : "chevron-right", {
 		width: 14,
@@ -667,5 +667,4 @@ function DataTableImpl(rawProps) {
 	});
 }
 const DataTable = withSelfRoot(DataTableImpl);
-//#endregion
 export { DataTable, FlexRender, createColumnHelper };