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

package/dist/number/state.js

@@ -2,7 +2,7 @@ import { NumberParser } from "./parser.js";
 import { c } from "react/compiler-runtime";
 import { useState } from "react";
 import { NumberFormatter } from "@internationalized/number";
-//#region src/number/state.ts
+// src/number/state.ts
 function clamp(value, min = -Infinity, max = Infinity) {
 	return Math.min(Math.max(value, min), max);
 }
@@ -229,7 +229,6 @@ function useNumberFieldState(t0) {
 	} else t15 = $[44];
 	return t15;
 }
-//#endregion
 export { useNumberFieldState };
 
 //# sourceMappingURL=state.js.map

package/dist/overlay/anchored.js

@@ -6,7 +6,7 @@ import { c } from "react/compiler-runtime";
 import { Dimensions, I18nManager, useWindowDimensions } from "react-native";
 import { SafeAreaInsetsContext } from "react-native-safe-area-context";
 import { use, useEffect, useState } from "react";
-//#region src/overlay/anchored.ts
+// src/overlay/anchored.ts
 const HIDDEN = {
 	left: 0,
 	opacity: 0,
@@ -206,7 +206,6 @@ function useAnchoredPlacement(t0) {
 	} else t14 = $[38];
 	return t14;
 }
-//#endregion
 export { useAnchoredPlacement };
 
 //# sourceMappingURL=anchored.js.map

package/dist/overlay/host.js

@@ -4,7 +4,7 @@ import { c } from "react/compiler-runtime";
 import { StyleSheet, View } from "react-native";
 import { createContext, use, useId, useLayoutEffect, useState, useSyncExternalStore } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/overlay/host.tsx
+// src/overlay/host.tsx
 const OverlayHostContext = createContext(null);
 const styles = StyleSheet.create({ fill: {
 	bottom: 0,
@@ -177,7 +177,6 @@ function storeFor() {
 		}
 	};
 }
-//#endregion
 export { Overlay, OverlayHost, OverlayHostContext };
 
 //# sourceMappingURL=host.js.map

package/dist/overlay/keyboard.js

@@ -1,7 +1,7 @@
 import { c } from "react/compiler-runtime";
 import { Keyboard, Platform } from "react-native";
 import { useEffect, useState } from "react";
-//#region src/overlay/keyboard.ts
+// src/overlay/keyboard.ts
 function topOf(metrics) {
 	return metrics === void 0 || metrics === null || metrics.height === 0 ? null : metrics.screenY;
 }
@@ -51,7 +51,6 @@ function watchKeyboard(listener) {
 		for (const subscription of subscriptions) subscription.remove();
 	};
 }
-//#endregion
 export { useKeyboardTop, watchKeyboard };
 
 //# sourceMappingURL=keyboard.js.map

package/dist/overlay/panel.js

@@ -4,7 +4,7 @@ import { AccessibilityInfo, BackHandler, I18nManager, Platform, Pressable, Style
 import { Easing, useAnimatedStyle, useReducedMotion, useSharedValue, withTiming } from "react-native-reanimated";
 import { useEffect, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/overlay/panel.tsx
+// src/overlay/panel.tsx
 const SCALE_FROM = .95;
 /** The edge a panel grows from, the one facing its anchor. */
 const PANEL_ORIGINS = {
@@ -363,7 +363,6 @@ function useReturnFocus(present, quiet, trigger) {
 	} else t1 = $[7];
 	useEffect(t0, t1);
 }
-//#endregion
 export { DismissLayer, PANEL_ORIGINS, useBackToClose, useFocusOnPlaced, usePanelMotion, usePanelShown, usePanelStyle, useReturnFocus };
 
 //# sourceMappingURL=panel.js.map

package/dist/overlay/placement.d.ts

@@ -1,8 +1,6 @@
-//#region src/overlay/placement.d.ts
 /** Where along that side it lines up with the anchor. */
 type OverlayAlign = 'center' | 'end' | 'start';
 /** Which side of the anchor a surface opens on. */
 type OverlaySide = 'bottom' | 'left' | 'right' | 'top';
-//#endregion
 export type { OverlayAlign, OverlaySide };
 //# sourceMappingURL=placement.d.ts.map

package/dist/overlay/placement.js

@@ -1,4 +1,4 @@
-//#region src/overlay/placement.ts
+// src/overlay/placement.ts
 const OPPOSITE = {
 	bottom: "top",
 	left: "right",
@@ -95,7 +95,6 @@ function within(position, start, length, size) {
 	if (position + size > start + length) return Math.max(start + length - size, start);
 	return position;
 }
-//#endregion
 export { aboveKeyboard, boundsOf, place };
 
 //# sourceMappingURL=placement.js.map

package/dist/picker/index.js

@@ -14,7 +14,7 @@ import Animated, { useAnimatedStyle } from "react-native-reanimated";
 import { SafeAreaInsetsContext } from "react-native-safe-area-context";
 import { use, useEffect, useEffectEvent, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/picker/index.tsx
+// src/picker/index.tsx
 const stylesOf = themedStyles(({ colors, radii, shadows }) => StyleSheet.create({
 	layout: {
 		alignItems: "center",
@@ -316,7 +316,6 @@ function useFocusOnceReady(ready, target) {
 	} else t2 = $[6];
 	useEffect(t1, t2);
 }
-//#endregion
 export { PickerPopup, PickerTrigger, roomOf };
 
 //# sourceMappingURL=index.js.map

package/dist/press/index.js

@@ -352,7 +352,6 @@ function usePressFeedback(t0) {
 	} else t22 = $[58];
 	return t22;
 }
-//#endregion
 export { hitSlop, usePressFeedback };
 
 //# sourceMappingURL=index.js.map

package/dist/press/styles.js

@@ -1,6 +1,6 @@
 import { themedStyles } from "../theme/styles.js";
 import { StyleSheet } from "react-native";
-//#region src/press/styles.ts
+// src/press/styles.ts
 const stylesOf = themedStyles(({ colors }) => StyleSheet.create({ ring: {
 	outlineColor: colors.primary,
 	outlineOffset: 2,
@@ -25,7 +25,6 @@ const styles = StyleSheet.create({
 		top: 0
 	}
 });
-//#endregion
 export { styles, stylesOf };
 
 //# sourceMappingURL=styles.js.map

package/dist/ref/index.js

@@ -1,4 +1,4 @@
-//#region src/ref/index.ts
+// src/ref/index.ts
 /**
 * A ref callback that hands its node to every ref given, a callback or an
 * object alike, in the order given.
@@ -9,7 +9,6 @@ function refsOf(...refs) {
 		else if (ref !== null && ref !== void 0) ref.current = node;
 	};
 }
-//#endregion
 export { refsOf };
 
 //# sourceMappingURL=index.js.map

package/dist/router/index.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from "react";
-//#region src/router/index.d.ts
 type Navigate = (href: string) => void;
 type RouterProviderProps = {
   readonly children?: ReactNode;
@@ -23,6 +22,5 @@ type RouterProviderProps = {
  * ```
  */
 declare function RouterProvider({ children, navigate }: RouterProviderProps): import("react").JSX.Element;
-//#endregion
 export { RouterProvider, type RouterProviderProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/router/index.js

@@ -2,7 +2,7 @@ import { c } from "react/compiler-runtime";
 import { Linking } from "react-native";
 import { createContext, use } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/router/index.tsx
+// src/router/index.tsx
 const SCHEME = /^[a-z][\d+.a-z-]*:/iu;
 const RouterContext = createContext(null);
 async function openExternally(href) {
@@ -76,7 +76,6 @@ function useOpenLink() {
 		else navigate(href);
 	};
 }
-//#endregion
 export { RouterProvider, useLinkPress, useOpenLink };
 
 //# sourceMappingURL=index.js.map

package/dist/row/index.js

@@ -7,7 +7,7 @@ import { c } from "react/compiler-runtime";
 import { Text, View } from "react-native";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/row/index.tsx
+// src/row/index.tsx
 const ICON_SIZE = 24;
 const SELECTED_CONTAINER = {
 	drawer: "selectedDrawer",
@@ -160,7 +160,6 @@ function rowStyleOf(theme, { isSelected = false, overline, supporting, variant =
 	const lines = (hasContent(overline) ? 1 : 0) + (hasContent(supporting) ? 1 : 0);
 	return composeStyles(own.base, own[variant], lines === 1 ? own.twoLine : void 0, lines === 2 ? own.threeLine : void 0, isSelected ? own[SELECTED_CONTAINER[variant]] : void 0);
 }
-//#endregion
 export { RowContent, hasContent, rowContentColor, rowStyleOf, rowStyles };
 
 //# sourceMappingURL=index.js.map

package/dist/row/styles.js

@@ -1,7 +1,7 @@
 import { themedStyles } from "../theme/styles.js";
 import { withOpacity } from "../theme/color.js";
 import { StyleSheet } from "react-native";
-//#region src/row/styles.ts
+// src/row/styles.ts
 const SELECTED_CONTENT = {
 	drawer: "onSecondaryContainer",
 	list: "onPrimaryContainer",
@@ -56,7 +56,6 @@ function rowContentColor({ colors, stateLayerOpacity }, { isDisabled = false, is
 	if (isSelected) return colors[SELECTED_CONTENT[variant]];
 	return colors.onSurface;
 }
-//#endregion
 export { rowContentColor, rowStyles, rowStylesOf };
 
 //# sourceMappingURL=styles.js.map

package/dist/segments/field.js

@@ -10,7 +10,7 @@ import { c } from "react/compiler-runtime";
 import { Text, View } from "react-native";
 import { useId, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/segments/field.tsx
+// src/segments/field.tsx
 function arrivedOf({ leaving, onFocus, setFocused }) {
 	return () => {
 		if (leaving.current === void 0) {
@@ -271,7 +271,6 @@ function SegmentedField(props) {
 	} else t0 = $[2];
 	return t0;
 }
-//#endregion
 export { SegmentedField };
 
 //# sourceMappingURL=field.js.map

package/dist/segments/index.js

@@ -11,7 +11,7 @@ import { I18nManager, Platform, Pressable, StyleSheet, Text, TextInput } from "r
 import { createElement, useEffect, useEffectEvent, useId, useImperativeHandle, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { CalendarDate, DateFormatter, toCalendar } from "@internationalized/date";
-//#region src/segments/index.tsx
+// src/segments/index.tsx
 const ADJUSTABLE = [{ name: "increment" }, { name: "decrement" }];
 const INVISIBLE = /[\s\u061C\u200E\u200F\u202A-\u202E\u2066-\u2069]/gu;
 const SENTINEL = " ";
@@ -568,7 +568,6 @@ function webStateOf(isInvalid, state) {
 		...state.isRequired ? { "aria-required": true } : void 0
 	};
 }
-//#endregion
 export { DateSegments };
 
 //# sourceMappingURL=index.js.map

package/dist/segments/styles.js

@@ -1,7 +1,7 @@
 import { themedStyles } from "../theme/styles.js";
 import { withOpacity } from "../theme/color.js";
 import { Platform, StyleSheet } from "react-native";
-//#region src/segments/styles.ts
+// src/segments/styles.ts
 const segmentStylesOf = themedStyles(({ colors, radii, spacing, stateLayerOpacity }) => StyleSheet.create({
 	segment: {
 		borderRadius: radii.xs,
@@ -18,7 +18,6 @@ const segmentStylesOf = themedStyles(({ colors, radii, spacing, stateLayerOpacit
 	textFocused: { color: colors.onPrimary },
 	textMuted: { color: colors.onSurfaceVariant }
 }));
-//#endregion
 export { segmentStylesOf };
 
 //# sourceMappingURL=styles.js.map

package/dist/separator/index.js

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

package/dist/slider/index.js

@@ -2,7 +2,7 @@ import { c } from "react/compiler-runtime";
 import { I18nManager, StyleSheet } from "react-native";
 import { useSharedValue } from "react-native-reanimated";
 import { Gesture } from "react-native-gesture-handler";
-//#region src/slider/index.ts
+// src/slider/index.ts
 const SLOP = 10;
 const SLOP_RANGE = [-10, SLOP];
 const TARGET = 48;
@@ -139,7 +139,6 @@ function useTrackGesture(t0) {
 	const tap = Gesture.Tap().maxDistance(SLOP).enabled(!isDisabled).runOnJS(true).onEnd(t5);
 	return Gesture.Race(testID === void 0 ? pan : pan.withTestId(`${testID}-pan`), testID === void 0 ? tap : tap.withTestId(`${testID}-tap`));
 }
-//#endregion
 export { ADJUSTABLE, SLOP_RANGE, adjustOf, closestThumb, lengthTo, percentOf, seatPlaceOf, seats, useTrackGesture };
 
 //# sourceMappingURL=index.js.map

package/dist/swatch/index.js

@@ -1,6 +1,6 @@
 import { createContext, use } from "react";
 import { parseColor } from "react-stately";
-//#region src/swatch/index.ts
+// src/swatch/index.ts
 /**
 * The colour of the ColorPicker around a control, which ColorArea,
 * ColorField, ColorSlider, ColorSwatch, ColorSwatchPicker and ColorWheel take
@@ -50,7 +50,6 @@ function usePickedColor(value, onChange) {
 		value: picker.value
 	};
 }
-//#endregion
 export { PickedColorContext, SwatchColorContext, colorNameOf, colorOf, usePickedColor };
 
 //# sourceMappingURL=index.js.map

package/dist/theme/color.js

@@ -1,5 +1,5 @@
 import { processColor } from "react-native";
-//#region src/theme/color.ts
+// src/theme/color.ts
 /**
 * A colour at a fraction of its own opacity, for the roles Material Design
 * gives as a colour at an opacity: a disabled container is on-surface at the
@@ -19,7 +19,6 @@ function withOpacity(color, opacity) {
 	const alpha = (argb >>> 24) / 255 * opacity;
 	return `rgba(${String(argb >>> 16 & 255)}, ${String(argb >>> 8 & 255)}, ${String(argb & 255)}, ${String(Math.round(alpha * 1e3) / 1e3)})`;
 }
-//#endregion
 export { withOpacity };
 
 //# sourceMappingURL=color.js.map

package/dist/theme/resolve.d.ts

@@ -1,6 +1,4 @@
-//#region src/theme/resolve.d.ts
 /** A cubic Bézier curve's control points, as `cubic-bezier()` lists them. */
 type Easing = readonly [x1: number, y1: number, x2: number, y2: number];
-//#endregion
 export type { Easing };
 //# sourceMappingURL=resolve.d.ts.map

package/dist/theme/resolve.js

@@ -1,4 +1,4 @@
-//#region src/theme/resolve.ts
+// src/theme/resolve.ts
 const CATEGORIES = [
 	["color", "colors"],
 	["motion", "motion"],
@@ -304,7 +304,6 @@ function resolveTheme(defaults, overrides = {}) {
 		theme
 	};
 }
-//#endregion
 export { parseLength, resolveTheme };
 
 //# sourceMappingURL=resolve.js.map

package/dist/theme/scope.d.ts

@@ -1,6 +1,5 @@
 import { t as KuiTheme } from "../kanso-ui-core/defaults-DMH0HWCw.js";
 import { Easing } from "./resolve.js";
-//#region src/theme/scope.d.ts
 type CamelCase<Name extends string> = Name extends `${infer Head}-${infer Tail}` ? `${Head}${Capitalize<CamelCase<Tail>>}` : Name;
 type KeysOf<Segment extends string, Property extends string = keyof KuiTheme> = Property extends `--kui-${Segment}-${infer Rest}` ? CamelCase<Rest> : never;
 /**
@@ -37,6 +36,5 @@ type ResolvedTheme = {
  * kept for as long as the theme is.
  */
 declare function useTheme(): ResolvedTheme;
-//#endregion
 export { type ResolvedTheme, useTheme };
 //# sourceMappingURL=scope.d.ts.map

package/dist/theme/scope.js

@@ -3,7 +3,7 @@ import { resolveTheme } from "./resolve.js";
 import { c } from "react/compiler-runtime";
 import { useColorScheme } from "react-native";
 import { createContext, use } from "react";
-//#region src/theme/scope.ts
+// src/theme/scope.ts
 const DEFAULTS = {
 	dark,
 	light
@@ -74,7 +74,6 @@ function useScope() {
 function useTheme() {
 	return useScope().theme;
 }
-//#endregion
 export { ScopeContext, merged, scopeFor, useScope, useTheme };
 
 //# sourceMappingURL=scope.js.map

package/dist/theme/styles.js

@@ -1,4 +1,4 @@
-//#region src/theme/styles.ts
+// src/theme/styles.ts
 /**
 * Styles in the order they apply, each over the ones before it, as React
 * Native's array form takes them. A call site's own `style` goes last.
@@ -33,7 +33,6 @@ function themedStyles(create) {
 		return sheet;
 	};
 }
-//#endregion
 export { composeStyles, themedStyles };
 
 //# sourceMappingURL=styles.js.map

package/dist/theme-scope.d.ts

@@ -1,7 +1,6 @@
 import { t as KuiTheme } from "./kanso-ui-core/defaults-DMH0HWCw.js";
 import { View, ViewProps } from "react-native";
 import { ComponentRef, Ref } from "react";
-//#region src/theme-scope.d.ts
 type ThemeScopeProps = ViewProps & {
   readonly ref?: Ref<ComponentRef<typeof View>>;
   /**
@@ -51,6 +50,5 @@ type ThemeScopeProps = ViewProps & {
  * it. What draws there follows the scope it was opened in, not the root's.
  */
 declare function ThemeScope({ children, scheme, style, theme, ...props }: ThemeScopeProps): import("react").JSX.Element;
-//#endregion
 export { type KuiTheme, ThemeScope, type ThemeScopeProps };
 //# sourceMappingURL=theme-scope.d.ts.map

package/dist/theme-scope.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/theme-scope.tsx
+// src/theme-scope.tsx
 const stylesOf = themedStyles(({ colors }) => StyleSheet.create({ pinned: { backgroundColor: colors.surface } }));
 /**
 * Themes what is inside it.
@@ -121,7 +121,6 @@ function ThemeScope(t0) {
 	} else t6 = $[28];
 	return t6;
 }
-//#endregion
 export { ThemeScope };
 
 //# sourceMappingURL=theme-scope.js.map

package/dist/typography/fonts.js

@@ -1,7 +1,7 @@
 import { c } from "react/compiler-runtime";
 import { Platform } from "react-native";
 import { useSyncExternalStore } from "react";
-//#region src/typography/fonts.ts
+// src/typography/fonts.ts
 let registry;
 let loading;
 const listeners = /* @__PURE__ */ new Set();
@@ -78,7 +78,6 @@ function useFontFamily(families) {
 	} else t0 = $[4];
 	return t0;
 }
-//#endregion
 export { useFontFamily };
 
 //# sourceMappingURL=fonts.js.map

package/dist/typography/roles.d.ts

@@ -1,10 +1,8 @@
 import { StyleProp } from "react-native";
-//#region src/typography/roles.d.ts
 /**
  * The type scale on Material Design's typography pages: the display, headline,
  * title, body and label roles at large, medium and small.
  */
 type TypeRole = 'bodyLarge' | 'bodyMedium' | 'bodySmall' | 'displayLarge' | 'displayMedium' | 'displaySmall' | 'headlineLarge' | 'headlineMedium' | 'headlineSmall' | 'labelLarge' | 'labelMedium' | 'labelSmall' | 'titleLarge' | 'titleMedium' | 'titleSmall';
-//#endregion
 export type { TypeRole };
 //# sourceMappingURL=roles.d.ts.map

package/dist/typography/roles.js

@@ -3,7 +3,7 @@ import { composeStyles, themedStyles } from "../theme/styles.js";
 import { useFontFamily } from "./fonts.js";
 import { c } from "react/compiler-runtime";
 import { StyleSheet } from "react-native";
-//#region src/typography/roles.ts
+// src/typography/roles.ts
 const WEIGHTS = [
 	100,
 	200,
@@ -76,7 +76,6 @@ function useTypeRole(role) {
 	} else t0 = $[3];
 	return t0;
 }
-//#endregion
 export { familyStyle, nativeWeight, useTypeRole };
 
 //# sourceMappingURL=roles.js.map

package/dist/typography/size.js

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-//#region src/typography/size.ts
+// src/typography/size.ts
 const TextSizeContext = createContext(void 0);
 /**
 * The font size of the library's Text around the caller, or `undefined` when
@@ -8,7 +8,6 @@ const TextSizeContext = createContext(void 0);
 function useTextSize() {
 	return useContext(TextSizeContext);
 }
-//#endregion
 export { TextSizeContext, useTextSize };
 
 //# sourceMappingURL=size.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanso-labs/react-native-kanso-ui",
-  "version": "0.11.5",
+  "version": "0.11.7",
   "description": "Kanso UI's Material Design components for React Native, themed through the same --kui-* design tokens as the web library",
   "keywords": [
     "react-native",
@@ -61,7 +61,7 @@
     "@commitlint/config-conventional": "21.2.4",
     "@eslint/js": "10.0.1",
     "@jest/globals": "29.7.0",
-    "@kanso-labs/kanso-ui-core": "0.1.1",
+    "@kanso-labs/kanso-ui-core": "0.1.2",
     "@react-native/babel-preset": "0.88.0",
     "@react-native/jest-preset": "0.88.0",
     "@rolldown/plugin-babel": "0.2.4",
@@ -86,7 +86,7 @@
     "lint-staged": "17.6.0",
     "oxfmt": "0.74.0",
     "oxlint": "1.89.0",
-    "oxlint-tsgolint": "7.0.2004",
+    "oxlint-tsgolint": "7.0.2005",
     "playwright": "1.64.1",
     "publint": "0.3.25",
     "react": "19.3.1",
@@ -100,7 +100,7 @@
     "react-native-worklets": "0.13.0",
     "storybook": "10.6.3",
     "test-renderer": "1.3.1",
-    "tsdown": "0.23.1",
+    "tsdown": "0.23.2",
     "typescript": "6.0.3",
     "typescript-eslint": "8.72.0",
     "vite": "8.3.5",