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

package/dist/components/card/index.js

@@ -6,7 +6,7 @@ import { useLinkPress } from "../../router/index.js";
 import { c } from "react/compiler-runtime";
 import { Pressable, StyleSheet, View } from "react-native";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/card/index.tsx
+// src/components/card/index.tsx
 const paddings = themedStyles(({ spacing }) => StyleSheet.create({
 	default: { padding: spacing.lg },
 	none: { padding: 0 }
@@ -309,7 +309,6 @@ function StaticCard(t0) {
 	} else t5 = $[16];
 	return t5;
 }
-//#endregion
 export { Card };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { CarouselLayout } from "../../carousel/arrangement.js";
 import { View, ViewProps } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/carousel/index.d.ts
 type CarouselItemProps = Omit<ViewProps, 'children'> & {
   /** What the item shows: usually an image, which the item masks. */
   readonly children?: ReactNode;
@@ -67,6 +66,5 @@ declare namespace Carousel {
  * cuts what it holds to the width it is drawn at.
  */
 declare function CarouselItem({ children, style, ...props }: CarouselItemProps): import("react").JSX.Element;
-//#endregion
 export { Carousel, CarouselItem, type CarouselItemProps, type CarouselLayout, type CarouselProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/carousel/index.js

@@ -11,7 +11,7 @@ import Animated, { Extrapolation, interpolate, useAnimatedReaction, useAnimatedS
 import { Children, createContext, isValidElement, use, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { scheduleOnRN } from "react-native-worklets";
-//#region src/components/carousel/index.tsx
+// src/components/carousel/index.tsx
 const DEFAULT_ITEM_SIZE = 240;
 const SLACK = .5;
 const SlotContext = createContext(null);
@@ -490,7 +490,6 @@ function widthTo(onMeasure) {
 	};
 }
 Carousel.Item = CarouselItem;
-//#endregion
 export { Carousel, CarouselItem };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/checkbox/index.d.ts
 type CheckboxProps = Omit<ViewProps, 'children' | 'style'> & {
   /**
    * The label, beside the box. A checkbox that a row labels some other way
@@ -77,6 +76,5 @@ type CheckboxProps = Omit<ViewProps, 'children' | 'style'> & {
  * positions.
  */
 declare function Checkbox({ 'aria-label': ariaLabel, children, defaultSelected, description, error, isDisabled: ownDisabled, isIndeterminate, isReadOnly: ownReadOnly, isSelected, onChange, style, value, ...props }: CheckboxProps): import("react").JSX.Element;
-//#endregion
 export { Checkbox, type CheckboxProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/checkbox/index.js

@@ -10,7 +10,7 @@ import { Pressable, View } from "react-native";
 import { use, useEffect, useId, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useToggleState } from "react-stately/useToggleState";
-//#region src/components/checkbox/index.tsx
+// src/components/checkbox/index.tsx
 const LAYERS = {
 	error: {
 		hover: "error",
@@ -312,7 +312,6 @@ function toggleOf(state) {
 		state.toggle();
 	};
 }
-//#endregion
 export { Checkbox };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { ValidationResult } from "../../form/index.js";
 import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/checkbox-group/index.d.ts
 type CheckboxGroupProps = Omit<ViewProps, 'children' | 'style'> & {
   /** The checkboxes, each with a `value` of its own. */
   readonly children?: ReactNode;
@@ -87,6 +86,5 @@ type CheckboxGroupProps = Omit<ViewProps, 'children' | 'style'> & {
  * the element a layout positions.
  */
 declare function CheckboxGroup({ children, defaultValue, description, error, isDisabled, isReadOnly, isRequired, label, name, onChange, style, validate, value, ...props }: CheckboxGroupProps): import("react").JSX.Element;
-//#endregion
 export { CheckboxGroup, type CheckboxGroupProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -11,7 +11,7 @@ import { Platform, StyleSheet, Text, View, useWindowDimensions } from "react-nat
 import { useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCheckboxGroupState } from "react-stately/useCheckboxGroupState";
-//#region src/components/checkbox-group/index.tsx
+// src/components/checkbox-group/index.tsx
 const REQUIRED_MARK = "*";
 const ATOMIC = { "aria-atomic": true };
 const stylesOf = themedStyles(({ colors, spacing, stateLayerOpacity }) => StyleSheet.create({
@@ -300,7 +300,6 @@ function lineOf(id, message) {
 function minHeightOf(minHeight) {
 	return { minHeight };
 }
-//#endregion
 export { CheckboxGroup };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { PressableProps, StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/chip/index.d.ts
 /** An assist or suggestion chip: an action, drawn as a plain button. */
 type ChipActionProps = ChipBaseProps & {
   readonly defaultSelected?: never;
@@ -82,6 +81,5 @@ type ChipVariant = 'assist' | 'filter' | 'suggestion';
  * a row that wraps. `style`, `ref` and `testID` land on the `Pressable`.
  */
 declare function Chip({ accessibilityHint, children, defaultSelected, delayLongPress, elevated, hitSlop, icon, isDisabled, isSelected, onBlur, onChange, onFocus, onHoverIn, onHoverOut, onLayout, onLongPress, onPress, onPressIn, onPressOut, ref, style, variant, ...props }: ChipProps): import("react").JSX.Element;
-//#endregion
 export { Chip, type ChipActionProps, type ChipFilterProps, type ChipProps, type ChipVariant };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/chip/index.js

@@ -7,7 +7,7 @@ import { ChipGlyph, ChipLabel, measureThen, paintOf, targetOf, useEasedColors }
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/chip/index.tsx
+// src/components/chip/index.tsx
 /**
 * A chip. By default a filter chip, which is a two-state button reporting
 * its state as a toggle Button does: pass `isSelected` with `onChange` to
@@ -319,7 +319,6 @@ function Chip(t0) {
 	} else t19 = $[101];
 	return t19;
 }
-//#endregion
 export { Chip };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { PressableProps, StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactElement, ReactNode, Ref } from "react";
 import { Key, Selection, SelectionMode } from "react-stately";
-//#region src/components/chip-group/index.d.ts
 type ChipGroupChipProps = Omit<PressableProps, 'children' | 'disabled' | 'id' | 'style'> & {
   /** The chip's label. */
   readonly children: ReactNode;
@@ -139,6 +138,5 @@ declare namespace ChipGroupChip {
     type: string;
   }, void, unknown>;
 }
-//#endregion
 export { ChipGroup, ChipGroupChip, type ChipGroupChipProps, type ChipGroupProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -13,7 +13,7 @@ import Animated from "react-native-reanimated";
 import { useId, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useListState } from "react-stately/useListState";
-//#region src/components/chip-group/index.tsx
+// src/components/chip-group/index.tsx
 const REMOVE_REACH = {
 	bottom: 3,
 	left: 3,
@@ -665,7 +665,6 @@ function selectThen(state, key, onPress) {
 	};
 }
 ChipGroup.Chip = ChipGroupChip;
-//#endregion
 export { ChipGroup, ChipGroupChip };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { Text, TextProps } from "react-native";
 import { ComponentRef, Ref } from "react";
-//#region src/components/code/index.d.ts
 type CodeProps = TextProps & {
   readonly ref?: Ref<ComponentRef<typeof Text>>;
 };
@@ -20,6 +19,5 @@ type CodeProps = TextProps & {
  * the size.
  */
 declare function Code({ children, style, ...props }: CodeProps): import("react").JSX.Element;
-//#endregion
 export { Code, type CodeProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/code/index.js

@@ -6,7 +6,7 @@ import { TextSizeContext, useTextSize } from "../../typography/size.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet, Text } from "react-native";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/code/index.tsx
+// src/components/code/index.tsx
 const SHARE = .875;
 const stylesOf = themedStyles(({ colors }) => StyleSheet.create({ outside: { color: colors.onSurface } }));
 /**
@@ -81,7 +81,6 @@ function Code(t0) {
 	} else t3 = $[17];
 	return t3;
 }
-//#endregion
 export { Code };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, Ref } from "react";
 import { Color, ColorChannel, ColorSpace } from "react-stately";
-//#region src/components/color-area/index.d.ts
 type ColorAreaProps = {
   /**
    * What the plane is for, which a screen reader hears before each channel's
@@ -80,6 +79,5 @@ type ColorAreaProps = {
  * `value`, and reports a change to the picker before its own `onChange`.
  */
 declare function ColorArea({ 'aria-label': ariaLabel, colorSpace, defaultValue, isDisabled, onChange, onChangeEnd, ref, style, testID, value, xChannel, yChannel }: ColorAreaProps): import("react").JSX.Element;
-//#endregion
 export { ColorArea, type ColorAreaProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -13,7 +13,7 @@ import Svg, { Defs, LinearGradient, Mask, Rect, Stop } from "react-native-svg";
 import { Gesture, GestureDetector, GestureHandlerRootView } from "react-native-gesture-handler";
 import { parseColor } from "react-stately";
 import { useColorAreaState } from "react-stately/useColorAreaState";
-//#region src/components/color-area/index.tsx
+// src/components/color-area/index.tsx
 const SLOP = 10;
 const TARGET = 48;
 const HUES = [
@@ -624,7 +624,6 @@ function usePlaneGesture({ isDisabled, size, state, testID }) {
 	});
 	return Gesture.Race(testID === void 0 ? pan : pan.withTestId(`${testID}-pan`), testID === void 0 ? tap : tap.withTestId(`${testID}-tap`));
 }
-//#endregion
 export { ColorArea };
 
 //# sourceMappingURL=index.js.map

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

@@ -3,7 +3,6 @@ import { FieldVariant } from "../../field/index.js";
 import { StyleProp, TextInput, TextInputProps, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
 import { Color, ColorChannel, ColorSpace } from "react-stately";
-//#region src/components/color-field/index.d.ts
 type ColorFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilityLabel' | 'aria-disabled' | 'aria-label' | 'autoCapitalize' | 'autoComplete' | 'autoCorrect' | 'children' | 'cursorColor' | 'defaultValue' | 'editable' | 'inputMode' | 'keyboardType' | 'maxLength' | 'multiline' | 'numberOfLines' | 'onChange' | 'onChangeText' | 'placeholder' | 'placeholderTextColor' | 'readOnly' | 'selectionColor' | 'spellCheck' | 'style' | 'underlineColorAndroid' | 'value'> & {
   /**
    * The one channel the field holds, as a number in that channel's format,
@@ -139,6 +138,5 @@ type ColorFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibility
  * `value`, and reports a change to the picker before its own `onChange`.
  */
 declare function ColorField({ channel, onChange, value, ...props }: ColorFieldProps): import("react").JSX.Element;
-//#endregion
 export { ColorField, type ColorFieldProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -10,7 +10,7 @@ import { useId, useImperativeHandle, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { parseColor } from "react-stately";
 import { useColorFieldState } from "react-stately/useColorFieldState";
-//#region src/components/color-field/index.tsx
+// src/components/color-field/index.tsx
 const BLACK = parseColor("#000");
 function blurThen(onBlur, then) {
 	return (event) => {
@@ -510,7 +510,6 @@ function HexField(t0) {
 function inSpace(color, space) {
 	return space === void 0 ? color : color.toFormat(space);
 }
-//#endregion
 export { ColorField };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
 import { Color } from "react-stately";
-//#region src/components/color-picker/index.d.ts
 type ColorPickerProps = {
   /** Whether the alpha slider is drawn under the hue one. @default false */
   readonly alpha?: boolean;
@@ -69,6 +68,5 @@ type ColorPickerProps = {
  * places.
  */
 declare function ColorPicker({ alpha, children, defaultOpen, defaultValue, isDisabled, isOpen, label, onChange, onOpenChange, ref, style, testID, value }: ColorPickerProps): import("react").JSX.Element;
-//#endregion
 export { ColorPicker, type ColorPickerProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -18,7 +18,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { parseColor } from "react-stately";
 import { useColorPickerState } from "react-stately/useColorPickerState";
 import { useOverlayTriggerState } from "react-stately/useOverlayTriggerState";
-//#region src/components/color-picker/index.tsx
+// src/components/color-picker/index.tsx
 const SWATCH = 24;
 const SURFACE_WIDTH = 280;
 const CHANNELS = parseColor("hsl(0, 0%, 0%)");
@@ -311,7 +311,6 @@ function pickedOf(state) {
 		value: state.color
 	};
 }
-//#endregion
 export { ColorPicker };
 
 //# sourceMappingURL=index.js.map

package/dist/components/color-slider/index.d.ts

@@ -1,7 +1,6 @@
 import { StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, Ref } from "react";
 import { Color, ColorChannel, ColorSpace } from "react-stately";
-//#region src/components/color-slider/index.d.ts
 type ColorSliderProps = {
   /**
    * The slider's name for a screen reader, when no `label` is drawn. Left
@@ -77,6 +76,5 @@ type ColorSliderProps = {
  * `value`, and reports a change to the picker before its own `onChange`.
  */
 declare function ColorSlider({ 'aria-label': ariaLabel, channel, colorSpace, defaultValue, isDisabled, label, onChange, onChangeEnd, orientation, ref, showValue, style, testID, value }: ColorSliderProps): import("react").JSX.Element;
-//#endregion
 export { ColorSlider, type ColorSliderProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/color-slider/index.js

@@ -14,7 +14,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import Svg, { Defs, LinearGradient, Rect, Stop } from "react-native-svg";
 import { GestureDetector, GestureHandlerRootView } from "react-native-gesture-handler";
 import { useColorSliderState } from "react-stately/useColorSliderState";
-//#region src/components/color-slider/index.tsx
+// src/components/color-slider/index.tsx
 const STRIP = 16;
 const TARGET = 44;
 const MARGIN = 14;
@@ -450,7 +450,6 @@ function valueTextOf(state, channel, locale) {
 	if (channel === "alpha") return words;
 	return `${words}, ${display.getColorName(locale)}`;
 }
-//#endregion
 export { ColorSlider };
 
 //# sourceMappingURL=index.js.map

package/dist/components/color-swatch/index.d.ts

@@ -1,7 +1,6 @@
 import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, Ref } from "react";
 import { Color } from "react-stately";
-//#region src/components/color-swatch/index.d.ts
 type ColorSwatchProps = Omit<ViewProps, 'children' | 'style'> & {
   /**
    * The colour to show: a CSS colour string, or a `Color` from `parseColor`,
@@ -41,6 +40,5 @@ type ColorSwatchProps = Omit<ViewProps, 'children' | 'style'> & {
  * `color` and sits in no `ColorSwatchPicker` item.
  */
 declare function ColorSwatch({ 'aria-label': label, color, colorName, style, ...props }: ColorSwatchProps): import("react").JSX.Element;
-//#endregion
 export { ColorSwatch, type ColorSwatchProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/color-swatch/index.js

@@ -7,7 +7,7 @@ import { c } from "react/compiler-runtime";
 import { StyleSheet, View } from "react-native";
 import { use } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/color-swatch/index.tsx
+// src/components/color-swatch/index.tsx
 const SIZE = 40;
 const stylesOf = themedStyles(({ colors, radii }) => StyleSheet.create({
 	ground: {
@@ -121,7 +121,6 @@ function ColorSwatch(t0) {
 	} else t9 = $[18];
 	return t9;
 }
-//#endregion
 export { ColorSwatch };
 
 //# sourceMappingURL=index.js.map

package/dist/components/color-swatch-picker/index.d.ts

@@ -1,7 +1,6 @@
 import { PressableProps, StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
 import { Color } from "react-stately";
-//#region src/components/color-swatch-picker/index.d.ts
 type ColorSwatchPickerItemProps = Omit<PressableProps, 'children' | 'disabled' | 'style'> & {
   /**
    * What the item draws. A `ColorSwatch` by default, which draws the item's
@@ -76,6 +75,5 @@ declare namespace ColorSwatchPicker {
  * `style`, `ref` and `testID` land on the pressable item around the swatch.
  */
 declare function ColorSwatchPickerItem({ 'aria-label': ariaLabel, children, color: own, isDisabled, onPress, style, ...props }: ColorSwatchPickerItemProps): import("react").JSX.Element;
-//#endregion
 export { ColorSwatchPicker, ColorSwatchPickerItem, type ColorSwatchPickerItemProps, type ColorSwatchPickerLayout, type ColorSwatchPickerProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/color-swatch-picker/index.js

@@ -9,7 +9,7 @@ import { Pressable, StyleSheet, View } from "react-native";
 import { createContext, use } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useColorPickerState } from "react-stately/useColorPickerState";
-//#region src/components/color-swatch-picker/index.tsx
+// src/components/color-swatch-picker/index.tsx
 const SWATCH = 40;
 const RING = 2;
 const FOCUS_OFFSET = 6;
@@ -281,7 +281,6 @@ function ringOf(styled, { hovered, isSelected, pressed }) {
 	return hovered ? styled.hovered : void 0;
 }
 ColorSwatchPicker.Item = ColorSwatchPickerItem;
-//#endregion
 export { ColorSwatchPicker, ColorSwatchPickerItem };
 
 //# sourceMappingURL=index.js.map

package/dist/components/color-wheel/index.d.ts

@@ -1,7 +1,6 @@
 import { StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, Ref } from "react";
 import { Color } from "react-stately";
-//#region src/components/color-wheel/index.d.ts
 type ColorWheelProps = {
   /** What a screen reader calls the wheel, in place of "Hue". */
   readonly 'aria-label'?: string;
@@ -66,6 +65,5 @@ type ColorWheelProps = {
  * `value`, and reports a change to the picker before its own `onChange`.
  */
 declare function ColorWheel({ 'aria-label': ariaLabel, defaultValue, isDisabled, onChange, onChangeEnd, outerRadius, ref, style, testID, thickness, value }: ColorWheelProps): import("react").JSX.Element;
-//#endregion
 export { ColorWheel, type ColorWheelProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/color-wheel/index.js

@@ -12,7 +12,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import Svg, { Path } from "react-native-svg";
 import { Gesture, GestureDetector, GestureHandlerRootView } from "react-native-gesture-handler";
 import { useColorWheelState } from "react-stately/useColorWheelState";
-//#region src/components/color-wheel/index.tsx
+// src/components/color-wheel/index.tsx
 const DEFAULT_OUTER_RADIUS = 100;
 const DEFAULT_THICKNESS = 16;
 const SLOP = 10;
@@ -401,7 +401,6 @@ function useWheelGesture(t0) {
 	const tap = Gesture.Tap().maxDistance(SLOP).enabled(!isDisabled).runOnJS(true).onEnd(t7);
 	return Gesture.Race(testID === void 0 ? pan : pan.withTestId(`${testID}-pan`), testID === void 0 ? tap : tap.withTestId(`${testID}-tap`));
 }
-//#endregion
 export { ColorWheel };
 
 //# sourceMappingURL=index.js.map

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

@@ -5,7 +5,6 @@ import { ComponentRef, ReactElement, ReactNode, Ref } from "react";
 import { Key } from "react-stately";
 import { ComboBoxValidationValue, MenuTriggerAction } from "react-stately/useComboBoxState";
 import { ChangeValueType, ValueType } from "react-stately/useSelectState";
-//#region src/components/combo-box/index.d.ts
 type ComboBoxProps<T extends object = object, M extends ComboBoxSelectionMode = 'single'> = {
   /**
    * Lets the field keep text that matches no option. With it on, the text is
@@ -188,6 +187,5 @@ type ComboBoxSelectionMode = 'multiple' | 'single';
  * as a whole, and `inputRef` and `testID` its `TextInput`.
  */
 declare function ComboBox<T extends object = object, M extends ComboBoxSelectionMode = 'single'>({ allowsCustomValue, allowsEmptyCollection, defaultFilter, defaultInputValue, defaultItems, defaultValue, description, disabledKeys, error, floatingLabel, formValue, inputRef, inputValue, isDisabled, isReadOnly, isRequired, items, label, leadingIcon, menuTrigger, name, onChange, onInputChange, onOpenChange, options, ref, selectionMode, style, testID, validate, value, variant }: ComboBoxProps<T, M>): import("react").JSX.Element;
-//#endregion
 export { ComboBox, type ComboBoxProps, type ComboBoxSelectionMode };
 //# sourceMappingURL=index.d.ts.map

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

@@ -17,7 +17,7 @@ import Animated from "react-native-reanimated";
 import { useId, useImperativeHandle, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useComboBoxState } from "react-stately/useComboBoxState";
-//#region src/components/combo-box/index.tsx
+// src/components/combo-box/index.tsx
 const TOGGLE_SIZE = 24;
 const TOGGLE_SLOP = hitSlop(TOGGLE_SIZE, TOGGLE_SIZE);
 const SHRINKS = { flexGrow: 0 };
@@ -610,7 +610,6 @@ function validationValueOf(state) {
 		value: copyOf(state.value)
 	};
 }
-//#endregion
 export { ComboBox };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { View, ViewProps } from "react-native";
 import { ComponentRef, Ref } from "react";
-//#region src/components/container/index.d.ts
 type ContainerPadding = 'default' | 'none';
 type ContainerProps = ViewProps & {
   /**
@@ -42,6 +41,5 @@ type ContainerProps = ViewProps & {
  * over the container's own.
  */
 declare function Container({ maxInlineSize, padding, style, ...props }: ContainerProps): import("react").JSX.Element;
-//#endregion
 export { Container, type ContainerPadding, type ContainerProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/container/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 } from "react/jsx-runtime";
-//#region src/components/container/index.tsx
+// src/components/container/index.tsx
 const DEFAULT_MAX_INLINE_SIZE = 960;
 const styles = StyleSheet.create({ root: {
 	alignSelf: "center",
@@ -79,7 +79,6 @@ function Container(t0) {
 function measureOf(maxWidth) {
 	return { maxWidth };
 }
-//#endregion
 export { Container };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { View, ViewProps } from "react-native";
 import { ComponentRef, Ref } from "react";
-//#region src/components/copy-field/index.d.ts
 type CopyFieldProps = Omit<ViewProps, 'children'> & {
   /**
    * What the button says once the value has been copied, and what is
@@ -55,6 +54,5 @@ type CopyFieldProps = Omit<ViewProps, 'children'> & {
  * `style`, `ref` and `testID` land on the box.
  */
 declare function CopyField({ copiedLabel: ownCopiedLabel, copyLabel: ownCopyLabel, label, onCopied, onCopyFailed, style, value, ...props }: CopyFieldProps): import("react").JSX.Element;
-//#endregion
 export { CopyField, type CopyFieldProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -9,7 +9,7 @@ import { c } from "react/compiler-runtime";
 import { AccessibilityInfo, Platform, StyleSheet, Text, View } from "react-native";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/copy-field/index.tsx
+// src/components/copy-field/index.tsx
 const COPIED_RESET_MS = 2e3;
 const RESERVE = {
 	accessibilityElementsHidden: true,
@@ -273,7 +273,6 @@ function useCopy(t0) {
 	} else t6 = $[12];
 	return t6;
 }
-//#endregion
 export { CopyField };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { Text, TextProps } from "react-native";
 import { ComponentRef, Ref } from "react";
-//#region src/components/currency/index.d.ts
 type CurrencyProps = Omit<TextProps, 'children'> & {
   /**
    * ISO 4217 code for the currency to format in.
@@ -64,6 +63,5 @@ type CurrencyTone = 'auto' | 'negative' | 'neutral' | 'positive';
  * Native's own Text.
  */
 declare function Currency({ currency, locale, sign, style, tone, value, ...props }: CurrencyProps): import("react").JSX.Element;
-//#endregion
 export { Currency, type CurrencyProps, type CurrencySignDisplay, type CurrencyTone };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/currency/index.js

@@ -6,7 +6,7 @@ import { useLocaleOf } from "../../i18n/provider.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet, Text } from "react-native";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/currency/index.tsx
+// src/components/currency/index.tsx
 const stylesOf = themedStyles(({ colors, typography }) => StyleSheet.create({
 	base: {
 		fontVariant: ["tabular-nums"],
@@ -158,7 +158,6 @@ function signFor(value, sign, shownAsZero) {
 	if (value < 0) return MINUS_SIGN;
 	if (value > 0 && sign === "always") return PLUS_SIGN;
 }
-//#endregion
 export { Currency };
 
 //# sourceMappingURL=index.js.map

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

@@ -2,7 +2,6 @@ import { FieldVariant } from "../../field/index.js";
 import { StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
 import { DateFieldStateOptions, DateValue } from "react-stately/useDateFieldState";
-//#region src/components/date-field/index.d.ts
 type DateFieldProps<T extends DateValue = DateValue> = Pick<DateFieldStateOptions<T>, 'defaultValue' | 'granularity' | 'hideTimeZone' | 'hourCycle' | 'isDateUnavailable' | 'maxValue' | 'minValue' | 'onChange' | 'placeholderValue' | 'shouldForceLeadingZeros' | 'validate' | 'value'> & {
   /**
    * A hint shown under the field. Replaced by `error` when there is one, so
@@ -115,6 +114,5 @@ type DateFieldProps<T extends DateValue = DateValue> = Pick<DateFieldStateOption
  * whole.
  */
 declare function DateField<T extends DateValue = DateValue>({ isDisabled, isReadOnly, isRequired, locale, ...props }: DateFieldProps<T>): import("react").JSX.Element;
-//#endregion
 export { DateField, type DateFieldProps };
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/date-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 { DatePickerStateOptions, DateValue } from "react-stately/useDatePickerState";
-//#region src/components/date-picker/index.d.ts
 type DatePickerProps<T extends DateValue = DateValue> = Pick<DatePickerStateOptions<T>, 'defaultOpen' | 'defaultValue' | 'firstDayOfWeek' | 'granularity' | 'hideTimeZone' | 'hourCycle' | 'isDateUnavailable' | 'isOpen' | 'maxValue' | 'minValue' | 'onChange' | 'onOpenChange' | 'placeholderValue' | 'shouldCloseOnSelect' | 'shouldForceLeadingZeros' | 'validate' | 'value'> & {
   /**
    * A hint shown under the field. Replaced by `error` when there is one, so
@@ -125,6 +124,5 @@ type DatePickerProps<T extends DateValue = DateValue> = Pick<DatePickerStateOpti
  * `style`, `ref` and `testID` land on the picker as a whole.
  */
 declare function DatePicker<T extends DateValue = DateValue>({ defaultOpen, defaultValue, firstDayOfWeek, isDateUnavailable, isDisabled, isOpen, isReadOnly, isRequired, label, locale, maxValue, minValue, onChange, onOpenChange, placeholderValue, shouldCloseOnSelect, showMonthYearMenus, triggerLabel, validate, value, visibleDuration, ...props }: DatePickerProps<T>): import("react").JSX.Element;
-//#endregion
 export { DatePicker, type DatePickerProps };
 //# sourceMappingURL=index.d.ts.map