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

package/dist/components/stack/index.js

@@ -3,7 +3,7 @@ import { composeStyles, themedStyles } from "../../theme/styles.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet, View } from "react-native";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/stack/index.tsx
+// src/components/stack/index.tsx
 const alignments = StyleSheet.create({
 	baseline: { alignItems: "baseline" },
 	center: { alignItems: "center" },
@@ -101,7 +101,6 @@ function Stack(t0) {
 	} else t5 = $[11];
 	return t5;
 }
-//#endregion
 export { Stack };
 
 //# sourceMappingURL=index.js.map

package/dist/components/supporting-pane/index.d.ts

@@ -1,6 +1,5 @@
 import { View, ViewProps } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/supporting-pane/index.d.ts
 type SupportingPaneProps = Omit<ViewProps, 'children'> & {
   /**
    * The primary content. Takes whatever width the supporting pane leaves from
@@ -39,6 +38,5 @@ type SupportingPaneProps = Omit<ViewProps, 'children'> & {
  * applies over the layout's own.
  */
 declare function SupportingPane({ main, placement, style, supporting, ...props }: SupportingPaneProps): import("react").JSX.Element;
-//#endregion
 export { SupportingPane, type SupportingPaneProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/supporting-pane/index.js

@@ -4,7 +4,7 @@ import { useWindowSizeClass } from "../../hooks/useWindowSizeClass.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet, View } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/supporting-pane/index.tsx
+// src/components/supporting-pane/index.tsx
 const SUPPORTING_PANE = 360;
 const BESIDE = /* @__PURE__ */ new Set([
 	"expanded",
@@ -103,7 +103,6 @@ function SupportingPane(t0) {
 	} else t7 = $[17];
 	return t7;
 }
-//#endregion
 export { SupportingPane };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/switch/index.d.ts
 type SwitchProps = Omit<ViewProps, 'children' | 'style'> & {
   /**
    * The label, beside the switch. A switch that a row labels some other way
@@ -71,6 +70,5 @@ type SwitchProps = Omit<ViewProps, 'children' | 'style'> & {
  * `<testID>-drag`, which its `getByGestureTestId` finds in a test.
  */
 declare function Switch({ 'aria-label': ariaLabel, children, defaultSelected, description, error, icon, isDisabled, isReadOnly, isSelected, onChange, style, testID, ...props }: SwitchProps): import("react").JSX.Element;
-//#endregion
 export { Switch, type SwitchProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/switch/index.js

@@ -12,7 +12,7 @@ import { useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useToggleState } from "react-stately/useToggleState";
 import { Gesture, GestureDetector, GestureHandlerRootView } from "react-native-gesture-handler";
-//#region src/components/switch/index.tsx
+// src/components/switch/index.tsx
 const TRACK_WIDTH = 52;
 const TRACK_HEIGHT = 32;
 const TRACK_RULE = 2;
@@ -585,7 +585,6 @@ function useSwitchMotion(t0, t1) {
 	} else t2 = $[3];
 	return t2;
 }
-//#endregion
 export { Switch };
 
 //# sourceMappingURL=index.js.map

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

@@ -3,7 +3,6 @@ import { FlatList, HostInstance, PressableProps, ScrollViewProps, StyleProp, Vie
 import { ReactElement, ReactNode, Ref } from "react";
 import { DisabledBehavior, Key, Node, Selection, SelectionMode, SortDescriptor } from "react-stately";
 import { ColumnSize, ColumnStaticSize } from "react-stately/useTableState";
-//#region src/components/table/index.d.ts
 /**
  * What a part's entry is built with: the columns the header has given so
  * far, which a row reads its cells against.
@@ -386,6 +385,5 @@ declare function TableRow<T extends object = object>(_props: TableRowProps<T>):
 declare namespace TableRow {
   var getCollectionNode: typeof rowNode;
 }
-//#endregion
 export { Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, TableLoadMore, type TableLoadMoreProps, type TableProps, TableRow, type TableRowProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/table/index.js

@@ -19,7 +19,7 @@ import { Children, createContext, isValidElement, use, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Gesture, GestureDetector, GestureHandlerRootView } from "react-native-gesture-handler";
 import { useTableColumnResizeState, useTableState } from "react-stately/useTableState";
-//#region src/components/table/index.tsx
+// src/components/table/index.tsx
 const ROW_HEIGHT = 52;
 const ARROW_SIZE = 18;
 const HANDLE = 24;
@@ -1702,7 +1702,6 @@ Table.Footer = TableFooter;
 Table.Header = TableHeader;
 Table.LoadMore = TableLoadMore;
 Table.Row = TableRow;
-//#endregion
 export { Table, TableBody, TableCell, TableColumn, TableFooter, TableHeader, TableLoadMore, TableRow };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { PressableProps, StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactElement, ReactNode, Ref } from "react";
 import { Key, Orientation } from "react-stately";
-//#region src/components/tabs/index.d.ts
 /** How the bar shares its room among the tabs. */
 type TabsLayout = 'fixed' | 'scrollable';
 type TabsListProps<T extends object = object> = {
@@ -191,6 +190,5 @@ declare function TabsPanel({ children, id, ref, style, testID }: TabsPanelProps)
  * `style`, `ref` and `testID` land on the box.
  */
 declare function TabsPanels({ children, ref, style, testID }: TabsPanelsProps): import("react").JSX.Element;
-//#endregion
 export { Tabs, type TabsLayout, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, TabsPanels, type TabsPanelsProps, type TabsProps, TabsTab, type TabsTabProps, type TabsVariant };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tabs/index.js

@@ -12,7 +12,7 @@ import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, w
 import { Children, createContext, isValidElement, use, useEffect, useId, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useTabListState } from "react-stately/useTabListState";
-//#region src/components/tabs/index.tsx
+// src/components/tabs/index.tsx
 const PRIMARY_THICKNESS = 3;
 const SECONDARY_THICKNESS = 2;
 const LEAST_INDICATOR = 24;
@@ -1131,7 +1131,6 @@ Tabs.List = TabsList;
 Tabs.Panel = TabsPanel;
 Tabs.Panels = TabsPanels;
 Tabs.Tab = TabsTab;
-//#endregion
 export { Tabs, TabsList, TabsPanel, TabsPanels, TabsTab };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { View, ViewProps } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/tag/index.d.ts
 type TagProps = ViewProps & {
   /**
    * What the tag says. A string or a number is drawn as its label, and runs
@@ -53,6 +52,5 @@ type TagVariant = 'filled' | 'outlined';
  * over the tag's own.
  */
 declare function Tag({ children, style, tone, variant, ...props }: TagProps): import("react").JSX.Element;
-//#endregion
 export { Tag, type TagProps, type TagTone, type TagVariant };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tag/index.js

@@ -6,7 +6,7 @@ import { c } from "react/compiler-runtime";
 import { StyleSheet, Text, View } from "react-native";
 import { Children } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/tag/index.tsx
+// src/components/tag/index.tsx
 const styles = StyleSheet.create({ label: {
 	flexShrink: 0,
 	fontVariant: ["tabular-nums"]
@@ -199,7 +199,6 @@ function toneOf(background, border, content) {
 		})
 	};
 }
-//#endregion
 export { Tag };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { TypeRole } from "../../typography/roles.js";
 import { Text, TextProps } from "react-native";
 import { ComponentRef, Ref } from "react";
-//#region src/components/text/index.d.ts
 type TextProps$1 = TextProps & {
   readonly ref?: Ref<ComponentRef<typeof Text>>;
   /**
@@ -39,6 +38,5 @@ type TextProps$1 = TextProps & {
  * own Text.
  */
 declare function Text$1({ children, style, tone, variant, ...props }: TextProps$1): import("react").JSX.Element;
-//#endregion
 export { Text$1 as Text, type TextProps$1 as TextProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/text/index.js

@@ -6,7 +6,7 @@ import { sentenceLabel } from "../keycap/index.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet, Text } from "react-native";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/text/index.tsx
+// src/components/text/index.tsx
 const stylesOf = themedStyles(({ colors }) => StyleSheet.create({
 	error: { color: colors.error },
 	inherit: {},
@@ -100,7 +100,6 @@ function Text$1(t0) {
 	} else t5 = $[17];
 	return t5;
 }
-//#endregion
 export { Text$1 as Text };
 
 //# sourceMappingURL=index.js.map

package/dist/components/text-area/index.d.ts

@@ -2,7 +2,6 @@ import { ValidationResult } from "../../form/index.js";
 import { FieldVariant } from "../../field/index.js";
 import { StyleProp, TextInput, TextInputProps, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/text-area/index.d.ts
 type TextAreaProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilityLabel' | 'aria-disabled' | 'aria-label' | 'children' | 'cursorColor' | 'defaultValue' | 'editable' | 'multiline' | 'numberOfLines' | 'onChange' | 'onChangeText' | 'placeholder' | 'placeholderTextColor' | 'readOnly' | 'rows' | 'selectionColor' | 'style' | 'underlineColorAndroid' | 'value'> & {
   /**
    * Whether the field grows with the text it holds, from `rows` up. `false`
@@ -140,6 +139,5 @@ type TextAreaProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilityLa
  * ```
  */
 declare function TextArea({ autosize, characterCount, characterLimitLabel, defaultValue, description, error, floatingLabel, inputRef, isDisabled, isReadOnly, isRequired, label, leadingIcon, name, onBlur, onChange, onFocus, ref, rows, style, trailingIcon, validate, value, variant, ...props }: TextAreaProps): import("react").JSX.Element;
-//#endregion
 export { TextArea, type TextAreaProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/text-area/index.js

@@ -5,7 +5,7 @@ import { c } from "react/compiler-runtime";
 import { View } from "react-native";
 import { useId, useImperativeHandle, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/text-area/index.tsx
+// src/components/text-area/index.tsx
 function blurThen(onBlur, then) {
 	return (event) => {
 		onBlur();
@@ -225,7 +225,6 @@ function TextArea(t0) {
 	} else t26 = $[58];
 	return t26;
 }
-//#endregion
 export { TextArea };
 
 //# sourceMappingURL=index.js.map

package/dist/components/text-field/index.d.ts

@@ -2,7 +2,6 @@ import { ValidationResult } from "../../form/index.js";
 import { FieldVariant } from "../../field/index.js";
 import { StyleProp, TextInput, TextInputProps, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/text-field/index.d.ts
 type TextFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilityLabel' | 'aria-disabled' | 'aria-label' | 'children' | 'cursorColor' | 'defaultValue' | 'editable' | 'multiline' | 'numberOfLines' | 'onChange' | 'onChangeText' | 'placeholder' | 'placeholderTextColor' | 'readOnly' | 'selectionColor' | 'style' | 'underlineColorAndroid' | 'value'> & {
   /**
    * Counts the characters the field holds at the end of the supporting line,
@@ -144,6 +143,5 @@ type TextFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilityL
  * ```
  */
 declare function TextField({ characterCount, characterLimitLabel, defaultValue, description, error, floatingLabel, inputRef, isDisabled, isReadOnly, isRequired, label, leadingIcon, name, numeric, onBlur, onChange, onFocus, prefix, ref, style, suffix, trailingIcon, validate, value, variant, ...props }: TextFieldProps): import("react").JSX.Element;
-//#endregion
 export { TextField, type TextFieldProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/text-field/index.js

@@ -5,7 +5,7 @@ import { c } from "react/compiler-runtime";
 import { View } from "react-native";
 import { useId, useImperativeHandle, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/text-field/index.tsx
+// src/components/text-field/index.tsx
 function blurThen(onBlur, then) {
 	return (event) => {
 		onBlur();
@@ -225,7 +225,6 @@ function TextField(t0) {
 	} else t25 = $[59];
 	return t25;
 }
-//#endregion
 export { TextField };
 
 //# sourceMappingURL=index.js.map

package/dist/components/time-field/index.d.ts

@@ -1,6 +1,5 @@
 import { DateFieldProps } from "../date-field/index.js";
 import { TimeFieldStateOptions, TimeValue } from "react-stately/useTimeFieldState";
-//#region src/components/time-field/index.d.ts
 type TimeFieldProps<T extends TimeValue = TimeValue> = Omit<DateFieldProps, 'defaultValue' | 'granularity' | 'hideTimeZone' | 'hourCycle' | 'isDateUnavailable' | 'locale' | 'maxValue' | 'minValue' | 'name' | 'onChange' | 'placeholderValue' | 'shouldForceLeadingZeros' | 'validate' | 'value'> & Pick<TimeFieldStateOptions<T>, 'defaultValue' | 'granularity' | 'hideTimeZone' | 'hourCycle' | 'maxValue' | 'minValue' | 'onChange' | 'placeholderValue' | 'shouldForceLeadingZeros' | 'validate' | 'value'> & {
   /**
    * The BCP 47 locale the time is written and typed in: whether it has a
@@ -38,6 +37,5 @@ type TimeFieldProps<T extends TimeValue = TimeValue> = Omit<DateFieldProps, 'def
  * `style`, `ref` and `testID` land on the field as a whole.
  */
 declare function TimeField<T extends TimeValue = TimeValue>({ isDisabled, isReadOnly, isRequired, locale, ...props }: TimeFieldProps<T>): import("react").JSX.Element;
-//#endregion
 export { TimeField, type TimeFieldProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/time-field/index.js

@@ -3,7 +3,7 @@ import { SegmentedField } from "../../segments/field.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { useTimeFieldState } from "react-stately/useTimeFieldState";
-//#region src/components/time-field/index.tsx
+// src/components/time-field/index.tsx
 /**
 * A time typed rather than picked: one segment per part, typed into a digit
 * at a time. The value is an `@internationalized/date` `Time`, as on web:
@@ -101,7 +101,6 @@ function TimeField(t0) {
 	} else t7 = $[23];
 	return t7;
 }
-//#endregion
 export { TimeField };
 
 //# sourceMappingURL=index.js.map

package/dist/components/time-picker/index.d.ts

@@ -1,6 +1,5 @@
 import { TimeFieldProps } from "../time-field/index.js";
 import { TimeValue } from "react-stately/useTimeFieldState";
-//#region src/components/time-picker/index.d.ts
 /** Which of the time pickers page's two variants the modal shows. */
 type TimePickerMode = 'dial' | 'input';
 type TimePickerProps<T extends TimeValue = TimeValue> = Omit<TimeFieldProps<T>, 'trailingIcon'> & {
@@ -60,6 +59,5 @@ type TimePickerProps<T extends TimeValue = TimeValue> = Omit<TimeFieldProps<T>,
  * `style`, `ref` and `testID` land on the field as a whole.
  */
 declare function TimePicker<T extends TimeValue = TimeValue>({ cancelLabel, confirmLabel, defaultMode, defaultOpen, enterTimeLabel, isDisabled, isOpen, isReadOnly, isRequired, locale, onOpenChange, selectTimeLabel, ...props }: TimePickerProps<T>): import("react").JSX.Element;
-//#endregion
 export { TimePicker, type TimePickerMode, type TimePickerProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/time-picker/index.js

@@ -24,7 +24,7 @@ import { DateFormatter, Time, getLocalTimeZone, toCalendarDateTime, today } from
 import { Gesture, GestureDetector, GestureHandlerRootView } from "react-native-gesture-handler";
 import { useOverlayTriggerState } from "react-stately/useOverlayTriggerState";
 import { useTimeFieldState } from "react-stately/useTimeFieldState";
-//#region src/components/time-picker/index.tsx
+// src/components/time-picker/index.tsx
 const DIAL = 256;
 const CENTRE = DIAL / 2;
 const OUTER_RING = 101;
@@ -1162,7 +1162,6 @@ function usesTwelveHours(locale, hourCycle) {
 	if (hourCycle !== void 0) return hourCycle === 12;
 	return new DateFormatter(locale, { hour: "numeric" }).resolvedOptions().hour12 ?? false;
 }
-//#endregion
 export { TimePicker };
 
 //# sourceMappingURL=index.js.map

package/dist/components/token-field/index.d.ts

@@ -2,7 +2,6 @@ import { FieldVariant } from "../../field/index.js";
 import { StyleProp, TextInput, TextInputProps, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
 import { TokenFieldValue, TokenSegment } from "react-stately";
-//#region src/components/token-field/index.d.ts
 type TokenFieldProps<T extends TokenFieldValue = TokenFieldValue> = Omit<TextInputProps, 'accessibilityHint' | 'accessibilityLabel' | 'aria-disabled' | 'aria-label' | 'children' | 'cursorColor' | 'defaultValue' | 'editable' | 'maxLength' | 'multiline' | 'numberOfLines' | 'onChange' | 'onChangeText' | 'placeholder' | 'placeholderTextColor' | 'readOnly' | 'rows' | 'selectionColor' | 'style' | 'underlineColorAndroid' | 'value'> & {
   /** The value the field opens with, when it keeps its own. */
   readonly defaultValue?: T;
@@ -100,6 +99,5 @@ type TokenFieldProps<T extends TokenFieldValue = TokenFieldValue> = Omit<TextInp
  * are the field as a whole, and `inputRef` the control.
  */
 declare function TokenField<T extends TokenFieldValue = TokenFieldValue>({ defaultValue, description, error, floatingLabel, inputRef, isDisabled, isReadOnly, label, leadingIcon, onBlur, onChange, onFocus, onKeyPress, ref, renderToken, style, trailingIcon, value, variant, ...props }: TokenFieldProps<T>): import("react").JSX.Element;
-//#endregion
 export { TokenField, type TokenFieldProps, type TokenSegment };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/token-field/index.js

@@ -13,7 +13,7 @@ import { StyleSheet, Text, View, useWindowDimensions } from "react-native";
 import { useId, useImperativeHandle, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTokenFieldState } from "react-stately";
-//#region src/components/token-field/index.tsx
+// src/components/token-field/index.tsx
 const CONTROL_ROOM = 3;
 const styles = StyleSheet.create({
 	control: {
@@ -568,7 +568,6 @@ function withTrailing(value, text) {
 		offset: segments[end]?.text.length ?? 0
 	}, text);
 }
-//#endregion
 export { TokenField };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/toolbar/index.d.ts
 type ToolbarProps = Omit<ViewProps, 'children' | 'style'> & {
   /** The controls, and any rule between them. */
   readonly children?: ReactNode;
@@ -48,6 +47,5 @@ type ToolbarTone = 'neutral' | 'vibrant';
  * positions.
  */
 declare function Toolbar({ children, orientation, style, tone, ...props }: ToolbarProps): import("react").JSX.Element;
-//#endregion
 export { Toolbar, type ToolbarProps, type ToolbarTone };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/toolbar/index.js

@@ -5,7 +5,7 @@ import { SeparatorOrientationContext } from "../../separator/index.js";
 import { c } from "react/compiler-runtime";
 import { Platform, StyleSheet, View } from "react-native";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/toolbar/index.tsx
+// src/components/toolbar/index.tsx
 const ICON_SIZE = 24;
 const VERTICAL = { "aria-orientation": "vertical" };
 const stylesOf = themedStyles(({ colors, radii, spacing }) => StyleSheet.create({
@@ -179,7 +179,6 @@ function Toolbar(t0) {
 	} else t11 = $[36];
 	return t11;
 }
-//#endregion
 export { Toolbar };
 
 //# sourceMappingURL=index.js.map

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

@@ -2,7 +2,6 @@ import { OverlayAlign, OverlaySide } from "../../overlay/placement.js";
 import "../../overlay/index.js";
 import { HostInstance, StyleProp, ViewStyle } from "react-native";
 import { ReactNode, Ref } from "react";
-//#region src/components/tooltip/index.d.ts
 /** Where the tooltip sits along the side it opens on. */
 type TooltipAlign = OverlayAlign;
 type TooltipProps = {
@@ -97,6 +96,5 @@ type TooltipSide = OverlaySide;
  * `style`, `ref` and `testID` land on the tooltip itself.
  */
 declare function Tooltip({ align, alignOffset, children, closeDelay, defaultOpen, delay, isDisabled, isOpen, label, onOpenChange, ref, shouldCloseOnPress, side, sideOffset, style, testID, trigger }: TooltipProps): import("react").JSX.Element;
-//#endregion
 export { Tooltip, type TooltipAlign, type TooltipProps, type TooltipSide };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tooltip/index.js

@@ -11,7 +11,7 @@ import Animated from "react-native-reanimated";
 import { useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useTooltipTriggerState } from "react-stately/useTooltipTriggerState";
-//#region src/components/tooltip/index.tsx
+// src/components/tooltip/index.tsx
 const DEFAULT_DELAY = 1500;
 const DEFAULT_CLOSE_DELAY = 500;
 const MAX_WIDTH = 320;
@@ -217,7 +217,6 @@ function TooltipSurface(t0) {
 	} else t8 = $[16];
 	return t8;
 }
-//#endregion
 export { Tooltip };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { CollectionLoadMoreProps, CollectionProps, CollectionRowProps, CollectionSectionProps, loaderNode, sectionNode } from "../../collection/index.js";
 import { ReactNode } from "react";
 import { Key } from "react-stately";
-//#region src/components/tree/index.d.ts
 type TreeItemProps = Omit<CollectionRowProps, 'children' | 'overline' | 'textValue'> & TreeItemText & {
   /** The rows nested under this one, as further `Tree.Item` parts. */
   readonly children?: ReactNode;
@@ -107,6 +106,5 @@ declare function treeItemNode(props: TreeItemProps): Generator<{
   textValue: string;
   type: string;
 }, void, unknown>;
-//#endregion
 export { Tree, TreeItem, type TreeItemProps, TreeLoadMore, type TreeLoadMoreProps, type TreeProps, TreeSection, type TreeSectionProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/tree/index.js

@@ -2,7 +2,7 @@ import { CollectionView, loaderNode, nestedRowNode, sectionNode } from "../../co
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { useTreeState } from "react-stately/useTreeState";
-//#region src/components/tree/index.tsx
+// src/components/tree/index.tsx
 /**
 * A list whose rows nest. Which rows are open is React Stately's, as web's
 * is React Aria's: pass `expandedKeys` with `onExpandedChange` to control
@@ -151,7 +151,6 @@ function treeItemNode(props) {
 Tree.Item = TreeItem;
 Tree.LoadMore = TreeLoadMore;
 Tree.Section = TreeSection;
-//#endregion
 export { Tree, TreeItem, TreeLoadMore, TreeSection };
 
 //# sourceMappingURL=index.js.map

package/dist/control/checkbox-box.js

@@ -6,7 +6,7 @@ import { c } from "react/compiler-runtime";
 import { StyleSheet } from "react-native";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, withTiming } from "react-native-reanimated";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-//#region src/control/checkbox-box.tsx
+// src/control/checkbox-box.tsx
 const BOX_SIZE = 18;
 const styles = StyleSheet.create({ box: {
 	borderRadius: 2,
@@ -131,7 +131,6 @@ function useBoxColors(t0) {
 		};
 	});
 }
-//#endregion
 export { CheckboxBox };
 
 //# sourceMappingURL=checkbox-box.js.map

package/dist/control/group.js

@@ -1,5 +1,5 @@
 import { createContext } from "react";
-//#region src/control/group.ts
+// src/control/group.ts
 const CheckboxGroupContext = createContext(null);
 /** An empty list of a group's checkboxes, made once per group. */
 function createMembers() {
@@ -17,7 +17,6 @@ function createMembers() {
 		}
 	};
 }
-//#endregion
 export { CheckboxGroupContext, createMembers };
 
 //# sourceMappingURL=group.js.map

package/dist/control/index.js

@@ -5,7 +5,7 @@ import { controlStylesOf } from "./styles.js";
 import { c } from "react/compiler-runtime";
 import { Platform, Text, View } from "react-native";
 import { jsx } from "react/jsx-runtime";
-//#region src/control/index.tsx
+// src/control/index.tsx
 const HIDDEN = {
 	accessibilityElementsHidden: true,
 	importantForAccessibility: "no-hide-descendants"
@@ -111,7 +111,6 @@ function messageOf(description, error) {
 	const message = error ?? description;
 	return message === "" ? void 0 : message;
 }
-//#endregion
 export { ControlLabel, ControlMessage, describedBy, messageOf };
 
 //# sourceMappingURL=index.js.map

package/dist/control/styles.js

@@ -30,7 +30,6 @@ const controlStylesOf = themedStyles(({ colors, radii, spacing, stateLayerOpacit
 		minHeight: 40
 	}
 }));
-//#endregion
 export { controlStylesOf };
 
 //# sourceMappingURL=styles.js.map

package/dist/disclosure/chevron.js

@@ -5,7 +5,7 @@ import { I18nManager } from "react-native";
 import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from "react-native-reanimated";
 import { useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/disclosure/chevron.tsx
+// src/disclosure/chevron.tsx
 /**
 * The chevron of something that opens in place, a Disclosure's header or a
 * Tree's row, pointing at what it opens and turned a quarter to point down
@@ -69,7 +69,6 @@ function ExpandChevron(t0) {
 	} else t4 = $[10];
 	return t4;
 }
-//#endregion
 export { ExpandChevron };
 
 //# sourceMappingURL=chevron.js.map

package/dist/disclosure/index.js

@@ -1,7 +1,6 @@
 import { createContext } from "react";
-//#region src/disclosure/index.ts
+// src/disclosure/index.ts
 const DisclosureGroupStateContext = createContext(null);
-//#endregion
 export { DisclosureGroupStateContext };
 
 //# sourceMappingURL=index.js.map

package/dist/drop/index.d.ts

@@ -1,5 +1,4 @@
 import { PickedFile } from "../files/index.js";
-//#region src/drop/index.d.ts
 /** The kinds of thing a drag carries, asked about one MIME type at a time. */
 type DragTypes = {
   readonly has: (type: string) => boolean;
@@ -49,6 +48,5 @@ type TextDropItem = {
 declare function isFileDropItem(item: DropItem): item is FileDropItem;
 /** Whether an item is dropped text, for picking it out of a drop. */
 declare function isTextDropItem(item: DropItem): item is TextDropItem;
-//#endregion
 export { type DragTypes, type DropEnterEvent, type DropEvent, type DropExitEvent, type DropItem, type DropOperation, type FileDropItem, type TextDropItem, isFileDropItem, isTextDropItem };
 //# sourceMappingURL=index.d.ts.map

package/dist/drop/index.js

@@ -1,4 +1,4 @@
-//#region src/drop/index.ts
+// src/drop/index.ts
 const EVERY = [
 	"copy",
 	"link",
@@ -155,7 +155,6 @@ function watchDrops(target, handlers, isDisabled, setOver) {
 		target.removeEventListener("drop", onDrop);
 	};
 }
-//#endregion
 export { fileItemOf, isDropTarget, isFileDropItem, isTextDropItem, operationOf, typesOf, watchDrops };
 
 //# sourceMappingURL=index.js.map

package/dist/fab/index.d.ts

@@ -1,7 +1,6 @@
 import "../button/palettes.js";
 import "../typography/roles.js";
 import { ViewStyle } from "react-native";
-//#region src/fab/index.d.ts
 /**
  * The pages' three sizes: `md` the FAB at 56dp, `lg` the medium FAB at 80dp
  * and `xl` the large FAB at 96dp.
@@ -14,6 +13,5 @@ type FabTone = 'primary' | 'secondary' | 'tertiary';
  * draws the tone itself.
  */
 type FabVariant = 'filled' | 'tonal';
-//#endregion
 export type { FabSize, FabTone, FabVariant };
 //# sourceMappingURL=index.d.ts.map

package/dist/fab/index.js

@@ -1,7 +1,7 @@
 import { themedStyles } from "../theme/styles.js";
 import { palettesOf } from "../button/palettes.js";
 import { StyleSheet } from "react-native";
-//#region src/fab/index.ts
+// src/fab/index.ts
 const MEDIUM_SIZE = 80;
 const MEDIUM_CORNER = 20;
 /** The icon each size draws, from the pages' size token sets. */
@@ -141,7 +141,6 @@ function palettesFor(pairs) {
 		tertiary: palette(pairs.tertiary)
 	};
 }
-//#endregion
 export { EXTENDED_FAB_ROLES, FAB_ICON_SIZES, extendedFabSizesOf, fabColorsOf, fabCornersOf, fabPalettesOf, fabShadowOf, fabSizesOf };
 
 //# sourceMappingURL=index.js.map