@kanso-labs/kanso-ui 0.45.6 → 0.45.7

package/dist/components/date-range-picker/index.js

@@ -13,7 +13,7 @@ import RangeCalendar$1 from "../range-calendar/index.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button, DateInput, DateRangePicker, Dialog, Group, Popover } from "react-aria-components";
-//#region src/components/date-range-picker/index.tsx
+// src/components/date-range-picker/index.tsx
 function calendarTrigger(triggerLabel) {
 	return /* @__PURE__ */ jsx(Button, {
 		"aria-label": triggerLabel,
@@ -206,7 +206,6 @@ function DateRangePicker$1(t0) {
 	} else t20 = $[39];
 	return t20;
 }
-//#endregion
 export { DateRangePicker$1 as default };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { HTMLAttributes, ReactNode, RefAttributes } from "react";
 import { ClassNameOrFunction, DialogProps, DialogTriggerProps, HeadingProps, ModalOverlayProps, ModalRenderProps, StyleOrFunction } from "react-aria-components";
-//#region src/components/dialog/index.d.ts
 type DialogProps$1 = Omit<DialogTriggerProps, 'children'> & {
   children?: ReactNode;
 };
@@ -129,6 +128,5 @@ type DialogContentProps = {
   style?: StyleOrFunction<ModalRenderProps>;
 } & Omit<DialogProps, 'className' | 'style'> & Pick<ModalOverlayProps, 'defaultOpen' | 'isKeyboardDismissDisabled' | 'isOpen' | 'onOpenChange'>;
 type DialogTitleProps = HeadingProps;
-//#endregion
 export { DialogBody, DialogContent, type DialogContentProps, DialogFooter, DialogHeader, type DialogProps$1 as DialogProps, DialogTitle, type DialogTitleProps, Dialog$1 as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/dialog/index.js

@@ -11,7 +11,7 @@ import { c } from "react/compiler-runtime";
 import { createContext, useContext, useId, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Dialog, DialogTrigger, Heading, HeadingContext, Modal, ModalOverlay, useSlottedContext } from "react-aria-components";
-//#region src/components/dialog/index.tsx
+// src/components/dialog/index.tsx
 `${sizing.controlSm}${typography.headlineSmallLineHeight}`;
 const FULL_SCREEN = "(width < 600px)";
 const styles = {
@@ -472,7 +472,6 @@ Dialog$1.Content = DialogContent;
 Dialog$1.Footer = DialogFooter;
 Dialog$1.Header = DialogHeader;
 Dialog$1.Title = DialogTitle;
-//#endregion
 export { DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Dialog$1 as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/disclosure/index.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode, RefAttributes } from "react";
 import { DisclosurePanelProps, DisclosureProps } from "react-aria-components";
-//#region src/components/disclosure/index.d.ts
 type DisclosureHeaderProps = {
   /** The header's headline — what the section is about. */
   children?: ReactNode;
@@ -63,6 +62,5 @@ declare function DisclosureHeader({ children, headingLevel, leading, supporting
  * reader should be able to jump to.
  */
 declare function DisclosurePanel$1({ children, ...props }: DisclosurePanelProps$1 & RefAttributes<HTMLDivElement>): import("react").JSX.Element;
-//#endregion
 export { DisclosureHeader, type DisclosureHeaderProps, DisclosurePanel$1 as DisclosurePanel, type DisclosurePanelProps$1 as DisclosurePanelProps, type DisclosureProps$1 as DisclosureProps, Disclosure$1 as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/disclosure/index.js

@@ -9,7 +9,7 @@ import { c } from "react/compiler-runtime";
 import { useContext } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Button, Disclosure, DisclosurePanel, DisclosureStateContext, Heading } from "react-aria-components";
-//#region src/components/disclosure/index.tsx
+// src/components/disclosure/index.tsx
 const styles = { header: {
 	kzqmXN: "xh8yej3",
 	k9WMMc: "x1yc453h",
@@ -203,7 +203,6 @@ function headerContent(children, leading, supporting, isExpanded, ripple) {
 }
 Disclosure$1.Header = DisclosureHeader;
 Disclosure$1.Panel = DisclosurePanel$1;
-//#endregion
 export { DisclosureHeader, DisclosurePanel$1 as DisclosurePanel, Disclosure$1 as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/disclosure-group/index.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode, RefAttributes } from "react";
 import { DisclosureGroupProps } from "react-aria-components";
-//#region src/components/disclosure-group/index.d.ts
 type DisclosureGroupProps$1 = Omit<DisclosureGroupProps, 'children'> & {
   /** The sections, as `Disclosure` elements each given an `id`. */
   children?: ReactNode;
@@ -32,6 +31,5 @@ type DisclosureGroupProps$1 = Omit<DisclosureGroupProps, 'children'> & {
  * element a layout positions.
  */
 declare function DisclosureGroup$1({ children, divided, ...props }: DisclosureGroupProps$1 & RefAttributes<HTMLDivElement>): import("react").JSX.Element;
-//#endregion
 export { type DisclosureGroupProps$1 as DisclosureGroupProps, DisclosureGroup$1 as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/disclosure-group/index.js

@@ -5,7 +5,7 @@ import { c } from "react/compiler-runtime";
 import { Children, Fragment, isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DisclosureGroup } from "react-aria-components";
-//#region src/components/disclosure-group/index.tsx
+// src/components/disclosure-group/index.tsx
 /**
 * A stack of `Disclosure` sections that agree about what is open. Which are
 * expanded is React Aria's: pass `expandedKeys` with `onExpandedChange` to
@@ -90,7 +90,6 @@ function keyOf(section, index) {
 	if (isValidElement(section)) return section.key ?? String(index);
 	return String(index);
 }
-//#endregion
 export { DisclosureGroup$1 as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/drop-zone/index.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode, RefAttributes } from "react";
 import { DropZoneProps, FileTriggerProps } from "react-aria-components";
-//#region src/components/drop-zone/index.d.ts
 type DropZoneProps$1 = Omit<DropZoneProps, 'children' | 'className' | 'style'> & {
   /** What the target holds: its label, and whatever else it offers. */
   children?: ReactNode;
@@ -55,6 +54,5 @@ declare function DropZone$1({ children, label, ...props }: DropZoneProps$1 & Ref
  * `defaultCamera` opens straight to a camera on a device that has one.
  */
 declare function FileTrigger$1(props: FileTriggerProps$1): import("react").JSX.Element;
-//#endregion
 export { type DropZoneProps$1 as DropZoneProps, FileTrigger$1 as FileTrigger, type FileTriggerProps$1 as FileTriggerProps, DropZone$1 as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/drop-zone/index.js

@@ -5,7 +5,7 @@ import { dropZoneStyles, rootStyles } from "./styles.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { DropZone, FileTrigger } from "react-aria-components";
-//#region src/components/drop-zone/index.tsx
+// src/components/drop-zone/index.tsx
 function content(children, label, isDisabled) {
 	return /* @__PURE__ */ jsxs(Fragment, { children: [label === void 0 ? null : /* @__PURE__ */ jsx("p", {
 		...props(dropZoneStyles.label, isDisabled && dropZoneStyles.labelDisabled),
@@ -102,7 +102,6 @@ function FileTrigger$1(props) {
 	} else t0 = $[1];
 	return t0;
 }
-//#endregion
 export { FileTrigger$1 as FileTrigger, DropZone$1 as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/drop-zone/styles.js

@@ -1,4 +1,4 @@
-//#region src/components/drop-zone/styles.ts
+// src/components/drop-zone/styles.ts
 const dropZoneStyles = {
 	label: {
 		kMwMTN: "x1w5n3ug",
@@ -71,7 +71,6 @@ function rootStyles(state) {
 		7: { className: "x12w9bfk x6s0dn4 x62ce2h xmkeg23 x9f619 x78zum5 xdt5ytf x1gka490 xl56j7k x1db3i3o xrgy624 x2ssjo2 x1de99jn x1apw6a7 xkzkux9 xts7igz xpc4ca7 xaatb59 x1y0btm7 x14s9m32 x9wqfse x1xj74d8 x1h6gzvc" }
 	}[!!state.isFocusVisible << 2 | !!state.isDropTarget << 1 | !!state.isDisabled << 0];
 }
-//#endregion
 export { dropZoneStyles, rootStyles };
 
 //# sourceMappingURL=styles.js.map

package/dist/components/fab/index.d.ts

@@ -1,7 +1,6 @@
 import { ButtonDOMProps, ButtonState } from "../../button/index.js";
 import { ReactNode, RefAttributes } from "react";
 import { ClassNameOrFunction, StyleOrFunction } from "react-aria-components";
-//#region src/components/fab/index.d.ts
 type FabProps = {
   /**
    * What the FAB does, in words. A FAB without a `label` is an icon alone,
@@ -67,6 +66,5 @@ type FabVariant = 'filled' | 'tonal';
  * ```
  */
 declare function Fab({ children, label, size, tone, variant, ...props }: FabProps & RefAttributes<HTMLAnchorElement | HTMLButtonElement>): import("react").JSX.Element;
-//#endregion
 export { type FabProps, type FabSize, type FabTone, type FabVariant, Fab as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/fab/index.js

@@ -5,7 +5,7 @@ import { ButtonBase } from "../../button/index.js";
 import { extendedFabSizes, fabIconSizes, fabSizes, fabStyles, fabTones } from "../../fab/styles.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/fab/index.tsx
+// src/components/fab/index.tsx
 /**
 * A screen's primary action, raised over its content. Its icon is its
 * children; given a `label` it is the extended FAB, with the label after the
@@ -83,7 +83,6 @@ function Fab(t0) {
 function fabClasses(isExtended, size, tone, variant) {
 	return (state) => props(fabStyles.base, focus.ring, fabTones[variant][tone], isExtended ? extendedFabSizes[size] : fabSizes[size], state.isHovered && fabStyles.hovered, state.isFocusVisible && fabStyles.focused, state.isPressed && fabStyles.pressed, state.isDisabled && fabStyles.disabled);
 }
-//#endregion
 export { Fab as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/fab-menu/index.d.ts

@@ -2,7 +2,6 @@ import { ButtonState } from "../../button/index.js";
 import { FabSize, FabTone } from "../fab/index.js";
 import { ReactNode, RefAttributes } from "react";
 import { ClassNameOrFunction, Key, MenuItemProps, MenuItemRenderProps, StyleOrFunction } from "react-aria-components";
-//#region src/components/fab-menu/index.d.ts
 type FabMenuItemProps = Omit<MenuItemProps, 'children' | 'className' | 'style'> & {
   /** The action's name, drawn as its label. */
   children: ReactNode;
@@ -87,6 +86,5 @@ declare namespace FabMenu {
  * Choosing it closes the menu.
  */
 declare function FabMenuItem({ children, icon, onContextMenu, onPointerCancel, onPointerDown, onPointerLeave, onPointerUp, textValue, ...props }: FabMenuItemProps & RefAttributes<HTMLDivElement>): import("react").JSX.Element;
-//#endregion
 export { FabMenuItem, type FabMenuItemProps, type FabMenuProps, FabMenu as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/fab-menu/index.js

@@ -11,7 +11,7 @@ import { c } from "react/compiler-runtime";
 import { createContext, useContext, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Menu, MenuItem, MenuTrigger, Popover, Text } from "react-aria-components";
-//#region src/components/fab-menu/index.tsx
+// src/components/fab-menu/index.tsx
 const styles = {
 	closeButton: {
 		kZKoxP: "xs1ryiz",
@@ -291,7 +291,6 @@ function triggerClasses(isOpen, size, tone) {
 	return (state) => props(fabStyles.base, focus.ring, styles.trigger, isOpen ? fabTones.filled[tone] : fabTones.tonal[tone], isOpen ? styles.closeButton : fabSizes[size], state.isHovered && fabStyles.hovered, state.isFocusVisible && fabStyles.focused, !isOpen && state.isPressed && fabStyles.pressed, state.isDisabled && fabStyles.disabled);
 }
 FabMenu.Item = FabMenuItem;
-//#endregion
 export { FabMenuItem, FabMenu as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/feed/index.d.ts

@@ -1,5 +1,4 @@
 import { RenderComponentProps } from "../../render/useRender.js";
-//#region src/components/feed/index.d.ts
 type FeedProps = {
   /**
    * How narrow a cell may get before the grid drops a column. Every column is
@@ -30,6 +29,5 @@ type FeedProps = {
  * inside a pane reflows with the pane rather than with the browser.
  */
 declare function Feed({ minItemWidth, render, ...props }: FeedProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
 export { type FeedProps, Feed as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/feed/index.js

@@ -3,7 +3,7 @@ import { props } from "../../node_modules/@stylexjs/stylex/lib/es/stylex.js";
 import { useRender } from "../../render/useRender.js";
 import { mergeStyles } from "../../styles/merge.js";
 import { c } from "react/compiler-runtime";
-//#region src/components/feed/index.tsx
+// src/components/feed/index.tsx
 const DEFAULT_MIN_ITEM_WIDTH = "180px";
 const _temp = {
 	kB7OPa: "x9f619",
@@ -79,7 +79,6 @@ function Feed(t0) {
 	} else t6 = $[12];
 	return t4(t6);
 }
-//#endregion
 export { Feed as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/form/index.d.ts

@@ -1,6 +1,5 @@
 import { CSSProperties, RefAttributes } from "react";
 import { FormProps } from "react-aria-components";
-//#region src/components/form/index.d.ts
 type FormProps$1 = {
   className?: string;
   style?: CSSProperties;
@@ -55,6 +54,5 @@ type FormProps$1 = {
  * the element a layout positions.
  */
 declare function Form$1({ validationBehavior, ...props }: FormProps$1 & RefAttributes<HTMLFormElement>): import("react").JSX.Element;
-//#endregion
 export { type FormProps$1 as FormProps, Form$1 as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/form/index.js

@@ -4,7 +4,7 @@ import { FIELD_VALIDATION_BEHAVIOR } from "../../field/root.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { Form } from "react-aria-components";
-//#region src/components/form/index.tsx
+// src/components/form/index.tsx
 /**
 * A form: the fields inside it and what they are told about validation. Pass
 * `validationErrors`, an object keyed by field `name`, to show what a server
@@ -69,7 +69,6 @@ function Form$1(t0) {
 	} else t4 = $[9];
 	return t4;
 }
-//#endregion
 export { Form$1 as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/icon-button/index.d.ts

@@ -1,7 +1,6 @@
 import { ButtonDOMProps, ButtonForm, ButtonState } from "../../button/index.js";
 import { ReactNode, RefAttributes } from "react";
 import { ClassNameOrFunction, DOMRenderFunction, StyleOrFunction } from "react-aria-components";
-//#region src/components/icon-button/index.d.ts
 type IconButtonProps = {
   /**
    * What the button does, in words. Required rather than optional: an icon
@@ -89,6 +88,5 @@ type IconButtonVariant = 'filled' | 'outlined' | 'standard' | 'tonal';
  * ```
  */
 declare function IconButton({ defaultSelected, href, isPending, isSelected, onChange, pendingLabel, rel, size: ownSize, target, variant, ...props }: IconButtonProps & RefAttributes<HTMLAnchorElement | HTMLButtonElement>): import("react").JSX.Element;
-//#endregion
 export { type IconButtonProps, type IconButtonSize, type IconButtonState, type IconButtonVariant, IconButton as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/icon-button/index.js

@@ -11,7 +11,7 @@ import { c } from "react/compiler-runtime";
 import { useContext } from "react";
 import { jsx } from "react/jsx-runtime";
 import { ToggleGroupStateContext } from "react-aria-components";
-//#region src/components/icon-button/index.tsx
+// src/components/icon-button/index.tsx
 const styles = {
 	base: {
 		kGNEyG: "x6s0dn4",
@@ -524,7 +524,6 @@ function toggleStyleProps(size, variant, group) {
 		return props(styles.base, focus.ring, state.isSelected === true ? toggleStyles[variant].selected : toggleStyles[variant].unselected, styles[size], roundShapes[size], variant === "outlined" && state.isSelected !== true && outlineWidths[size], state.isHovered && hovered[container], state.isFocusVisible && focused[container], state.isPressed && pressed[container], state.isPressed && selectedShapes[size], state.isPending === true && styles.pending, state.isDisabled && styles.disabled, state.isDisabled && roundShapes[size], state.isDisabled && disabledStyles[variant], state.isDisabled && state.isSelected === true && selectedDisabledStyles[variant], state.isSelected === true && selectedShapes[size], groupStyles(group, size, state));
 	};
 }
-//#endregion
 export { IconButton as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/keycap/index.d.ts

@@ -1,5 +1,4 @@
 import { RenderComponentProps } from "../../render/useRender.js";
-//#region src/components/keycap/index.d.ts
 type KeycapProps = RenderComponentProps<'kbd'>;
 /**
  * A single key on a keyboard, as named in an instruction — `Enter`, `Esc`,
@@ -10,6 +9,5 @@ type KeycapProps = RenderComponentProps<'kbd'>;
  * or disabled, its text and its rule take the item's colour.
  */
 declare function Keycap({ render, ...props }: KeycapProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
 export { type KeycapProps, Keycap as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/keycap/index.js

@@ -4,7 +4,7 @@ import { mergeStyles } from "../../styles/merge.js";
 import { KeycapToneContext } from "../../keycap/context.js";
 import { c } from "react/compiler-runtime";
 import { useContext } from "react";
-//#region src/components/keycap/index.tsx
+// src/components/keycap/index.tsx
 /**
 * A single key on a keyboard, as named in an instruction — `Enter`, `Esc`,
 * `Ctrl`. It renders a `<kbd>` and takes its scale from the text around it. A
@@ -45,7 +45,6 @@ function Keycap(t0) {
 	} else t4 = $[5];
 	return useRender(t4);
 }
-//#endregion
 export { Keycap as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/link/index.d.ts

@@ -1,6 +1,5 @@
 import { AriaAttributes, DOMAttributes, ReactNode, RefAttributes } from "react";
 import { ClassNameOrFunction, LinkProps, LinkRenderProps, StyleOrFunction } from "react-aria-components";
-//#region src/components/link/index.d.ts
 type GlobalEventKey = Exclude<keyof DOMAttributes<HTMLElement> & keyof LinkProps, 'onBlur' | 'onClick' | 'onFocus'>;
 type LinkDOMProps = Omit<LinkProps, 'children' | 'className' | 'style' | GlobalEventKey> & Pick<DOMAttributes<HTMLElement>, GlobalEventKey>;
 type LinkProps$1 = {
@@ -46,6 +45,5 @@ type LinkUnderline = 'always' | 'hover' | 'none';
  * React Aria alone would keep only the labelling ones.
  */
 declare function Link$1({ onKeyDown, onKeyUp, render, tone, underline, ...props }: LinkProps$1 & RefAttributes<HTMLAnchorElement>): import("react").JSX.Element;
-//#endregion
 export { type LinkDOMProps, type LinkProps$1 as LinkProps, type LinkTone, type LinkUnderline, Link$1 as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/link/index.js

@@ -6,7 +6,7 @@ import { focus } from "../../styles/focus.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { Link } from "react-aria-components";
-//#region src/components/link/index.tsx
+// src/components/link/index.tsx
 const styles = {
 	base: {
 		k6CgDc: "x12w9bfk",
@@ -134,7 +134,6 @@ function Link$1(t0) {
 	} else t4 = $[12];
 	return t4;
 }
-//#endregion
 export { Link$1 as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/list/index.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode, RefAttributes } from "react";
 import { GridListItemProps, GridListLoadMoreItemProps, GridListProps, GridListSectionProps } from "react-aria-components";
-//#region src/components/list/index.d.ts
 type ListLoadMoreProps = Omit<GridListLoadMoreItemProps, 'children'> & {
   /**
    * What the row says while it is loading. Read by a screen reader; the ring
@@ -148,6 +147,5 @@ declare function ListRow<T extends object = object>({ children, leading, onConte
  * reads before the rows inside.
  */
 declare function ListSection<T extends object = object>({ children, header, ...props }: ListSectionProps<T> & RefAttributes<HTMLDivElement>): import("react").JSX.Element;
-//#endregion
 export { ListLoadMore, type ListLoadMoreProps, type ListProps, ListRow, type ListRowProps, ListSection, type ListSectionProps, List as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/list/index.js

@@ -11,7 +11,7 @@ import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { GridList, GridListHeader, GridListItem, GridListLoadMoreItem, GridListSection } from "react-aria-components";
-//#region src/components/list/index.tsx
+// src/components/list/index.tsx
 const SelectLabelContext = createContext(void 0);
 const RowsActContext = createContext(false);
 const NESTED_CONTROL = "a[href], button, input, label, select, textarea, [role=\"button\"], [role=\"checkbox\"], [role=\"link\"], [role=\"switch\"]";
@@ -375,7 +375,6 @@ function startsRipple(ripple, own) {
 List.Item = ListRow;
 List.LoadMore = ListLoadMore;
 List.Section = ListSection;
-//#endregion
 export { ListLoadMore, ListRow, ListSection, List as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/list-box/index.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode, RefAttributes } from "react";
 import { ListBoxItemProps, ListBoxLoadMoreItemProps, ListBoxProps, ListBoxSectionProps } from "react-aria-components";
-//#region src/components/list-box/index.d.ts
 type ListBoxItemProps$1<T extends object = object> = {
   /** The option's headline — the one thing it is mostly about. */
   children?: ReactNode;
@@ -98,6 +97,5 @@ declare function ListBoxLoadMore({ label, ...props }: ListBoxLoadMoreProps & Ref
  * reads before the options inside.
  */
 declare function ListBoxSection$1<T extends object = object>({ children, header, ...props }: ListBoxSectionProps$1<T> & RefAttributes<HTMLElement>): import("react").JSX.Element;
-//#endregion
 export { ListBoxItem$1 as ListBoxItem, type ListBoxItemProps$1 as ListBoxItemProps, ListBoxLoadMore, type ListBoxLoadMoreProps, type ListBoxProps$1 as ListBoxProps, ListBoxSection$1 as ListBoxSection, type ListBoxSectionProps$1 as ListBoxSectionProps, ListBox$1 as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/list-box/index.js

@@ -9,7 +9,7 @@ import { RowContent } from "../../row/index.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Header, ListBox, ListBoxItem, ListBoxLoadMoreItem, ListBoxSection } from "react-aria-components";
-//#region src/components/list-box/index.tsx
+// src/components/list-box/index.tsx
 function emptyState() {
 	return /* @__PURE__ */ jsx(CollectionEmpty, { variant: "list" });
 }
@@ -239,7 +239,6 @@ function ListBoxSection$1(t0) {
 ListBox$1.Item = ListBoxItem$1;
 ListBox$1.LoadMore = ListBoxLoadMore;
 ListBox$1.Section = ListBoxSection$1;
-//#endregion
 export { ListBoxItem$1 as ListBoxItem, ListBoxLoadMore, ListBoxSection$1 as ListBoxSection, ListBox$1 as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/list-detail/index.d.ts

@@ -1,6 +1,5 @@
 import { RenderComponentProps } from "../../render/useRender.js";
 import { ReactNode } from "react";
-//#region src/components/list-detail/index.d.ts
 type ListDetailProps = {
   /**
    * The selected item's content. Stands on its own, and takes the flexible
@@ -91,6 +90,5 @@ type ListDetailProps = {
  * ```
  */
 declare function ListDetail({ detail, list, render, showing, ...props }: ListDetailProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
-//#endregion
 export { type ListDetailProps, ListDetail as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/list-detail/index.js

@@ -3,7 +3,7 @@ import { useRender } from "../../render/useRender.js";
 import { mergeStyles } from "../../styles/merge.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/list-detail/index.tsx
+// src/components/list-detail/index.tsx
 /**
 * Material Design's list-detail layout: a fixed list pane beside a flexible
 * detail pane, collapsing to one pane at a time below the expanded breakpoint.
@@ -162,7 +162,6 @@ function ListDetail(t0) {
 	} else t7 = $[25];
 	return t5(t7);
 }
-//#endregion
 export { ListDetail as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/list-item/index.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode, RefAttributes } from "react";
-//#region src/components/list-item/index.d.ts
 type ListItemProps = {
   /** The row's headline — the one thing it is mostly about. */
   children?: ReactNode;
@@ -79,6 +78,5 @@ type ListItemProps = {
  * ```
  */
 declare function ListItem({ children, interactive, isDisabled, leading, onClick, onContextMenu, onPointerCancel, onPointerDown, onPointerLeave, onPointerUp, overline, ref, supporting, trailing, ...props }: ListItemProps & RefAttributes<HTMLButtonElement | HTMLDivElement>): import("react").JSX.Element;
-//#endregion
 export { type ListItemProps, ListItem as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/list-item/index.js

@@ -8,7 +8,7 @@ import { useRipple } from "../../hooks/useRipple.js";
 import { RowContent } from "../../row/index.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/list-item/index.tsx
+// src/components/list-item/index.tsx
 /**
 * A static row: the row every list draws, on its own, as the lists spec page
 * gives it — a 56px one-line container, a body-large headline and a
@@ -113,7 +113,6 @@ function ListItem(t0) {
 	} else t9 = $[23];
 	return t9;
 }
-//#endregion
 export { ListItem as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/loading-indicator/index.d.ts

@@ -1,6 +1,5 @@
 import { RefAttributes } from "react";
 import { ProgressBarProps } from "react-aria-components";
-//#region src/components/loading-indicator/index.d.ts
 type LoadingIndicatorProps = {
   /** A function may compute the class from the indicator's render state. */
   className?: ProgressBarProps['className'];
@@ -25,6 +24,5 @@ type LoadingIndicatorProps = {
  * the element a layout positions.
  */
 declare function LoadingIndicator({ contained, ...props }: LoadingIndicatorProps & RefAttributes<HTMLDivElement>): import("react").JSX.Element;
-//#endregion
 export { type LoadingIndicatorProps, LoadingIndicator as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/loading-indicator/index.js

@@ -3,7 +3,7 @@ import { mergeStatefulStyles } from "../../styles/merge.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { ProgressBar } from "react-aria-components";
-//#region src/components/loading-indicator/index.tsx
+// src/components/loading-indicator/index.tsx
 /**
 * A shape morphing as it turns, for a wait of a few seconds whose length is
 * not worth showing — where it would otherwise be an indeterminate ring.
@@ -65,7 +65,6 @@ function LoadingIndicator(t0) {
 	} else t5 = $[10];
 	return t5;
 }
-//#endregion
 export { LoadingIndicator as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/menu/index.d.ts

@@ -2,7 +2,6 @@ import { OverlayAlign, OverlaySide } from "../../styles/overlay.js";
 import Separator$1 from "../separator/index.js";
 import { ComponentProps, ReactElement, ReactNode, RefAttributes } from "react";
 import { ClassNameOrFunction, MenuItemProps, MenuLoadMoreItemProps, MenuProps, MenuSectionProps, MenuTriggerProps, PopoverRenderProps, StyleOrFunction } from "react-aria-components";
-//#region src/components/menu/index.d.ts
 type MenuAlign = OverlayAlign;
 type MenuContentProps<T extends object = object> = {
   /**
@@ -202,6 +201,5 @@ declare function MenuSeparator(props: MenuSeparatorProps): import("react").JSX.E
  * `Menu.Item` that opens it, then the `Menu.Content` it opens.
  */
 declare function MenuSubmenu(props: MenuSubmenuProps): import("react").JSX.Element;
-//#endregion
 export { type MenuAlign, MenuContent, type MenuContentProps, MenuItem$1 as MenuItem, type MenuItemProps$1 as MenuItemProps, MenuLoadMore, type MenuLoadMoreProps, type MenuProps$1 as MenuProps, MenuSection$1 as MenuSection, type MenuSectionProps$1 as MenuSectionProps, MenuSeparator, type MenuSeparatorProps, type MenuSide, MenuSubmenu, type MenuSubmenuProps, Menu$1 as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/menu/index.js

@@ -14,7 +14,7 @@ import { c } from "react/compiler-runtime";
 import { useContext, useEffect, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AutocompleteStateContext, Header, Keyboard, Menu, MenuItem, MenuLoadMoreItem, MenuSection, MenuTrigger, Popover, SubmenuTrigger, Text } from "react-aria-components";
-//#region src/components/menu/index.tsx
+// src/components/menu/index.tsx
 const styles = {
 	content: {
 		kWkggS: "x1vnz5z6",
@@ -494,7 +494,6 @@ Menu$1.LoadMore = MenuLoadMore;
 Menu$1.Section = MenuSection$1;
 Menu$1.Separator = MenuSeparator;
 Menu$1.Submenu = MenuSubmenu;
-//#endregion
 export { MenuContent, MenuItem$1 as MenuItem, MenuLoadMore, MenuSection$1 as MenuSection, MenuSeparator, MenuSubmenu, Menu$1 as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/meter/index.d.ts

@@ -1,7 +1,6 @@
 import { IndicatorTone } from "../../indicator/styles.js";
 import { ReactNode, RefAttributes } from "react";
 import { MeterProps } from "react-aria-components";
-//#region src/components/meter/index.d.ts
 type MeterProps$1 = Omit<MeterProps, 'children' | 'className' | 'style'> & {
   /** A function may compute the class from the meter's render state. */
   className?: MeterProps['className'];
@@ -47,6 +46,5 @@ type MeterTone = Extract<IndicatorTone, 'negative' | 'positive' | 'primary'>;
  * which is the element a layout positions.
  */
 declare function Meter$1({ label, maxValue, minValue, showValue, tone, ...props }: MeterProps$1 & RefAttributes<HTMLDivElement>): import("react").JSX.Element;
-//#endregion
 export { type MeterProps$1 as MeterProps, type MeterTone, Meter$1 as default };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/meter/index.js

@@ -7,7 +7,7 @@ import { CheckCircleGlyph, ErrorGlyph } from "../../glyphs/index.js";
 import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Meter } from "react-aria-components";
-//#region src/components/meter/index.tsx
+// src/components/meter/index.tsx
 /**
 * How full something is, on a scale it names: disk used, storage left,
 * a rating out of five. Pass `value` between `minValue` and `maxValue`, and
@@ -104,7 +104,6 @@ function statusOf(tone) {
 	if (tone === "negative") return /* @__PURE__ */ jsx(ErrorGlyph, { className: "xamitd3 xmix8c7 x9f619 x2lah0s x1xp8n7a x12gp0t" });
 	if (tone === "positive") return /* @__PURE__ */ jsx(CheckCircleGlyph, { className: "xamitd3 xmix8c7 x9f619 x2lah0s x1xp8n7a x4no3js" });
 }
-//#endregion
 export { Meter$1 as default };
 
 //# sourceMappingURL=index.js.map