@kanso-labs/react-native-kanso-ui 0.11.5 → 0.11.6

package/dist/components/date-range-picker/index.d.ts

@@ -3,7 +3,6 @@ import { StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
 import { DateDuration } from "@internationalized/date";
 import { DateRangePickerStateOptions, DateValue } from "react-stately/useDateRangePickerState";
-//#region src/components/date-range-picker/index.d.ts
 type DateRangePickerProps<T extends DateValue = DateValue> = Pick<DateRangePickerStateOptions<T>, 'allowsNonContiguousRanges' | 'defaultOpen' | 'defaultValue' | 'endName' | 'firstDayOfWeek' | 'granularity' | 'hideTimeZone' | 'hourCycle' | 'isDateUnavailable' | 'isOpen' | 'maxValue' | 'minValue' | 'onChange' | 'onOpenChange' | 'placeholderValue' | 'shouldCloseOnSelect' | 'shouldForceLeadingZeros' | 'startName' | 'validate' | 'value'> & {
   /**
    * A hint shown under the field. Replaced by `error` when there is one, so
@@ -134,6 +133,5 @@ type DateRangePickerProps<T extends DateValue = DateValue> = Pick<DateRangePicke
  * `style`, `ref` and `testID` land on the picker as a whole.
  */
 declare function DateRangePicker<T extends DateValue = DateValue>({ allowsNonContiguousRanges, defaultOpen, defaultValue, endName, firstDayOfWeek, granularity, hideTimeZone, hourCycle, isDateUnavailable, isDisabled, isOpen, isReadOnly, isRequired, label, locale, maxValue, minValue, onChange, onOpenChange, placeholderValue, separator, shouldCloseOnSelect, shouldForceLeadingZeros, showMonthYearMenus, startName, triggerLabel, validate, value, visibleDuration, ...props }: DateRangePickerProps<T>): import("react").JSX.Element;
-//#endregion
 export { DateRangePicker, type DateRangePickerProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -9,7 +9,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { createCalendar } from "@internationalized/date";
 import { useDateFieldState } from "react-stately/useDateFieldState";
 import { useDateRangePickerState } from "react-stately/useDateRangePickerState";
-//#region src/components/date-range-picker/index.tsx
+// src/components/date-range-picker/index.tsx
 function chosenOf(state) {
 	const { dateRange } = state;
 	return dateRange?.start == null || dateRange.end == null ? null : {
@@ -415,7 +415,6 @@ function DateRangePicker(t0) {
 function triggerOf(props) {
 	return /* @__PURE__ */ jsx(PickerTrigger, { ...props });
 }
-//#endregion
 export { DateRangePicker };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { ModalOpenProps } from "../../modal/index.js";
 import { HostInstance, ScrollView, ScrollViewProps, StyleProp, TextProps, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/dialog/index.d.ts
 type DialogBodyProps = ScrollViewProps & {
   readonly ref?: Ref<ComponentRef<typeof ScrollView>>;
 };
@@ -127,6 +126,5 @@ declare function DialogHeader({ style, ...props }: DialogPartProps): import("rea
  * `style`, `ref` and `testID` land on React Native's own Text.
  */
 declare function DialogTitle({ ref, style, ...props }: DialogTitleProps): import("react").JSX.Element;
-//#endregion
 export { Dialog, DialogBody, type DialogBodyProps, DialogContent, type DialogContentProps, DialogFooter, DialogHeader, type DialogPartProps, type DialogProps, DialogTitle, type DialogTitleProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/dialog/index.js

@@ -11,7 +11,7 @@ import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, w
 import { SafeAreaInsetsContext } from "react-native-safe-area-context";
 import { createContext, use, useEffect, useId, useLayoutEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/dialog/index.tsx
+// src/components/dialog/index.tsx
 const MIN_WIDTH = 280;
 const MAX_WIDTH = 560;
 const SCALE_FROM = .9;
@@ -718,7 +718,6 @@ Dialog.Content = DialogContent;
 Dialog.Footer = DialogFooter;
 Dialog.Header = DialogHeader;
 Dialog.Title = DialogTitle;
-//#endregion
 export { Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
 import { Key } from "react-stately";
-//#region src/components/disclosure/index.d.ts
 type DisclosureHeaderProps = {
   /** The header's headline, what the section is about. */
   readonly children?: ReactNode;
@@ -89,6 +88,5 @@ declare function DisclosureHeader({ children, leading, ref, style, supporting, t
  * up with the headline above it, and it is named by the header.
  */
 declare function DisclosurePanel({ children, ref, role, style, testID }: DisclosurePanelProps): import("react").JSX.Element;
-//#endregion
 export { Disclosure, DisclosureHeader, type DisclosureHeaderProps, DisclosurePanel, type DisclosurePanelProps, type DisclosureProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/disclosure/index.js

@@ -11,7 +11,7 @@ import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, w
 import { createContext, use, useEffect, useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useDisclosureState } from "react-stately/useDisclosureState";
-//#region src/components/disclosure/index.tsx
+// src/components/disclosure/index.tsx
 const stylesOf = themedStyles(({ spacing }) => StyleSheet.create({ inner: {
 	paddingBottom: spacing.lg,
 	paddingHorizontal: spacing.lg
@@ -359,7 +359,6 @@ function useDisclosure(part) {
 }
 Disclosure.Header = DisclosureHeader;
 Disclosure.Panel = DisclosurePanel;
-//#endregion
 export { Disclosure, DisclosureHeader, DisclosurePanel };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
 import { Key } from "react-stately";
-//#region src/components/disclosure-group/index.d.ts
 type DisclosureGroupProps = {
   /**
    * Whether several sections may be open at once. Otherwise opening one
@@ -56,6 +55,5 @@ type DisclosureGroupProps = {
  * positions.
  */
 declare function DisclosureGroup({ allowsMultipleExpanded, children, defaultExpandedKeys, divided, expandedKeys, isDisabled, onExpandedChange, ref, style, testID }: DisclosureGroupProps): import("react").JSX.Element;
-//#endregion
 export { DisclosureGroup, type DisclosureGroupProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -5,7 +5,7 @@ import { View } from "react-native";
 import { Children, Fragment, isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useDisclosureGroupState } from "react-stately/useDisclosureGroupState";
-//#region src/components/disclosure-group/index.tsx
+// src/components/disclosure-group/index.tsx
 /**
 * A stack of `Disclosure` sections that agree about what is open. Pass
 * `expandedKeys` with `onExpandedChange` to hold which are open, or
@@ -94,7 +94,6 @@ function flatten(children) {
 function keyOf(section, index) {
 	return isValidElement(section) && section.key !== null ? section.key : String(index);
 }
-//#endregion
 export { DisclosureGroup };
 
 //# sourceMappingURL=index.js.map

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

@@ -2,7 +2,6 @@ import { PickedFile } from "../../files/index.js";
 import { DragTypes, DropEnterEvent, DropEvent, DropExitEvent, DropOperation } from "../../drop/index.js";
 import { StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/drop-zone/index.d.ts
 type DropZoneProps = {
   /**
    * Names the target without drawing anything, for a page that already says
@@ -108,6 +107,5 @@ declare function DropZone({ 'aria-label': ariaLabel, children, getDropOperation,
  * which package is missing, and nothing opens.
  */
 declare function FileTrigger({ acceptedFileTypes, allowsMultiple, children, defaultCamera, onSelect }: FileTriggerProps): import("react").JSX.Element;
-//#endregion
 export { DropZone, type DropZoneProps, FileTrigger, type FileTriggerProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -11,7 +11,7 @@ import { c } from "react/compiler-runtime";
 import { Platform, Pressable, StyleSheet, Text, View } from "react-native";
 import { useEffect, useEffectEvent, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/drop-zone/index.tsx
+// src/components/drop-zone/index.tsx
 const MIN_HEIGHT = 160;
 const stylesOf = themedStyles(({ colors, radii, spacing, stateLayerOpacity }) => {
 	const disabled = withOpacity(colors.onSurface, stateLayerOpacity.disabledContent);
@@ -298,7 +298,6 @@ function pressOf(getDropOperation, onDrop) {
 function slotsOf(pick) {
 	return { default: pick };
 }
-//#endregion
 export { DropZone, FileTrigger };
 
 //# sourceMappingURL=index.js.map

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

@@ -2,7 +2,6 @@ import { ButtonLinkForm, ButtonPressForm } from "../../button/index.js";
 import { FabSize, FabTone, FabVariant } from "../../fab/index.js";
 import { PressableProps, StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/fab/index.d.ts
 type FabNaming = {
   /**
    * What the FAB does, in words. A FAB without a `label` is an icon
@@ -75,6 +74,5 @@ type FabProps = (ButtonLinkForm | FabPressForm) & FabNaming & Omit<PressableProp
  * site positions over its screen.
  */
 declare function Fab({ accessibilityHint, children, delayLongPress, disableRipple, href, isDisabled, label, onBlur, onFocus, onHoverIn, onHoverOut, onLongPress, onPress, onPressIn, onPressOut, ref, size, slot, style, tone, type, variant, ...props }: FabProps): import("react").JSX.Element;
-//#endregion
 export { Fab, type FabProps, type FabSize, type FabTone, type FabVariant };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/fab/index.js

@@ -8,7 +8,7 @@ import { EXTENDED_FAB_ROLES, FAB_ICON_SIZES, extendedFabSizesOf, fabCornersOf, f
 import { c } from "react/compiler-runtime";
 import { StyleSheet, Text, View } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/fab/index.tsx
+// src/components/fab/index.tsx
 const styles = StyleSheet.create({
 	base: {
 		alignItems: "center",
@@ -240,7 +240,6 @@ function iconStyleOf(color, size) {
 		size: FAB_ICON_SIZES[size]
 	};
 }
-//#endregion
 export { Fab };
 
 //# sourceMappingURL=index.js.map

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

@@ -2,7 +2,6 @@ import { FabSize, FabTone } from "../../fab/index.js";
 import { HostInstance, PressableProps, StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
 import { Key } from "react-stately";
-//#region src/components/fab-menu/index.d.ts
 type FabMenuItemProps = Omit<PressableProps, 'children' | 'disabled' | 'id' | 'role' | 'style'> & {
   /** The action's name, drawn as its label. */
   readonly children: ReactNode;
@@ -115,6 +114,5 @@ declare namespace FabMenuItem {
     type: string;
   }, void, unknown>;
 }
-//#endregion
 export { FabMenu, FabMenuItem, type FabMenuItemProps, type FabMenuProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -17,7 +17,7 @@ import { useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useMenuTriggerState } from "react-stately/useMenuTriggerState";
 import { useTreeState } from "react-stately/useTreeState";
-//#region src/components/fab-menu/index.tsx
+// src/components/fab-menu/index.tsx
 const CLOSE_SIZE = 20;
 const RISE_FROM = 8;
 const HAS_MENU = { "aria-haspopup": "menu" };
@@ -634,7 +634,6 @@ function useRiseIn(placed) {
 	});
 }
 FabMenu.Item = FabMenuItem;
-//#endregion
 export { FabMenu, FabMenuItem };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { View, ViewProps } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/feed/index.d.ts
 type FeedProps = Omit<ViewProps, 'children'> & {
   /**
    * The items, each laid into a cell of its own. An element is one item,
@@ -52,6 +51,5 @@ type FeedProps = Omit<ViewProps, 'children'> & {
  * applies over the feed's own.
  */
 declare function Feed({ children, minItemWidth, style, ...props }: FeedProps): import("react").JSX.Element;
-//#endregion
 export { Feed, type FeedProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/feed/index.js

@@ -4,7 +4,7 @@ import { c } from "react/compiler-runtime";
 import { StyleSheet, View, useWindowDimensions } from "react-native";
 import { Children, Fragment, isValidElement, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/feed/index.tsx
+// src/components/feed/index.tsx
 const DEFAULT_MIN_ITEM_WIDTH = 180;
 const ROUNDING = .5;
 const EPSILON = 1e-6;
@@ -161,7 +161,6 @@ function widthTo(onMeasure) {
 		onMeasure(event.nativeEvent.layout.width);
 	};
 }
-//#endregion
 export { Feed };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { FormValidationBehavior, FormValues, ValidationErrors } from "../../form/index.js";
 import { ReactNode, Ref } from "react";
-//#region src/components/form/index.d.ts
 /** What a form's ref holds. */
 type FormHandle = {
   /**
@@ -80,6 +79,5 @@ type FormProps = {
  * `requestSubmit()` submits it.
  */
 declare function Form({ children, onSubmit, ref, validationBehavior, validationErrors }: FormProps): import("react").JSX.Element;
-//#endregion
 export { Form, type FormHandle, type FormProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/form/index.js

@@ -2,7 +2,7 @@ import { FIELD_VALIDATION_BEHAVIOR, FormContext, createRegistry, submitOf } from
 import { c } from "react/compiler-runtime";
 import { useImperativeHandle, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/form/index.tsx
+// src/components/form/index.tsx
 const NO_ERRORS = {};
 /**
 * A form: the fields inside it and what they are told about validation. Pass
@@ -89,7 +89,6 @@ function Form(t0) {
 	} else t7 = $[14];
 	return t7;
 }
-//#endregion
 export { Form };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { ButtonLinkForm, ButtonPressForm, ButtonToggleForm } from "../../button/index.js";
 import { PressableProps, StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/icon-button/index.d.ts
 type IconButtonProps = (ButtonLinkForm | ButtonPressForm | ButtonToggleForm) & Omit<PressableProps, 'aria-label' | 'children' | 'disabled' | 'style'> & {
   /**
    * What the button does, in words. Required rather than optional: an icon
@@ -65,6 +64,5 @@ type IconButtonVariant = 'filled' | 'outlined' | 'standard' | 'tonal';
  * `style`, `ref` and `testID` land on the `Pressable`.
  */
 declare function IconButton({ accessibilityHint, children, defaultSelected, delayLongPress, disableRipple, hitSlop: ownHitSlop, href, id, isDisabled: ownDisabled, isPending, isSelected, onBlur, onChange, onFocus, onHoverIn, onHoverOut, onLayout, onLongPress, onPress, onPressIn, onPressOut, pendingLabel, ref, size: ownSize, slot, style, type, variant, ...props }: IconButtonProps): import("react").JSX.Element;
-//#endregion
 export { IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant };
 //# sourceMappingURL=index.d.ts.map

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

@@ -11,7 +11,7 @@ import { StyleSheet } from "react-native";
 import Animated, { useSharedValue } from "react-native-reanimated";
 import { use } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/icon-button/index.tsx
+// src/components/icon-button/index.tsx
 const DISABLED = {
 	filled: "filledDisabled",
 	outlined: "outlinedDisabled",
@@ -418,7 +418,6 @@ function iconStyleOf(color, size) {
 		size: ICON_SIZES[size]
 	};
 }
-//#endregion
 export { IconButton };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { View, ViewProps } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/keycap/index.d.ts
 type KeycapProps = Omit<ViewProps, 'children'> & {
   /** The key's name, as the instruction writes it, such as `Enter` or `Esc`. */
   readonly children?: ReactNode;
@@ -22,6 +21,5 @@ type KeycapProps = Omit<ViewProps, 'children'> & {
  * cap's `View`, and a `style` there applies over its own.
  */
 declare function Keycap({ children, style, ...props }: KeycapProps): import("react").JSX.Element;
-//#endregion
 export { Keycap, type KeycapProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/keycap/index.js

@@ -7,7 +7,7 @@ import { c } from "react/compiler-runtime";
 import { Platform, StyleSheet, Text, View } from "react-native";
 import { isValidElement } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/keycap/index.tsx
+// src/components/keycap/index.tsx
 const SHARE = .8125;
 const LINE = 1.4;
 const RULE = 1;
@@ -130,7 +130,6 @@ function spoken(node) {
 	if (node.props.onPress !== void 0 || node.props.children === void 0) return null;
 	return spoken(node.props.children);
 }
-//#endregion
 export { Keycap, sentenceLabel };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { Text, TextProps } from "react-native";
 import { ComponentRef, Ref } from "react";
-//#region src/components/link/index.d.ts
 type LinkProps = Omit<TextProps, 'disabled'> & {
   /**
    * Where the link leads. A press opens it through the `RouterProvider`
@@ -54,6 +53,5 @@ type LinkUnderline = 'always' | 'hover' | 'none';
  * `style`, `ref` and `testID` land on React Native's own Text.
  */
 declare function Link({ href, isDisabled, onPress, style, suppressHighlighting, tone, underline, ...props }: LinkProps): import("react").JSX.Element;
-//#endregion
 export { Link, type LinkProps, type LinkTone, type LinkUnderline };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/link/index.js

@@ -7,7 +7,7 @@ import { c } from "react/compiler-runtime";
 import { Platform, StyleSheet, Text } from "react-native";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/link/index.tsx
+// src/components/link/index.tsx
 const underlines = StyleSheet.create({
 	always: { textDecorationLine: "underline" },
 	hover: { textDecorationLine: "none" },
@@ -185,7 +185,6 @@ function webPropsOf(isDisabled, setHovered, setRingShown) {
 		}
 	};
 }
-//#endregion
 export { Link };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,5 +1,4 @@
 import { CollectionLoadMoreProps, CollectionProps, CollectionRowProps, CollectionSectionProps, loaderNode, rowNode, sectionNode } from "../../collection/index.js";
-//#region src/components/list/index.d.ts
 type ListLoadMoreProps = CollectionLoadMoreProps;
 type ListProps<T extends object = object> = CollectionProps<T>;
 type ListRowProps = CollectionRowProps;
@@ -69,6 +68,5 @@ declare function ListSection(_props: ListSectionProps): null;
 declare namespace ListSection {
   var getCollectionNode: typeof sectionNode;
 }
-//#endregion
 export { List, ListLoadMore, type ListLoadMoreProps, type ListProps, ListRow, type ListRowProps, ListSection, type ListSectionProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/list/index.js

@@ -1,7 +1,7 @@
 import { Collection, loaderNode, rowNode, sectionNode } from "../../collection/index.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/list/index.tsx
+// src/components/list/index.tsx
 /**
 * A list of rows, one or more of which can be selected. Selection is React
 * Stately's, as web's is React Aria's: set `selectionMode` to `single` or
@@ -77,7 +77,6 @@ ListSection.getCollectionNode = sectionNode;
 List.Item = ListRow;
 List.LoadMore = ListLoadMore;
 List.Section = ListSection;
-//#endregion
 export { List, ListLoadMore, ListRow, ListSection };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,5 +1,4 @@
 import { CollectionLoadMoreProps, CollectionProps, CollectionRowProps, CollectionSectionProps, loaderNode, rowNode, sectionNode } from "../../collection/index.js";
-//#region src/components/list-box/index.d.ts
 type ListBoxItemProps = CollectionRowProps;
 type ListBoxLoadMoreProps = CollectionLoadMoreProps;
 type ListBoxProps<T extends object = object> = CollectionProps<T>;
@@ -68,6 +67,5 @@ declare function ListBoxSection(_props: ListBoxSectionProps): null;
 declare namespace ListBoxSection {
   var getCollectionNode: typeof sectionNode;
 }
-//#endregion
 export { ListBox, ListBoxItem, type ListBoxItemProps, ListBoxLoadMore, type ListBoxLoadMoreProps, type ListBoxProps, ListBoxSection, type ListBoxSectionProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,7 +1,7 @@
 import { Collection, loaderNode, rowNode, sectionNode } from "../../collection/index.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/list-box/index.tsx
+// src/components/list-box/index.tsx
 /**
 * A list of options one or more of which can be selected. Selection is React
 * Stately's, as web's is React Aria's: set `selectionMode` to `single` or
@@ -76,7 +76,6 @@ ListBoxSection.getCollectionNode = sectionNode;
 ListBox.Item = ListBoxItem;
 ListBox.LoadMore = ListBoxLoadMore;
 ListBox.Section = ListBoxSection;
-//#endregion
 export { ListBox, ListBoxItem, ListBoxLoadMore, ListBoxSection };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { View, ViewProps } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/list-detail/index.d.ts
 type ListDetailProps = Omit<ViewProps, 'children'> & {
   /**
    * The selected item's content. It stands on its own, and takes the
@@ -51,6 +50,5 @@ type ListDetailProps = Omit<ViewProps, 'children'> & {
  * The stories show the wiring with Expo Router and React Navigation.
  */
 declare function ListDetail({ detail, list, showing, style, ...props }: ListDetailProps): import("react").JSX.Element;
-//#endregion
 export { ListDetail, type ListDetailProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -5,7 +5,7 @@ import { c } from "react/compiler-runtime";
 import { StyleSheet, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/list-detail/index.tsx
+// src/components/list-detail/index.tsx
 const LIST_PANE = 360;
 const LIST_PANE_EXTRA_LARGE = 412;
 const BOTH = /* @__PURE__ */ new Set([
@@ -163,7 +163,6 @@ function Pane(t0) {
 	} else t4 = $[8];
 	return t4;
 }
-//#endregion
 export { ListDetail };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { PressableProps, StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/list-item/index.d.ts
 type InteractiveListItemForm = Omit<PressableProps, 'children' | 'disabled' | 'style'> & {
   /**
    * Makes the row the thing you press: a `Pressable` announced as a button,
@@ -58,6 +57,5 @@ type StaticListItemForm = Omit<ViewProps, 'children' | 'style'> & {
  * own view.
  */
 declare function ListItem(props: ListItemProps): import("react").JSX.Element;
-//#endregion
 export { ListItem, type ListItemProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -6,7 +6,7 @@ import { RowContent, rowStyleOf } from "../../row/index.js";
 import { c } from "react/compiler-runtime";
 import { Pressable, View } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/list-item/index.tsx
+// src/components/list-item/index.tsx
 function InteractiveListItem(t0) {
 	const $ = c(47);
 	let children;
@@ -269,7 +269,6 @@ function StaticListItem(t0) {
 	} else t5 = $[25];
 	return t5;
 }
-//#endregion
 export { ListItem };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, Ref } from "react";
-//#region src/components/loading-indicator/index.d.ts
 type LoadingIndicatorProps = Omit<ViewProps, 'children' | 'style'> & {
   /**
    * Draws the shape on a circular container in the primary container pair,
@@ -27,6 +26,5 @@ type LoadingIndicatorProps = Omit<ViewProps, 'children' | 'style'> & {
  * which is the view a layout positions.
  */
 declare function LoadingIndicator({ contained, style, ...props }: LoadingIndicatorProps): import("react").JSX.Element;
-//#endregion
 export { LoadingIndicator, type LoadingIndicatorProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -8,7 +8,7 @@ import { StyleSheet, View } from "react-native";
 import Animated, { useAnimatedProps, useReducedMotion } from "react-native-reanimated";
 import { jsx } from "react/jsx-runtime";
 import Svg, { Path } from "react-native-svg";
-//#region src/components/loading-indicator/index.tsx
+// src/components/loading-indicator/index.tsx
 const SHAPES = {
 	cookie4Sided: "polygon(79% 50%, 79.1% 52%, 79.6% 54.2%, 80.4% 56.5%, 81.5% 59%, 82.5% 61.8%, 82.9% 64.7%, 82.9% 67.5%, 82.4% 70.3%, 81.5% 72.9%, 80.2% 75.3%, 78.5% 77.5%, 76.4% 79.4%, 74.1% 80.9%, 71.6% 82%, 68.9% 82.7%, 66.1% 83%, 63.2% 82.8%, 60.4% 82.1%, 57.7% 80.9%, 55.3% 79.9%, 53.1% 79.3%, 51% 79%, 49% 79%, 46.9% 79.3%, 44.7% 79.9%, 42.3% 81%, 39.6% 82.1%, 36.8% 82.8%, 33.9% 83%, 31.1% 82.7%, 28.4% 82%, 25.9% 80.9%, 23.6% 79.4%, 21.5% 77.5%, 19.8% 75.3%, 18.5% 72.9%, 17.6% 70.3%, 17.1% 67.5%, 17.1% 64.7%, 17.5% 61.8%, 18.5% 59%, 19.6% 56.5%, 20.4% 54.2%, 20.9% 52%, 21% 50%, 20.9% 48%, 20.4% 45.8%, 19.6% 43.5%, 18.5% 41%, 17.5% 38.2%, 17.1% 35.3%, 17.1% 32.5%, 17.6% 29.7%, 18.5% 27.1%, 19.8% 24.7%, 21.5% 22.5%, 23.6% 20.6%, 25.9% 19.1%, 28.4% 18%, 31.1% 17.3%, 33.9% 17%, 36.8% 17.2%, 39.6% 17.9%, 42.3% 19.1%, 44.7% 20.1%, 46.9% 20.7%, 49% 21%, 51% 21%, 53.1% 20.7%, 55.3% 20.1%, 57.7% 19%, 60.4% 17.9%, 63.2% 17.2%, 66.1% 17%, 68.9% 17.3%, 71.6% 18%, 74.1% 19.1%, 76.4% 20.6%, 78.5% 22.5%, 80.2% 24.7%, 81.5% 27.1%, 82.4% 29.7%, 82.9% 32.5%, 82.9% 35.3%, 82.5% 38.2%, 81.5% 41%, 80.4% 43.5%, 79.6% 45.8%, 79.1% 48%)",
 	cookie9Sided: "polygon(82.5% 50%, 81.4% 52.2%, 80.4% 54.3%, 79.9% 56.4%, 79.8% 58.6%, 80.2% 61%, 80.2% 63.4%, 79.6% 65.8%, 78.6% 67.9%, 77.1% 69.7%, 75.2% 71.1%, 72.9% 72.1%, 70.8% 73.1%, 69.1% 74.4%, 67.6% 76.1%, 66.3% 78.3%, 64.7% 80.1%, 62.7% 81.4%, 60.5% 82.3%, 58.1% 82.6%, 55.7% 82.4%, 53.3% 81.7%, 51.1% 81.2%, 48.9% 81.2%, 46.7% 81.7%, 44.3% 82.4%, 41.9% 82.6%, 39.5% 82.3%, 37.3% 81.4%, 35.3% 80.1%, 33.7% 78.3%, 32.4% 76.1%, 30.9% 74.4%, 29.2% 73.1%, 27.1% 72.1%, 24.8% 71.1%, 22.9% 69.7%, 21.4% 67.9%, 20.4% 65.8%, 19.8% 63.4%, 19.8% 61%, 20.2% 58.6%, 20.1% 56.4%, 19.6% 54.3%, 18.6% 52.2%, 17.5% 50%, 17.1% 47.7%, 17.1% 45.4%, 17.7% 43.1%, 18.7% 41%, 20.3% 39.2%, 22.1% 37.6%, 23.4% 35.9%, 24.4% 34%, 24.9% 31.8%, 25.5% 29.5%, 26.6% 27.4%, 28.1% 25.6%, 29.9% 24.2%, 32% 23.3%, 34.3% 22.8%, 36.7% 22.7%, 38.8% 22.4%, 40.8% 21.6%, 42.6% 20.4%, 44.5% 18.9%, 46.6% 17.9%, 48.9% 17.4%, 51.1% 17.4%, 53.4% 17.9%, 55.5% 18.9%, 57.4% 20.4%, 59.2% 21.6%, 61.2% 22.4%, 63.3% 22.7%, 65.7% 22.8%, 68% 23.3%, 70.1% 24.2%, 71.9% 25.6%, 73.4% 27.4%, 74.5% 29.5%, 75.1% 31.8%, 75.6% 34%, 76.6% 35.9%, 77.9% 37.6%, 79.7% 39.2%, 81.3% 41%, 82.3% 43.1%, 82.9% 45.4%, 82.9% 47.7%)",
@@ -168,7 +168,6 @@ function LoadingIndicator(t0) {
 	} else t9 = $[13];
 	return t9;
 }
-//#endregion
 export { LoadingIndicator };
 
 //# sourceMappingURL=index.js.map

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

@@ -3,7 +3,6 @@ import "../../overlay/index.js";
 import { HostInstance, PressableProps, StyleProp, ViewProps, ViewStyle } from "react-native";
 import { ReactElement, ReactNode, Ref } from "react";
 import { Key, Selection, SelectionMode } from "react-stately";
-//#region src/components/menu/index.d.ts
 type ItemNodeProps = MenuItemProps & {
   readonly submenu?: ReactElement<MenuContentProps>;
 };
@@ -305,6 +304,5 @@ declare namespace MenuSubmenu {
     type: string;
   }, void, unknown>;
 }
-//#endregion
 export { Menu, type MenuAlign, MenuContent, type MenuContentProps, MenuItem, type MenuItemProps, MenuLoadMore, type MenuLoadMoreProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, type MenuSide, MenuSubmenu, type MenuSubmenuProps, type MenuTrigger };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/menu/index.js

@@ -21,7 +21,7 @@ import { Children, createContext, use, useEffect, useId, useRef, useState } from
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useMenuTriggerState, useSubmenuTriggerState } from "react-stately/useMenuTriggerState";
 import { useTreeState } from "react-stately/useTreeState";
-//#region src/components/menu/index.tsx
+// src/components/menu/index.tsx
 const MENU_MIN = 112;
 const MENU_MAX = 280;
 const CHECK_SIZE = 24;
@@ -1270,7 +1270,6 @@ Menu.LoadMore = MenuLoadMore;
 Menu.Section = MenuSection;
 Menu.Separator = MenuSeparator;
 Menu.Submenu = MenuSubmenu;
-//#endregion
 export { Menu, MenuContent, MenuItem, MenuLoadMore, MenuSection, MenuSeparator, MenuSubmenu };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { IndicatorTone } from "../../indicator/index.js";
 import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, Ref } from "react";
-//#region src/components/meter/index.d.ts
 type MeterProps = Omit<ViewProps, 'children' | 'style'> & {
   /**
    * How the value reads.
@@ -69,6 +68,5 @@ type MeterTone = Extract<IndicatorTone, 'negative' | 'positive' | 'primary'>;
  * a whole, which is the view a layout positions.
  */
 declare function Meter({ 'aria-label': ariaLabel, formatOptions, label, locale, maxValue, minValue, showValue, style, tone, value, valueLabel, ...props }: MeterProps): import("react").JSX.Element;
-//#endregion
 export { Meter, type MeterProps, type MeterTone };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/meter/index.js

@@ -6,7 +6,7 @@ import { IndicatorLabels, IndicatorLine, readingOf, useEased, useIndicatorColors
 import { c } from "react/compiler-runtime";
 import { StyleSheet, View } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/meter/index.tsx
+// src/components/meter/index.tsx
 const styles = StyleSheet.create({ line: { alignSelf: "stretch" } });
 /**
 * How full something is, on a scale it names: disk used, storage left, a
@@ -175,7 +175,6 @@ function Meter(t0) {
 	} else t16 = $[44];
 	return t16;
 }
-//#endregion
 export { Meter };
 
 //# sourceMappingURL=index.js.map