@bysages/react 0.4.4 → 0.6.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,6 @@
-import { t as Popover } from "../../index-Eu-Bttta.mjs";
+import { n as FloatingPortalTarget } from "../../floating-BhcDRgnx.mjs";
+import { t as Popover } from "../../index-j02dTkfc.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
@@ -10,6 +10,8 @@ import { ReactNode } from "react";
  * otherwise).
  */
 export interface PopconfirmProps {
+  /** Portal after hydration; `false` keeps the vessel inline. */
+  portal?: FloatingPortalTarget;
   id?: string;
   /** The question the reader is answering. */
   message: string;
@@ -19,6 +21,6 @@ export interface PopconfirmProps {
   onConfirm?: () => void;
   onCancel?: () => void;
 }
-declare function PopconfirmImpl({ message, confirmText, cancelText, children, onConfirm, onCancel, id }: PopconfirmProps): import("react").JSX.Element;
+declare function PopconfirmImpl({ portal, 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,12 +1,12 @@
-import { t as useElementId } from "../../id-C37UYLwJ.mjs";
+import { t as useElementId } from "../../id-Ctic_3o8.mjs";
 import { Button } from "../button/index.mjs";
+import { t as FloatingPortal } from "../../floating-CMR7cvmA.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
-function PopconfirmImpl({ message, confirmText = "Confirm", cancelText = "Cancel", children, onConfirm, onCancel, id }) {
+// src/components/popconfirm/index.tsx
+function PopconfirmImpl({ portal = false, message, confirmText = "Confirm", cancelText = "Cancel", children, onConfirm, onCancel, id }) {
 	injectComponentStyle("popconfirm");
 	const hostId = useElementId("popconfirm", { id });
 	return /* @__PURE__ */ jsxs(Popover.Root, {
@@ -15,35 +15,37 @@ function PopconfirmImpl({ message, confirmText = "Confirm", cancelText = "Cancel
 		children: [/* @__PURE__ */ jsx(Popover.Trigger, {
 			asChild: true,
 			children
-		}), /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, { children: /* @__PURE__ */ jsxs(Popover.Content, {
-			className: "bs-popconfirm",
-			children: [/* @__PURE__ */ jsx("p", {
-				"data-part": "message",
-				children: message
-			}), /* @__PURE__ */ jsxs("div", {
-				"data-part": "actions",
-				children: [/* @__PURE__ */ jsx(Popover.CloseTrigger, {
-					asChild: true,
-					children: /* @__PURE__ */ jsx(Button, {
-						variant: "ghost",
-						size: "sm",
-						"aria-label": cancelText,
-						onClick: () => onCancel?.(),
-						children: cancelText
-					})
-				}), /* @__PURE__ */ jsx(Popover.CloseTrigger, {
-					asChild: true,
-					children: /* @__PURE__ */ jsx(Button, {
-						size: "sm",
-						"aria-label": confirmText,
-						onClick: () => onConfirm?.(),
-						children: confirmText
-					})
+		}), /* @__PURE__ */ jsx(FloatingPortal, {
+			portal,
+			children: /* @__PURE__ */ jsx(Popover.Positioner, { children: /* @__PURE__ */ jsxs(Popover.Content, {
+				className: "bs-popconfirm",
+				children: [/* @__PURE__ */ jsx("p", {
+					"data-part": "message",
+					children: message
+				}), /* @__PURE__ */ jsxs("div", {
+					"data-part": "actions",
+					children: [/* @__PURE__ */ jsx(Popover.CloseTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							size: "sm",
+							"aria-label": cancelText,
+							onClick: () => onCancel?.(),
+							children: cancelText
+						})
+					}), /* @__PURE__ */ jsx(Popover.CloseTrigger, {
+						asChild: true,
+						children: /* @__PURE__ */ jsx(Button, {
+							size: "sm",
+							"aria-label": confirmText,
+							onClick: () => onConfirm?.(),
+							children: confirmText
+						})
+					})]
 				})]
-			})]
-		}) }) })]
+			}) })
+		})]
 	});
 }
 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-j02dTkfc.mjs";
 export { Popover, PopoverFacadeProps };

package/dist/components/popover/index.mjs

@@ -1,10 +1,11 @@
-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 { n as definePositioner, t as FloatingPortal } from "../../floating-CMR7cvmA.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,
@@ -16,7 +17,8 @@ function PopoverRoot(props) {
 		id
 	});
 }
-function PopoverFacade({ open, defaultOpen, trigger, content, label, description, disabled = false, placement, children, onOpenChange }) {
+const PopoverPositioner = definePositioner(Popover$1.Positioner);
+function PopoverFacade({ portal = false, open, defaultOpen, trigger, content, label, description, disabled = false, placement, children, onOpenChange }) {
 	return /* @__PURE__ */ jsxs(PopoverRoot, {
 		...placement === void 0 ? {} : { positioning: { placement } },
 		...open === void 0 ? {} : { open },
@@ -26,26 +28,29 @@ function PopoverFacade({ open, defaultOpen, trigger, content, label, description
 			asChild: isValidElement(trigger),
 			disabled,
 			children: trigger ?? label
-		}), /* @__PURE__ */ jsx(Popover$1.Positioner, { children: /* @__PURE__ */ jsxs(Popover$1.Content, { children: [
-			/* @__PURE__ */ jsx(Popover$1.CloseTrigger, {
-				"aria-label": "Close",
-				children: iconNode("x", {
-					width: 14,
-					height: 14
-				})
-			}),
-			/* @__PURE__ */ jsx(Popover$1.Title, { children: label }),
-			description ? /* @__PURE__ */ jsx(Popover$1.Description, { children: description }) : null,
-			content ? /* @__PURE__ */ jsx("p", { children: content }) : null,
-			children
-		] }) })]
+		}), /* @__PURE__ */ jsx(FloatingPortal, {
+			portal,
+			children: /* @__PURE__ */ jsx(Popover$1.Positioner, { children: /* @__PURE__ */ jsxs(Popover$1.Content, { children: [
+				/* @__PURE__ */ jsx(Popover$1.CloseTrigger, {
+					"aria-label": "Close",
+					children: iconNode("x", {
+						width: 14,
+						height: 14
+					})
+				}),
+				/* @__PURE__ */ jsx(Popover$1.Title, { children: label }),
+				description ? /* @__PURE__ */ jsx(Popover$1.Description, { children: description }) : null,
+				content ? /* @__PURE__ */ jsx("p", { children: content }) : null,
+				children
+			] }) })
+		})]
 	});
 }
 PopoverFacade.displayName = "SPopover";
 const Popover = Object.assign(PopoverFacade, {
 	...Popover$1,
+	Positioner: PopoverPositioner,
 	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-DZ2S5rMj.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-BLFqfeVw.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 {};