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

package/dist/components/navigation-bar/index.d.ts

@@ -1,7 +1,6 @@
 import { NavigationItemProps } from "../../navigation/index.js";
 import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/navigation-bar/index.d.ts
 type NavigationBarItemProps = NavigationItemProps;
 type NavigationBarProps = Omit<ViewProps, 'children' | 'style'> & {
   /** The destinations, each a `NavigationBar.Item`. */
@@ -159,6 +158,5 @@ declare function NavigationBarItem(props: NavigationBarItemProps): import("react
  * `NavigationBar`.
  */
 declare function NavigationTabBar({ descriptors, emitter, insets: _insets, navigateToTab, navigation, state, ...props }: NavigationTabBarProps): import("react").JSX.Element;
-//#endregion
 export { NavigationBar, NavigationBarItem, type NavigationBarItemProps, type NavigationBarProps, NavigationTabBar, type NavigationTabBarProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/navigation-bar/index.js

@@ -7,7 +7,7 @@ import { StyleSheet, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { use, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/navigation-bar/index.tsx
+// src/components/navigation-bar/index.tsx
 const MEASURING_ROOM = 1e4;
 const ICON_SIZE = 24;
 const NO_OPTIONS = {};
@@ -464,7 +464,6 @@ function widthThen(setWidth) {
 	};
 }
 NavigationBar.Item = NavigationBarItem;
-//#endregion
 export { NavigationBar, NavigationBarItem, NavigationTabBar };
 
 //# sourceMappingURL=index.js.map

package/dist/components/navigation-rail/index.d.ts

@@ -1,7 +1,6 @@
 import { NavigationItemProps } from "../../navigation/index.js";
 import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/navigation-rail/index.d.ts
 type NavigationRailItemProps = NavigationItemProps;
 type NavigationRailProps = Omit<ViewProps, 'children' | 'style'> & {
   /** The destinations: `NavigationRail.Item`s. */
@@ -63,6 +62,5 @@ declare namespace NavigationRail {
  * `style`, `ref` and `testID` land on the destination's `Pressable`.
  */
 declare function NavigationRailItem(props: NavigationRailItemProps): import("react").JSX.Element;
-//#endregion
 export { NavigationRail, NavigationRailItem, type NavigationRailItemProps, type NavigationRailProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/navigation-rail/index.js

@@ -7,7 +7,7 @@ import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, w
 import { SafeAreaView } from "react-native-safe-area-context";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/navigation-rail/index.tsx
+// src/components/navigation-rail/index.tsx
 const COLLAPSED_WIDTH = 96;
 const EXPANDED_MIN_WIDTH = 220;
 const EXPANDED_MAX_WIDTH = 360;
@@ -288,7 +288,6 @@ function widthThen(width, reduceMotion, timing) {
 	};
 }
 NavigationRail.Item = NavigationRailItem;
-//#endregion
 export { NavigationRail, NavigationRailItem };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { CollectionProps, CollectionRowProps, CollectionSectionProps, sectionNode } from "../../collection/index.js";
 import { ReactNode } from "react";
 import { Key } from "react-stately";
-//#region src/components/navigation-tree/index.d.ts
 type NavigationTreeItemProps = NavigationTreeItemText & Omit<CollectionRowProps, 'children' | 'onAction' | 'overline' | 'textValue'> & {
   /**
    * The rows nested under this one, as further `NavigationTree.Item`
@@ -112,6 +111,5 @@ declare function navigationItemNode(props: NavigationTreeItemProps): Generator<{
   textValue: string;
   type: string;
 }, void, unknown>;
-//#endregion
 export { NavigationTree, NavigationTreeItem, type NavigationTreeItemProps, type NavigationTreeProps, NavigationTreeSection, type NavigationTreeSectionProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/navigation-tree/index.js

@@ -2,7 +2,7 @@ import { CollectionView, nestedRowNode, sectionNode } from "../../collection/ind
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 import { useTreeState } from "react-stately/useTreeState";
-//#region src/components/navigation-tree/index.tsx
+// src/components/navigation-tree/index.tsx
 /**
 * A nested set of links, with the current one marked. Give the tree a
 * `selectedRoute` and each row an `href`, and the row whose `href` matches is
@@ -129,7 +129,6 @@ function nothing() {
 }
 NavigationTree.Item = NavigationTreeItem;
 NavigationTree.Section = NavigationTreeSection;
-//#endregion
 export { NavigationTree, NavigationTreeItem, NavigationTreeSection };
 
 //# sourceMappingURL=index.js.map

package/dist/components/number-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, Ref } from "react";
-//#region src/components/number-field/index.d.ts
 type NumberFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilityLabel' | 'aria-disabled' | 'aria-label' | 'autoComplete' | 'autoCorrect' | 'children' | 'cursorColor' | 'defaultValue' | 'editable' | 'inputMode' | 'keyboardType' | 'maxLength' | 'multiline' | 'numberOfLines' | 'onChange' | 'onChangeText' | 'placeholder' | 'placeholderTextColor' | 'readOnly' | 'selectionColor' | 'spellCheck' | 'style' | 'underlineColorAndroid' | 'value'> & {
   /**
    * The name of the stepper that lowers the value, for a screen reader. Left
@@ -150,6 +149,5 @@ type NumberFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilit
  * ```
  */
 declare function NumberField({ decrementLabel, defaultValue, description, error, floatingLabel, formatOptions, incrementLabel, inputRef, isDisabled, isReadOnly, isRequired, label, locale, maxValue, minValue, name, numeric, onBlur, onChange, onFocus, onSubmitEditing, ref, returnKeyType, step, steppers, style, validate, value, variant, ...props }: NumberFieldProps): import("react").JSX.Element;
-//#endregion
 export { NumberField, type NumberFieldProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -15,7 +15,7 @@ import { c } from "react/compiler-runtime";
 import { AccessibilityInfo, Platform, Pressable, StyleSheet, View, useWindowDimensions } from "react-native";
 import { useEffect, useId, useImperativeHandle, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/number-field/index.tsx
+// src/components/number-field/index.tsx
 const STEPPER_WIDTH = 32;
 const GLYPH_SIZE = 20;
 const SPIN_DELAY = 600;
@@ -829,7 +829,6 @@ function useStepAnnouncement(text) {
 	} else t2 = $[3];
 	return t2;
 }
-//#endregion
 export { NumberField };
 
 //# sourceMappingURL=index.js.map

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

@@ -2,7 +2,6 @@ import { OverlayAlign, OverlaySide } from "../../overlay/placement.js";
 import "../../overlay/index.js";
 import { HostInstance, StyleProp, TextProps, ViewProps, ViewStyle } from "react-native";
 import { ReactNode, Ref, RefObject } from "react";
-//#region src/components/popover/index.d.ts
 /** Where the panel sits along the side it opens on. */
 type PopoverAlign = OverlayAlign;
 type PopoverContentProps = Omit<ViewProps, 'children' | 'role' | 'style'> & {
@@ -135,6 +134,5 @@ declare function PopoverDescription({ style, ...props }: PopoverDescriptionProps
  * React Native's own Text.
  */
 declare function PopoverTitle({ ref, style, ...props }: PopoverTitleProps): import("react").JSX.Element;
-//#endregion
 export { Popover, type PopoverAlign, PopoverContent, type PopoverContentProps, PopoverDescription, type PopoverDescriptionProps, type PopoverProps, type PopoverSide, type PopoverSize, PopoverTitle, type PopoverTitleProps, type PopoverTrigger };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/popover/index.js

@@ -13,7 +13,7 @@ import Animated from "react-native-reanimated";
 import { createContext, use, useEffect, useId, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useOverlayTriggerState } from "react-stately/useOverlayTriggerState";
-//#region src/components/popover/index.tsx
+// src/components/popover/index.tsx
 const DEFAULT_HOVER_DELAY = 600;
 const DEFAULT_HOVER_CLOSE_DELAY = 200;
 const WIDTHS = {
@@ -698,7 +698,6 @@ function useHoverTrigger(state, delay, closeDelay) {
 Popover.Content = PopoverContent;
 Popover.Description = PopoverDescription;
 Popover.Title = PopoverTitle;
-//#endregion
 export { Popover, PopoverContent, PopoverDescription, PopoverTitle };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { MarkImageProps } from "../../mark/index.js";
 import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, Ref } from "react";
-//#region src/components/product-icon/index.d.ts
 type ProductIconProps = Omit<ViewProps, 'children' | 'style'> & {
   /**
    * Hides the mark from screen readers, for one beside the name of what it
@@ -65,6 +64,5 @@ type ProductIconProps = Omit<ViewProps, 'children' | 'style'> & {
  * one. `style`, `ref` and `testID` land on the square.
  */
 declare function ProductIcon({ size, tone, ...props }: ProductIconProps): import("react").JSX.Element;
-//#endregion
 export { ProductIcon, type ProductIconProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,7 +1,7 @@
 import { Mark } from "../../mark/index.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/product-icon/index.tsx
+// src/components/product-icon/index.tsx
 /**
 * A small square mark identifying something that is not a person, such as
 * an application, a service or a brand. Reach for Avatar when it is a
@@ -54,7 +54,6 @@ function ProductIcon(t0) {
 	} else t3 = $[7];
 	return t3;
 }
-//#endregion
 export { ProductIcon };
 
 //# sourceMappingURL=index.js.map

package/dist/components/progress-indicator/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/progress-indicator/index.d.ts
 type ProgressIndicatorProps = Omit<ViewProps, 'children' | 'style'> & {
   /**
    * How far the work is loaded ahead of the value, a video's buffered
@@ -109,6 +108,5 @@ type ProgressIndicatorVariant = 'circular' | 'linear';
  * view a layout positions.
  */
 declare function ProgressIndicator({ 'aria-label': ariaLabel, buffer, diameter, formatOptions, isIndeterminate, label, locale, maxValue, minValue, shape, showValue, style, tone, value, valueLabel, variant, ...props }: ProgressIndicatorProps): import("react").JSX.Element;
-//#endregion
 export { ProgressIndicator, type ProgressIndicatorProps, type ProgressIndicatorShape, type ProgressIndicatorTone, type ProgressIndicatorVariant };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@ import { I18nManager, StyleSheet, View } from "react-native";
 import Animated, { useAnimatedProps, useAnimatedStyle, useDerivedValue, useReducedMotion } from "react-native-reanimated";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import Svg, { Path } from "react-native-svg";
-//#region src/components/progress-indicator/index.tsx
+// src/components/progress-indicator/index.tsx
 const CIRCULAR_SIZE = 40;
 const RADIUS = 18;
 const ARC_MS = 1333;
@@ -1020,7 +1020,6 @@ function WaveBar(t0) {
 function widthOf(width) {
 	return { width };
 }
-//#endregion
 export { ProgressIndicator };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/radio-group/index.d.ts
 /** Which way a `RadioGroup` lays out its buttons. */
 type RadioGroupOrientation = 'horizontal' | 'vertical';
 type RadioGroupProps = Omit<ViewProps, 'children' | 'style'> & {
@@ -100,6 +99,5 @@ declare function Radio({ 'aria-label': ariaLabel, children, description, isDisab
  * land on the group as a whole, which is the element a layout positions.
  */
 declare function RadioGroup({ children, defaultValue, description, error, isDisabled, isReadOnly, label, onChange, orientation, style, value, ...props }: RadioGroupProps): import("react").JSX.Element;
-//#endregion
 export { Radio, RadioGroup, type RadioGroupOrientation, type RadioGroupProps, type RadioProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -11,7 +11,7 @@ import Animated, { Easing, useAnimatedStyle, useReducedMotion, withTiming } from
 import { createContext, use, useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRadioGroupState } from "react-stately/useRadioGroupState";
-//#region src/components/radio-group/index.tsx
+// src/components/radio-group/index.tsx
 const RING_SIZE = 20;
 const RING_RULE = 2;
 const DOT_SIZE = 10;
@@ -591,7 +591,6 @@ function useRingColor(color) {
 		return { borderColor: reduceMotion ? color : withTiming(color, timing) };
 	});
 }
-//#endregion
 export { Radio, RadioGroup };
 
 //# sourceMappingURL=index.js.map

package/dist/components/range-calendar/index.d.ts

@@ -2,7 +2,6 @@ import { StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, Ref } from "react";
 import { DateDuration } from "@internationalized/date";
 import { DateValue, RangeCalendarProps } from "react-stately/useRangeCalendarState";
-//#region src/components/range-calendar/index.d.ts
 type RangeCalendarProps$1<T extends DateValue = DateValue> = Pick<RangeCalendarProps<T>, 'allowsNonContiguousRanges' | 'defaultFocusedValue' | 'defaultValue' | 'firstDayOfWeek' | 'focusedValue' | 'isDateUnavailable' | 'isDisabled' | 'isReadOnly' | 'maxValue' | 'minValue' | 'onChange' | 'onFocusChange' | 'value'> & {
   /**
    * The calendar's name. The month shown, or the months, is added to it, as
@@ -64,6 +63,5 @@ type RangeCalendarProps$1<T extends DateValue = DateValue> = Pick<RangeCalendarP
  * `style`, `ref` and `testID` land on the container.
  */
 declare function RangeCalendar<T extends DateValue = DateValue>({ 'aria-label': ariaLabel, locale, ref, showMonthYearMenus, style, testID, visibleDuration, ...props }: RangeCalendarProps$1<T>): import("react").JSX.Element;
-//#endregion
 export { RangeCalendar, type RangeCalendarProps$1 as RangeCalendarProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/range-calendar/index.js

@@ -6,7 +6,7 @@ import { View } from "react-native";
 import { jsx } from "react/jsx-runtime";
 import { createCalendar } from "@internationalized/date";
 import { useRangeCalendarState } from "react-stately/useRangeCalendarState";
-//#region src/components/range-calendar/index.tsx
+// src/components/range-calendar/index.tsx
 /**
 * A calendar for picking a range of dates. The value is a `{ start, end }`
 * pair of `@internationalized/date` values, as on web: pass `value` with
@@ -138,7 +138,6 @@ function RangeCalendar(t0) {
 	} else t8 = $[32];
 	return t8;
 }
-//#endregion
 export { RangeCalendar };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { ValidationResult } from "../../form/index.js";
 import { StyleProp, TextInput, TextInputProps, View, ViewStyle } from "react-native";
 import { ComponentRef, Ref } from "react";
-//#region src/components/search-field/index.d.ts
 type SearchFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilityLabel' | 'aria-disabled' | 'aria-label' | 'children' | 'cursorColor' | 'defaultValue' | 'editable' | 'multiline' | 'numberOfLines' | 'onChange' | 'onChangeText' | 'placeholderTextColor' | 'readOnly' | 'returnKeyType' | 'role' | 'selectionColor' | 'style' | 'underlineColorAndroid' | 'value'> & {
   /**
    * The name of the button that clears the field, for a screen reader.
@@ -101,6 +100,5 @@ type SearchFieldProps = Omit<TextInputProps, 'accessibilityHint' | 'accessibilit
  * ```
  */
 declare function SearchField({ clearLabel: ownClearLabel, defaultValue, description, error, inputRef, isDisabled, isRequired, label, name, onBlur, onChange, onClear, onFocus, onKeyPress, onSubmit, onSubmitEditing, ref, style, validate, value, ...props }: SearchFieldProps): import("react").JSX.Element;
-//#endregion
 export { SearchField, type SearchFieldProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -13,7 +13,7 @@ import { c } from "react/compiler-runtime";
 import { Pressable, StyleSheet, View, useWindowDimensions } from "react-native";
 import { use, useId, useImperativeHandle, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/search-field/index.tsx
+// src/components/search-field/index.tsx
 const ICON_SIZE = 24;
 const MAX_WIDTH = 720;
 const stylesOf = themedStyles(({ colors, radii, spacing, stateLayerOpacity }) => StyleSheet.create({
@@ -522,7 +522,6 @@ function submitInto(value, onSubmit, onSubmitEditing) {
 		onSubmitEditing?.(event);
 	};
 }
-//#endregion
 export { SearchField };
 
 //# sourceMappingURL=index.js.map

package/dist/components/search-view/index.d.ts

@@ -1,7 +1,6 @@
 import { AutocompleteProps } from "../autocomplete/index.js";
 import { HostInstance, StyleProp, ViewStyle } from "react-native";
 import { ReactNode, Ref } from "react";
-//#region src/components/search-view/index.d.ts
 type SearchViewContentProps<T extends object = object> = Omit<AutocompleteProps<T>, 'children'> & {
   /**
    * What the back button is called, for a screen reader. Left out, the
@@ -74,6 +73,5 @@ declare namespace SearchView {
  * `style`, `ref` and `testID` land on the view's surface.
  */
 declare function SearchViewContent<T extends object = object>({ backLabel, clearLabel, defaultInputValue, filter, inputValue, label, onInputChange, ...props }: SearchViewContentProps<T>): import("react").JSX.Element | null;
-//#endregion
 export { SearchView, SearchViewContent, type SearchViewContentProps, type SearchViewProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/search-view/index.js

@@ -20,7 +20,7 @@ import { SafeAreaInsetsContext } from "react-native-safe-area-context";
 import { createContext, use, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useOverlayTriggerState } from "react-stately/useOverlayTriggerState";
-//#region src/components/search-view/index.tsx
+// src/components/search-view/index.tsx
 const FULL_HEADER = 72;
 const MIN_WIDTH = 360;
 const MAX_WIDTH = 720;
@@ -565,7 +565,6 @@ function SearchViewPanel(t0) {
 	return t19;
 }
 SearchView.Content = SearchViewContent;
-//#endregion
 export { SearchView, SearchViewContent };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 import { PressableProps, StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
 import { Key } from "react-stately";
-//#region src/components/segmented-button/index.d.ts
 /** A name for the set: its own label, or the id of what labels it. */
 type LabelledBy = {
   readonly 'aria-label': string;
@@ -108,6 +107,5 @@ declare namespace SegmentedButton {
  * `style`, `ref` and `testID` land on the segment's `Pressable`.
  */
 declare function SegmentedButtonSegment({ children, disableRipple, hitSlop: ownHitSlop, icon, id, isDisabled: ownDisabled, onBlur, onFocus, onHoverIn, onHoverOut, onLayout, onPress, onPressIn, onPressOut, style, ...props }: SegmentedButtonSegmentProps): import("react").JSX.Element | null;
-//#endregion
 export { SegmentedButton, type SegmentedButtonProps, SegmentedButtonSegment, type SegmentedButtonSegmentProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -12,7 +12,7 @@ import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, w
 import { Children, Fragment, createContext, isValidElement, use, useLayoutEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useToggleGroupState } from "react-stately/useToggleGroupState";
-//#region src/components/segmented-button/index.tsx
+// src/components/segmented-button/index.tsx
 const GLYPH_SIZE = 18;
 const RULE_WIDTH = 1;
 const CHECK = /* @__PURE__ */ jsx(CheckGlyph, {});
@@ -931,7 +931,6 @@ function useSegmentMotion(t0) {
 	return t7;
 }
 SegmentedButton.Segment = SegmentedButtonSegment;
-//#endregion
 export { SegmentedButton, SegmentedButtonSegment };
 
 //# sourceMappingURL=index.js.map

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

@@ -4,7 +4,6 @@ import { StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
 import { Key } from "react-stately";
 import { ChangeValueType, SelectionMode as SelectionMode$1, ValueType } from "react-stately/useSelectState";
-//#region src/components/select/index.d.ts
 type SelectProps<M extends SelectionMode$1 = 'single'> = {
   /**
    * Lets the list open with no options in it, showing its empty state.
@@ -147,6 +146,5 @@ type SelectProps<M extends SelectionMode$1 = 'single'> = {
  * `testID` the box.
  */
 declare function Select<M extends SelectionMode$1 = 'single'>({ allowsEmptyCollection, defaultOpen, defaultValue, description, disabledKeys, error, floatingLabel, isDisabled, isOpen, isRequired, label, leadingIcon, name, onChange, onOpenChange, options, placeholder, ref, selectionMode, shouldCloseOnSelect, style, testID, validate, value, variant }: SelectProps<M>): import("react").JSX.Element;
-//#endregion
 export { Select, type SelectProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/select/index.js

@@ -15,7 +15,7 @@ import Animated from "react-native-reanimated";
 import { useId, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useSelectState } from "react-stately/useSelectState";
-//#region src/components/select/index.tsx
+// src/components/select/index.tsx
 const SHRINKS = { flexGrow: 0 };
 const stylesOf = themedStyles(({ colors, radii, shadows }) => StyleSheet.create({ list: {
 	backgroundColor: colors.surfaceContainerLow,
@@ -413,7 +413,6 @@ function triggerFor(state, { described, name, setFocused, testID }) {
 		testID
 	};
 }
-//#endregion
 export { Select };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { View, ViewProps } from "react-native";
 import { ComponentRef, Ref } from "react";
-//#region src/components/separator/index.d.ts
 type SeparatorInset = 'both' | 'none' | 'start';
 type SeparatorProps = ViewProps & {
   /**
@@ -41,6 +40,5 @@ type SeparatorProps = ViewProps & {
  * `style` there applies over the rule's own.
  */
 declare function Separator({ inset, orientation: own, style, ...props }: SeparatorProps): import("react").JSX.Element;
-//#endregion
 export { Separator, type SeparatorInset, type SeparatorProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/separator/index.js

@@ -5,7 +5,7 @@ import { c } from "react/compiler-runtime";
 import { StyleSheet, View } from "react-native";
 import { use } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/separator/index.tsx
+// src/components/separator/index.tsx
 const styles = StyleSheet.create({
 	horizontal: {
 		alignSelf: "stretch",
@@ -106,7 +106,6 @@ function Separator(t0) {
 	} else t4 = $[13];
 	return t4;
 }
-//#endregion
 export { Separator };
 
 //# sourceMappingURL=index.js.map

package/dist/components/sheet/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/sheet/index.d.ts
 type SheetBodyProps = ScrollViewProps & {
   readonly ref?: Ref<ComponentRef<typeof ScrollView>>;
 };
@@ -141,6 +140,5 @@ declare function SheetHeader({ style, ...props }: SheetPartProps): import("react
  * `style`, `ref` and `testID` land on React Native's own Text.
  */
 declare function SheetTitle({ ref, style, ...props }: SheetTitleProps): import("react").JSX.Element;
-//#endregion
 export { Sheet, SheetBody, type SheetBodyProps, SheetContent, type SheetContentProps, SheetFooter, SheetHandle, type SheetHandleProps, SheetHeader, type SheetPartProps, type SheetProps, SheetTitle, type SheetTitleProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/sheet/index.js

@@ -14,7 +14,7 @@ import { SafeAreaInsetsContext } from "react-native-safe-area-context";
 import { createContext, use, useEffect, useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Gesture, GestureDetector, GestureHandlerRootView } from "react-native-gesture-handler";
-//#region src/components/sheet/index.tsx
+// src/components/sheet/index.tsx
 const SIDE_WIDTH = 400;
 const TOP_MARGIN = 72;
 const PARTIAL = .5;
@@ -1086,7 +1086,6 @@ Sheet.Footer = SheetFooter;
 Sheet.Handle = SheetHandle;
 Sheet.Header = SheetHeader;
 Sheet.Title = SheetTitle;
-//#endregion
 export { Sheet, SheetBody, SheetContent, SheetFooter, SheetHandle, SheetHeader, SheetTitle };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { StyleProp, View, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
-//#region src/components/slider/index.d.ts
 type SliderProps = {
   /**
    * The slider's name for a screen reader, when no `label` is drawn: a
@@ -106,6 +105,5 @@ type SliderSize = 'lg' | 'md' | 'sm' | 'xl' | 'xs';
  * `<testID>-tap`, which its `getByGestureTestId` finds in a test.
  */
 declare function Slider({ 'aria-label': ariaLabel, defaultValue, formatOptions, icon, isDisabled, label, maxValue, minValue, onChange, onChangeEnd, orientation, ref, showStops, size, step, style, testID, thumbLabels, value }: SliderProps): import("react").JSX.Element;
-//#endregion
 export { Slider, type SliderProps, type SliderSize };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/slider/index.js

@@ -13,7 +13,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { NumberFormatter } from "@internationalized/number";
 import { GestureDetector, GestureHandlerRootView } from "react-native-gesture-handler";
 import { useSliderState } from "react-stately/useSliderState";
-//#region src/components/slider/index.tsx
+// src/components/slider/index.tsx
 const GAP = 6;
 const HANDLE_WIDTH = 4;
 /** The handle's width while it is dragged. */
@@ -667,7 +667,6 @@ function useHandleMotion(dragging, vertical) {
 		return vertical ? { height: to } : { width: to };
 	});
 }
-//#endregion
 export { Slider };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, Ref } from "react";
-//#region src/components/snackbar/index.d.ts
 type ShownMessage = {
   readonly action: SnackbarAction | undefined;
   readonly key: string;
@@ -115,6 +114,5 @@ declare function Snackbar({ closeLabel: ownCloseLabel, queue, style, ...props }:
 declare namespace Snackbar {
   var Queue: typeof SnackbarQueue;
 }
-//#endregion
 export { Snackbar, type SnackbarAction, type SnackbarOptions, type SnackbarProps, type SnackbarQueue };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/snackbar/index.js

@@ -12,7 +12,7 @@ import Animated, { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, w
 import { SafeAreaInsetsContext } from "react-native-safe-area-context";
 import { use, useEffect, useRef, useState, useSyncExternalStore } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/snackbar/index.tsx
+// src/components/snackbar/index.tsx
 const MESSAGE_MS = 5e3;
 const UNTIL_CLOSED = 0;
 const MIN_WIDE = 320;
@@ -536,7 +536,6 @@ function useShownFor(timeout) {
 	return asks ? recommended : timeout;
 }
 Snackbar.Queue = SnackbarQueue;
-//#endregion
 export { Snackbar };
 
 //# sourceMappingURL=index.js.map

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

@@ -3,7 +3,6 @@ import { ButtonProps } from "../button/index.js";
 import { StyleProp, View, ViewProps, ViewStyle } from "react-native";
 import { ComponentRef, ReactNode, Ref } from "react";
 import { Key } from "react-stately";
-//#region src/components/split-button/index.d.ts
 type SplitButtonActionProps = ButtonProps extends (infer Props) ? Props extends unknown ? Omit<Props, 'shape' | 'size' | 'variant'> : never : never;
 type SplitButtonMenuProps = {
   /** What the menu offers, in words: the trailing half is an icon alone. */
@@ -72,6 +71,5 @@ declare function SplitButtonAction(props: SplitButtonActionProps): import("react
  * of alternatives its children describe, below its end edge.
  */
 declare function SplitButtonMenu({ 'aria-label': label, children, defaultOpen, isDisabled, isOpen, onAction, onOpenChange }: SplitButtonMenuProps): import("react").JSX.Element;
-//#endregion
 export { SplitButton, SplitButtonAction, type SplitButtonActionProps, SplitButtonMenu, type SplitButtonMenuProps, type SplitButtonProps, type SplitButtonVariant };
 //# sourceMappingURL=index.d.ts.map

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

@@ -9,7 +9,7 @@ import { c } from "react/compiler-runtime";
 import { StyleSheet, View } from "react-native";
 import { createContext, use, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/split-button/index.tsx
+// src/components/split-button/index.tsx
 const TRAILING_PADDING = {
 	lg: 15,
 	md: 13,
@@ -348,7 +348,6 @@ function SplitButtonMenu(t0) {
 }
 SplitButton.Action = SplitButtonAction;
 SplitButton.Menu = SplitButtonMenu;
-//#endregion
 export { SplitButton, SplitButtonAction, SplitButtonMenu };
 
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,5 @@
 import { View, ViewProps } from "react-native";
 import { ComponentRef, Ref } from "react";
-//#region src/components/stack/index.d.ts
 type StackAlign = 'baseline' | 'center' | 'end' | 'start' | 'stretch';
 type StackGap = 'lg' | 'md' | 'none' | 'sm' | 'xl' | 'xs' | 'xxl' | 'xxs' | 'xxxl';
 type StackJustify = 'around' | 'between' | 'center' | 'end' | 'start';
@@ -65,6 +64,5 @@ type StackProps = ViewProps & {
  * there applies over the stack's own.
  */
 declare function Stack({ align, direction, gap, justify, style, wrap, ...props }: StackProps): import("react").JSX.Element;
-//#endregion
 export { Stack, type StackAlign, type StackGap, type StackJustify, type StackProps };
 //# sourceMappingURL=index.d.ts.map

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