@bysages/react 0.4.4 → 0.5.0

package/dist/components/pagination/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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Pagination as Pagination$1 } from "@ark-ui/react/pagination";
-//#region src/components/pagination/index.tsx
+// src/components/pagination/index.tsx
 function PaginationRoot(props) {
 	injectComponentStyle("pagination");
 	const id = useElementId("pagination", props);
@@ -89,5 +89,4 @@ const Pagination = Object.assign(PaginationFacade, {
 	PrevTrigger: PaginationPrevTrigger,
 	NextTrigger: PaginationNextTrigger
 });
-//#endregion
 export { Pagination };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { PasswordInput as PasswordInput$1 } from "@ark-ui/react/password-input";
-//#region src/components/password-input/index.d.ts
 type PasswordInputRootProps = ComponentProps<typeof PasswordInput$1.Root> & {
   /** One rung of the control-height ladder for the field and its eye. */
   size?: "sm" | "md" | "lg";
@@ -31,4 +30,4 @@ export declare const PasswordInput: typeof PasswordInputFacade & {
   RootProvider: import("react").ForwardRefExoticComponent<PasswordInput$1.RootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
   VisibilityTrigger: import("react").ForwardRefExoticComponent<PasswordInput$1.VisibilityTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
 };
-//#endregion
+export {};

package/dist/components/password-input/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 { PasswordInput as PasswordInput$1 } from "@ark-ui/react/password-input";
-//#region src/components/password-input/index.tsx
+// src/components/password-input/index.tsx
 function PasswordInputRoot(props) {
 	const id = useElementId("password-input", props);
 	const { size = "md", ...rest } = props;
@@ -40,5 +40,4 @@ const PasswordInput = Object.assign(PasswordInputFacade, {
 	Root: PasswordInputRoot
 });
 injectComponentStyle("password-input");
-//#endregion
 export { PasswordInput };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { PinInput as PinInput$1 } from "@ark-ui/react/pin-input";
-//#region src/components/pin-input/index.d.ts
 type PinInputRootProps = ComponentProps<typeof PinInput$1.Root> & {
   /** One rung of the control-height ladder each seal stands on. */
   size?: "sm" | "md" | "lg";
@@ -30,4 +29,4 @@ export declare const PinInput: typeof PinInputFacade & {
   Label: import("react").ForwardRefExoticComponent<PinInput$1.LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
   RootProvider: import("react").ForwardRefExoticComponent<PinInput$1.RootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
 };
-//#endregion
+export {};

package/dist/components/pin-input/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 { PinInput as PinInput$1 } from "@ark-ui/react/pin-input";
-//#region src/components/pin-input/index.tsx
+// src/components/pin-input/index.tsx
 function PinInputRoot(props) {
 	const id = useElementId("pin-input", props);
 	const { size = "md", ...rest } = props;
@@ -38,5 +38,4 @@ const PinInput = Object.assign(PinInputFacade, {
 	Root: PinInputRoot
 });
 injectComponentStyle("pin-input");
-//#endregion
 export { PinInput };

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

@@ -1,6 +1,5 @@
-import { t as Popover } from "../../index-Eu-Bttta.mjs";
+import { t as Popover } from "../../index-BVdkcSSY.mjs";
 import { ReactNode } from "react";
-//#region src/components/popconfirm/index.d.ts
 /**
  * A question at the point of no return: the trigger opens a small
  * anchored vessel carrying the message and two answers. Each answer is
@@ -21,4 +20,4 @@ export interface PopconfirmProps {
 }
 declare function PopconfirmImpl({ message, confirmText, cancelText, children, onConfirm, onCancel, id }: PopconfirmProps): import("react").JSX.Element;
 export declare const Popconfirm: typeof PopconfirmImpl & typeof Popover;
-//#endregion
+export {};

package/dist/components/popconfirm/index.mjs

@@ -1,11 +1,11 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { Button } from "../button/index.mjs";
 import { Popover as Popover$1 } from "../popover/index.mjs";
 import { injectComponentStyle } from "@bysages/core/styling";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Popover } from "@ark-ui/react/popover";
 import { Portal } from "@ark-ui/react/portal";
-//#region src/components/popconfirm/index.tsx
+// src/components/popconfirm/index.tsx
 function PopconfirmImpl({ message, confirmText = "Confirm", cancelText = "Cancel", children, onConfirm, onCancel, id }) {
 	injectComponentStyle("popconfirm");
 	const hostId = useElementId("popconfirm", { id });
@@ -45,5 +45,4 @@ function PopconfirmImpl({ message, confirmText = "Confirm", cancelText = "Cancel
 	});
 }
 const Popconfirm = Object.assign(PopconfirmImpl, Popover$1);
-//#endregion
 export { Popconfirm };

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

@@ -1,2 +1,2 @@
-import { n as PopoverFacadeProps, t as Popover } from "../../index-Eu-Bttta.mjs";
+import { n as PopoverFacadeProps, t as Popover } from "../../index-BVdkcSSY.mjs";
 export { Popover, PopoverFacadeProps };

package/dist/components/popover/index.mjs

@@ -1,10 +1,10 @@
-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 { isValidElement } from "react";
 import { Popover as Popover$1 } from "@ark-ui/react/popover";
-//#region src/components/popover/index.tsx
+// src/components/popover/index.tsx
 /** 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,
@@ -47,5 +47,4 @@ const Popover = Object.assign(PopoverFacade, {
 	Root: PopoverRoot
 });
 injectComponentStyle("popover");
-//#endregion
 export { Popover };

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

@@ -1,10 +1,8 @@
 import { PresenceBaseProps, PresenceProps, UsePresenceContext, UsePresenceProps, UsePresenceReturn, usePresence, usePresenceContext } from "@ark-ui/react/presence";
-//#region src/components/presence/index.d.ts
 export declare const Presence: import("react").ForwardRefExoticComponent<import("@ark-ui/react/presence").PresenceProps & import("react").RefAttributes<HTMLDivElement>> & {
   Root: import("react").ForwardRefExoticComponent<import("@ark-ui/react/presence").PresenceProps & import("react").RefAttributes<HTMLDivElement>>;
 };
 export declare const PresenceProvider: import("react").Provider<import("@ark-ui/react/presence").UsePresenceContext> & {
   Root: import("react").Provider<import("@ark-ui/react/presence").UsePresenceContext>;
 };
-//#endregion
 export { type PresenceBaseProps, type PresenceProps, type UsePresenceContext, type UsePresenceProps, type UsePresenceReturn, usePresence, usePresenceContext };

package/dist/components/presence/index.mjs

@@ -1,7 +1,6 @@
-import { t as withSelfRoot } from "../../family-DE_GQeeM.mjs";
+import { t as withSelfRoot } from "../../family-Co1YsN4N.mjs";
 import { Presence as Presence$1, PresenceProvider as PresenceProvider$1, usePresence, usePresenceContext } from "@ark-ui/react/presence";
-//#region src/components/presence/index.tsx
+// src/components/presence/index.tsx
 const Presence = withSelfRoot(Presence$1);
 const PresenceProvider = withSelfRoot(PresenceProvider$1);
-//#endregion
 export { Presence, PresenceProvider, usePresence, usePresenceContext };

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

@@ -1,6 +1,5 @@
 import { CSSProperties, ComponentProps } from "react";
 import { Progress as Progress$1 } from "@ark-ui/react/progress";
-//#region src/components/progress/index.d.ts
 type ProgressRootProps = ComponentProps<typeof Progress$1.Root> & {
   /** One rung of the groove ladder — the track's thickness. */
   size?: "sm" | "md" | "lg";
@@ -28,4 +27,4 @@ declare function ProgressFacade(props: ProgressFacadeProps): import("react").JSX
 export declare const Progress: typeof ProgressFacade & Omit<typeof Progress$1, "Root"> & {
   Root: typeof ProgressRoot;
 };
-//#endregion
+export {};

package/dist/components/progress/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 { Progress as Progress$1 } from "@ark-ui/react/progress";
-//#region src/components/progress/index.tsx
+// src/components/progress/index.tsx
 const ProgressView = Progress$1.View;
 function ProgressRoot(props) {
 	injectComponentStyle("progress");
@@ -58,5 +58,4 @@ const Progress = Object.assign(ProgressFacade, {
 	...Progress$1,
 	Root: ProgressRoot
 });
-//#endregion
 export { Progress };

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-//#region src/components/progress-group/index.d.ts
 /** One verdict on the bar. */
 export interface ProgressSegment {
   value: number;
@@ -22,4 +21,4 @@ declare function ProgressGroupImpl({ segments, max, showLegend, ...rest }: Progr
 export declare const ProgressGroup: typeof ProgressGroupImpl & {
   Root: typeof ProgressGroupImpl;
 };
-//#endregion
+export {};

package/dist/components/progress-group/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, jsxs } from "react/jsx-runtime";
-//#region src/components/progress-group/index.tsx
+// src/components/progress-group/index.tsx
 function ProgressGroupImpl({ segments, max, showLegend = true, ...rest }) {
 	injectComponentStyle("progress-group");
 	const total = max ?? segments.reduce((sum, segment) => sum + segment.value, 0);
@@ -54,5 +54,4 @@ function ProgressGroupImpl({ segments, max, showLegend = true, ...rest }) {
 	});
 }
 const ProgressGroup = withSelfRoot(ProgressGroupImpl);
-//#endregion
 export { ProgressGroup };

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

@@ -1,6 +1,5 @@
 import { CSSProperties, ComponentProps } from "react";
 import { QrCode as QrCode$1 } from "@ark-ui/react/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,
@@ -18,4 +17,4 @@ declare function QrCodeFacade(props: QrCodeFacadeProps): import("react").JSX.Ele
 export declare const QrCode: typeof QrCodeFacade & Omit<typeof QrCode$1, "Root"> & {
   Root: typeof QrCodeRoot;
 };
-//#endregion
+export {};

package/dist/components/qr-code/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 } from "react/jsx-runtime";
 import { QrCode as QrCode$1 } from "@ark-ui/react/qr-code";
-//#region src/components/qr-code/index.tsx
+// src/components/qr-code/index.tsx
 /** 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,
@@ -31,5 +31,4 @@ const QrCode = Object.assign(QrCodeFacade, {
 	...QrCode$1,
 	Root: QrCodeRoot
 });
-//#endregion
 export { QrCode };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { RadioGroup as RadioGroup$1 } from "@ark-ui/react/radio-group";
-//#region src/components/radio-group/index.d.ts
 type RadioGroupRootProps = ComponentProps<typeof RadioGroup$1.Root> & {
   /** One rung for the dial; the chosen dot rides it. */
   size?: "sm" | "md" | "lg";
@@ -38,4 +37,4 @@ type RadioGroupParts = Omit<typeof RadioGroup$1, "Root"> & {
   Root: typeof RadioGroupRoot;
 };
 export declare const RadioGroup: typeof RadioGroupFacade & RadioGroupParts;
-//#endregion
+export {};

package/dist/components/radio-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 { RadioGroup as RadioGroup$1 } from "@ark-ui/react/radio-group";
-//#region src/components/radio-group/index.tsx
+// src/components/radio-group/index.tsx
 function RadioGroupRoot(props) {
 	const id = useElementId("radio-group", props);
 	const { size = "md", ...rest } = props;
@@ -41,5 +41,4 @@ const RadioGroup = Object.assign(RadioGroupFacade, {
 	Root: RadioGroupRoot
 });
 injectComponentStyle("radio-group");
-//#endregion
 export { RadioGroup };

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

@@ -1,6 +1,5 @@
 import { ComponentProps } from "react";
 import { RatingGroup as RatingGroup$1 } from "@ark-ui/react/rating-group";
-//#region src/components/rating-group/index.d.ts
 type RatingGroupRootProps = ComponentProps<typeof RatingGroup$1.Root> & {
   /** One rung of the control-height ladder every seal stands on. */
   size?: "sm" | "md" | "lg";
@@ -30,4 +29,4 @@ type RatingGroupParts = Omit<typeof RatingGroup$1, "Root"> & {
   Root: typeof RatingGroupRoot;
 };
 export declare const RatingGroup: typeof RatingGroupFacade & RatingGroupParts;
-//#endregion
+export {};

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